@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Heebo:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Heebo:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Cormorant+Garamond&family=Heebo:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Lato&family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Cormorant+Garamond&family=Heebo:wght@100..900&family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:wght@100..900&family=Lato&family=Poppins&family=Quicksand:wght@300..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Satisfy&display=swap');

body 
{
    font-family: "Inter", sans-serif;
}
.navbar 
{
  z-index: 1000;
  font-family: "Inter", sans-serif;
}
.navbar .navbar-brand 
{
  width: 150px;
  /* background-color: rgba(255, 255, 255, 0.51); */
}
.navbar #nb2
{
  width: 150px;
  border-radius: 8px;
}
.navbar #sep-nav 
{
  background-color: #216006;

}

.navbar .nav-item .nav-link:hover 
{
border-bottom: 1px dotted rgb(0, 0, 60);
color: rgb(255, 251, 4);
}
.navbar .navbar-toggler 
{
  border: none;
  
}

@media (max-width:991px) 
{
  .navbar .offcanvas
  {
    /* background: url(img5.avif) center center no-repeat;
    background-size: cover; */
    background-color: black;
  }


  .navbar .nav-item
  {
    background-color: #ffffff24;
    padding: 10px;
    margin-top: 5px;
    width: 100%;
  }
  .navbar .nav-link 
  {
    width: 100%;
    color: white;
  }

}


@media (min-width:991px) {
    
  /* .navbar .navbar-nav 
  {
   background-color: #14213d;
   padding: 8px;
   border-radius: 7px;
  } */

  .navbar .nav-item .nav-link
  {
    font-weight: bold;
   color: white;
  }

  /* .navbar .navbar-nav 
  {
    background-color: rgba(0, 0, 0, 0.422);
    padding: 5px;
    
  } */

 }


/* swiper */

.myswiper  {

    width: 100%;
    height: 100;
    --swiper-pagination-color: white;
    --swiper-navigation-color: white;
    --swiper-navigation-size: 25px;

  }

  .myswiper swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 700px;
  }

  .myswiper swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .myswiper swiper-slide video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    
  }

  .myswiper swiper-slide
  {
    font-family: "Inter", sans-serif;
  }
      .myswiper swiper-slide h1 span 
      {
      } 
      .myswiper swiper-slide p 
      {
        color: #ffffff;
      } 


  .myswiper swiper-slide .absbtn #hbtn1
  {
    padding: 9px;
    background-color: #ffffff;
    color: rgb(0, 94, 17);
    border: none;
  }
  .myswiper swiper-slide .absbtn #hbtn2
  {
    padding: 9px;
    background-color: #1a5105;
    color: rgb(255, 255, 255);
    border: none;
  }

   
 @media (max-width:767px) {
    
    .navbar .navbar-brand 
    {
      margin-left: -10px;
    }
    .myswiper swiper-slide 
    {
      height: 550px;
    }
   

  }
  

  /* home-cont */

  .home-cont 
  {
    font-family: "Inter", sans-serif;
  }

  .home-cont .home-cont-item 
  {
    padding: 10px;
  }

  .home-cont #hc1 
  {
    background-color: #ffe45e;
    color: rgb(61, 62, 61);
  }
  .home-cont #hc2
  {
    background-color: #cde000;
  }
  .home-cont #hc3 
  {
    background-color: #ffe45e;
  }

  /* services */

  .services .title h3
  {
    font-weight: bold;
  }
  .services .title hr
  {
    width: 80px;
    color: #216006;
    border-width: 5px;
  }

  .services .ser-cat h4
  {
  font-size: 18px;
  color: #35a008;
  font-weight: bold;
 }

  .ser-img{
    width: 20rem;
  }

  .ser-img img 
  {
    border-radius: 10px;
  }

  /* solutions */

  .sol-item 
  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 6rem;
  }

  .sol-item img 
  {
    width: 70px;
  }

  .sol-item h5 
  {
    text-align: center;
    color: #216006;
    font-size: 15px;
  }

  /* estimation */

  .estimation .est-img img 
  {
    width: 50px;
  }

  .estimation .est-cat 
  {
    background-color: white;
    padding: 10px;
    box-shadow: 1px 1px 10px rgb(226, 226, 226);
  }

  .estimation button 
  {
    background-color: #216006;
    color: white;
    padding: 8px;
    border: none;
    border-radius: 5px;
  }


  /* cont-bg */

  .cont-bg 
  {
    background: url(cont-bg.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .cont-bg h2 
  {
    color: rgb(255, 255, 255);
    font-weight: bold;
  }

  .cont-bg p
  {
    color: rgb(255, 255, 255);
  }

  .cont-bg button 
  {
    border: none;
    padding: 8px;
    background-color: #ffffff;
  }


  /* testimonials */

  .testimonial 
  {
    background-color: #3DEE0C;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1200 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='0' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2323990c'/%3E%3Cstop offset='1' stop-color='%2323990c' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='1200' cy='800' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2337d813'/%3E%3Cstop offset='1' stop-color='%2337d813' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='0' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%231f8710'/%3E%3Cstop offset='1' stop-color='%231f8710' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='d' cx='600' cy='800' r='600' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233DEE0C'/%3E%3Cstop offset='1' stop-color='%233DEE0C' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='e' cx='0' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%230F4908'/%3E%3Cstop offset='1' stop-color='%230F4908' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='f' cx='1200' cy='0' r='800' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%2333C319'/%3E%3Cstop offset='1' stop-color='%2333C319' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='1200' height='800'/%3E%3Crect fill='url(%23b)' width='1200' height='800'/%3E%3Crect fill='url(%23c)' width='1200' height='800'/%3E%3Crect fill='url(%23d)' width='1200' height='800'/%3E%3Crect fill='url(%23e)' width='1200' height='800'/%3E%3Crect fill='url(%23f)' width='1200' height='800'/%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
  }

  .rev-swiper {
    width: 100%;
    height: 100%;
    --swiper-pagination-color: white;
    --swiper-navigation-color: white;
    --swiper-navigation-size: 25px;
  }

  .rev-swiper swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rev-swiper swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .testimonial .user-img img
  {
    width: 180px;
    border-radius: 100%;
  }

  .testimonial .review 
  {
    color: white;
  }

  /* choose */

  .choose 
  {
    background: url(pexels-polina-kovaleva-5644353.jpg) center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }

  .choose .choose-item 
  {
    max-width: 22rem;
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.771);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }
  .choose .choose-item p 
  {
    text-align: center;
  }

  .choose .choose-item img 
  {
    width: 60px;
  }

  /* form */


  
.cont-form .sep-contact h4 
{
  font-family: "Inter", sans-serif;
  color: #000000;
}
.cont-form .sep-contact p
{
  font-family: "Inter", sans-serif;
  color: rgb(95, 95, 95) ;
}
  
/* form */
.cont-form .sec h3, .cont-form .sec p 
{
  /* color: white; */
}

.cont-form .cont-sec-btn 
{
  padding: 8px;
  background-color: transparent;
  border: 1px solid;
  /* color: white; */
}
.cont-form
  {
   background-color: #f6f6f6;
  }

  .cont-form .form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 350px;
    background-color: #ffffff00;
    padding: 20px;
    border-radius: 20px;
    position: relative;
  }
  
 .cont-form .title
  {
    font-size: 25px;
    color:rgb(0, 0, 0);
    font-weight: 600;
  }
  .cont-form .flex {
    display: flex;
    width: 100%;
    gap: 6px;
  }
  
  .cont-form .form label {
    position: relative;
  }
  
  .cont-form .form label .input {
    width: 100%;
    padding: 10px 10px 20px 10px;
    outline: 0;
    border: 1px solid rgba(105, 105, 105, 0.397);
    border-radius: 10px;
  }
  
  .cont-form .form label .input + span
   {
    position: absolute;
    left: 10px;
    top: 15px;
    color: grey;
    font-size: 0.9em;
    cursor: text;
    transition: 0.3s ease;
  }
  
  .cont-form .form label .input:placeholder-shown + span {
    top: 15px;
    font-size: 0.9em;
  }
  
  .cont-form .form label .input:focus + span, .cont-form .form label .input:valid + span {
    top: 30px;
    font-size: 0.7em;
    font-weight: 600;
  }
  
  .cont-form .form label .input:valid + span {
    color: green;
  }
  
  .cont-form .submit {
    border: none;
    outline: none;
    padding: 10px;
    background-color: #216006;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    transform: .3s ease;
  }
  
  .cont-form .submit:hover {
    background-color: rgb(56, 90, 194);
  }
  
  @keyframes pulse {
    from {
      transform: scale(0.9);
      opacity: 1;
    }
  
    to {
      transform: scale(1.8);
      opacity: 0;
    }
  }

  /* socialmedia */
 

  .social-media 
  {
    background-color: #216006;
  }

  .social-media .sm-item 
  {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    color: green;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .social-media .sm-item i 
  {
    font-size: 24px;
    color: #ffffff;
  }

  /* contact */

  #contact 
  {
    background-color: #ffffff;

font-family: "Inter", sans-serif;
}
#contact .cont-abt #foot-img
{
  width: 80px;
}
  #contact h4 
  {
    color: #000000;
  }

  #contact p 
  {
    color: rgb(0, 0, 0); 
  }

  #contact li a ,  #contact li
  {
    text-decoration: none;
    color: rgb(0, 0, 0) ;
  }

  #contact hr 
  {
    width: 80px;
    color: #216006;
    border-width: 5px;
    border-radius: 8px;
  }




  .founder .founder-img 
  {
    width: 200px;
  }


  /* sep-abt */


  
  /* sep-about */

  #sep-abt-body 
{
  font-family: "Inter", sans-serif;
}
 #sep-abt .sep-abt-bg
 {
   background: url(sep-abt-bg.webp) center center no-repeat;
   background-size: cover;
   font-family: "Inter", sans-serif;
   height: 350px;
 }

 .sep-abt-bg hr , .sep-cont-bg hr
 {
   width: 60px;
 }
 .sep-abt-bg p, .sep-cont-bg p
 {
   color: rgb(95, 95, 95) ;
 }

 .sep-abt-cont h4
 {
   font-family: "Inter", sans-serif;
   color: #023047;
 }
 .sep-abt-cont hr 
 {
   width: 80px;
   border: dotted black;
 }
 .sep-abt-cont #ttl
 {
   font-family: "Inter", sans-serif;
   color: rgb(95, 95, 95) ;
 }
 .sep-abt-cont .b-item 
 {
   padding: 0px;
   color: rgb(0, 0, 0);
   border-radius: 5px;
 }
 .sep-abt-cont .b-item hr 
 {
   width: 70px;
   border: solid rgb(255, 255, 255);
 }

.sep-abt-cont .img-c 
{
 border: 1px dotted black;
 border-radius: 8px;
}

.sep-abt-li 
{
 background-color: #1a5105;
}

.sep-abt-li h1
{
 color: #ffffff;
}
.sep-abt-li p
{
 color: rgb(249, 249, 249) ;
}
.sep-abt-li .sabt-li 
{
  width: 20rem;
 color: white;
}
.sep-abt-li .sabt-li img 
{
  width: 80px;
}

#f-about #right-img 
{
  width: 300px;
}

/* sep-contact  */
#sep-cont-body 
{
  font-family: "Inter", sans-serif;
}

#sep-cont .sep-cont-bg
{
  background: url(sep-cont-bg.jpg) center center no-repeat;
   background-size: cover;
   font-family: "Inter", sans-serif;
   height: 350px;
}

/* sep-gallery */

#sep-gall-body 
{
  font-family: "Inter", sans-serif;
}

#sep-gall .sep-gall-bg
{
  background: url(sep-gall-bg.jpg) center center no-repeat;
   background-size: cover;
   font-family: "Inter", sans-serif;
   height: 350px;
}