:root{
    --main-color:#465459;
    --sec-color:#66C500;
    --bg-color:#000;
    --after-color:#CC3431;
}
@font-face{
    font-family: 'light';
    src:url('../fonts/Montserrat-Light.ttf') ;
    }
    @font-face{
        font-family: 'bold';
        src: url('../fonts/Montserrat-Bold.ttf');
    }

    @font-face{
        font-family: 'medium';
        src:url('../fonts/Montserrat-Medium.ttf') ;
        }
 @font-face{
    font-family: 'Regular';
    src: url('../fonts/Montserrat-Regular.ttf');
}   
@font-face{
    font-family: 'open-sans';
    src: url('../fonts/OpenSans-Regular.ttf');
} 
@font-face{
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.ttf');
} 
@font-face{
    font-family: 'arabic-font';
    src: url('../fonts/Cairo-Regular.ttf');
} 
@font-face{
    font-family: 'rounded-mplus';
    src: url('../fonts/rounded-mplus-1c-medium.ttf');
}
    body {
        direction: ltr;
        text-align: start;
        font-family: 'Regular';
        overflow-x: hidden;
        background-color: #FAF8F0;

    }
    form{
        direction: ltr;
    }
    /* nice select */
.nice-select {
    width: 100%;
    /* margin-bottom: 15px; */
    text-align: right !important;
    padding-left: 30px;
    padding-right: 18px;
}
.nice-select::after{
    left: 12px;
    right: auto;
}
.nice-select .option{
    text-align: right;
    padding-left: 29px;
    padding-right: 18px;
}
.nice-select .list{
    width: 100%;
}
.nice-select:after{
    width: 8px;
    height: 8px;
}
   

.owl-carousel{
    direction: ltr;
}
.carousel-info button{
    border: none;
    outline: none;
    background: none;
}
button:focus,button{
    border: none;
    outline: none;
}
.mynav button{
    background: none;
}
input:focus{
    outline: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a,a:hover{
    text-decoration: none;
}
/* top bar */
.mynav {background-color: #FAF8F0;}
span.mob-num{
    display: inline-block;
    direction: ltr;
}
.my-account ul{
    display: block;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 130px;
    box-shadow: 0px 5px 15px #0000001a;
    border-radius: 3px;
    padding: 5px 10px;
    background: #fff;
    z-index: 999999;
    margin-top: 10px;
    transform: translateY(-20px);
    transition: all 0.4s;
    visibility: hidden;
}
.my-account ul li a{
    color: #272727;
    padding: 3px 0;
    display: inline-block;
}


.my-account i{
    margin-inline-end: 0;
}
.my-account a{
    text-transform: capitalize;
    color: #272727;
    display: flex;
    align-items: center;
}
.lang i{
    margin-inline-end: 6px;
}
.topbar{
background-color: #465459;
padding: 8px 0;
}
.right-tobheader ul{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.right-tobheader ul li{
    margin-inline-end: 20px;
    position: relative;
    font-family: 'open-sans';
}
.right-tobheader ul li i{
    margin-inline-end: 8px;
}
.topbar a{
    color: #F3F7FB;
font-size: 13px;
transition: all 0.3s;
}
.topbar a:hover{
    color: var(--sec-color);
}
.topbar .left-topheader{
    justify-content: end;
    display: flex;
    align-items: center;
}
.topbar .row{
    align-items: center;
}
/* middle nav */
.left-navbar{
    display: flex;
    align-items: center;
    width: 100%;
justify-content: space-between;}
.left-navbar img{
    max-width: 112px;
}
.logo{
    max-width: 190px;
    /* height: 65px; */
    margin-inline-end: 20px;
    }
.logo img{
    max-width: 100%;
   height: 65px;
}

.lang a {
    text-transform: uppercase;
   transition: all 0.3s;
   font-family: 'Roboto';
   font-size: 15px;
   padding-inline-start: 6px;
   display: inline-block;
}

.topbar li.more a:hover{
    color: #fff;
}
.logo img{
height: 100%;
max-width: 100%;
object-fit: contain;
}
/* Start Search */

.site-search {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    padding: 12px;
    transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
    -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
}

.site-search.open {
    z-index: 99999999;
    opacity: 1;
    transition: opacity .5s, z-index 0s;
    -webkit-transition: opacity .5s, z-index 0s;
}

.site-search.open .woocommerce-product-search,
.site-search.open .search-form {
    margin-top: -25px;
    opacity: 1;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
}

.site-search .widget_product_search,
.site-search .widget_search {
    position: relative;
    padding-top: 0;
}

.site-search .woocommerce-product-search,
.site-search .widget_search .search-form {
    border: none;
    width: 50%;
    margin-top: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    padding-top: 0;
    opacity: 0;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
    transform: translateX(-50%);
    z-index: 9;
}

.site-search .woocommerce-product-search label,
.site-search .widget_search .search-form label {
    display: none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    transform: translateX(10%);
}

.site-search .woocommerce-product-search .search-field,
.site-search .widget_search .search-form .search-field {
    color: var(--bg-color);
    background: none;
    border: none;
    border-bottom: 3px solid var(--bg-color);
    font-size: 20px;
    /*  	font-weight: 900;*/
    padding: 15px 0;
    height: auto;
    margin: 0;
    outline: none !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.15s linear;
    -webkit-appearance: none;
    border-radius: 0px;
    box-shadow: inset 0 0 0 transparent;
    color: var(--main-color);
    padding-inline-end: 50px;
}

.site-search .woocommerce-product-search input[type="submit"],
.site-search .widget_search .search-form input[type="submit"] {
    top: 10px;
    right: 15px;
    padding-top: 0 !important;
    background: none !important;
    font-size: 0;
    min-width: 0;
    padding: 0 !important;
    z-index: 4;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-search .woocommerce-product-search button {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 20px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--bg-color);
    padding: 0;
}

.site-search .woocommerce-product-search .search-field::placeholder {
    color: var(--bg-color);
}

.searchForm .btnSearch {
    box-shadow: none !important;
    /* margin: 0 25px; */
    color: #000000;
    padding: 0;
    text-align: center;
    /* line-height: 30px; */
    border: none !important;
    font-size: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    
    cursor: pointer;
}

.searchForm .btnSearch i {
    transition: all 0.6s;
    color: #000000;
}

.site-search-close {
    position: absolute;
    right: 0;
    left: 0;
    top: 0px;
    bottom: 0;
}

.site-search .close-side i {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 20px;
    right: 20px;
    z-index: 9;
}

/* End Search */
/* Start header */
.mynav .row{
    align-items: center;
}
.mynav .row{
    padding: 16px 0;
}
.mynavbar ul,.mynavbar{
    display: flex;
    align-items: center;
}
.mynavbar{
    justify-content: space-between;
}
.mynavbar ul li{
    margin-inline-end: 23px;
}
.mynavbar .nav-link {
    position: relative;
    padding: 0;
    color: #465459;
    transition: all 0.3s;
    text-transform: capitalize;
    font-family: 'light';
    position: relative;
    display: inline-block;
}
.mynavbar .nav-link::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 2px;
    background-color: #66C500;
    bottom: -8px;
    left: 0;
    transform: scale(0);
    transition: all 0.3s;
}
.mynavbar .nav-link:hover,.mynavbar .nav-link.active,
.mynavbar .current-menu-item .nav-link,.mynavbar .current_page_item .nav-link{
    color: #465459;
/* font-family: 'medium'; */
font-weight: 600;
}
.mynavbar .nav-link:hover::after,.mynavbar .nav-link.active::after,.mynavbar .current_page_item .nav-link::after,.mynavbar .current-menu-item .nav-link::after {
    transform: scale(1);
}

 
/* responsive menu */
.responsive-menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
}
.res-menu ul.menu li:last-of-type{
    margin-right: 10px;
}
.res-menu{
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: rgb(49 199 199 / 82%);
    padding: 14px 10px;
    z-index: 9999;
    
}

.res-menu a,.res-menu i{
    color: #000;
    font-size: 18px;
}
.res-menu  button.btnSearch{
    background-color: transparent;
    background: transparent;
    color: #fff;
}
.sidebar .left-bar {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-inline-start: 12px;
    border-top: 1px solid #fff;
    padding-top: 14px;
}
.sidebar .left-bar, .sidebar .left-bar a {
    color: #fff;
    text-transform: capitalize;
}
.sidebar .left-bar  i{
    padding-inline-end: 4px;
}
.navbar-toggler i{
    color: var(--main-color);
    font-size: 26px;
}
/* Sidebar */

.sidebar{
    position: fixed;
    top: 0px;
    bottom: 0;
    left: -350px;
    height: 100%;
    width: 350px;
    background-color: var(--bg-color);
    z-index: 999999999999;
    padding: 20px 0;
     z-index: 999999;
   transition: all 0.7s;
   box-shadow: 0px 0px 20px #00000029;
   padding:20px 0;
   clip-path: circle(25px at calc(100% - 45px) 45px);
}
.sidebar-width{
    left: 0px;
    clip-path: circle(75%);
}
.sidebar .close-side i{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.sidebar .side-content{
    padding-top: 10px;
    margin-top: 30px;
}
.side-content a i{
    margin: 0 8px;
}
.side-content a{
    text-transform: capitalize;
}
 .close-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.close-overlay.open-overlay{
    display: block;
}

.sidebar .side-content ul li{
position: relative;
width: 100%;
transition: all .5s;
border-bottom: 1px solid rgb(255 255 255 / 30%);;
}


.sidebar .side-content ul li a{
    color: #fff;
    display: inline-block;
    padding: 10px 12px;
    position: relative;
    transition:all 0.6s;
}
.side-content ul li.has-child a{
 padding-inline-end: 20px;   
}

.sidebar .contact-buttons{
justify-content: center;
    margin-top: 60px;
}
.search-menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}  
/* Start home slider */
.slider-home .slider-img
{
    position: relative;
    height: 80%;
    width: 50%;
}
.slider-home .slider-img img{
    height: 100%;
    transition: all 30s;
    
}

.home-slider  .item{
    position: relative;
    overflow: hidden;
    height: 680px;
}

.home-slider{
    width: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative;
}
.slider-home .slider-img{
    position: relative;
    overflow: hidden;
}
.slider-home{
    position: relative;
height: 600px;}
.slider-home::after{
    position: absolute;
    content: '';
    width: 96%;
    height: 100%;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: -1;
    background: transparent linear-gradient(242deg, #66C500 0%, #336300 100%) 0% 0% no-repeat padding-box;
border-radius: 0px 0px 0px 10px;
}

.border-container{
    width: 45%;
    position: relative;
    z-index: 99999;
margin-inline-start: auto;position: absolute;top: 50%; 
transform: translateY(-50%);
right: -20px;height: 100%;}
.border-container span{
    border-inline-start: 1px solid rgb(255 255 255 / 25%);
    
width: 13%;height: 100%;display: inline-block;}

.more a,a.btn-more,.more button{
    color: #fff;
    position: relative;
    transition: all 0.3s; 
    padding: 12px 20px;
    min-width: 170px;
    display: inline-block;
    
    text-align: center;
    font-family: 'open-sans';
    font-size: 18px;
    z-index: 1;
    text-transform: capitalize;
    text-align: center;
    
background: #66C500 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 24px #7EC33A52;
border-radius: 5px;font-weight: bold;}
.more a::after,a.btn-more::after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    border-radius: 6px;
z-index: -1;
transition: all 0.3s;
transform: scale(0);
}

.more a:hover::after,a.btn-more:hover::after{
    transform: scale(1);
}
.carousel-info{
    position: absolute;
    z-index: 2;
    color: #fff;
    transition: all 1s ease-in;
    top: 50%;
    left: 43.5%;
    transform: translateY(-50%);
    width: 54%;
    text-align: start;
}
.carousel-info h2{
    font-size: 60px;
    font-family: 'bold';
    line-height: 71px;
    position: relative;
}
.carousel-info h2::before{
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    background: #66C500 0% 0% no-repeat padding-box;
    top: -25px;
    left: -23px;
    z-index: -1;

}
.slider .owl-item.active .carousel-info h2{
   animation: 1s slideInUp;
   opacity: 1;
  }

  .carousel-info p {
    line-height: 35px;
    color: #fff;
    overflow: hidden;
    font-size: 20px;
    width: 70%;
    margin: 30px 0;
}
 .owl-item.active .carousel-info p{
    animation: 1s slideInUp;
    opacity: 1;
    visibility: visible;

   }
   .carousel-info .contact-link {
       opacity: 0;
       
   }
   .owl-item.active .carousel-info .contact-link{
    animation: 1s slideInUp;
       opacity: 1;
    
   }
   .contact-link a{
       color: #fff;
       font-size: 20px;
       font-family: 'bold';
   }
.home-slider .owl-carousel,.sponser-slider{
    direction: ltr;
}

.slider-home .owl-item .slider-img video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-slider .owl-theme .owl-nav .owl-prev ,
.home-slider .owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-prev,
.sponser-slider.owl-theme .owl-nav .owl-next,.gallary-slider.owl-theme .owl-nav .owl-prev
,.gallary-slider.owl-theme .owl-nav .owl-next  {
    margin-top: 0;
    position: absolute;
    top: -86px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    font-size: 19px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: none;
    /* opacity: 51%; */
color: #465459;}
.home-slider .owl-theme .owl-nav .owl-prev:hover ,
.home-slider .owl-theme .owl-nav .owl-next:hover,
.card-slider.owl-theme .owl-nav .owl-next:hover,
.card-slider.owl-theme .owl-nav .owl-prev:hover,
.sponser-slider.owl-theme .owl-nav .owl-prev:hover,
.sponser-slider.owl-theme .owl-nav .owl-next:hover,.gallary-slider.owl-theme .owl-nav .owl-prev:hover
,.gallary-slider.owl-theme .owl-nav .owl-next:hover {
opacity: 1;
}
.home-slider .owl-theme .owl-nav .owl-prev{
    left: 4%;
}
.home-slider  .owl-theme .owl-nav .owl-next{
    right: 4%;
}
.card-slider.owl-theme .owl-nav .owl-prev,.gallary-slider.owl-theme .owl-nav .owl-prev{
    right: 52px;
}
.card-slider.owl-theme .owl-nav .owl-next,.gallary-slider.owl-theme .owl-nav .owl-next{
    right: 0;
}

.sponser-slider.owl-theme .owl-nav .owl-next{
    right: 0;
}
.sponser-slider.owl-theme .owl-nav .owl-prev{
    right: 44px;
}
.sponser-slider.owl-theme .owl-nav .owl-next,
.sponser-slider.owl-theme .owl-nav .owl-prev{
  background: transparent;
  color: #292D32;
  font-size: 24px;
  border: 1px solid #E0E0E0;
}



.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #F2F2F2;
    transition: all 0.3s;
}
.owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
    background: var(--sec-color);
    width: 18px;
    height: 10px;
}
.owl-theme .owl-dots .owl-dot {
    background: transparent;
    padding: 0;
}
/* ********************************* */
/* Start sponser slider */
.sponser-slider.owl-carousel .owl-stage-outer {
    overflow: visible;
}
.sponser-slider.owl-carousel .owl-item{
    opacity: 0.2;
}
.sponser-slider.owl-carousel .owl-item.active{
    opacity: 1;
}
.sponser-img {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 3px 6px #7EC33A29;
    border: 1px solid #7EC33A;
    border-radius: 10px;
    overflow: hidden;
   
}
.partner-page .sponser-img {

    text-align:center;
}
.sponser-img img{
    height: 100%;
    max-width: 89%;
    object-fit: contain;
    transition: all 0.3s;
    width: auto !important;
    margin: 0 auto;
}
.sponser-img:hover img{
    transform: translateY(-3px);
}
.sponser-slider .item{
    margin: 0 0 25px;
}
/* End sponser slider */

/* --------------------------------------------------------- */

/* Start card slider section */
section.services{
    padding-top: 100px;
}
section{
    padding: 70px 0;
    overflow: hidden;
}
.col-lg-4,.col-lg-3{
    padding: 0 8px;
}
.services .section-title{
    margin-bottom: 35px;
}
.section-title{
text-align: center;
    text-transform: capitalize;
    margin-bottom: 50px;
}
.section-title .img img{
    max-height: 44px;
}
.section-title h4{
    font-family: 'bold';
    font-size: 40px;
    margin-bottom: 10px;
    color: #465459;
}
.section-title h6{
    font-size: 16px;
    font-family: 'light';
    color: #66C500;
    margin-bottom: 0;
}
.service-item .img{
    height: 380px;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
}
.service-item .img img{
    width: 100%;
    height: 100%;
    transition: all 1s; 
    object-fit:cover;
}
.service-item a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;

}
.service-item a::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(180deg, #82F413 0%, #336300 100%) 0% 0% no-repeat padding-box;
mix-blend-mode: hard-light;
border-radius: 10px;
opacity: 0.8;
}
.service-item{
    position: relative;
    transition: all 0.5s;
}

.service-item:hover img{
    transform: scale(1.1);
}

.service-item .service-info{
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    color: #fff;
    z-index: 2;
    width:92%;
}
.service-item .service-info h5{
    color: #fff;
    font-size: 30px;
    font-family: 'medium';
    margin-bottom: 0;
    text-transform: capitalize;

}
/* ----------------  Start about section  ---------- */
.about .section-title{
    margin-bottom: 50px;
}
.about{
    position: relative;
padding-bottom: 120px;
padding-top: 20px;
}
.about .elipse{
    position: absolute;
    bottom: -28px;
    right:30px;
    animation: move 12s infinite linear;
}
.elipse img{
    width: 32px;
height: 32px;
}
@keyframes move {
    0% {
      transform: translate3d(0, 0, 0) rotate(0);
    }
    50% {
      transform: translate3d(-100px, 30px, 30px) rotate(360deg);
    }
    100% {
      transform: translate3d(0, 0, 0) rotate(0);
    }
  }
.about::before{
    position: absolute;
    content: '';
  background-size: contain; 
  background-image: url('../images/leaf.png');
width: 134px;
height: 96px;
bottom: 110px;
right: 0;
}
 .about-image {
    height: 684px;
    position: relative;
}
.about-image::after,.about-image::before{
    position: absolute;
    content: '';
  background-size: contain;
  z-index: -1;
}
.about-image::after{
left: 10%;
top: -36px;
background-image: url('../images/circle-img.png');
width: 143px;
height: 143px;
}
.about-image::before{
bottom: 10%;
left: -60px;
background-image: url('../images/leaf.png');
width: 134px;
height: 96px;
}
.about-image img{
    width: 100%;
    height: 100%;
    border-radius: 10px;

}
.about-info{
    padding-inline-start: 26px;
}
.about-info ul{
    margin: 32px 0 48px;
}
.about-info ul li{
    display: flex;
    margin-bottom: 37px;
gap: 10px;}
.about-info ul li .icone{
    width: 64px;
height: 64px;
border-radius: 50%;
background: rgb(102 197 0 / 10%) 0% 0% no-repeat padding-box;
display: flex;
align-items: center;
justify-content: center;
}
ul li .icone i{
    color: #66C500;
font-size: 28px;}
.about-info ul li .detail{
    width: calc(100% - 60px);
}
.about-info p{
    font-family: 'open-sans';
    color: #406661;
    line-height: 27px;
}
.about-info h4{
    color: #465459;
    font-size: 32px;
    line-height: 43px;
    margin-bottom: 16px;
}
 ul li .detail h5{
    color: #465459;
    font-size: 32px;
    margin-bottom: 8px;
}
ul li .detail p{
    margin-bottom: 0;
}
section.about ul li .detail p {
    margin-bottom: 0;
    height: 60px;
    overflow: hidden;
}
.single-details p {
    max-height: 347px;
     height: 347px;
    overflow-y: scroll;
}
section.about .about-page  ul li .detail p {
    height: auto;
    text-align: justify;
}
.about-p .about-info p {
    /*height: 563px;*/
    /*overflow-y: scroll;*/
      height: 563px;
    overflow-y: scroll;
    text-align: justify;
    padding: 0 10px;
    line-height: 1.8;

}
.about-p .about-info p::-webkit-scrollbar,.single-details p::-webkit-scrollbar  {
  width: 5px;
}

.about-p .about-info p::-webkit-scrollbar-track,.single-details p::-webkit-scrollbar-track  {
  background: #FAF8F0;
}

.about-p .about-info p::-webkit-scrollbar-thumb ,.single-details p::-webkit-scrollbar-thumb {
  background: #888;
}

/* ---------------------------------------------------- */
/* Start projects section */
.projects{
    background-color: #406661;
    position: relative;
    overflow: hidden;
}
.projects::before{
    position: absolute;
    content: '';
    width: 246px;
    height: 162px;
    bottom: -44px;
    left: -85px;
    background-image: url(../images/fork-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.projects::after{
    position: absolute;
    content: '';
    width: 147px;
    height: 221px;
    top: 16%;
    left: -62px;
    background-image: url(../images/project-leav.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 1;
}
.projects .more{
    text-align: center;
    margin-top: 50px;
}
.projects .more a{
    padding: 16px 32px;
}
.projects .section-title{
    text-align: start;
    margin-bottom: 50px;
}
.projects .section-title h4{
    color: #fff;
}
.card-slider.owl-theme  .owl-stage-outer {
    overflow: visible;
}
.card-slider.owl-theme  .owl-item {
    opacity: 0.2;
}
.card-slider.owl-theme  .owl-item.active {
    opacity: 1;
}
.card-slider.owl-carousel .owl-item,
 .card-slider.owl-carousel .owl-stage .owl-item.active ~ .owl-item.active ~ .owl-item.active ~ .owl-item.active {
    opacity: 0.2;
}
.project-item  .item-img img{
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0px 0px;
    transition: all 1s;
    object-fit: cover;
}
.card-slider.owl-theme  .owl-item .item-img,
.card-slider.owl-carousel .owl-stage .owl-item.active ~ .owl-item.active ~ .owl-item.active ~ .owl-item.active .item-img{
    height: 210px;
}
.card-slider.owl-theme  .owl-item.active .item-img{
    height: 250px;
    border-radius: 10px 10px 0px 0px;
    overflow: hidden;
}
.project-item  .item-img{
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}
.card-slider.owl-theme .owl-stage{
    display: flex;
    align-items: center;
}
 .item-info h4 {
   font-size: 30px;
   line-height: 39px;
   font-family: 'medium';
   margin: 10px 0 20px;
   display: inline-block;
   min-height:78px;
}
.item-info h4 a{
    color: #fff;
}
.card-slider.owl-carousel .owl-stage .owl-item.active ~ 
.owl-item.active ~ .owl-item.active ~ .owl-item.active  .item-info h4 {
    font-size: 27px;
    margin: 10px 0 16px;
}
.card-slider.owl-carousel .owl-stage .owl-item.active ~ 
.owl-item.active ~ .owl-item.active ~ .owl-item.active  .item-info p {
  margin-bottom: 0;
}

.project-item{
    background: #465459 0% 0% no-repeat padding-box;
border-radius: 10px;

}
.project-item:hover img{
    transform: scale(1.1);
}
.project-item .item-info{
    padding: 30px;
}
.project-item .item-info span{
    color: #66C500;
    font-size: 14px;
}
.project-item .item-info p{
    font-family: 'open-sans';
    color: #fff;
    margin-bottom: 20px;
    line-height: 27px;
     min-height:53px;
}
.read-more a{
    color: #66C500;
    font-size: 18px;
    font-family: 'medium';
    text-decoration: underline;
}
/* Start contact section */
.contact-section{
    padding-bottom: 60px;
    padding-top: 0px;
}
.contact-section .section-title{
    text-align: start;
    margin-bottom: 20px;
}
.contact-section .col-lg-6{
    padding: 0;
}
.contact-img,.contact-form{
    height: 100%;
}
#map,#mack-map{
    height:830px;
}
.contact-img img,.contact-img iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contact-form{
    background-color: #fff;
    padding-top: 69px;
     padding-bottom: 69px;
    padding-inline-start: 47px;
    padding-inline-end: 139px;
}
.contact-form form input, .contact-form form textarea, .contact-form form select {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #E1E4ED;
    border-radius: 5px;
    color: #7E7E7E;
    font-size: 15px;
}
.contact-form label{
    font-family: 'open-sans';
    text-transform: capitalize;
    color: #465459;
}
.contact-form input::placeholder,.contact-form textarea::placeholder{
    color: #767891;
    font-size: 12px;
    font-style: italic;
    font-family: 'open-sans';
}
.more button{
    display: inline-block;
    color: #fff;
    margin-top: 30px;
    transition: all 0.3s;
    background-color: var(--sec-color);
    box-shadow: 0px 6px 24px #7EC33A52;
border-radius: 5px;
    padding: 12px;
    min-width: 168px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s;
   }
   .more button:hover{
       background-color: var(--main-color);
   }
textarea:focus{
    outline: none;
}

.contact-form input:focus,.contact-form textarea:focus{
    outline: none;
    border-color: #7EC33A;
}
.contact-form input:focus::placeholder,.contact-form textarea:focus::placeholder{
    color: #7EC33A;
    font-size: 14px;
    font-style: normal;
}
/* *************Start footer section*********** */
footer{
    overflow: hidden;
    padding: 30px 0 0;

}
.copy-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
}
.copy-bottom-f a {
    display: flex;
    align-items: center;
    color: #767891;
    font-size: 13px;
    line-height: 15px;
}
.copy-bottom a img {
    max-width: 12px;
    max-height: 12px;
    margin-inline-end: 8px;
}

.footer{
    text-align: center;
}

.footer-contact{
    margin-bottom: 20px;
}
.footer-logo{
    margin-bottom: 57px;
}
.footer-logo .img{
   height: 209px;
}
.footer-logo .img img{
    max-height: 100%;
}
.footer-sochial{
    display: flex;
margin-top: 30px;
align-items: center;
justify-content: center;
}

footer .footer-menu ul{
    display: flex;
    align-items: center;
    justify-content: center;
padding-bottom: 30px;}
footer .footer-menu ul a{
    color: #465459;
    text-transform: capitalize;
    padding: 0px 15px;
font-family: 'light';}
.copy-bottom a{
color: #767891;
font-size: 13px;
}
footer .footer-menu ul a:hover{
   color: var(--sec-color);  
}
.footer-sochial a:hover{
    color: var(--bg-color);
}
.footer .contact{
    margin-block: 20px;
}
.copy-right {
    margin-bottom: 10px;
    text-align: center;
}
    .copy-right p{
    color: #767891;
    margin-bottom: 0;
}
.footer-img{
    margin-top: 100px;
}
.footer-img img{
    width: 100%;
}
/* ************************************************ */
/* Start about page */
.breadcrumb-section{
    color: #fff;
    background-image: url('../images/bg-bread.png');
    background-size: cover;
    background-position: center;
    padding: 56px 0px 55px;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.breadcrumb-section .border-container{
    position: absolute;
    right: -98px;
    bottom: 0;
    width: 50%;
    height: 100%;
    /* overflow: hidden; */
}
.breadcrumb{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color:transparent;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.breadcrumb-info h2{
color: #fff;
font-size: 60px;
font-family: 'bold';
position: relative;
}
.breadcrumb-info h2::before {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    background: #66C500 0% 0% no-repeat padding-box;
    top: 50%;
    transform: translateY(-50%);
    left: -35px;
    z-index: -1;
}
.about-info.about-page ul{
    flex-wrap: wrap;
    margin-top:130px;
}
.about-info.about-page ul li{
    width: 49%;
    display: inline-flex;
}
.about-info.about-page {
    padding-inline-start: 0px;
}
/* Start certificates section */
.certificate-item .img{
    width: 100%;
    height: 380px;
    margin-bottom: 25px;
}
.certificate-item img{
    width: 100%;
    height: 100%;
    box-shadow: 0px 3px 6px #7EC33A29;
border: 1px solid #7EC33A;
border-radius: 10px;
object-fit: cover;
}
.certificate-item h6{
    color: #406661;
    font-size: 18px;
    text-align: center;
}
.about.about-p::before {
    right: 0;
    top: 52%;
}
.about.about-p{
    padding-bottom: 0px;
    padding-top: 120px;
}
.about.about-p .about-info ul li {
    margin-bottom: 50px;
}
.about.about-p .about-info ul {
    margin-bottom: 0;
}
/* ----------------------------------  service page  ----------------------------- */
.service-page .service-item .img {
    height: 510px;
}
.service-page .service-item{
    margin-bottom: 16px;
}
.service-page .section-title{
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
}
.page-title{
    margin-bottom: 50px;
}
.page-title .row{
    align-items: center;
}
.page-title .col-lg-6{
    padding: 0;
}
.page-title p{
    width: 80%;
    color: #406661;
    line-height: 27px;
    font-family: 'open-sans';
}
/* Pagination */
.pagination{
    justify-content: center;
    margin-top: 50px;
}
.page-link {
    color: #465459;
    font-family: 'open-sans';
    
    font-size: 16px;
    
width: 40px;
height: 40px;
background: #FFFFFF 0% 0% no-repeat padding-box;border-color: transparent;
display: flex;align-items: center;justify-content: center;}

.page-item .page-link,
.page-item:last-child .page-link,
.page-item:first-child .page-link { 
    border-radius: 50%;
margin-inline: 2px;}
.page-item:last-child .page-link,
.page-item:first-child .page-link{
    background-color: #fff;
    color: rgb(70 84 89 / 10%);
    font-size: 18px;
    
}
.page-item:last-child .page-link{
    border-radius: 50%;
    background-color: #fff;
    color: rgb(70 84 89 / 10%);
}
.page-item:first-child .page-link{
    border-radius: 50%;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #fff;
    border-color: transparent;
    color: #7EC33A !important;
    font-weight: bold;
}
li.page-item {
    margin-inline:0;
}

.page-link:hover {
    z-index: 2;
    color: #7EC33A;
    text-decoration: none;
    background-color: #fff;
    border-color: transparent;
    font-weight: bold;
}
.page-link:focus {
    box-shadow: none;
}

/* ---------------------  single service page   ---------------------------- */
.single-service .col-lg-3,.single-service .col-lg-5
,.single-service .col-lg-7{
    padding: 0 8px;
}
.single-service .col-lg-3{
    padding-inline-end: 4px;
}
.all-services{
    background-color: #fff;
    border-radius: 10px;
    padding: 30px 20px;
    height: 100%;
}
.sercices-detail{
    height: 100%;
}
.all-services h6{
    color: #495458;
    font-size: 18px;
    font-family: 'medium';
    margin-bottom: 16px;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #7EC33A;
    background-color: transparent;
    font-family: 'medium';
}
.nav-pills .nav-link {
    border-radius: 0;
    color: #406661;
    position: relative;
    padding-inline-start: 14px;
    text-transform: capitalize;
}
.nav-pills .nav-link::before{
    position: absolute;
    content: "\f105";
    font-family: 'font awesome 5 pro';
    top: 10px;
    left: 0px;
    color: #465459;
    font-size: 16px;
    transition: all 0.3s;
}
.single-image .img{
    width: 100%;
    height: 510px;
    border-radius: 10px;
    position: relative;
}
.single-image .img::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(180deg, #82F413 0%, #336300 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: hard-light;
    border-radius: 10px;
    opacity: 0.8;
}
.single-image .img img{
    width: 100%;
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}
.single-details p{
    margin-bottom: 30px;
    color: #406661;
    font-family: 'open-sans';
    line-height: 27px;
}
.single-details h4{
    color: #465459;
    font-family: 'bold';
    font-size: 38px;
    margin-bottom: 32px;
}
/* -------------------------- */
.owl-carousel.gallary-slider .owl-stage-outer {
    overflow: visible;
}
.gllery{
    background-color: #406661;
    position: relative;
    margin-bottom: 60px;
}
.gllery::before{
    position: absolute;
    content: '';
    width: 300px;
    height: 200px;
    bottom: 8px;
    left: 0;
    background-image: url(../images/fork-img.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.gllery .section-title{
    text-align: start;
    color: #fff;
 
}
.gllery .section-title h4{
    color: #fff;
}
.gllery .ser-img{
    height: 250px;
}
.gllery .ser-img img{
    max-height: 100%;
    object-fit: cover;
}
/* ----------------------------- */
.project-page .project-item{
    margin-bottom: 16px;
    background: #fff;
    height: calc(100% - 16px);
}
.project-page .item-info h4 a {
    color: #465459;
}
.project-page .project-item .item-info p {
    color: #406661;
}
.project-page .section-title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 0;
}
.project-page .section-title .row{
    align-items: center;
}
/* --------------------   contact page   --------------------- */
.contact-block{
    background-color: #fff;
    padding: 42px 14px 26px;
    text-align: center;
    box-shadow: 0px 3px 6px #7EC33A29;
border: 1px solid #7EC33A;
border-radius: 10px;
min-height: 257px;}
.contact-block .icon{
margin-bottom: 44px;
}
.contact-block .icon i{
color: #7EC33A;
font-size: 46px;
}
.contact-block h3{
    color: #465459;
    font-size: 16px;
    font-family: 'medium';
    margin-bottom: 16px;
}
.contact-block a{
    color: #465459;
display: block;line-height: 27px;}
.contact-block p{
    color: #465459;
    margin-bottom: 0;
line-height: 27px;}
.contact-p .col-lg-4:nth-child(2){
    animation-delay: 0.3s;
}
.contact-p .col-lg-4:nth-child(3){
    animation-delay: 0.6s;
}
/* -----------------   policy-page   ---------------------- */
.policy-page {
   width: 68%;
   margin: auto;
}
.policy-page ul li{
    margin-bottom: 32px;
}
.policy-page ul li h5{
    color: #465459;
    font-size: 24px;
    margin-bottom: 16px;
    font-family: 'rounded-mplus';
}
.policy-page ul li p{
    color: #465459;
    font-size: 15px;
    margin-bottom: 0;
    line-height: 27px;
}
/* ------------- partner-page ----------- */
.partner-page .item{
    margin-bottom: 68px;
}
.partner-page{
    padding-bottom: 32px;
}
/* --------------------------  404 page   -------------------------- */
.not-found-details{
    text-align: center;
    padding-inline-start: 14%;
}
.not-found-page .row{
    align-items: center;
}
.not-found-details h1{
font-size: 143px;
line-height: 145px;
color: #465459;
font-family: 'bold';
}
.not-found-details h5{
    font-size: 30px;
    margin-bottom: 43px;
    color: #465459;
}
.not-found-image img{
    width: 100%;
    height: 450px;
    object-fit: contain;
}
.not-found-page{
   padding-top: 124px; 
   padding-bottom: 100px;
}
.not-found-details .more a{
    min-width: 274px;
}
/* --------------------------------------------------------------------- */

.project-page,section.single-service,.page-content {
    padding-top:100px;
}
.contact-p{
    padding-bottom: 100px;
}
/* ------------------------ ceo-page  ---------------------- */
.ceo-page{
    position: relative;
}
.ceo-info h6{
    color: #465459;
    font-size: 20px;
    margin-bottom: 29px;
    line-height: 31px;
    font-family: 'medium';
    font-style: italic;
}
.ceo-info p{
    color: #465459;
    line-height: 27px;
}
.img-detail{
    text-align: center;
    margin-top: 30px;
}
.img-detail h6{
    font-family: 'light';
    font-style: italic;  
    color: #465459;
}
.img-detail h5{
    color: #465459;
    font-size: 20px;
    margin-bottom: 10px;
    font-family: 'medium';
}

.ceo-page .about-image .img{
    height: 559px;
}
.ceo-info{
    padding-top: 40px;
}
.ceo-page .col-lg-6{
    padding: 0 10px;
}
.ceo-page .about-info{
    padding-inline-start: 0;
}
.about-image img{
    object-fit: cover;
    z-index: 2;
    position: relative;
}

.elipse2{
    position: absolute;
    bottom: 60%;
    left: 13px;
    animation: move2 12s infinite linear;  
    z-index: 1;
}
.elipse2 img {
    width: 32px;
    height: 32px;
}
@keyframes move2 {
    0% {
      transform: translate3d(0, 0, 0) rotate(0);
    }
    50% {
      transform: translate3d(-50px, 100px, 50px) rotate(360deg);
    }
    100% {
      transform: translate3d(0, 0, 0) rotate(0);
    }
  }
.about.ceo-page{
    padding-bottom: 70px;
}
.ceo-page .about-image{
    height: auto;
}
.ceo-page.about .elipse {
    position: absolute;
    bottom: 77px;
}
/* --------------------------   testimonial page   --------------------- */
.testimonial-items{
    margin: 100px auto 0px;
    width: 43%;
}
.testimonial-items .item{
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #7EC33A29;
border: 1px solid #7EC33A;
border-radius: 10px;
text-align: center;
margin-bottom: 38px;
padding: 50px 24px;
}
.testimonial-items .item .icone h1{
    color: #66C500;
    font-size: 50px;
    line-height: 61px;
    font-family: 'Roboto';
    margin-bottom: 0;
}
.testimonial-items .item h5{
    color: #406661;
    font-size: 20px;
    line-height: 31px;
    font-family: 'bold';
    margin: 0px 0 20px;
}
.testi-name h6{
    margin-bottom: 0;
    font-family: 'light';
    font-style: italic;  
    color: #465459;
}


@media (min-width: 576px){
.modal-dialog {
    max-width: 60%;
    margin: 1.75rem auto;
}
}


.modal-dialog .contact-form {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 36px;
    padding-inline-end: 36px;
}

.res-link {
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 4;
    display: flex;
    justify-content: space-between;
    margin: 30px;
}

.res-link a {
    width: 60px;
    height: 60px;
    bottom: 40px;
    background-color: var(--sec-color);
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 26px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
    animation: 2s infinite bounceIn;
}

.res-link a i {
    line-height: 60px;
}

.res-link .whats-icon {
    background: #25d366;
}

.project-item .item-img {
    height: 240px;
}

.logo a {
    display: block;
    /* line-height: 65px; */
}

.logo a h2 {
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    color: #66c500;
    display: inline-block;
}






  @media (max-width: 768px) {
      
  .carousel-info {
    left: 1%;
    bottom: 20px;
  }
  .border-container {
    right: -11px;
    top: unset;
    bottom: -134px;
    height: 268px;
    width: 86%;
  }
     .carousel-info p {
    margin: 10px auto;
} 
}