@import url("../fonts/fonts.css");
:root {
  
  --green: #75AE51;
  --black:#000;
  --white: #fff; 
  --dark-gray:#333739;
  --black-rgb:48,52,63;
  

}
html {    overflow:auto;scroll-behavior: smooth;   }
body{   margin: 0 auto;    font-family: 'Readex Pro'; font-size:16px; font-weight: 400;   font-style: normal;line-height: 1.6; color:var(--black); }
.body-wrapper {    background: var(--white);    max-width: 1920px;    margin: 0 auto;}
.container,.sppb-row-container {    max-width: 1600px;    width: 100%;    margin: 0 auto;}
h1, h2, h3, h4 {  font-family: 'Readex Pro';font-weight: 700; font-style: normal;line-height: 1.2; margin-bottom: 1rem; }
h1{ font-size:60px; }
h2{ font-size:60px; }
#hero h2{  font-weight: 400; font-size:28px; }
h3{  font-weight: 400; font-size:28px; }
.sppb-addon-feature h3{  font-weight: 700; font-size:18px;     margin: 10px 0 0 0;}


a {    color: var(--green);}
a:hover {    color: var(--black);}

#sp-main-body {    padding: 80px 0 0 0!important;}
#sp-main-body img{border-radius:100%!important;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
.btn, .sppb-btn{font-size: 16px;font-weight: 400;border-radius: 100px;padding: 15px 55px 15px 25px!important;}

.btn-primary, .sppb-btn-primary{background: url(../images/icon_arrow-right.svg) right 20px center no-repeat var(--green);    border-color: var(--green);color:var(--white);}
.btn-primary:hover, .btn-primary:focus, .sppb-btn-primary:hover, .sppb-btn-primary:focus{background:url(../images/icon_arrow-right.svg) right 20px center no-repeat  var(--dark-gray)!important;opacity:1!important;border-color: var(--dark-gray);color:var(--white);}
.btn-secondary, .sppb-btn-secondary{background:url(../images/icon_arrow-right.svg) right 20px center no-repeat  var(--dark-gray);    border-color: var(--dark-gray);color:var(--white);}
.btn-secondary:hover, .btn-secondary:focus, .sppb-btn-secondary:hover, .sppb-btn-secondary:focus{background:url(../images/icon_arrow-right.svg) right 20px center no-repeat  var(--green);border-color: var(--green);color:var(--white);}
.btn_more {    width: 44px;    height: 44px;    background: url(../images/icon_btn_more.svg) 0 0 no-repeat;    display: block;    position: absolute;    top: 0;    right: 0;transition: all 400ms;}
.btn_more:hover {    width: 44px;    height: 44px;    background: url(../images/icon_btn_more_green.svg) 0 0 no-repeat;    display: block;    position: absolute;    top: 0;    right: 0;transition: all 400ms;}

/*********************HEADER*********/
#sp-header {  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);position: fixed;}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {    display: inline-block;    padding: 0 35px;    line-height: 1;    font-size: 16px;    color:var(--dark-gray);}
.sp-megamenu-parent>li:hover>a {   color:var(--green);}
.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {     color:var(--green);}
.phone-link {}
.phone-link:hover {}
.sp-megamenu-parent>li:last-child>a {    padding: 0;}
.sp-module-content .mod-languages ul.lang-inline {     padding: 0 0 0 30px;}
#sp-header  .sp-module ul>li>a {    color: var(--dark-gray);}
#sp-header .sp-module ul>li>a:hover {    color:   var(--green);}

#hero .sppb-col-md-6:nth-child(2){    height: 100vh;}
.heroimg1 {    position: absolute;    top: 80px;    right: 0;   }
.heroimg2 {    position: absolute;    top: 190px;    right: -65px;   }
.heroimg3 {    position: absolute;    top: 332px;    left: 35px; }
.heroimg4 {    position: absolute;    top: 585px;    left: 230px;}
.herostory1 {    position: absolute;    top: 80px;    left: 30px; }
.herostory2 {    position: absolute;   position: absolute;    top: 490px;    left: -45px;}
.hero-stories:before{    content: '';    position: absolute;    width: 621px;    height: 745px;    background: url(../images/bg_arrow.svg) 0 0 no-repeat;    top: 170px;}
.herocontact1 {    position: absolute;    top: 30px;    left: 30px; }
.herocontact2 {    position: absolute;     top: 415px;    right: 85px;}
#service-features .sppb-row-column{    max-width: 20%;    flex-basis: 20%;} 
#aboutus .sppb-addon-text-block{font-weight:700;   font-size:18px; line-height: 1.6;}
#success > .sppb-row-container {    max-width: 1000px;}
#related #success > .sppb-row-container {    max-width: 500px!important;}
#success img {    max-width: 323px;    margin: 0 auto;}
#success .sppb-carousel-extended-team-content { padding:  20px;    margin: 0;    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);      width: 305px;    position: absolute;right: 8px;    top: 245px;}
#success .sppb-carousel-extended-outer-stage {    padding: 20px 0 80px 0;}
#success .sppb-carousel-extended-team-name {    font-size: 16px;    font-weight: 400;    margin-bottom: 0; display: flex;gap: 12px;}
#success .sppb-carousel-extended-team-designation{  color:var(--black);  font-size: 16px;    font-weight: 400;    margin-bottom: 0; display: flex;gap: 7px;}
#success .sppb-carousel-extended-dots {    bottom: -30px;    height: 20px;    top: auto;    display: none;}
#story:after{content: '';    position: absolute;    width: 1101px;    height: 818px;    background: url(/images/2023/10/18/bg_04.svg) 0 0 no-repeat;    bottom: -470px;}
.sppb-carousel-extended-nav-control .nav-control.next-control {    background: url(../images/icon_arrow_next.svg) 50% 50% no-repeat;}
.sppb-carousel-extended-nav-control .nav-control.next-control:hover {    background: url(../images/icon_arrow_next_green.svg) 50% 50% no-repeat;}
.sppb-carousel-extended-nav-control .nav-control.prev-control {   background: url(../images/icon_arrow_prev.svg) 50% 50% no-repeat;}
.sppb-carousel-extended-nav-control .nav-control.prev-control:hover {   background: url(../images/icon_arrow_prev_green.svg) 50% 50% no-repeat;}
.sppb-carousel-extended-nav-control .nav-control i{display:none;}

#clients .sppb-testimonial-pro:before {    background: url(../images/icon_quote.svg) 0 0 no-repeat;    position: absolute;    content: '';    display: block;    top: -25px;left:-30px;    width: 118px;    height: 100px;    z-index: 11;}
#clients .sppb-item-container {    border-radius: 15px;    background: var(--white);    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);    margin: 22px; padding:50px; display: flex;}
#clients .sppb-item-text {    max-width: 80%;    flex-basis: 80%;}
#clients .sppb-item-image {    max-width: 20%;    flex-basis: 20%;}
#clients .sppb-item-image  img{   margin: auto 0 auto auto;box-shadow: none!important;}
#clients .sppb-testimonial-pro .sppb-testimonial-message {    line-height: 24px;    font-weight: 300;}
#clients .sppb-addon-testimonial-pro-client-name {    font-size: 14px;}
#clients .sppb-testimonial-pro .sppb-carousel-indicators {    bottom: 80px;    margin-bottom: 0;}
#clients .sppb-carousel-indicators li {    background: var(--dark-gray);    border: none;    margin: 3px;}
#clients .sppb-testimonial-pro .sppb-carousel-indicators li.active {     background: var(--green);    border: none;width:10px;height:10px;    margin: 3px;}

#maddi img {    border-radius: 0;    box-shadow: none;}
#maddi {    position: absolute!important;    bottom: 0;    left: 0;}

.normalimg img {    border-radius: 0!important;    box-shadow: none!important;}


	
#sp-footer {    background: var(--white);    color: var(--black);}
#sp-footer ul.menu li {    display: inline-block;       margin: 35px 25px 0 25px;}
#sp-footer a {    color: var(--black);}
#sp-footer a:hover {    color: var(--green);}
#sp-footer .footermenu .sppb-addon-content {    text-align: center;}



.article-details .article-can-edit {     margin-bottom: 0;}

#hero.herocontact .sppb-col-md-6:nth-child(2) {
      height: 80vh;
}
#contact h3 {    font-weight: 700;    font-size: 35px;padding-left: 150px;}
.rightpage #contact h3{padding-left: 0px;}
#contact  img {    border-radius: 0;    box-shadow: none;}
#contact .phone p {    margin-top: 0;    margin-bottom: 8px;}
#contact .phone a {    color: var(--black)}
#hero.herocontact:after {
    content: '';
    position: absolute;
    background: url(/images/2023/10/19/about-hero-bg-2.svg) 100%0 no-repeat;
    width: 100%;
    height: 100%;
    bottom: -440px;
}

input[type="text"]:not(.form-control):focus, input[type="email"]:not(.form-control):focus, input[type="url"]:not(.form-control):focus, input[type="date"]:not(.form-control):focus, input[type="password"]:not(.form-control):focus, input[type="search"]:not(.form-control):focus, input[type="tel"]:not(.form-control):focus, input[type="number"]:not(.form-control):focus, select:not(.form-select):not(.form-control):focus {
    color: var(--black);    border-color: var(--green);}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control), input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
    font-size: 16px;    color: var(--black);   border: none;    border-radius: 0;    height: 45px;   }
.convertforms.cf-labelpos-left .cf-control-group:not(.cf-hide) .cf-control-label {    max-width: 20%;}
.convertforms .cf-input {border: none; }


#contact .colright {
    padding-left: 140px;
}

input[type="checkbox"] + label span{
border: 1px solid black;
}



input[type="checkbox"] {display:none;}
input[type="checkbox"] + label  span {  display: inline-block;    width: 25px;    height: 25px;    margin: 2px 10px 0 -38px;    vertical-align: middle;    cursor: pointer;   background: var(--white);      line-height: 1.3!important;    position: absolute;}
input[type="checkbox"]:checked + label span:before {	content: "";    color: #21549e;    background: url(../images/icon_done.svg) 0 0 no-repeat transparent; background-size: 21px!important;    width: 25px;    height: 25px;    position: absolute;    left: 1px;    top: 3px;}
.optin label.cf-label {
    padding-left: 40px;
}

.convertforms.cf-success .cf-response {
    background-color: var(--black);
    display: block;
}





@keyframes wave {
    2% {
        transform: translateX(1);
    }

    25% {
        transform: translateX(-5%);
    }

    50% {
        transform: translateX(-10%);
    }

    75% {
        transform: translateX(-5%);
    }

    100% {
        transform: translateX(1);
    }
}
@keyframes wave2 {
    2% {
        transform: translateY(1);
    }

    25% {
        transform: translateY(-5%);
    }

    50% {
        transform: translateY(-10%);
    }

    75% {
        transform: translateY(-5%);
    }

    100% {
        transform: translateY(1);
    }
}

#services.serv2:before{
	
content: '';
    position: absolute;
    background: url(../images/bg_02_02.svg) 100% 0 no-repeat;
    width: 100%;
    height: 100%;	top: 0; animation: wave 20s -1s reverse infinite;
	
}

#services.serv2:after{
	
content: '';
    position: absolute;
    background: url(../images/bg_02_01.svg) 100% 0 no-repeat;
    width: 100%;
    height: 100%;	top: 47px; animation: wave 20s -1s reverse infinite;
}

/*************OFFCANA*/
.burger-icon>span {    background-color: var(--dark-gray);}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {     display: inline-block;    padding: 0 35px;    line-height: 1;    font-size: 16px;    color: var(--dark-gray);opacity: 1;}

.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {    border-bottom: none;}
.offcanvas-menu .offcanvas-inner ul.menu>li a:hover, .offcanvas-menu .offcanvas-inner ul.menu>li a:focus, .offcanvas-menu .offcanvas-inner ul.menu>li span:hover, .offcanvas-menu .offcanvas-inner ul.menu>li span:focus {    color: var(--green);}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a.phone-link {}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--green) !important;
}

@media (max-width: 1600px ){
.container, .sppb-row-container {      padding-left: 30px;    padding-right: 30px;}
 #hero {   height: 75vh!important;background-size: 55%;}
#hero .sppb-col-md-6:nth-child(2) {    height: 75vh;}
#hero .sppb-img-responsive {    max-width: 90%;}
.heroimg1 {        right: 100px;}
.heroimg2 {        right: 65px;}
.heroimg3 {         left: -60px;}
.heroimg4 {   top: 520px;  left: 120px;}
#story:after {    bottom: -570px;}
.hero-stories:before {    background-size: 80%;}
.storypage #hero {    background-size: contain;}
.herostory2 {    top: 445px;    left: -45px;}
.contactpage #hero {
    background-position: 0px -55px!important;
    background-size: 38%;padding-top: 244px!important;
}
.herocontact2 {    top: 415px;    right: 145px;}






	
}

@media (max-width: 1440px ){
h1, h2 {   font-size: 50px;}
#hero .sppb-img-responsive {    max-width: 80%;}
.heroimg1 {    right: 58px;    top: 55px;}
.heroimg3 {    left: -85px;    top: 250px;}
.heroimg4 {    top: 460px;    left: 120px;}
#servicetask .sppb-row >.sppb-row-column   {   max-width: 22%;    flex-basis: 22%;}
#maddi img {       width: 420px;}
#sp-footer {    margin-top: -160px;}
#aboutus {    background-size: cover!important;}
.herostory2 {    top: 390px;    left: -45px;}
#sppb-addon-wrapper-446fe52d-0fa8-48c8-9cff-2c16c5fe9c0d {    margin-top: -35px;}


#contact {    margin-top: -130px!important;}

}
@media only screen and (min-device-width: 768px)   and (max-device-width: 1366px)  and (-webkit-min-device-pixel-ratio: 1) {
#hero {   height: 100vh!important;}
#hero .sppb-col-md-6:nth-child(2) {    height: 100vh;}
.hero-stories:before {    top: 70px;}
.contactpage #hero {    padding-top: 35px!important;}


}

@media only screen and (min-device-width: 1024px)   and (max-device-width: 1366px)  and (-webkit-min-device-pixel-ratio: 2) {
	
#hero {   height: 75vh!important;background-size: 55%;}
#hero .sppb-col-md-6:nth-child(2) {    height: 75vh;}
}


@media (max-width: 1280px ){
 #hero {   height: 75vh!important;background-size: 55%;}
#hero .sppb-col-md-6:nth-child(2) {    height: 75vh;}
#hero .sppb-img-responsive {    max-width: 70%;}
.heroimg1 {    right: -30px;    top: 70px;}
.heroimg2 {    right: 20px;    top: 155px;}
.heroimg3 {    left: -45px;    top: 250px;}
.heroimg4 {    top: 410px;    left: 120px;}
#maddi img {    width: 350px;}
.herostory2 {    top: 350px;    left: -45px;}
.hero-stories:before {    top: 125px;    background-size: 70%;}
#sppb-addon-wrapper-446fe52d-0fa8-48c8-9cff-2c16c5fe9c0d {    margin-top: -5px;}
.contactpage #hero {    padding-top: 230px!important;}
.herocontact2 {    top: 330px;    right: 145px;}
#hero.herocontact:after {    background-size: cover;}


}

@media (max-width: 1024px){
#hero {    height: auto!important;padding-top: 60px!important; background-size: 65%;}
.heroimg1 {    right: -30px;    top: -95px;}
.heroimg2 {    right: 20px;    top: -10px;}
.heroimg3 {    left: 30px;    top: 80px;}
.heroimg4 {    top: 245px;    left: 185px;}
 #services {    margin-top: -230px!important;}
#services .sppb-row >.sppb-row-column:nth-child(1)   {   max-width: 70%;    flex-basis: 70%;}
#services  #servicetask .sppb-row >.sppb-row-column   {   max-width: 25%;    flex-basis: 25%;}
h2 br {    display: none;}	
h1, h2 {    font-size: 40px;}
#maddi img {    margin-left: -35px;}	
#clients .sppb-row.sppb-align-center >.sppb-row-column:nth-child(1)   {   max-width: 20%;    flex-basis: 20%;}
#clients .sppb-row.sppb-align-center >.sppb-row-column:nth-child(2)   {   max-width: 80%;    flex-basis: 80%;}
#sp-footer1 .sppb-row.sppb-align-center >.sppb-row-column:nth-child(1)   {   max-width: 20%;    flex-basis: 20%;order: 2;}
#sp-footer1 .sppb-row.sppb-align-center >.sppb-row-column:nth-child(2)   {  max-width: 80%;    flex-basis: 80%;order: 3;}
#sp-footer1 .sppb-row.sppb-align-center >.sppb-row-column:nth-child(3)   {   max-width: 100%;    flex-basis: 100%;order:1;}	
#sp-footer1 .sppb-row.sppb-align-center >.sppb-row-column:nth-child(3)  img {    width: 195px;}	
#sp-footer .footermenu .sppb-addon-content {    text-align: right;}	

.storypage #hero .sppb-col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.storypage #hero {
    background-size: 65%;
}
.herostory1 {
    position: absolute;
    top: -20px;
    left: 30px;
}
.herostory2 {
    top: 190px;
    left: -45px;
}
#hero.herocontact .sppb-col-md-6:nth-child(2) {      margin-top: -300px;}
.herocontact1 {    top: 30px;    left: 125px;}



	
}


@media (max-width: 991px){
#sp-header {    height: 80px;}
#sp-header .logo {    height: 80px;}
#hero {    background-size: 80%;}	
#hero .sppb-img-responsive {    max-width: 80%;}
#hero .sppb-col-md-6:nth-child(2) {height: 770px;}
.heroimg1 {    right: 0;    top: 25px;    left: -80px;}
.heroimg2 {    right: -15px;    top: 93px;}
.heroimg3 {       left: -210px;    top: 190px;}.heroimg4 {    top: 375px;    left: -37px;}
 /* #hero .herostory1 .sppb-img-responsive {
   max-width: none;
}
#hero .herostory2 .sppb-img-responsive {
    max-width: none;
}*/



#services .sppb-row >.sppb-row-column:nth-child(1) {    max-width: 80%;    flex-basis: 80%;}
#services #servicetask .sppb-row >.sppb-row-column {    max-width: 50%;    flex-basis: 50%;    margin-bottom: 30px;}
.sppb-carousel-extended-nav-control .nav-control.next-control {     margin-right: -55px;}
.sppb-carousel-extended-nav-control .nav-control.prev-control {      margin-left: -55px;}
#clients .sppb-row.sppb-align-center >.sppb-row-column:nth-child(1)   {   max-width: 0%;    flex-basis: 0%;}
#clients .sppb-row.sppb-align-center >.sppb-row-column:nth-child(2)   {   max-width: 100%;    flex-basis: 100%;}
#sp-footer {    margin-top: 0;}
#sp-footer ul.menu li {    display: block;    margin: 25px 13px 0 25px;}
#maddi img {    width: 455px;}
.storypage #hero .sppb-col-md-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.storypage #hero .sppb-col-md-6:nth-child(1) {    }
.storypage #hero {    background-size: 75%;}

.hero-stories:before {
    top: 215px;
    background-size: 50%;
}

.herostory1 {
    position: absolute;
    top: -250px;
    left: 30px;
}
.herostory2 {
    top: -20px;
    left: -45px;
}
.storypage #hero .sppb-col-md-6:nth-child(2) {
    height: auto;
}
 #story {    padding-top: 120px!important;       background-size: 175%!important;
    background-position: top center!important;}

 #story  .sppb-row-column  {
    max-width: 100%;
    flex-basis: 100%;
}
.contactpage #hero {    padding-top: 130px!important;}
.herocontact1 {    top: 110px;    left: 45px;}
.herocontact2 {    top: 330px;    right: 25px;}

#contact {    margin-top: -315px!important;}

 #contact  .sppb-row-column  {
    max-width: 100%;
    flex-basis: 100%;
}

#hero.herocontact:after {
   display:none;
}
#contact {
    margin-top: -415px!important;
    content: '';
    background: url(/images/2023/10/19/about-hero-bg-2.svg) 100%0 no-repeat;
    width: 100%;
    height: 100%;
}
#contact .addon-root-text-block{}

}

@media (max-width: 736px){}

@media (max-width: 667px){}

@media (max-width: 600px){}
 
@media (max-width: 568px){}

@media (max-width: 430px){
	.container, .sppb-row-container {
    padding-left: 15px;
    padding-right: 15px;
}



#hero {    padding-top: 20px!important;    background-size: 135%;    background-position: 0 50%!important;}
h1, h2 {    font-size: 38px;}
#hero h2 {    font-weight: 400;    font-size: 26px;}
#hero br {    display: none;}	
#hero h1  {    margin-bottom: 20px!important;}
#hero .sppb-col-md-6:nth-child(2) {    margin-top: 90px;}
.heroimg1 {    right: -60px;    top: -35px;    left: -25px;}
.heroimg2 {    right: -90px;    top: -10px;}
.heroimg3 {    left: -125px;    top: 90px;}
.heroimg4 {    top: 210px;    left: 70px;}
#services .sppb-row >.sppb-row-column:nth-child(1) {    max-width: 100%;    flex-basis: 100%;}
#services #servicetask .sppb-row >.sppb-row-column {     max-width: 100%;    flex-basis: 100%;   margin-bottom: 30px;}	
.sp-page-builder .page-content #services {    height: auto!important;padding-bottom: 0!important;}	
#aboutus img{margin-bottom:30px;}
#aboutus .sppb-section:nth-child(2) .sppb-row-column:nth-child(1)   {order:2;}
#aboutus {    padding-bottom: 30px!important;}
#success {    padding-bottom: 60px!important;}
#stories {     padding-right: 15px!important;        padding-left: 15px!important;  }
#clients .sppb-item-container {    margin: 10px;    padding: 25px 25px 50px 25px;flex-direction: column;}
#clients .sppb-testimonial-pro:before {    top: -22px;    left: -8px;    background-size: 60%;}
#clients .sppb-item-text {    max-width: 100%;    flex-basis: 100%;order:2;}
#clients .sppb-item-image {    max-width: 100%;    flex-basis: 100%;    order: 1;}
#clients .sppb-item-image img {    margin: 0 auto 30px auto;   }
#clients .sppb-testimonial-pro .sppb-carousel-indicators {    bottom: 50px;}
#clients {    padding-bottom: 35px!important;}
#maddi img {    width: 300px;}
.storypage #hero {    background-size: cover;}
.herostory1 {    top: -250px;    left: 85px;    right: -92px;}
.herostory2 {    top: -100px;    left: 25px;}
.storypage #hero .sppb-img-responsive {
    max-width: 70%;
}
#story {    background-size: 320%!important;}
#contact h3 {    font-weight: 700;    font-size: 35px;    padding-left: 0px;}
#hero.herocontact .sppb-col-md-6:nth-child(2) {    margin-top: -120px;}
.contactpage #hero {    background-position: 0px -20px!important;    background-size: 50%;}
.herocontact1 {    top: -56px;    left: 87px;}
.herocontact2 {    top: 68px;    right: 0;    left: auto;    width: 150px;}
.convertforms .cf-content-wrap, .convertforms .cf-form-wrap {
    padding: 20px 0;
}
#contact .colright {
    padding-left: 10px;
}

	
}

@media (max-width: 384px){
	#sp-footer {    padding-bottom: 170px;}
	#clients {    padding-bottom: 0px!important;}
	
	
	
	
}

@media (max-width: 375px){}

@media (max-width: 320px){}