@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600&family=Domine:wght@400;500;600;700&family=Josefin+Sans:wght@100;200;300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
    font-family: 'Cairo', sans-serif;
}
.navbar{
/*background-color: rgb(118, 168, 51) !important;
*/
/*transition: all 0.5s !important;
background: rgba(0,0,0,0.01) !important;
border-bottom: 1px solid #fff !important;*/
}
.navbar-scrolled{
 background-color:#F7931E !important;
 /*box-shadow: 0 3px 10px rgba(0,0,0,0.15) !important;*/
}
/*.home{
    width: 100%;
    min-height: 100vh;
    display: grid;
    align-items: center;
    grid-template-columns: repeat(auto-fit, minmax(17rem, auto));
    height: 100vh;
    background-image: url('image/n4.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position:left;
    background-attachment: fixed;
    gap: 1.5rem;
   
}
.home-tex h3{
 font-size: 1.5rem;
 font-weight: 500;
 text-transform: uppercase;
 color:#080707;

}
.home-tex h1{
    font-size: 2.4rem;
    letter-spacing: 1px;
}
.home-tex p{
   
    max-width: 80%;
    font-size: 0.938rem;
    margin: 00.5rem 0 1.5rem;
}
.home-tex span{
    color: var(--main-color);
}
.home-image{
    animation: float 3s linear infinite;
}
@keyframes float {
    0%,100%{
        transform: translateY(-3.5rem);
    }
    50%{
        transform: translateY(1rem);
    }
}*/

.slider .carousel-item{
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
    background-size: cover;
}
/* Extra small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { 
    .slider .carousel-item{
        background-position: center;
    }
 }

/* Small devices (landscape phones, 576px and up)
@media (min-width: 576px) and (max-width: 767.98px) { 
    .slider .carousel-inner .carousel-item{
        background-position: center;
    }
 }

/* Medium devices (tablets, 768px and up)
@media (min-width: 768px) and (max-width: 991.98px) { 
    .slider .carousel-inner .carousel-item{
        background-position: center;
    }
 }*/
.bg-img-1{
    background-image: url('../image/ex1.jpg');
}
.bg-img-2{
    background-image: url('../image/p3.jpg');
}
.bg-img-3{
    background-image: url('../image/p2.jpg');
}
.carousel-image{
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.myic{
    color: rgb(118, 168, 51) !important;
    font-size:30px ;
}
.carousel-caption{
    background-color: rgb(118, 168, 51, 0.09) ;
    border-radius: 20px;
    bottom: 8rem;
    padding: 50px !important;
}
.carousel-caption:hover{
    background-color:  rgb(118, 168, 51,0.7);
transition: ease .7s;
}
.carousel-indicators button{
   
   
    background-color:rgb(118, 168, 51) !important;
 }
 .carousel-indicators button:hover{
 
    background-color:crimson !important;
 
 }
 .carousel-caption h2{
  margin-bottom: 20px !important;
  font-size: 45px;
 }
 .carousel-caption p{
    font-size: 20px;

 }
 .card{
    background-color:rgb(193, 144, 10) !important;
 }
 .accordion-item{
    border-color:rgb(118, 168, 51) !important;
 }
 .accordion-button:hover{
    background-color:rgb(118, 168, 51) !important;
}
.social{
    display: flex !important;
    align-items: center !important;
    column-gap: 0.5rem !important;
}
.social a .bx{
    font-size: 24px !important;
    color:aliceblue !important;
    padding: 10px !important;
    background-color: rgb(17, 146, 30) !important ;
    border-radius: 5rem !important;
}
.social a .bx:hover{
 background: var(--main-color);
 color: var(--bg-color);
}
.contact{
    display: flex !important;
    flex-direction: column !important;
    row-gap: 0.5rem !important;

}
.contact span{
    display: flex !important;
    align-items: center !important;
}
.contact i{
    font-size: 20px !important;
   margin-right: 1rem !important;


}
.team .box .h4{
    background-color:rgb(193, 144, 10) !important;
}
.footer .h3{
   color: #76a833 !important;
}