.mySlidess {
  
   display: none;
}
/* Slideshow container */
.slideshow-containers {
  
    margin: auto;
}
/* The dots/bullets/indicators */
.dots {

    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;

}

.active {
    background-color: #717171;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 600px) {

    .prevs,
    .nexts,
    .texts {
        font-size: 11px
    }
}

/* Next & previous buttons */
.prevs,
.nexts {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.nexts {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevs:hover,
.nexts:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.homeButton
{
background-color: #37AF54;
Height:32px;
Radius:4px;
Padding:4px, 10px, 4px, 10px;
Gap:10px;
border: none;
font-family: inter;
font-size: 14px;
color: #fff;
text-align: center;
}
.homeButton :hover
{
background-color: #1bb486;

Height:32px;
Radius:4px;
Padding:4px, 10px, 4px, 10px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
Gap:10px;
border: none;
font-family: inter;
font-size: 14px;
color: #fff;
text-align: center;
}
.authorize-text
{
  font-size: 11px;
  font-family: inter;
}
.home-text-fields
{
  border: none;
  border-radius: 10px;
}
.small-contact-form
{
  width:400px;    
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: left;
  color: #000000;
  justify-content: center !important;
  font-family: 'Inter' !important;
  padding: 24px;
  background-color: #fff;
  margin-top:40px;
  border-radius: 10px;
}

.white-card 
{
  border-radius: 12px;
  height: 200px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: center;
  color: #000000;
  justify-content: center !important;
  display: table-column;
  font-family: 'Inter' !important;
  column-gap:10px;
}
.white-card-text
{
color: #000; font-family: inter; font-size: 14px;text-align: center !important;
}

.accolades
{
  width:600px;  
  height:365px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: left;
  color: #000000;
  justify-content: left !important;
  font-family: 'Nunito' !important;
  padding: 24px;
  background-color: #fff;
  
  position: relative; overflow: hidden;
}

.how-we-make
{
  width:600px;    
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: center;
  color: #000000;
  justify-content: center !important;
  font-family: 'Inter' !important;
  padding: 24px;
  background-color: #fff;
  margin-top:40px;
  border-radius: 10px;
}
.corporate-part-prog
{
  width:730px;    
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: center;
  color: #000000;
  justify-content: center !important;
  font-family: 'Inter' !important;
  padding: 24px;
  background-color: #fff;
  margin-top:40px;
  border-radius: 10px;
  font-size: 20px;text-align: left;
}
.list-texts
{

  list-style-type:disc; text-align:left;font-size:14px;font-family:Roboto ;
}
.box-heading-texts
{
  text-align: left; font-size:24px;line-height: 33px;font-weight: 500px;font-family: Roboto;
}

.list-texts-iot
{
  text-align:left;font-size:16px;font-weight: 500px;font-family: Roboto;
}
.list-texts-iot-desc
{
  text-align:left;font-size:14px;
}

/* Slideshow container */
.slideshow-container {
  position: relative;
  background: #fff;
}

/* Slides */
.mySlides {
  display: none;
  padding: 0px;
  text-align: left;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
 margin: 7px -10px 0 -10px;
  padding: 6px;
  color: #37AF54;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  position: absolute;
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: gray;opacity: 0.5;
  color: white;
}

/* The dot/bullet/indicator container */
.dot-container {
  text-align: center;
  padding: 20px;
  
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 8px;
  width: 8px;
  margin: 0 2px;
  background-color: #1bb486;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: #717171;
}

/* Add an italic font style to all quotes */
q {font-style: italic;}

/* Add a blue color to the author */
.author {color: cornflowerblue;}


/*Style for testimonial*/
.column-of-testimonial {
  float: left;
  width: 80px;
  height: 70px;

}
.column-of-testimonial-name
{
  font-size: 13px;
  height: 70px;
}

/* Clear floats after the columns */
.row-of-testimonial:after {
  content: "";
  display: table;
  clear: both;

}

 .circle-img {
    display: block;
    width: 60px;
    height: 60px;
   
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    -webkit-border-radius: 99em;
    -moz-border-radius: 99em;
    border-radius: 99em;
    border: 5px solid #eee;
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  }
.checked {
  color: orange;
}
.testimonial-fulltext
{
  font-size: 13px;text-align: left;  border: 0px solid red;margin: 0px 35px 0 35px;
}
@media only screen and (max-width: 600px) {.testimonial-fulltext{font-size: 11px;margin: 0px 0px 0 20px; }}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.tablinks {
  background-color: #fff;
  border: 1px solid #000;
  color: #000; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width:240px;
  height:36px;
  border-radius: 50px;
  gap: 10px;
  border-radius: 12px;
  float:left;
  font-family: Nunito;
}

.tablinks:hover{
  background-color: #1bb486;
  opacity:50%;
  border: 1px solid #fff;
  color: #fff;  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width:240px;
  height:36px;
  border-radius: 50px;
  gap: 10px;
  border-radius: 12px;
  float:left;
   font-family: Nunito;
}

.bottomright {
  position: absolute;
  bottom: 8px;
  right: 16px;
  font-size: 18px;
  color: #fff;
}
/* Change background color of buttons on hover */
.tablinks button:hover {
  background-color: #fff;
  color: #000;
}

/* Create an active/current "tab button" class */
.tablinks button.active {
 background-color: #fff;
 color: white; 
}

.column-of-iot  {
  float: left;
  width: 50%;
}

/* Clear floats after the columns */
.row-of-iot:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 600px) {
  .column-of-iot {
    width: 100%;
  }
}



.column-of-whatmakeus-tabs {
  float: left;
  margin: 0 0 0 10px;
}

/*.tabcontent {
  float: left;
  display:none;margin: 0 0 0 130px; width:800px;
}

@media screen and (max-width: 600px) {
  .tabcontent {
    float: left;
  display:none;margin: 0 0 0 -174px;
  }
}*/
.unique-tab-image
{
  width:400px;    
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  text-align: center;
  color: #000000;
  justify-content: center !important;  
  padding: 24px;
  background-color: #fff;
  margin-top:0px;
  border-radius: 25px;
}
.tabs-unique-img
{
  width:380px;  
  border-radius: 25px;
  float:left;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

@media screen and (max-width: 600px) {
  .tabs-unique-img {
    width: 345px;
    margin: 0 0 0 -39px;
  }
}
@media screen and (max-width: 600px) {
  .unique-tab-image {
    width: 345px;
    margin: 0 0 0 -39px;
  }
}


.getintouch-img
{ 

  background-color: #1BB486;
  border: 1px solid #fff;
  color: #fff; 
  text-align: center;  
  font-size: 14px; 
  width:130px;
  height:40px;
  border-radius: 6px;
  float:right;
}



.getintouch-img :hover
{
  background-color: #1BB486;
  border: 1px solid #fff;
  color: #fff; 
  text-align: center;  
  font-size: 14px; 
  width:130px;
  height:40px;
  border-radius: 6px;
  float:right;
  opacity: 70% !important;
}

.intouch-img
{ 
  background-color: #37AF54;
  border: 2px solid #37AF54;
  color: #fff; 
  margin-right: 1rem;
  font-size: 16px;
  border-radius: 99px;  
  font-weight: 600px;
  height: 49px;
  width: 190px;
  align-items: center;
  cursor: pointer;
  margin-top:15px;
  text-align: center;
  font-family: 'Roboto';
}
.intouch-img:hover
{
  border-radius: 99px;color: #fff;opacity: 70%;
}





/* Clear floats after the columns */
.row-of-whatmakeus:after {
  content: "";
  display: table;
  clear: both;
}tabs
.column-of-whatmakeus {
  float: left;
  
}
.corporate-paragraph
{
font-size: 20px;
font-family: Roboto;
text-align:center;border: 0px solid blue;line-height:30px;color: #000;
}
.left, .right {
  width: 25%;
}

.middle {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

.partner-button {
  background-color: #E3FAFF;
  border: 1px solid #000;
  color: #000; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;  
  height:36px;  
  gap: 40px;
  border-radius: 25px;
  font-weight: bold;
  padding-left: 20px;padding-right: 20px;
  font-family: Nunito;
}
.partner-button:hover{
  background-color: #37AF54;
  border: 1px solid #fff;
  color: #fff;  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;  
  height:36px;  
  gap: 10px;
  border-radius: 25px;padding-left: 20px;padding-right: 20px;
  font-family: Nunito;
}
.contact-us-tabs
{
float:right;margin: 360px 6px 0px 0px;
}
.contact-us-tabs a
{
float:right;margin: 360px 6px 0px 0px;opacity:80%;
}
.contact-us-tabs a:hover
{
float:right;margin: 360px 6px 0px 0px;opacity:80%;
}
.contact-us-tabs-left
{
float:left;margin: 360px 0px 0px 10px;
}
.contact-us-tabs-left a
{
float:left;margin: 360px 0px 0px 10px;opacity:80%;
}
.contact-us-tabs-left a:hover
{
float:left;margin: 360px 0px 0px 10px;opacity:80%;
}

.ways-partner-topic
{margin: 40px 0 33px 40px; text-align:center;font-size:24px;font-weight: bold;font-family: Nunito;}

@media screen and (max-width: 600px) {
  .ways-partner-topic{
    font-size:16px;
  }
}

.ways-partner-desc
{margin: -11px 0 24px 20px; text-align:center;font-size: 22px;font-family: Roboto;}
@media screen and (max-width: 600px) {
  .ways-partner-desc{
    font-size:12px;
    font-family: Roboto;
  }
}


.below-watch-text
{margin: 20px 40px 0 30px; text-align:center;font-size: 18px;font-family: Roboto;}

@media screen and (max-width: 600px) {
  .below-watch-text {
   font-size: 12px;
  }
}
.column-partner {
  float: left;
  text-align: center;
  flex: 50%;  width:50%;height: 419px;border-radius: 10px 0px 0px 10px;
}

/* Clear floats after the columns */
.row-partner:after {
  content: "";
  display: table;
  clear: both;
  display: flex;
  border-radius: 10px;
}
@media screen and (max-width: 600px) {
  .column-partner {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .column-partner-right {
    width: 50%;
  }
}
.column-partner-image {
  float: left;
  border-radius: 0px 10px 10px 0px;
  flex: 50%;
  width:50%;height: 419px; 
}
.column-partner-image-left {
  float: left;
  border-radius: 10px 0px 0px 10px;
  flex: 50%;
  width:50%;height: 419px; 
}
.column-partner-right {
  float: left;
 text-align: center;
  flex: 50%; width:50%;height: 419px;border-radius: 0px 10px 10px 0px;
}
@media screen and (max-width: 600px) {
  .column-partner-image {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .column-partner-image-left {
    width: 50%;
  }
}



/* Slideshow container */

.mySlidesb {
  display: none;
}
/* Next & previous buttons */
.prevb, .nextb {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.nextb {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prevb:hover, .nextb:hover {
  background-color: #1BB486;
}



/* The dots/bullets/indicators */
.dotb {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dotb:hover {
  background-color: #37AF54;
  border: 1px solid #fff;
  color: #fff;
}

/* Fading animation */
.fades {
  animation-name: fades;
  animation-duration: 1.5s;
}

@keyframes fades {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}


.plantation-section
{
  text-align: center;
  font-size: 20px;
  font-family: Inter;
}


div.sticky {
    position: sticky;
    position: -webkit-sticky;    
    top: 10%; 
    background-color: #AFE2FF;
    opacity: 90%;overscroll-behavior: contain; 

}
.sticky + .py-5 {padding-top: 30px;  }

.wayspart
{

  font-size: 28px !important;border: 1px solid #AFE2FF;opacity: 90%;
}

.differencetabs {
  background-color: #fff;
  border: 1px solid #000;
  color: #000; 
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width:320px;
  height:34px;
  border-radius: 50px;
  gap: 10px;
  line-height: 18px;
  font-weight: bold;
  font-family: 'Nunito';
}

.differencetabs:hover{
  background-color: #FFCC31 !important;
  font-weight: bold;
  border: 1px solid #000;
  color: #000;  
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  width:320px;
  height:34px;
  border-radius: 50px;
  gap: 10px;
  line-height: 18px;
  font-family: 'Nunito';
  
}

/* Change background color of buttons on hover */
.actives, .differencetabs:hover {
  background-color: #FFCC31;
  color: #000;
}


.right-box-difference
{

  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 10px;color: #000;
}

.list-title

{
 text-align: center;font-size: 16px;font-family: Nunito;font-weight: 500px;background-color:#FFCC31;
}

.let-us-help
{
  font-size: 46px;  font-family: Nunito;  font-weight: 500px;text-align: center;color: #000;
}
@media only screen and (max-width: 600px) {.let-us-help{font-size: 35px;  }}
.corporate-prog-title
{
  font-size:30px;font-weight: bold;font-family: Nunito;
}
.let-us-help-para
{font-size: 22px;font-family: Roboto;font-weight: 400px;line-height:34px;text-align: center;}

.small-timing{font-size: 16px;font-family: Roboto;font-weight: 400px;line-height:24px;text-align: center;}


.rounded-help-button {
  background-color: #fff;
  border: 2px solid #37AF54;
  color: #37AF54; 
  margin-right: 1rem;
  font-size: 24px;
  border-radius: 99px;  
  font-weight: 600px;
  height: 72px;
  width: 302.92px;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-family: Nunito;
}

.rounded-help-button:hover{
  background-color:#EEFBF1;
  border: 2px solid #08835E;
  color: #08835E; 
  margin-right: 1rem;
  font-size: 24px;
  border-radius: 99px;  
  font-weight: 600px;
  height: 72px;
  width: 302.92px;
   display: flex;
  align-items: center;
  cursor: pointer;
  font-family: Nunito;
}





.title_lines {
    position: relative;
    font-size: 30px;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    color: #000;
    font-family: Nunito;
}
.title_lines:before, .title_lines:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 48%;
    height: 1px;
    content: '\a0';
    background-color: #1BB486;
    margin-left: 2%;
}
.title_lines:before {
    margin-left: -50%;
    text-align: right;
}
body {
    padding:0;
}

.followus
{
  font-size: 24px;  font-family: Nunito;  font-weight: 600px;text-align: center;color: #000;border: 0px solid red;
}

.social-icons{width:40px;height:40px;border: 0px solid red; text-align: center;margin: 7px 0 0 0;}

.grid-container-logo { display: grid;  gap: 20px;  grid-template-columns: auto auto auto auto auto auto auto;  padding: 10px;justify-content: center;}

.grid-item-logo {text-align: center; display: grid;}

.grid-logos{width: 135px;  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

@media only screen and (max-width: 600px) {.grid-container-logo{display: flex;flex-wrap: wrap; }}
 
.image_off, #home:hover .image_on{
   display:none;
}
.image_on, #home:hover .image_off{
   display:block;
}
@media only screen and (max-width: 600px) {.img-fluid{height:170px; }}