body, p {font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 26px;color: #242424; }

.custom-container { padding-left: 5rem; padding-right: 5rem;}
.navbar .hd-logo img { width: 100%; height: 100%;object-fit: cover;}
.p-last {margin: 0;}
.header {text-align: center; background: #fff;padding: 18px 0 0;}
.hd-logo{width: 275px; height: 65px;margin: 0 0 18px; }
.header .hd-logo img { width: 100%;height: 100%; object-fit: cover;}
.header .line {border-bottom: 1px solid#38a049;margin: 0 auto;/*max-width: 90%;*/}
 nav ul { list-style: none; margin: 15px 0;padding: 0 10px;display: flex;flex-wrap:wrap; gap: 30px;row-gap: 3px;}
 nav ul li { display: inline-block;}
 nav ul li a {text-decoration: none;color: #000;font-size: 14px;font-weight: 600;transition: 0.3s;}
 nav ul li a:hover {color: #35a149;}

.text-para {font-size: 18px;line-height: 29px;}
.text-para p {padding: 0 0 13px; z-index: 1;position: relative;}

 section {position: relative;padding: 60px 0;}  
.sap-btn-light button, .sap-btn-light a { background-color: #38a049; border: 2px solid #38a049; color: #fff; text-transform: capitalize; padding: 10px 25px;
    text-decoration: none; border-radius: 10px; font-size: 16px; transition: 0.3s ease-in-out;}
.sap-btn-light button:hover, .sap-btn-light a:hover { background-color: #fff; border: 2px solid #38a049; color: #38a049;text-shadow: none; }
.xlg-heading { font-size: 45px; line-height: 77px; font-weight: 600;  letter-spacing: -2px;}
.lg-heading { font-size: 42px; line-height: 77px; font-weight: 600; letter-spacing: -2px; color: #0c5117;}

.sap-md-heading { font-size: 40px; line-height: 42px; letter-spacing: -2px; padding: 0 0 18px; font-weight: 600;}
.sap-sm-heading { font-size: 20px;line-height: 27px;font-weight: 600;letter-spacing: -1px;padding: 0 0 18px;}
.header-inner { display: flex; justify-content: space-between; align-items: center;}

.language-switch {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 14px;
}
.language-switch a {
  color: #333;
  text-decoration: none;
  margin: 0 5px;
}
.language-switch a:hover {
  text-decoration: underline;
}
.goog-te-banner-frame.skiptranslate {
    display: none !important;
} 

.goog-logo-link {
    display: none !important;
}

.goog-te-gadget {
    height: 28px !important;
    overflow: hidden;
}
/******************************/


/**************************index page************************/
.banner-text {height: 6em;width: 100%;flex-basis: 100%;position: relative;z-index: 1;font-size: 70px;line-height: 90px;padding: 0 26px 7px;text-align: center;color: #38a049;font-weight: 600;
    text-shadow: -1px -1px 0 #51ff96, 1px 0px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #fff;}
.banner-text .line { position: absolute; width: 100%; opacity: 0; animation: textFade 8s infinite; right: 0; left: 0;}
.line.line-txt { color: #b9b6b6; font-weight: 600; text-shadow: -1px -1px 0 #51ff96, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #000;}
.banner-text .line:nth-child(1) {animation-delay: 0s;}
.banner-text .line:nth-child(2) { animation-delay: 4s;}

@keyframes textFade {
  0% { opacity: 0; transform: translateY(20px); }
  10% { opacity: 1; transform: translateY(0); }
  40% { opacity: 1; transform: translateY(0); }
  50% { opacity: 0; transform: translateY(-20px); }
  100% { opacity: 0; transform: translateY(-20px); }
}




.banner-sec{background-image: url(../images/partnering.png);
    background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: center;width: 100%;height: calc(100vh - 99px);}
.banner-sec:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 69%);}
.banner-inner { display: flex; justify-content: space-between; align-items: center; height: 100%;}
.banner-left { width: 100%; flex-basis: 100%; max-width: 50%; position: relative; z-index: 1;}
.content { position: relative; color: #fff;}


.banner-right { position: relative;text-align: center; background: rgba(255, 255, 255, 0.1); border-radius: 16px; padding: 20px 20px 40px; max-width: 38%; width: 100%;
    color: #fff; backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.2);
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.8); z-index: 1; box-shadow: 0 8px 32px rgba(0, 255, 128, 0.1);}
.banner-right .text-para p {min-width: 200px;max-width: 444px;color: #fff;padding: 0 0 8px;z-index: 1;position: relative;}


/******home-info-section******/

.home-info-sec { background: #cacaca; color: #000;}
.home-info-sec .sap-md-heading { font-size: 35px; color: #0c5117;}


/******home-services-section*****/

.services-sec-inner { padding: 0 0 40px; text-align: center;}
#reverse .services-box-inner { flex-direction: row-reverse;}
.services-box-inner { display: flex; justify-content: space-between; border-top: 0.2px solid #38a049; border-radius: 10px; overflow: hidden; margin-bottom: 3px;}
.services-box-inner.st-last-child { border-bottom: 0.2px solid #38a049;}
.services-lft { width: 100%; flex-basis: 100%; max-width: 50%; display: flex; justify-content: center; flex-direction: column; padding: 164px 194px;
    background: linear-gradient(-86deg, #cde5ad 0%, #38a049 100%);  color: #fff;}
.services-lft .sap-md-heading { padding-bottom: 40px; text-shadow: 1px 0px 0 #51ff96, 3px 0px 0 #000, 0px 0px 0 #000, 1px 1px 0 #000;}
.services-rt { display: flex; justify-content: center; width: 100%; flex-basis: 100%; max-width: 50%; position: relative;}
.services-rt:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(119 113 113 / 15%);}
.services-rt img { width: 100%; height: 100%;}


/*****home-contact-section******/

.contact-section { padding: 22px 0 80px;}
.home-con-inner{ display: flex; justify-content: space-between; align-items: center;}
.home-con-rt { display: flex; justify-content: center; width: 100%; flex-basis: 100%; max-width: 50%; position: relative;}
.home-con-lft { width: 100%;flex-basis: 100%;max-width: 50%; display: flex; justify-content: center; flex-direction: column; color: #fff;overflow: hidden;
    border-radius: 20px;}


/********home-form******/

.form-inner {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px; padding: 40px;  border-radius: 10px; background: rgb(255, 255, 255);}

.form-inner .form-control, .form-inner select.form-select.set-select { height: 50px; font-style: normal; font-weight: 500; line-height: 24px; letter-spacing: -0.14px;
    color: rgba(45, 41, 38, 0.6) !important;font-size: 14px !important; border-radius: 5px; margin: 0px 0px 15px; border-width: 1px; border-style: solid;
    border-color: rgba(0, 0, 0, 0.1); border-image: initial;}
 .form-inner .sap-btn-light a { background-color: #38a049; border: 2px solid #38a049; color: #fff; text-transform: capitalize; padding: 10px 25px;
    text-decoration: none;  font-size: 16px; width: 100%; display: block;
     text-align: center;transition: 0.3s ease-in-out;}
 .form-inner .sap-btn-light a:hover { background-color: #fff; border: 2px solid #38a049; color: #38a049;}
.home-con-rt-inner .lg-heading { text-align: center; padding: 0 0 15px; font-size: 35px;}




/**************************about page************************/

.about-first-fold-inner {display: flex;}
.about-first-fold-inner .left-sec {margin: 0 40px 0 0;}
.about-img img { height: 100%; width: 100%; object-fit: cover;}

.inner-ban-sec {background-repeat: no-repeat; background-position: center; background-size: cover; min-height: 560px; position: relative; padding: 0; display: flex;
    align-items: center;}
.inner-ban-sec:before { content: ""; background-color: rgb(0 0 0 / 60%); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.inner-ban-sec-inner { position: relative;}


.about-first-fold { padding: 80px 0;}
.about-info-sec {background: #cacaca; color: #000;}
.about-info-sec .sap-md-heading { font-size: 35px;}
.about-first-fold .text-para p {line-height: 29px;}
.about-page .inner-ban-sec { background-image: url(../images/about-bn.jpg);}
.about-page .lg-heading { font-size: 70px; line-height: 90px; padding: 0 26px 7px; text-align: center; color: #38a049;
    font-weight: 600; text-shadow: -1px -1px 0 #51ff96, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.about-img { overflow: hidden; border-radius: 30px;width: 100%;max-width: 400px; min-width: 400px; min-height: 300px; height: 100%;}
.about-page .sap-md-heading { font-size: 35px;color: #0c5117;}


.why-different-sec {background: #f6f6f6;}
.why-different-sec-inner {padding: 20px;}
.why-different-sec .sap-md-heading {padding: 0 0 38px;}
.item {background:#fff; padding: 20px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.1);}
.item p { line-height: 29px;}


/**************************contact page************************/


.contact-page .inner-ban-sec { background-image: url(../images/con-ban.jpg);}
.contact-page .lg-heading { font-size: 70px; line-height: 90px; padding: 0 26px 7px; text-align: center; color: #38a049;
    font-weight: 600; text-shadow: -1px -1px 0 #51ff96, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}

.contact-page .sap-sm-heading {padding: 5px 5px 12px; }
.contact-page  .sap-md-heading { color: #0c5117;}

.contact-page .text-para p {padding: 0 0 13px; z-index: 1; position: relative;font-size: 20px;}
.contact-first-fold-inner {  display: flex;align-items: center;justify-content: space-around;border-top: 0.2px solid #38a049;margin-bottom: 3px;padding: 55px 0 0;}
.banner-bot-box { box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;min-height: 150px; width: 100%; display: flex; flex-direction: column; justify-content: center;
    align-items: center; border-radius: 10px; background: rgb(255, 255, 255); padding: 36px 27px;}
.banner-bot-grid {
    display: grid;text-align: center; gap: 10px;}
.top-title {font-size: 18px; line-height: 29px;}
.contact-first-fold-inner .form-inner {  padding: 60px 50px;}
.cont-map-sec {padding: 0 0 80px;}
.icon-con i {font-size: 60px;}


/******footer-section******/

footer { /* background: #97c397; */  padding: 60px 0 0;  border-top: 1px solid #38a049;}
.f-inner { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.f-logo { width: 275px; height: 65px; margin: 0 0 18px;}
.f-logo img { width: 100%; height: 100%; object-fit: cover;}
.f-links { display: flex; align-items: center; justify-content: center; text-align: center; list-style-type: none; padding: 24px 0 60px; margin: 0;}
.f-links li a { text-transform: capitalize; font-weight: 600; color: #000; font-size: 14px; padding: 0 20px; text-decoration: none; transition: all .3s ease-in-out;}


/********************media query***********************************/

@media(max-width:1440px){
.services-lft {padding: 97px 100px;}
}

@media(max-width:1399px){
.banner-text { font-size: 62px; line-height: 74px;}
.banner-right {max-width: 65%; margin: 0 auto;}

.services-lft {padding: 97px 100px;}
.services-lft, .services-rt {max-width: 100%;}
.services-lft .sap-md-heading {padding-bottom: 20px;}
.sap-md-heading {font-size: 32px;line-height: 39px;}

}

@media(max-width:1199px){

.banner-text {font-size: 48px;line-height: 63px;}
.services-lft {padding: 50px;}
.services-lft, .services-rt {max-width: 100%;}
.services-lft .sap-md-heading {padding-bottom: 20px;}
.sap-md-heading {font-size: 32px;line-height: 39px;}
.about-page .sap-md-heading  {font-size: 28px;line-height: 39px;}
.contact-page .lg-heading, .about-page .lg-heading  { font-size: 60px;}

}

@media(max-width:991px){
.banner-text {font-size: 38px;line-height: 54px;}
.text-para { font-size: 16px;}
.custom-container { padding-left: 10px; padding-right: 10px;}
.banner-left{ max-width: 100%;}
.banner-sec { height: auto;}

.services-lft {padding: 20px;}
.banner-inner { display: block;}
.banner-right .text-para p { max-width: 100%;}

.contact-first-fold-inner .form-inner { padding: 56px 20px;}

}


@media(max-width:767px){
.xlg-heading { font-size: 34px; line-height: 39px;padding: 0 0 30px;}
.lg-heading { font-size: 35px;}
.contact-page .lg-heading, .about-page .lg-heading  { font-size: 50px;}
.sap-sm-heading {font-size: 18px;}
 section {padding: 40px 0;}
.home-info-sec .sap-md-heading { font-size: 25px; color: #0c5117; line-height: 30px;}
.banner-text {text-shadow: -1px -1px 0 #51ff96, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;}
.line.line-txt {text-shadow: 0px 1px 0 #fff, 1px 1px 0 #fff, 0px 0px 0 #fff, 0px 1px 0 #000;}
.services-box-inner, .home-con-inner, .banner-inner, .contact-first-fold-inner {display: block;}
.services-lft, .services-rt, .home-con-lft, .home-con-rt {max-width: 100%;}
.home-con-rt-inner .lg-heading {padding: 21px 0px 0px;font-size: 31px;}
.contact-section { padding: 22px 0 70px;}
.services-box-inner {margin: 10px;}
.services-sec-inner { padding: 0 0 10px;}
.banner-left, .banner-right {max-width: 100%;}
.contact-first-fold-inner .form-inner { padding: 30px 20px;margin: 30px 0 20px;}

.about-img { min-width: auto;min-height: auto;}
.about-first-fold-inner .left-sec {margin: 0px;}
.about-first-fold-inner{ flex-direction: column;}
.about-first-fold { padding: 15px 0 42px;}
.about-first-fold-inner .right-sec { padding: 40px 0 0;}




}
 @media (max-width:575px) {
 .inner-ban-sec {  min-height: 259px; margin: 57px 0px;padding: 0;}
 .language-switch {top: 6px; right: 18px;}

 }


@media(min-width:768px) and (max-width:1440px){
 .home-con-inner {gap: 22px;}
 .home-con-lft {height: 580px;}
 .home-con-lft img {width: 100%;height: 100%;object-fit: cover;}

  
} 


@media (max-width:475px){
.navbar .hd-logo { height: 58px;} /*second header */
nav ul li a {font-size: 14px;}
nav ul { margin: 10px 0;}

.banner-text {font-size: 30px; line-height: 40px;}
.hd-logo {margin: 8px 0 18px;}


}

@media (max-width:425px){
 nav ul {padding-left: 36px;}
}