:root{
    --primarycolor:#0b7c0b;
    --darkcolor:#1c1c1c;
}
body,html{
    overflow-x: hidden;
}
body{
    overflow-y: hidden;
}

.process-icon {
/* transition: transform 0.3s ease; */
}
.process-step:hover .process-icon {
transform: scale(1.1);
box-shadow: 0 0 15px rgba(0, 128, 0, 0.3);
}

.whatsap-cta {
    display: none;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--primarycolor);
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    margin-bottom: 20px;
    margin-right: 50px;
    box-shadow: 2px 4px 10px rgb(116, 116, 116);
}

.whatsap-cta i {
    color: #fff;
    font-size: 50px;
    padding: 20px;
    margin-top: 40px;
    margin-left: -4px;
}
.facebook-cta {
    display: none;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: rgb(53, 167, 243);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    margin-bottom: 20px;
    margin-left: 50px;
    box-shadow: 2px 4px 10px rgb(116, 116, 116);
}

.facebook-cta i {
    color: #fff;
    font-size: 50px;
    padding: 20px;
    margin-top: 40px;
    margin-left: -4px;
}

.projects-section .col-md-3 .card, .projects-section .col-md-3 .card iframe{
    border-radius: 20px !important;
}

.topbar{
    height: 80px;
    background-color: #08021a;
    /* background-blend-mode: saturation; */
}
.topbar h5{
    color: #fff;
    font-size: 13px;
    line-height: 50px;
    position: relative;
    font-family: sans-serif;
    letter-spacing: 1px;
}
.topbar .col-md-3{
    text-align: center;
}
.topbar .col-md-3 i{
    font-size: 17px;
    color: #02ca02 !important;
}
.topbar .top-cols i {
    color: #02ca02 !important;
    position: absolute;
    top: 0;
    /* left: 0; */
    margin-left: -25px;
    margin-top: 0.5px;
    font-size: 17px;
    /* padding-top: 15px !important; */
}
button.btn-outline-cta{
    border: 2px solid #fff;
    color: #fff;
    margin-top: 10px;
}
.main-overlay{
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000002a1;
    width: 100%;
    height: 100%;
}
.main-banner{
    position: relative;
    /* background: url('../images/banner-1.jpg') center no-repeat; */
    background-size: cover;
    width:100%;
    height: 95vh;
}
.projects-banner{
    position: relative;
    background: url('../images/amazing/projects/project-1.jpg') center no-repeat;
    background-size: cover;
    width:100%;
    height: 95vh;
}
.services-banner{
    position: relative;
    background: url('../images/amazing/projects/project-5.jpg') center no-repeat;
    background-size: cover;
    width:100%;
    height: 95vh;
}
.main-nav{
    position: relative;
}
.main-banner .slider-1 img{
    object-fit: cover;
}
.main-logo{
    width: 250px;
    height: auto;
}
.main-navbar{
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    /* border-radius: 20px; */
    margin-top: -30px;
}
.main-navbar ul{
    margin-top: 40px;
}
.main-navbar ul li a{
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-family: 'Ubuntu', serif;
    color: #000;
    transition: .3s ease;
    padding: 10px 35px;
    /* font-weight: bold; */
    margin: 1px;
    border: 3px solid transparent;
    border-radius: 10px;
}
.main-navbar ul li a:hover{
    color: green;    
    position: relative;
}
.main-navbar ul li a:hover::before{
    transition: .6s ease;
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background:transparent;
    border-right: 3px solid rgb(63, 156, 63);
    border-top: 3px solid rgb(63, 156, 63);
    top: 0;
    right: 0;
    /* margin-right: 15px; */
}
.nav-link.active{
    border-right: 2px dotted rgb(63, 156, 63);
    border-top: 2px dotted rgb(63, 156, 63);
    border-radius: 0px;
    
}
.main-navbar ul li a::after{

    transition: all 1s;
}
.main-navbar ul li a::before{

    transition: all 1s;
}
.main-navbar ul li a:hover::after{
    content: '';
    position: absolute;
    height: 15px;
    width: 15px;
    background:transparent;
    border-left: 3px solid rgb(63, 156, 63);
    border-bottom: 3px solid rgb(63, 156, 63);
    bottom: 0;
    left: 0;
    /* margin-left: 15px; */
}
/* .main-navbar ul li a:after{
    content: '';
    width: 1px;
    height: 60px;
    border-right: 1px solid rgb(168, 168, 168);
    margin-left: 20px;
} */

.btn-nav-cta{
    background-color: #11b111 !important;
    color: #fff;
    margin-right: 20px;
    border-radius: 30px !important;
    color: #fff !important;
    /* padding: 14px 40px !important; */
    margin-top: 0px;
}
.main-banner .slider-info{
    /* background-color: rgba(255, 255, 255, 0.678); */
    width: 100%;
    height: auto;
    margin-top: 10%;
    margin-left: 7%;
}
.main-banner .slider-info .top-title{
    margin-top: 20vh;
    padding: 0px !important;
    color: #fff;
    font-size: 30px;
    font-family: 'Roboto', sans-serif;
}
.main-banner .slider-info .mid-title{
    color: #fff;
    font-size: 100px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold !important;
    visibility: hidden !important;
}
.main-banner .slider-info .lower-title{
    color: #fff;
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100 !important;
    visibility: hidden !important;
    width: 500px;
    margin-top: 2%;
}
.btn-banner-cta{
    margin-top: 20px;
    padding: 15px 40px !important;
    border: 4px solid #fff !important;
    color:#fff !important;
    font-size: 20px !important;
    font-family: 'Ubuntu', sans-serif;
}
.floating-container{
    padding-bottom: 100px;
    margin-top: -70px;
    position: relative;
}
.floating-div{
    position: absolute;
    top: 0;
    left: 0;
}
.floating-container .residential-services,.floating-container .commercial-services{
    width: 100%;
    height: 250px;
    background-color: #49a049;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating-container h3{
    font-size: 30px;
    color: #fff;
    font-family: 'ubuntu', sans-serif;
}
.floating-services-img{
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.btn-sm-cta{
    border: 2px solid #fff !important;
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px;
}
section.about-holder{
    width: 100%;
    height: auto;
    padding-bottom: 100px;
    background-color: #1c1c1c;
    margin-top: -40px !important;
}
section.about-holder .left h4, section.about-holder .right h4{
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
}
section.about-holder .left{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
section.about-holder .left h2{
    color: var(--primarycolor);
    font-size: 45px;
    font-family: 'Ubuntu', sans-serif;
}
.no-radius{
    border-radius: 0px !important;
}
section.about-holder .content{
    padding-top: 22%;
}
section.about-holder .ls{
    background: url('/assets/images/tree.png') center no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
}
.sm-hr-primary{
    margin-left: 0px !important;
    width: 20%;
    border: 2px solid var(--primarycolor);
}
section.about-holder .right{
    display: flex;
    align-items: center;
    /* flex-direction: column; */
}
section.about-holder .right h4{
    padding-left: 20px;
    text-align: right;
}
.services-content{
    padding-top: 100px;
    padding-bottom: 20px;
}
.services-content .each-service{
    padding-top: 30px;
    text-align: center;
    padding: 20px;
    padding-bottom: 50px;
}
.services-content .each-service .header{
    width: 150px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
}
.services-content .each-service .header .service-header{
    padding: 10px;
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px dotted var(--primarycolor);
}
.services-content .each-service .content h4{
    color: var(--primarycolor);
    font-size: 35px;
    font-family: 'Fredoka One', sans-serif;
    letter-spacing: 1px;
    margin-top: -30px;
}
.services-content .each-service .content p{
    font-family: 'Ubuntu', sans-serif;
    margin-top: 20px;
}
.btn-service-cta{
    padding: 13px 35px !important;
    background-color: var(--primarycolor) !important;
    color: #fff !important;
}
.services-content .card.each-service{
    border-radius: 10px !important;
}
.slick-dots li button:before {
    color: #fff !important;
    background-color: var(--primarycolor);
    border-radius: 50% !important;
}
section.about-section{
    width: 100%;
    height: auto;
    background-color: #fff !important;
}
section.about-section{
    margin-top: 150px;
    padding-bottom: 100px;
}
section.about-section .right-content{
    padding-top: 30px;
}
section.about-section .right-content h3{
    color: var(--primarycolor);
    font-size: 50px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}
section.about-section .right-content h5{
    color: var(--primarycolor);
    font-size: 20px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}
section.about-section .right-content p{
    margin-top: 30px;
    font-size: 20px;
}
section.about-section .text{
    font-weight: 100 !important;
    font-family: 'Quicksand', sans-serif;
    color: #444;
    font-size: 20px;
    margin-top: 30px;
    padding: 4px;
    letter-spacing: .5px;
}
section.about-section .right-content p.title:before{
    position: absolute;
    content: '';
    width: 50px;
    height: 20px;
    border-bottom: 4px solid var(--primarycolor);
    margin-left: 200px;
}
.sm-images{
    width: auto;
    height: auto;
}
.text-2{
    font-family: sans-serif;
    color: #444;
    margin-top: 0px !important;
    font-size: 15px !important;
}
section.about-section .lower-pic-img{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    box-shadow: 0px 0px 6px rgb(0, 0, 0);
    position: absolute;
    padding: 15px;
    object-fit: cover;
}
section.about-section .lower-pic-img:first-child{
    bottom: 0;
    left: 0;
    margin-bottom: 10%;
    margin-left: 10%;
}
section.about-section .lower-pic-img:nth-child(2){
    bottom: 0;
    right: 0;
    margin-bottom: 10%;
    margin-right: 10%;
}
.image-top-tag p{
    text-align: center;
    color: #fff !important;
    font-size: 16px;
    font-family: 'Ubuntu', sans-serif;
}
section.about-section .left-ct{
    position: relative;
}
section.about-section .left-ct img.main{
    height: 500px;
    object-fit: cover;
}
.image-top-tag{
    position: absolute;
    width: 200px;
    background-color: var(--primarycolor);
    margin-top: -50px;
    left: 0;
    margin-left: 50%;
}
.item-sm{
    background-color: rgb(30, 179, 1);
    width: 100px;
    height: 100px;
    margin-left: -48px;
    position: absolute;
    z-index: -1;
    clip-path: polygon(0 3%, 0 100%, 100% 0, 100% 100%);
    transform: rotate(45deg);
    margin-top: 19px;
}

.image-top-tag .item-1 i{
    color: #fff;
    font-size: 40px;
    margin-left: 75px;
}

section.choose-us{
    background-color: rgb(241, 241, 241);
    padding-top: 100px;
    padding-bottom: 100px;
}   

section.choose-us .left h4, section.choose-us .right h4{
    color: #000;
    font-family: 'Ubuntu', sans-serif;
}
section.choose-us .left{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
section.choose-us .left h2{
    color: var(--primarycolor);
    font-size: 45px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}
section.choose-us .content{
    padding-top: 22%;
}
section.choose-us .ls{
    background: url('/assets/images/tree.png') center no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
}
.sm-hr-primary{
    margin-left: 0px !important;
    width: 20%;
    border: 2px solid var(--primarycolor);
}
section.choose-us .right{
    display: flex;
    align-items: center;
    /* flex-direction: column; */
}
section.choose-us .right h4{
    padding-left: 20px;
    text-align: center;
}
.choose-content{
    padding-top: 100px;
}
.choose-content .each i{
    font-size: 40px;
    color: var(--primarycolor)
}
.choose-content .each{
    transition: .5s;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    border-right: 1px solid rgb(226, 226, 226);
    border-bottom: 1px solid rgb(226, 226, 226);
    background-color: #fff;
}
.choose-content .each:nth-child(4), .choose-content .each:nth-child(5), .choose-content .each:nth-child(6){
    border-bottom: none !important;
}
.choose-content .each:nth-child(3),.choose-content .each:nth-child(6){
    border-right: none !important;
}
.choose-content .each .i-cont{
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50% !important;
    border: 2px solid var(--primarycolor) !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.choose-content .each p{
    font-family: sans-serif;
    margin-top: 20px;
}
.choose-content .each:hover{
    background-color: #49a049;
    color: #fff !important;
}
.choose-content .each:hover .i-cont{
    border: 2px solid #fff !important;
}
.choose-content .each:hover .i-cont i{
    color: #fff;
}
.choose-cta{
    background-color: #2eaa2e;
    padding: 20px;
    margin-top: 70px;
}
.choose-cta .col-md-9{
    border: 1px dotted #fff;
    padding: 20px;
}
.choose-cta .col-md-9 h2{
    color: #fff;
}
.choose-cta .col-md-3{
    background-color: var(--darkcolor);
    padding: 20px;
}
.btn-choose-cta{
    background-color: #2eaa2e !important;
    color: #fff !important;
    padding: 13px 35px !important;
}
section.main-cta{
    background: url('/assets/images/adgreensproject7.jpg') center no-repeat;
    background-size: cover;
    width: 100%;
    height: auto;
    padding-top: 150px;
    padding-bottom: 100px;
    position: relative;
}
.btn-main-cta{
    border: 2px solid #fff !important;
    padding: 15px 45px !important;
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
}
.main-cta h3{
    margin-bottom: 70px;
    font-size: 50px;
    color: #fff;
    text-align: center;
}
section.main-cta .cta-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000af;
}
.text-white{
    color: #fff !important;
}
section.gallery-section{
    width: 100%;
    height: auto;
    padding-bottom: 100px;
    background-color: #ffffff;
    padding-top: 100px;
}
section.gallery-section .left h4, section.gallery-section .right h4{
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
}
section.gallery-section .left{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
section.gallery-section .left h2{
    color: var(--primarycolor);
    font-size: 45px;
    font-family: 'Ubuntu', sans-serif;
}
section.gallery-section .content{
    padding-top: 22%;
}
section.gallery-section .ls{
    background: url('/assets/images/tree.png') center no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
}
.sm-hr-primary{
    margin-left: 0px !important;
    width: 20%;
    border: 2px solid var(--primarycolor);
}
section.gallery-section .right{
    display: flex;
    align-items: center;
    /* flex-direction: column; */
}
section.gallery-section .right h4{
    padding-left: 20px;
    text-align: right;
}
.gallery-content{
    padding-top: 100px;
}
.gallery-content .each-pic{
    margin-bottom: 40px !important;
}
.gallery-content .card.image-container{
    overflow: hidden;
    background-color: transparent !important;
    border-radius: 10px !important;
    height: 500px;
}
.gallery-content .card.image-container img{
    border-radius: 10px !important;
    overflow: hidden;
    transition: .5s;
    object-fit: cover;
}
.gallery-content .placeholder-content{
    background-color: #49a049;
    padding: 10px;
    position: absolute;
    top: 0;
    left: 0;
    width:50%;
    margin-left: -50%;
    height: 100%;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: .5s ;
    z-index: 100;
}

.gallery-content div.each-pic:hover .placeholder-content{
    margin-left: 0%;
    visibility: visible !important;
}
.gallery-content div.each-pic:hover .image-container img{
    transform: scale(1.2);
} 
.gallery-content .placeholder-content h4{
    font-size: 30px;
    font-weight: bold;
    font-family: 'Ubuntu', sans-serif;
}
.gallery-content .placeholder-content p{
    font-family: 'sans-serif';
}
.gallery-content .placeholder-content button{
    width: 60%;
    font-family: 'sans-serif' !important;
}
.services-description{
    width: 100%;
    height: 100%;
}
.services-description .each-more-service:first-child{
    width: 100%;
    position: relative;
    height: 100%;
    background-size: cover;
    background:url('/assets/images/adgreen1.jpg') center no-repeat;
}
.services-description .each-more-service:nth-child(2){
    width: 100%;
    position: relative;
    height: 100%;
    background-size: cover;
    background:url('/assets/images/adgreen2.jpg') center no-repeat;

}
.services-description .each-more-service:nth-child(3){
    width: 100%;
    position: relative;
    height: 6100%;
    background-size: cover;
    background:url('/assets/images/adgreensproject12.jpg') center no-repeat;

}
.services-description .min-overlay:first-child{
    background-color: rgba(1, 12, 0, 0.552);
}
.services-description .min-overlay{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.services-description .min-overlay.scd{
    background-color: rgba(102, 172, 212, 0.552);
}
.services-description .min-overlay.trd{
    background-color: rgba(30, 255, 0, 0.552);
}
.each-more-service .top-icons i{
    font-size: 60px;
    color: #fff;
    text-align: center;
    z-index: 1000 !important;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 15px;
    padding-left: 20px;
    padding-right: 20px;
}
.each-more-service .content{
    position: relative;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding-bottom: 70px;
    padding-top: 70px;
}
.each-more-service .content h4{
    color: #fff !important;
    font-size: 40px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.336) ;
}
.each-more-service .content p{
    color: #fff !important;
    font-size: 20px;
    font-family: sans-serif !important;
    text-shadow: 0px 2px 6px rgba(0, 0, 0, 0.336) ;
}
.each-more-service .content button{
    border: 2px solid #fff !important;
    padding: 13px 40px !important;
    text-transform: uppercase;
    font-family: 'Ubuntu', sans-serif !important;
}
section.clients-feedback .content{
    padding-top: 80px;
    background-color: #fff !important;
}
section.clients-feedback .content h3{
    font-family: 'Ubuntu', sans-serif;
    font-size: 40px;
    color: #000;
    text-align: center;
    margin-bottom: 40px;
}
section.clients-feedback .content div.feedback-slider{
    /* padding: 50px; */
    position: relative;
}
section.clients-feedback .content p{
    font-family: sans-serif;
    margin-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
    text-align: center;
}
section.clients-feedback .content i.open{
    font-size: 80px;
    position: absolute;
    
    margin-top: -100px;
    color: rgb(46 170 46 / 33%);
}
section.clients-feedback .content i.close-i{
    font-size: 80px;
    position: absolute;
    bottom: 0;
    margin-bottom: 0px;
    color: rgb(46 170 46 / 33%);
}
section.contact-us{
    padding-top: 100px;
    padding-bottom: 100px;
    background: rgb(231, 231, 231);
}
section.contact-us{
    width: 100%;
    height: auto;
    /* padding-bottom: 100px; */
    background-color: #f5f5f5;
    padding-top: 100px;
}
section.contact-us .left h4, section.contact-us .right h4{
    color: rgb(27, 27, 27);
    font-family: 'Ubuntu', sans-serif;
}
section.contact-us .left{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
section.contact-us .left h2{
    color: var(--primarycolor);
    font-size: 45px;
    font-family: 'Ubuntu', sans-serif;
}
section.contact-us .content{
    padding-top: 22%;
}
section.contact-us .ls{
    background: url('/assets/images/tree.png') center no-repeat;
    background-size: cover;
    width: 100%;
    height: 200px;
}
.sm-hr-primary{
    margin-left: 0px !important;
    width: 20%;
    border: 2px solid var(--primarycolor);
}
section.contact-us .right{
    display: flex;
    align-items: center;
    /* flex-direction: column; */
}
section.contact-us .contact-div{
    width: 100%;
    height: auto;
    background:#fff;
    position:relative;
    overflow: hidden;
    box-shadow: 6px 14px 33px rgba(119, 119, 119, 0.473);
}
section.contact-us .contact-div .left{
    padding-top: 100px;
    position: relative;
    padding-bottom: 100px;
}
section.contact-us .contact-div .left p{
    font-family: sans-serif;
}
section.contact-us .contact-div .right{
    background: url('/assets/images/adgreen3.jpg') center no-repeat;
    background-size: cover;
    height: 500px;
}
.sm-circle{
    position: absolute;
    right: 0;
    top: 0;
    width: 300px;
    height: 300px;
    background: rgb(180, 180, 180);
    border-radius: 50%;
    margin-right: -10%;
    margin-top: -10%;
}
.lg-circle{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 400px;
    height: 400px;
    background: var(--primarycolor);
    border-radius: 50%;
    margin-left: -13%;
    margin-bottom: -13%;
}
.contact-icon{
    padding:9px 11px;
    font-size: 25px;
    color: var(--primarycolor);
    border-radius: 50%;
    background-color: #fff;
    border: 4px solid var(--primarycolor);
    margin-right: 50px;
}
.contact-li{
    font-size: 20px;
    margin-top: 30px;
}
.contact-div hr.sm-hr-primary{
    margin-left: 40% !important;
}

footer .site-footer {
    /* padding-top: 60px; */
    background: var(--darkcolor);
}

.footer-title {
    color: #fff;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 35px;
}

.footer-title span {
    color: var(--primarycolor);
}

footer .site-footer p {
    font-family: 'Ubuntu', sans-serif;
    text-shadow: 0px 0px rgb(139, 139, 139);
}

footer .site-footer li {
    font-family: 'Quicksand', sans-serif;
    color: #fff;
    font-weight: normal !important;
    font-size: 15px;
    padding-top: 15px;
}

footer .md i{
    color: #ffffff;
    font-size: 19px;
    /* margin-left: 5px; */
    border: 1px solid #ffffff;
    border-radius: 50%;
    padding: 10px 15px;
}

footer small {
    color: #f3f3f3a2;
}
footer .left-f{
    background-color: #0da00d;
    padding: 30px;
}
footer .o-cols{
    padding-top: 70px;
}
footer .o-cols hr{
    width: 20%;
    border: 2px solid var(--primarycolor);
    margin-left: 0px !important;
    border-radius: 50%;
}
footer h5{
    font-size: 17px;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
}
footer .footer-img{
    width: 100px;
    height: auto;
}
footer .main-f-t{
    font-size: 15px;
    font-family: 'Quicksand', sans-serif;
    color: #666;
    font-weight: normal;
    letter-spacing: 1px;
}
/* .nav-fixed{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    border-radius: 0px !important;
    padding: 10px;
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.479);
} */
.lg-logo{
    width: 220px !important;
    height: auto;
}
.custom-loader{
    background: rgb(216, 215, 215);
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    display: flex;
    align-items: center;
    justify-content: center;
}
.custom-loader .loader{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 200px;
    width: 200px;
    background-color: transparent !important;
}
.custom-loader .loader .l1{
    width: 150px;
    height: 150px;
    border-top: 7px solid var(--primarycolor);
    border-radius: 50%;
    animation: loader1 1s linear infinite;
}
.custom-loader .loader .l2{
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    /* border-bottom: 7px solid rgb(196, 0, 245); */
    border-radius: 50%;
    animation: loader2 1s linear infinite;
}
.loader-text{
    position: absolute;
    font-family: 'Quicksand', sans-serif;
    margin-left: 20%;
}
@keyframes loader1 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@keyframes loader2 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes loader1 {
    50%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
@-webkit-keyframes loader2 {
    0%{
        transform: rotate(0deg);
    }
    100%{
        transform: rotate(-360deg);
    }
}

@-webkit-keyframes fadeInUpSD {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes fadeInUpSD {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-100px);
      transform: translateY(-100px);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
  .fadeInUpSD {
    -webkit-animation-name: fadeInUpSD;
    animation-name: fadeInUpSD;
  }
   .slick-active .slider-info .mid-title{
    animation-name: fadeInUpSD;
    animation-duration: 1s;
    /* animation-delay: .5s; */
    opacity: 1 !important;
    visibility: visible !important;
  }
  .slick-active .slider-info .lower-title{
    animation-name: fadeInUpSD;
    animation-duration: 2s;
    /* animation-delay: 1s; */
    opacity: 1 !important;
    visibility: visible !important;
  }

  .right-banner-image{
    margin-top: 60px !important;
    width: 100%;
    height: 500px;
    object-fit: cover;
    border: 17px solid rgba(255, 255, 255, 0.644);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
  }
  .font-normal{
    font-weight: 100 !important;
  }
  .family-quicksand{
    font-family: 'Quicksand', sans-serif !important;
  }
  #ProjectsDescription{
    width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
    height: auto;
  }
  .project-counter{
    padding: 30px 42px 30px 42px;
    background-color: var(--primarycolor);
    border: 7px solid #f3f3f3;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    font-size: 40px;
  }
  .project-title-holder{
    color: #000;
    font-size: 50px;
    letter-spacing: 1px;
    text-transform: uppercase;
  }
  .project-title-holder-mini{
    color: #000;
    font-size: 40px;
    letter-spacing: 1px;
  }
  .final-results .col-md-4{
    height: 300px;
    border-right: 7px dotted var(--primarycolor);
    /* border-bottom: 7px dotted var(--primarycolor); */
    padding-bottom: 10px;
  }
  .final-results .col-md-6{
    height: 400px;
    border-right: 7px dotted var(--primarycolor);
    /* border-bottom: 7px dotted var(--primarycolor); */
    padding-bottom: 10px;
  }
  .final-results .col-md-6 img{
    object-fit: cover;
  }
  .final-results .col-md-4 img{
    object-fit: cover;
  }
  .contact-details{
    background-color: var(--primarybg);
}
.contact-details .data-holder{
    z-index: 100;
    position: relative;
    margin-top: -13% !important;
    z-index: 100;
    box-shadow: 10px 10px 40px rgba(39, 39, 39, 0.692);
}
.contact-details i{
    background-color: var(--primarycolor);
    padding: 7px 10px;
    font-size: 30px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding-left: 14px;
    color: #fff;

}
.contact-left{
    padding: 30px;
    background:url('../images/amazing/projects/post-2.jpg') center no-repeat;
    background-size: cover;
    color: #fff;
}
.circle-containers{
    display: flex;
    margin-top: 100px;
    justify-content: space-between;
    position: relative;
}
.circle-containers .circle{
    width: 100px;
    height: 100px;
    padding: 80px;
    border-radius: 50%;
}
.circle-left, .circle-right{
    border: 2px solid rgba(255, 255, 255, 0.575);
}

.circle-mid{
    border: 2px dotted rgba(255, 255, 255, 0.589);
    padding: 120px !important;
    position: absolute;
    margin-left: 26.5%;
    top:0;
    margin-top: -30px;
}
.watermark{
    position: absolute;
    width: 100%;
    height: 100%;
}
.watermark p.text-1{
    margin: 10px;
}
.final-results .watermark{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.col-md-12 .watermark{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.watermark img{
    width: 150px;
    height: auto;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    opacity: .7;
}

.watermark img:nth-child(2){
    width: 200px;
    height: auto;
    bottom: 0;
    right: 0;
}

.gallery-item {
position: relative;
overflow: hidden;
border-radius: 10px;
}

.gallery-item img {
transition: transform 0.4s ease;
border-radius: 10px;
}

.gallery-item:hover img {
transform: scale(1.05);
}

.gallery-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(0, 80, 0, 0.6);
opacity: 0;
transition: opacity 0.3s ease;
border-radius: 10px;
}

.gallery-item:hover .gallery-overlay {
opacity: 1;
}

.overlay-text h5 {
font-weight: 600;
}

.overlay-text small {
font-size: 0.85rem;
opacity: 0.8;
}


.hero {
    background: url('/assets/images/about-hero.jpg') no-repeat center center/cover;
    color: white;
    padding: 150px 0;
    text-align: center;
    position: relative;
}
.hero::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    z-index: 0;
}
.hero .container {
    position: relative;
    z-index: 2;
}
.section-title {
    margin-bottom: 40px;
}
.icon-box i {
    font-size: 48px;
    color: #28a745;
}
.team-img {
    border-radius: 10px;
    object-fit: cover;
}
.value-icon {
    font-size: 36px;
    color: #198754;
}

    body {
        font-family: 'Segoe UI', sans-serif;

      background: #fff;
      color: #333;
    }

    .header-hero {
      background: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c') center/cover no-repeat;
      padding: 200px 0;
      color: #fff;
      text-align: center;
      position: relative;
    }

    .header-hero::after {
      content: "";
      background: rgba(0,0,0,0.5);
      position: absolute;
      top: 0; left: 0; right: 0; bottom: 0;
      z-index: 1;
    }

    .header-hero .container {
      position: relative;
      z-index: 2;
    }

    .header-hero h1 {
      font-size: 3.5rem;
      font-weight: bold;
    }

    .header-hero p {
      font-size: 1.2rem;
      margin-top: 20px;
    }

    .section {
      padding: 80px 0;
    }

    .section-title {
      font-size: 2.5rem;
      font-weight: 700;
      margin-bottom: 50px;
      text-align: center;
      color: #2e7d32;
    }

    .story-img {
      border-radius: 10px;
      width: 100%;
    }

    .value-box {
      background: #f9f9f9;
      border-radius: 10px;
      padding: 30px;
      text-align: center;
      box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    }

    .value-box i {
      font-size: 40px;
      color: #43a047;
      margin-bottom: 15px;
    }

    .impact-section {
      background: linear-gradient(120deg, #2e7d32, #66bb6a);
      color: white;
      padding: 70px 0;
    }

    .impact-number {
      font-size: 48px;
      font-weight: bold;
    }

    .impact-text {
      font-size: 1.2rem;
    }

    .mission-vision {
      background: #f1f8e9;
      padding: 60px 0;
    }

    .mission-vision h4 {
      color: #1b5e20;
    }

    .founder-quote {
      background: #fff;
      border-left: 5px solid #81c784;
      padding: 40px;
      margin-top: 50px;
      box-shadow: 0 2px 8px rgba(0,0,0,0.06);
    }

    .founder-quote p {
      font-size: 1.2rem;
      font-style: italic;
    }

    .team-img {
      border-radius: 10px;
      margin-bottom: 15px;
    }

    .cta-banner {
      background: linear-gradient(to right, #2e7d32, #81c784);
      color: white;
      padding: 80px 0;
      text-align: center;
    }

    .cta-banner h2 {
      font-size: 2.5rem;
      font-weight: bold;
    }

    .cta-banner .btn {
      margin-top: 20px;
      padding: 12px 30px;
      font-weight: bold;
      border-radius: 50px;
      background: #fff;
      color: #2e7d32;
      border: none;
    }

    .cta-banner .btn:hover {
      background: #c8e6c9;
      color: #1b5e20;
    }


    body {
        font-family: 'Segoe UI', sans-serif;
      }
  
      .hero {
        background: url('https://images.unsplash.com/photo-1501004318641-b39e6451bec6') center center/cover no-repeat;
        color: white;
        padding: 140px 0;
        text-align: center;
        position: relative;
      }
  
      .hero::after {
        content: '';
        position: absolute;
        top: 0; left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
      }
  
      .hero .content {
        position: relative;
        z-index: 1;
      }
  
      .section-title {
        font-weight: bold;
        margin-bottom: 20px;
      }
  
      .icon-box i {
        font-size: 40px;
        color: #4CAF50;
        margin-bottom: 10px;
      }
  
      .timeline {
        border-left: 4px solid #4CAF50;
        padding-left: 30px;
      }
  
      .timeline h5 {
        color: #4CAF50;
      }
  
      .video-section iframe {
        width: 100%;
        height: 400px;
        border-radius: 8px;
      }
  
      .team-img {
        width: 100%;
        border-radius: 8px;
      }
  
      .testimonial {
        background: #f8f9fa;
        padding: 40px;
        border-radius: 8px;
      }
  
      .philosophy {
        background-color: #eafaf1;
        padding: 60px 0;
      }
  
      .philosophy h3 {
        color: #2e7d32;
      }
  
      .partnership-logos img {
        height: 60px;
        margin: 20px;
        opacity: 0.7;
      }
  
      .awards .card {
        border: none;
        transition: transform 0.3s ease;
      }
  
      .awards .card:hover {
        transform: translateY(-5px);
      }

      .hero-section {
        background: linear-gradient(rgba(34, 49, 63, 0.6), rgba(34, 49, 63, 0.6)), 
                    url('https://images.unsplash.com/photo-1614922826724-2dc1a1e1aef0') center/cover no-repeat;
        color: white;
        padding: 160px 0;
        text-align: center;
      }
  
      .hero-section h1 {
        font-size: 3.5rem;
        font-weight: 700;
      }
  
      .hero-section p {
        font-size: 1.3rem;
        margin-top: 20px;
      }
  
      .section-title {
        font-size: 2.5rem;
        font-weight: 600;
        text-align: center;
        margin-bottom: 50px;
        color: #2e7d32;
      }
  
      .value-icon {
        font-size: 50px;
        color: #66bb6a;
        margin-bottom: 20px;
      }
  
      .story-section {
        background: #f4f4f4;
        padding: 80px 0;
      }
  
      .team-member img {
        border-radius: 10px;
        width: 100%;
        height: auto;
      }
  
      .numbers {
        background: #2e7d32;
        color: white;
        padding: 60px 0;
      }
  
      .number-box {
        text-align: center;
      }
  
      .number-box h3 {
        font-size: 48px;
        font-weight: bold;
      }
  
      .number-box p {
        font-size: 1.1rem;
      }
  
      .quote-block {
        background: #fff;
        border-left: 4px solid #4caf50;
        padding: 40px;
        margin-bottom: 40px;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
      }
  
      .quote-block p {
        font-size: 1.1rem;
        font-style: italic;
      }
  
      .cta-final {
        background: linear-gradient(to right, #2e7d32, #81c784);
        padding: 70px 0;
        text-align: center;
        color: white;
      }
  
      .cta-final h2 {
        font-weight: bold;
        font-size: 2.5rem;
      }
  
      .btn-light-green {
        background: #fefefe;
        color: #2e7d32;
        border: none;
        padding: 12px 30px;
        border-radius: 50px;
        font-weight: bold;
        transition: 0.3s ease;
      }
  
      .btn-light-green:hover {
        background: #c8e6c9;
        color: #1b5e20;
      }

      .header-hero {
        background: url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c') center/cover no-repeat;
        padding: 200px 0;
        color: #fff;
        text-align: center;
        position: relative;
      }
  
      .header-hero::after {
        content: "";
        background: rgba(0,0,0,0.5);
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        z-index: 1;
      }
  
      .header-hero .container {
        position: relative;
        z-index: 2;
      }
  
      .header-hero h1 {
        font-size: 3.5rem;
        font-weight: bold;
      }
  
      .header-hero p {
        font-size: 1.2rem;
        margin-top: 20px;
      }
  
      .section {
        padding: 80px 0;
      }
  
      .section-title {
        font-size: 2.5rem;
        font-weight: 700;
        margin-bottom: 50px;
        text-align: center;
        color: #2e7d32;
      }
  
      .story-img {
        border-radius: 10px;
        width: 100%;
      }
  
      .value-box {
        background: #f9f9f9;
        border-radius: 10px;
        padding: 30px;
        text-align: center;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
      }
  
      .value-box i {
        font-size: 40px;
        color: #43a047;
        margin-bottom: 15px;
      }
  
      .impact-section {
        background: linear-gradient(120deg, #2e7d32, #66bb6a);
        color: white;
        padding: 70px 0;
      }
  
      .impact-number {
        font-size: 48px;
        font-weight: bold;
      }
  
      .impact-text {
        font-size: 1.2rem;
      }
  
      .mission-vision {
        background: #f1f8e9;
        padding: 60px 0;
      }
  
      .mission-vision h4 {
        color: #1b5e20;
      }
  
      .founder-quote {
        background: #fff;
        border-left: 5px solid #81c784;
        padding: 40px;
        margin-top: 50px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
      }
  
      .founder-quote p {
        font-size: 1.2rem;
        font-style: italic;
      }
  
      .team-img {
        border-radius: 10px;
        margin-bottom: 15px;
      }
  
      .cta-banner {
        background: linear-gradient(to right, #2e7d32, #81c784);
        color: white;
        padding: 80px 0;
        text-align: center;
      }
  
      .cta-banner h2 {
        font-size: 2.5rem;
        font-weight: bold;
      }
  
      .cta-banner .btn {
        margin-top: 20px;
        padding: 12px 30px;
        font-weight: bold;
        border-radius: 50px;
        background: #fff;
        color: #2e7d32;
        border: none;
      }
  
      .cta-banner .btn:hover {
        background: #c8e6c9;
        color: #1b5e20;
      }

#MainToggler{
    z-index: 999;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    margin-top: 20px;
    
    margin-right: 2%;
    display: none;
}
@media(max-width:768px){
    #MainNavBar{
        position: absolute;
        left: 0;
        top:0;
        background-color: #ffffff;
        /* display: none; */
    }
    #MainToggler{
        display: block;
    }
    #MainNavBar ul{
        margin-left:20px !important;
        background-color: #ffffff;
        display: none;
    }
    #MainNavBar ul li{
        width: 80%;
    }
    h1.mid-title{
        font-size: 50px !important;
    }
    .slider-info p{
        width: 90% !important;
        margin-top: 400px;
    }
    .right-banner-image{
        height: 200px;
        width: auto;
        border-radius: 20px !important;
        display: none !important;
    }
    .about-holder h4{
        font-size: 13px;
    }
    .right-content h3{
        font-size: 12px;
    }
    .lg-circle{
        width: 40px;
        height: 40px;
    }
}