@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');
body {font-family: 'Lato', sans-serif;font-size: 16px;color: rgba(21, 21, 21, 0.8);-webkit-font-smoothing: antialiased;font-weight: 400;line-height: 1.3;text-align: left;}
/*banner styling start*/
.carousel-item {height: 93vh;min-height: 350px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.GalleryImg{border-bottom:1px solid #cccccc;border-radius:4px;width: 100%;height: 326px;margin-top: 1rem;margin-bottom: 1rem;border-radius: 4px;background-color:#cccccc;text-align:center;display:flex;justify-content:center}
.GalleryImg img{max-width: 100%;max-height: 100%;height:100%;display:block;border-radius: 4px;object-fit: cover;}
.carousel-control-next, .carousel-control-prev{opacity:1}
.carousel-control-next-icon,.carousel-control-prev-icon{color: #035043;opacity: 1;background-color: #a0f3e9;height: 36px;width: 35px;padding: 7px;background-image: none;font-size: 18px;border-radius: 4px;}
.carousel-indicators li {background-color:#a0f3e9}
.carousel-indicators li.active {background-color:#035043}
.footer .links li a:hover{color:#a0f3e9 !important;}
.BrandLogoContainer{height:80px;text-align:center;padding:5px;background-color:#f1f1f1;border:1px solid #cccccc;margin:5px 0;border-radius:4px;}
/*banner styling end*/
/*font-styling start*/
h1, h2, h3, h4, h5, h6 {font-family: "Lato", sans-serif;margin-top: 0;margin-bottom: 0;font-weight: 700;color: #151515;letter-spacing: 0;}
.section{position:relative}
.BrandLogo {height: 70px;width: 150px;padding: 5px 10px;}
/*font-styling end*/
/*Colours styling start*/
.bg-Theme-Green{background-color:#2fc4b2}
/*Colours styling end*/
.SectionTitle {font-size: 50px;line-height: 1.08;text-align:center;padding-bottom:50px;}
.SectionTitleSmall {font-size: 30px;line-height: 1.08;text-align:left;padding-bottom:30px;}
.row-50 {margin-bottom: -50px;}
.data{font-size:16px;line-height:1.5;font-family:'Lato', sans-serif;}
.SectionTitle.smallPadding{padding-bottom:30px;}
.form-control{width:100%;}
.btnSubmit, .btnSubmit:hover {background-color: #12947f;border-color: #12947f;color:#ffffff;}
/*pages Styling Start*/
/*------------Navbar styling start----------*/
.navbar.fixed-top{height:80px;}
.navbar{background-color:#ffffff; border-bottom:1px solid #cccccc;box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);}
.navbar .nav-link{font-size:18px;color:#414141;font-weight:600;padding:10px 15px !important;margin:0 5px}
.navbar .nav-link:hover{color:#414141;}
.navbar .active .nav-link{color:#03705d;background-color: rgba(47, 196, 178, 0.3607843137254902);border-radius: 4px;}
/*------------Navbar styling end----------*/
/*===================== Home Page Styling Start =======================*/
.countInfo {color: #072d27;text-align: center}
.countInfo .count{font-size:74px;font-weight:400}
.countInfo .info {font-size: 18px;font-weight: 700;padding: 20px;text-transform: uppercase;color: #fff601;background-color: #03705d;border-radius: 30px;margin-top: 30px;}
.product .InfoCard{ transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.product .InfoCard:hover {cursor: pointer;  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.InfoCard{padding:20px;text-align:center;border-radius:6px;background-color:#f2f2f2;height:100%}
.InfoCard .IconContainer{padding:20px;text-align:center;}
.InfoCard .IconContainer .icon{height:80px;width:80px;}
.InfoCard .title{font-size:20px;font-weight:700;text-align:center;padding-bottom:20px;padding-top:12px;}
.ContactInfoContainer {border: 1px solid #ccc;padding: 15px;background-color: #f2f2f2;border-radius: 4px;display:flex;align-items:center}
.ContactIcon{background-color: #12947f;height: 50px;width: 50px;text-align: center;color: #ffffff;font-size: 24px;padding: 10px;border-radius: 50%;margin-right: 18px;}
.ContactIcon.address{width: 64px;}
.ContactText{display:inline-block;font-weight:700;}
/*------Testimonial Styling start-------*/
.testimonialSection {background-color: #f2f2f2}
 .testim .wrap {position: relative;width: 100%;max-width: 1020px;padding: 40px 20px;margin: auto;}
 .testim .arrow {display: block;position: absolute;color: #414141;cursor: pointer;font-size: 2em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;padding: 5px;z-index: 100;}
 .testim .arrow:before {cursor: pointer;}
 .testim .arrow:hover {color: #414141;}
 .testim .arrow.left {left: 10px;}
 .testim .arrow.right {right: 10px;}
.testim .dots {text-align: center;position: absolute;width: 100%;bottom: 60px;left: 0;display: block;z-index: 3333;height: 12px;}
.testim .dots .dot {list-style-type: none;display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color:#cccccc;margin: 0 10px;cursor: pointer;-webkit-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;position: relative;}
.testim .dots .dot.active,.testim .dots .dot:hover {background: #12947f;border-color: #12947f;}
/*.testim .dots .dot.active {-webkit-animation: testim-scale .5s ease-in-out forwards;-moz-animation: testim-scale .5s ease-in-out forwards;-ms-animation: testim-scale .5s ease-in-out forwards;-o-animation: testim-scale .5s ease-in-out forwards;animation: testim-scale .5s ease-in-out forwards;}*/
.testim .cont {position: relative;overflow: hidden;}
.testim .cont > div {text-align: center;position: absolute;top: 0;left: 0;padding: 0 0 70px 0;opacity: 0;}
.testim .cont > div.inactive {opacity: 1;}
.testim .cont > div.active {position: relative;opacity: 1;}
.testim .cont div .img img {display: block;width: 100px;height: 100px;margin: auto;border-radius: 50%;}
.testim .cont div h2 {color: #12947f;font-size: 24px;margin: 15px 0;}
.testim .cont div p {font-size: 1.15em;width: 80%;margin: auto;}
.testim .cont div.active .img img {-webkit-animation: testim-show .5s ease-in-out forwards;-moz-animation: testim-show .5s ease-in-out forwards;-ms-animation: testim-show .5s ease-in-out forwards;-o-animation: testim-show .5s ease-in-out forwards;animation: testim-show .5s ease-in-out forwards;}
.testim .cont div.active h2 {-webkit-animation: testim-content-in .4s ease-in-out forwards;-moz-animation: testim-content-in .4s ease-in-out forwards;-ms-animation: testim-content-in .4s ease-in-out forwards;-o-animation: testim-content-in .4s ease-in-out forwards;animation: testim-content-in .4s ease-in-out forwards;}
.testim .cont div.active p {-webkit-animation: testim-content-in .5s ease-in-out forwards;-moz-animation: testim-content-in .5s ease-in-out forwards;-ms-animation: testim-content-in .5s ease-in-out forwards;-o-animation: testim-content-in .5s ease-in-out forwards;animation: testim-content-in .5s ease-in-out forwards;}
.testim .cont div.inactive .img img {-webkit-animation: testim-hide .5s ease-in-out forwards;-moz-animation: testim-hide .5s ease-in-out forwards;-ms-animation: testim-hide .5s ease-in-out forwards;-o-animation: testim-hide .5s ease-in-out forwards;animation: testim-hide .5s ease-in-out forwards;}
.testim .cont div.inactive h2 {-webkit-animation: testim-content-out .4s ease-in-out forwards;-moz-animation: testim-content-out .4s ease-in-out forwards;-ms-animation: testim-content-out .4s ease-in-out forwards;-o-animation: testim-content-out .4s ease-in-out forwards;animation: testim-content-out .4s ease-in-out forwards;}
.testim .cont div.inactive p {-webkit-animation: testim-content-out .5s ease-in-out forwards;-moz-animation: testim-content-out .5s ease-in-out forwards;-ms-animation: testim-content-out .5s ease-in-out forwards;-o-animation: testim-content-out .5s ease-in-out forwards;animation: testim-content-out .5s ease-in-out forwards;}

#ourClients .InfoCard{padding: 10px;text-align: center;border-radius: 6px;background-color: rgba(242, 242, 242, 0.52);height: 100%;}
#ourClients .InfoCard .title {font-size: 15px;font-weight: 700;text-align: center;padding-bottom: 12px;padding-top: 12px;}
@-webkit-keyframes testim-scale {
    0% {-webkit-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-webkit-box-shadow: 0px 0px 10px 5px #eee;box-shadow: 0px 0px 10px 5px #eee;}
    70% {-webkit-box-shadow: 0px 0px 10px 5px #ea830e;box-shadow: 0px 0px 10px 5px #ea830e;}
    100% {-webkit-box-shadow: 0px 0px 0px 0px #ea830e;box-shadow: 0px 0px 0px 0px #ea830e;}
}
@-moz-keyframes testim-scale {
    0% {-moz-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-moz-box-shadow: 0px 0px 10px 5px #eee;box-shadow: 0px 0px 10px 5px #eee;}
    70% {-moz-box-shadow: 0px 0px 10px 5px #ea830e;box-shadow: 0px 0px 10px 5px #ea830e;}
    100% {-moz-box-shadow: 0px 0px 0px 0px #ea830e;box-shadow: 0px 0px 0px 0px #ea830e;}
}

@-ms-keyframes testim-scale {
    0% {-ms-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-ms-box-shadow: 0px 0px 10px 5px #eee;box-shadow: 0px 0px 10px 5px #eee;}
    70% {-ms-box-shadow: 0px 0px 10px 5px #ea830e;box-shadow: 0px 0px 10px 5px #ea830e;}
    100% {-ms-box-shadow: 0px 0px 0px 0px #ea830e;box-shadow: 0px 0px 0px 0px #ea830e;}
}

@-o-keyframes testim-scale {
    0% {-o-box-shadow: 0px 0px 0px 0px #eee;box-shadow: 0px 0px 0px 0px #eee;}
    35% {-o-box-shadow: 0px 0px 10px 5px #eee;box-shadow: 0px 0px 10px 5px #eee;}
    70% {-o-box-shadow: 0px 0px 10px 5px #ea830e;box-shadow: 0px 0px 10px 5px #ea830e;}
    100% {-o-box-shadow: 0px 0px 0px 0px #ea830e;box-shadow: 0px 0px 0px 0px #ea830e;}
}

@keyframes testim-scale {
    0% {box-shadow: 0px 0px 0px 0px #eee;}
    35% {box-shadow: 0px 0px 10px 5px #eee;}
    70% {box-shadow: 0px 0px 10px 5px #ea830e;}
    100% {box-shadow: 0px 0px 0px 0px #ea830e;}
}

@-webkit-keyframes testim-content-in {
    from {opacity: 0;-webkit-transform: translateY(100%);transform: translateY(100%);}
    to {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}

@-moz-keyframes testim-content-in {
    from {opacity: 0;-moz-transform: translateY(100%);transform: translateY(100%);}
    to {opacity: 1;-moz-transform: translateY(0);transform: translateY(0);}
}

@-ms-keyframes testim-content-in {
    from {opacity: 0;-ms-transform: translateY(100%);transform: translateY(100%);}
    to {opacity: 1;-ms-transform: translateY(0);transform: translateY(0);}
}

@-o-keyframes testim-content-in {
    from {opacity: 0;-o-transform: translateY(100%);transform: translateY(100%);}
    to {opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
}

@keyframes testim-content-in {
    from {opacity: 0;transform: translateY(100%);}
    to {opacity: 1;transform: translateY(0);}
}

@-webkit-keyframes testim-content-out {
    from {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0;-webkit-transform: translateY(-100%);transform: translateY(-100%);}
}

@-moz-keyframes testim-content-out {
    from {opacity: 1;-moz-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0;-moz-transform: translateY(-100%);transform: translateY(-100%);}
}

@-ms-keyframes testim-content-out {
    from {opacity: 1;-ms-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0;-ms-transform: translateY(-100%);transform: translateY(-100%);}
}

@-o-keyframes testim-content-out {
    from {opacity: 1;-o-transform: translateY(0);transform: translateY(0);}
    to {opacity: 0;transform: translateY(-100%);transform: translateY(-100%);}
}

@keyframes testim-content-out {
    from {opacity: 1;transform: translateY(0);}
    to {opacity: 0;transform: translateY(-100%);}
}

@-webkit-keyframes testim-show {
    from {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    to {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}

@-moz-keyframes testim-show {
    from {opacity: 0;-moz-transform: scale(0);transform: scale(0);}
    to {opacity: 1;-moz-transform: scale(1);transform: scale(1);}
}

@-ms-keyframes testim-show {
    from {opacity: 0;-ms-transform: scale(0);transform: scale(0);}
    to {opacity: 1;-ms-transform: scale(1);transform: scale(1);}
}

@-o-keyframes testim-show {
    from {opacity: 0;-o-transform: scale(0);transform: scale(0);}
    to {opacity: 1;-o-transform: scale(1);transform: scale(1);}
}

@keyframes testim-show {
    from {opacity: 0;transform: scale(0);}
    to {opacity: 1;transform: scale(1);}
}

@-webkit-keyframes testim-hide {
    from {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
    to {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
}

@-moz-keyframes testim-hide {
    from {opacity: 1;-moz-transform: scale(1);transform: scale(1);}
    to {opacity: 0;-moz-transform: scale(0);transform: scale(0);}
}

@-ms-keyframes testim-hide {
    from {opacity: 1;-ms-transform: scale(1);transform: scale(1);}
    to {opacity: 0;-ms-transform: scale(0);transform: scale(0);}
}

@-o-keyframes testim-hide {
    from {opacity: 1;-o-transform: scale(1);transform: scale(1);}
    to {opacity: 0;-o-transform: scale(0);transform: scale(0);}
}

@keyframes testim-hide {
    from {opacity: 1;transform: scale(1);}
    to {opacity: 0;transform: scale(0);}
}

@media all and (max-width: 500px) {
    .testim .arrow {font-size: 1.5em;}
    .testim .cont div p {line-height: 25px;}

}
/*------Testimonial Styling end-------*/


/*-------Brand slider slider start-----*/
.no-js .owl-carousel, .owl-carousel.owl-loaded{display:flex !important;align-items:center;justify-content:center}
.brands {width: 100%;padding-top: 0;padding-bottom: 0}
.brands_slider_container {height: 130px;padding-left: 97px;padding-right: 97px}
.brands_slider {height: 100%;}
.brands_item {height: 100%}
.brands_item img {max-width: 100%}
.brands_nav {position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding: 5px;cursor: pointer}
.brands_nav i {color: #e5e5e5;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease}
.brands_nav:hover i {color: #676767}
.brands_prev {left: 40px}
.brands_next {right: 40px}
.BarndIcon{height:50px;width:100px;}
/*-------Brand slider slider End-----*/


/*------social button styling start------*/
.btnsocial {border-radius: 50%;font-size: 22px;height: 40px;width: 40px;margin: 10px 10px 10px 0;padding: 7px;text-align: center;color: #ffffff;display: inline-block;}
.btnsocial:hover{color:#ffffff;!important;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.facebook{background-color:#3b5998}
.whatsapp{background-color:#075e54}
.instagram{background:linear-gradient(45deg, #405de6,#5851db, #833ab4, #c13584, #e1306c, #fd1d1d); }

/*------social button styling end------*/

/*-------footer styling start------*/
.footer {
    background: #152F4F;
    color: white;
}
.footer .links ul {list-style-type: none;}
.footer .links li a {color: white;transition: color 0.2s;}
.footer .links li a:hover {text-decoration: none;color: #4180CB;}
.footer .about-company i {font-size: 25px;}
.footer .about-company a {color: white;transition: color 0.2s;}
.footer .location i {font-size: 18px;}
.footer .copyright{border-top: 1px solid rgb(255, 255, 255);}
.footer .copyright p {padding: 24px 0;margin-bottom:0}

/*-------footer styling end------*/
/*===================== Home Page Styling End =======================*/


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%;height: 45vh;background: url("../images/herobanner.jpg") bottom center;background-size: cover;position: relative;}
 #hero .container {padding-top: 80px;}
 #hero:before {content: "";background: rgba(0, 0, 0, 0.6);position: absolute;bottom: 0;top: 0;left: 0;right: 0;}
 #hero h1 {margin:0 0 40px 0;font-size: 80px;font-weight: 700;line-height: 56px;color: #fff;}
 #hero h2 {color: #eee;margin-bottom: 40px;font-size: 16px;font-weight: 500;letter-spacing: 0.5px;text-transform: uppercase;line-height:1.6}
 #hero .btn-get-started {font-family: "Poppins", sans-serif;text-transform: uppercase;font-weight: 500;font-size: 14px;letter-spacing: 1px;display: inline-block;padding: 8px 28px;border-radius: 50px;transition: 0.5s;margin: 10px;border: 2px solid #fff;color: #fff;}
 #hero .btn-get-started:hover {background: #009970;border: 2px solid #009970;}

@media (min-width: 1024px) {
  #hero {background-attachment: fixed;}
}

@media (max-width: 768px) {
   #hero {height: 40vh;}
   #hero .container {padding-top: 60px;}
   #hero h1 {font-size: 32px;line-height: 36px;}
   .brands_slider_container {height: 130px;padding-left: 0;padding-right: 0;}
   .BarndIcon {height: 50px;width: 100px !important;}
    #hero .container {padding-top: 60px;padding-left: 30px;padding-right: 30px;}
    #hero h1{margin: 0 0 28px 0}
    #hero h2{font-size:14px;}
}





/*pages Styling End*/
@media(min-width:1200px) {
    .Section-lg {padding: 110px 0}
    #banner3{background-position:bottom}
}
@media(min-width:1200px) and (max-width:1440px) {
    .carousel-item {height:90vh}
}
@media(min-width:1700px){
    .carousel-item {height:95vh}
}
@media(min-width:768px) and (max-width:1024px){
    .Section-lg {padding: 110px 0}
}

@media(max-width:767px) {
    .navbar.fixed-top {
        padding: 0;
        z-index:1040;
    }

    .navbar-collapse {
        background-color: #fff;
        padding: 10px;
        border-bottom: 1px solid #cccccc;
    }
    .navbar-toggler {
        margin: 10px;
        background-color: #a0f3e9;
        padding: 8px;
    }
    .navbar-toggler-icon {
        padding: 5px;
        color: #035043;
    }
    .Section-lg{padding-top:30px;padding-bottom:30px;}
    .SectionTitle {
        font-size: 40px;
        line-height: 1.08;
        text-align: center;
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .countInfo .count {
        font-size: 50px;
        font-weight: 400;
    }
    .countInfo .info {
        font-size: 14px;
        font-weight: 700;
        padding: 14px;
        text-transform: uppercase;
        color: #fff601;
        background-color: #03705d;
        border-radius: 30px;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    footer .links{padding-bottom:30px;}
    .footer .copyright p {
        padding: 8px 0;
        margin-bottom: 0;
        text-align: center;
      
    }
    .footer .copyright .col-md-6:last-child{
        padding-bottom:10px;
    }
}