.container{
   max-width: 1200px; 
}
section{
    overflow-x:hidden;
}
h1,h2,h3,h4,h5{
  font-family: "Hanken Grotesk", sans-serif;
 color:#003366;

}
p,a,button,li{
  font-family: "Hanken Grotesk", sans-serif;


}
p{
     color: var(--text-color);
}
:root {
    --primary-color: #5C5470; /* Deep Mauve */
    --secondary-color: #F9B208; /* Golden Glow */
    --accent-color: #9BC995; /* Sage Green */
    --background-color: #F3F4ED; /* Light Cream */
   
}
.slider_text_con{
    padding-top:50px;
}
h1 {
  font-size: 46px;   /* Main heading */
  font-weight: 700;  /* Bold font weight */
    line-height:1.3;
}

h2 {
  font-size: 35px;   /* Sub-heading */
  font-weight: 700;
 line-height:1.3;
}

h3 {
  font-size: 30px;   /* Smaller heading */
  font-weight: 700;
  line-height:1.4;
}
h4 {
  font-size: 25px;   /* Smaller heading */
  font-weight: 700;
    line-height:1.4;
}
h5 {
  font-size: 20px;   /* Smaller heading */
  font-weight: 700;
   line-height:1.4;
}

p {
  font-size: 16px;   /* Body text size */
  font-weight: 400;
  line-height: 1.6;  /* Better readability */
}


a {
  font-size: 18px;   /* Same size as paragraphs */
  font-weight: 400;
  text-decoration: none;  /* No underline */
   line-height:1.4;
}

.hilight{
    color:#F4A261;
}
/*animation*/
@keyframes customAnimation {
  0% {
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  }
  100% {
    transform: translate3d(0px, 92.8774px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg);
  }
}

.element {
  animation: customAnimation 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}
@keyframes upAndDown {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(0px, 92.8774px, 0px); /* Move down */
  }
  100% {
    transform: translate3d(0px, 0px, 0px); /* Move back up */
  }
}

.element1 {
  animation: upAndDown 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}

@keyframes leftToRight {
  0% {
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    transform: translate3d(92.8774px, 0px, 0px); /* Move right */
  }
  100% {
    transform: translate3d(0px, 0px, 0px); /* Move back to the start */
  }
}

.element2 {
  animation: leftToRight 2s ease-in-out infinite;
  transform-style: preserve-3d;
  will-change: transform;
}
.spaces{
 
    /* Replace with your image URL */
    background-size:40%; /* Ensures the image covers the container */
    background-image: url('../img/bubbles.png');
    background-position:left top ;
    background-repeat: no-repeat;

}
.background-image {
    animation: zoomInAndOut 5s ease-in-out infinite; /* Adjust timing as needed */
    /* Replace with your image URL */
    background-size:contain; /* Ensures the image covers the container */
    background-image: url('../img/ihes.png');
    background-position: right 80%;
    background-repeat: no-repeat;

}

@keyframes zoomInAndOut {
  0% {
    background-size: 10px; /* Initial size */
  }
  50% {
    background-size:    50px; /* Zoom in */
  }
  100% {
    background-size:100px; /* Return to original size */
  }
}
  /* Circular Image Styling */
        .rotating-img {
         
            border-radius: 50%; /* Makes the image circular */
            animation: rotate 3s linear infinite;
        }

        /* Keyframes for rotation */
        @keyframes rotate {
            from {
                transform: rotate(0deg);
            }
            to {
                transform: rotate(360deg);
            }
        }

/*animation end*/.gapes{
                     gap:15px;
                 }



 /*facuity*/
.r-postion{
    position:relative;
}
.a-postion{
    position:absolute;
}
   
        .boder-raiu{
            border-radius:50%;
        }
        .shoaver{
              filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.1)); /* Adds a shadow effect */
              box-shadow:1px 1px 10px 2px rgba(0,0,0,0.2);
        }
        .box-shadow{
               box-shadow:1px 1px 10px 2px rgba(0,0,0,0.2);
        }
        .shadoew{
             box-shadow:1px 1px 10px 1px rgba(0,0,0,0.5);
             padding:3px 2px;
             max-width:300px;
             text-align:center;
             justify-content:center;
             border-radius:40px;
             align-items:center;
          gap:10px;
          height:50px;
        }
        .about-li{
            flex-direction:column;
            padding-left:0px !important;
        }
        .about-li li {
            /*background: url();*/
            background-image: url('../img/about-check.png');
            background-size:25px 25px;
            margin:15px 0px;
            padding-left:30px;
            background-repeat:no-repeat;
            font-size:18px;
            text-transform:capitalize;
            list-style:none;
        }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
        .text-left{
            text-align:left;
        }
        .bg-about {
            background-image: url('../img/about-imger.jpg');
            background-size:cover;
            background-repeat:no-repeat;
            background-position:center;
            
        }
        .left-phone{
            width:50px;
            height:50px;
            background:#7C877F;
            border-radius:50%;
            align-content:center;
            text-align:center;
        }
        .inter-hilter{
            color:#7C877F;
        }

        .left-side{
            width:40px;height:50px;
               background:#7C877F;
            border-radius:50%;
            align-content:center;
            text-align:center;
        }
        .roter{
            transform:rotate(-90deg);
            text-align:center;
            justify-content:center;
        }
        .left-rounder{
            width:150px;
            height:150px;
           background:#7C877F;
            border-radius:50%;
            align-content:center;
            text-align:center;
            border:7px solid white;
        }
        .left-rounder h5,.left-rounder p{
            color:white;
        }
         .left-rounder{

             position:absolute;
             right:50%;
             top:-10px;
             z-index:2
         }
         .postion-r{
             position:relative;
         }
         .second-down{
             position:absolute;
             bottom:-150px;
             left:50PX;
             
         }
         .btn-default {
  position: relative;
  display: inline-block;
  background:#D29960;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 700;
  line-height: 1em;
  text-transform: capitalize;
  border: none;
  padding: 17px 46px 17px 20px;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  z-index: 0;
}
         .bg-chosee{
             background:#f8f8f8;
         }
         .btn-default::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url(../images/arrow-white.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transform: translate(-20px, -50%);
  transition: all 0.4s ease-in-out;
}
         .btn-default:hover {
  background: transparent;
  color: var(--white-color);
}
         .left-choose{
             width:100px;height:60px;
            background-color: #7C877F;
            border-radius:50%;
            align-content:center;
           text-align:center;
           transition:all 0.4s ease-in-out;
             position:relative;

         }
         .left-choose:hover::before{
           
             transform:scale(1);
         }
          .left-choose::before{
              position:absolute;
              top:0;
              left:0;
              background:black;
                transform:scale(0);
   transition:all 0.4s ease-in-out;
   content:'';
   width:100%;
   height:100%;
     border-radius:50%;
     z-index:1;

          }
          .left-choose img{
                 z-index:3;
                 position:relative;
          }
          .top-chosse{
          gap:20px;
          padding-bottom:20px;
          }
         .boder-choose{
             border-bottom:1px solid #EAF0EC;
          
         }
         .door-top{
             position:relative;
         }
         .wpc-content{
             position:absolute;
             bottom:50px;
             left:30px;
              transition: all .3s ease;
         }
        .postion-r .door-top .img-fluid1{
              width: 500px;
  height: 550px;
  min-height: 180px !important;
  object-fit: contain;
  object-position:left;
          }
      .door-top::before{
          position: absolute;
  content: "";
   width: 400px;
  height: 100%;
  bottom: 0;
  left: 0;
  background: linear-gradient(0deg,#2e343b,rgba(46,52,59,.7));
  opacity: .3;
  transition: all .1s cubic-bezier(.215,.61,.355,1);
      }
      .wpc-call{
          position:absolute;
          bottom:40px;
          opacity:0;left:30px;
          transition: all .3s ease;
          width: 100%;
      }
      .mainer-swiper:hover .wpc-call{
  opacity:1;
  bottom:45px;
      }
      .mainer-swiper:hover .wpc-content{
          bottom:70px ;
      }
        .mainer-swiper:hover .door-top::before {
  opacity: 1;
  height: 100%;
  background: linear-gradient(0deg,#2e343b,rgba(46,52,59,.1));
  transition: all .3s cubic-bezier(.215,.61,.355,1);
}







.swiper-container {
  width: 100vw;
  height: 100vh;
}

.banners {
  background-color: black;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  color: #fcfcfc;
  font-size: 24px;
    display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  color: white; /* Ensure text is visible */
  padding: 20px;

}

.banners     > .swiper-slide-cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent no-repeat 50% 50% /cover;
}



.swiper-slide .slide-01 {
  background-image: url(../img/banner-int4.jpg);
  transform-origin: 50% 50%;
}

.swiper-slide .slide-02 {
  background-image: url(../img/banner-int2.jpg);
  transform-origin: 50% 50%;
}

.swiper-slide .slide-03 {
  background-image: url(../img/banner-int5.jpg);
  transform-origin: 50% 50%;
}

.swiper-slide .slide-04 {
  background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-07-2048.jpg);
  transform-origin: 50% 50%;
}


.swiper-scale-effect .swiper-slide-cover {
  transition-timing-function: linear;
  transition-duration: 20s;
  transform: scale(1);
}
.swiper-slide h2, .swiper-slide p {
  position: relative;
  z-index: 20; /* Higher than the background */
  /*background: rgba(0, 0, 0, 0.5); /* Add semi-transparent background for readability */*/
  padding: 10px;
  border-radius: 5px;
}
.swiper-slide h2{
    font-size:50px;
    color:white;
}
.swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
  transform: scale(1.3);
}
        .banners .swiper-slide-cover::before{
            position:absolute;
            top:0;
            left:0;
            background:rgba(0,0,0,0.2);
            width:100%;
            height:100%;
            content:"";
        }

        
.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;

    border-radius: 5px;
    text-align: center;
    color: black;
    margin-bottom: 30px;
    
}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    text-align: center;
    color: #ffffff;
    background-color: black;

}
.btn-defaults:active .filter-button:active
{
    background-color: black !important;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.mainnner {
    z-index:99999;
  
    border-bottom:2px solid #7C877F;
    padding-bottom:10px;
}
.main-boy{
    margin-top:-110px;
}

.contact-info-item .icon-box {
  position: relative;
  height: 60px;
  width: 60px;
  background-color: #EAF0EC;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
contact-info-item .icon-box::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transition: all 0.4s ease-in-out;
  z-index: 0;
}
.contact-info-content {
  width: calc(100% - 80px);
}
.contact-info-item {
  width: calc(33.33% - 20px);
  display: flex;
}   
.contact-info-box{
    gap:130px;
}
.parallaxie{
    height: 500px;
  margin-top: -118px;
  align-content: center;
}
@media(max-width:768px){
    .contact-info-box{
        flex-direction:column;
        flex-wrap:nowrap;
        gap:30px;
    }
    .left-choose{
        width:160px;
    }
    .bg-chosee{
        padding:0px 10px;
    }
    .why-choose-img-1 {
  width: calc(57% - 1px);
}
    .why-choose-img-1 img, .why-choose-img-2 img, .why-choose-img-3 img, .why-choose-img-4 img{
        width:100%;
        height:100%;
    }

    .why-choose-img-2 {
  width: calc(43% - 4px);
}
    .why-choose-img-3 {
  width: calc(67% - 1px);
}
    .why-choose-img-4 {
  width: calc(33% - 10px);
}
    .mainnner .container{
        padding:0px 3px !important;
    }

}
.mainnner{
    background:#D29960;
}