body{font-family:Arial, Helvetica, sans-serif; margin: 0;}

h1{font-size:2.875rem; font-weight: 700; line-height: 3.313rem;} /* 46px, Regular  */
@media (max-width: 992px) {h1{font-size:1.75rem;} /* 28px, Regular  */}
h2{font-size:1.75rem;font-weight:500; line-height:0.863rem;color: #000000;} /*28px;Regular*/
@media (max-width: 992px) {h2{font-size:1.6rem; line-height:1.6rem;} /* 21px, Regular  */}
h3{font: size 24px; line-height: 3.563rem; color: #262626; position: relative;} 
h4{font-size:1.563rem;font-weight:500; line-height: 1.813rem;color: #333333;} 
h5{font-size:1.4rem;font-weight:400; line-height: 3.563rem; color: #000000;} 
h6{font-size:1.25rem;font-weight:500; color: #333333;}/*20px;Regular*/
p{font-size: 22px; line-height: 32px;color: #4f4f4f;} 

a{font-size:20px;font-weight:400;text-decoration: none; color: #4f4f4f;} /*16px;Regular*/
ol, ul{line-height:1.75rem;font-size:1rem;font-weight:400;}
ul {list-style: none; padding:0; margin: 0;}
@media (min-width: 992px) and (max-width: 1486x) { .container{max-width: 1400px!important;} }
@media(min-width: 1488px){.container{max-width: 1900px!important;}}

li{list-style: none;}
.border4::after{content:'';border-bottom:2px solid #262626;position:absolute;width: 45px;height:2px;bottom:0;left:0;right:0;margin:0 auto;}
#navigation a.active{color: #828282 !important;}


::-webkit-scrollbar{
  width: 0.7vw;
}
::-webkit-scrollbar-thumb{
  background-color: #cccccc;
}
::-webkit-scrollbar-thumb:hover{
  background-color: #828282;
}
::-webkit-scrollbar-track{
  background-color: #e3e3e3;
}

  .swiper-slide-active .banner-text {
      animation-name: fade-in;
      animation-duration: 5s;
      animation-fill-mode: both;
  }

  @keyframes zoom {
      from {
          transform: scale(1);
      }

      to {
          transform: scale(1.1);
          transition-duration: 9s
      }
  }

@media(min-width:768px){
  .swiper-slide-active .swiper-slide-img {
      animation-name: zoom;
      animation-duration: 9s;
      animation-fill-mode: both;
  }

}

  #banner .swiper {
      width: 100%;
      height: 100vh;
      overflow: hidden;
  }
  

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

  @media(max-width:992px) {
      #banner .banner-text {
          position: absolute;
          top: 33%;
          z-index: 3;
          color: white;
          left: 10%
      }
  }

  @media(max-width:1200px) and (min-width:992px) {
      #banner .banner-text {
          position: absolute;
          top: 36%;
          z-index: 3;
          color: white;
          left: 10%
      }
  }

  @media(min-width:1200px) {
      #banner .banner-text {
          position: absolute;
          top: 72%;
          z-index: 3;
          color: white;
          left: 2%
      }
  }

  #banner {
      position: relative
  }

  .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
      right: 9% !important;
  }

  .swiper-pagination-bullet {
      width: 3px !important;
      height: 40px !important;
      display: inline-block;
      border-radius: unset !important;
      background: white !important;
      opacity: unset !important;
      left: 0;
      margin: 0px !important;
  }

  .swiper-pagination-bullet-active {
      background: #000000 !important;
  }
  .swiper-fade .swiper-slide-active{
      opacity:1 !important;
  }

  .raw5{line-height: 1.563!important; text-align: justify; }

.navbar {
    height: 80px;
    background-color: transparent;
    border: none;
    color: #FAFAFA;
    z-index: 100;
    transition: background-color 1s ease 0s;
  }
  .navbar-default {
  
    .navbar-brand {
      margin-top: 10px;
      color: #FAFAFA;
      font-size: 23px;
         
       
    }
    
   .navbar-nav {
     
     > li {
       
       > a {
         color: #FAFAFA;
         
         font-size: 20px;
       }
      
       
 
     } 
 
     
    }
    .navbar-toggle {
        border-color: #000;
    
         
    
    
    
          
      }
    
      .navbar-collapse.collapse.in ul {
        background-color: #262626;
      }
        
    } 

    .navbar-nav li a:hover{color: #828282;}
    
    .navbar.navbar-scrolled {
        background-color: #fff;
        transition: background-color 1s ease 0s;
        
      
          .navbar-brand {
            color: #262626;
            transition: color 1s ease 0s;
          }
      
          .navbar-nav {
      
             > li {
      
                > a {
                  color: #262626;
                  transition: color 1s ease 0s;
                }
      
             } 
          
          } 
          
      
      }
      .navbar.navbar-scrolled li a:hover{color: #828282;}
      
.main{filter: grayscale(100%);transition: filter 0.25s;}
.main:hover{filter: grayscale(0%);}
.raw{padding-top: 202px; padding-right: 50px;}
.raw1 p{text-align: justify;}
.bl{color: #262626!important;}
.bl1 li a{color: #262626!important;}
.bl1 li a:hover{color: #828282!important;}


/* --photos---- */
 .colo{color: #7a7a7a!important;
font-size: 17px!important;}

@media (max-width: 1546.98px) { .s1{width: 700px; } .colo1{padding-right: 38px;} }
@media (min-width: 1800px) { .s1{width: 880px;} .colo1{padding-right: 46px;} }


/* discover */
.raw4{text-align: justify;}

/* offer */
.p1 {
  position: relative;
    margin: auto;
    overflow: hidden;
    width: 300px;
    display: inline-block;
}
.p1 img {
  max-width: 100%;
  transition: all 0.3s;
  display: block;
  width: 100%;
  height: auto;
  transform: scale(1);
  
}



.p1:hover img {
  transform: scale(1.1);
}

.card-img{
  overflow: hidden;
}
.card-img img{
  transition: all 1.3s ease;
}
.card-img:hover img{
  transform: scale(1.1);
}
.card{--bs-card-border-color: transparent; --bs-card-inner-border-radius:none;}
.caption{position: absolute; top: 45%; left: 16%;}
.caption2{position: absolute; top: 45%; left: 2%;}

.caption3{position: absolute; top: 38%; left: 2%;}

/* ---counter--- */
/* #counter{background: url(../../assets/images/Diagonal-Pattern.png) no-repeat;} */
/* #counter{background: repeating-linear-gradient(
  -45deg,
  transparent,
  transparent 17px,
  #e3e3e3 10px,
  #e3e3e3 20px
);}
#counter .count {font-size: 45px;line-height: 3.563rem;color: #262626;font-weight: 500;}
.prefix {font-size: 45px;line-height: 3.563rem;color: #262626;font-weight: 500;}
.sufix{font-size: 45px;line-height: 3.563rem;color: #262626;font-weight: 500;}
#counter h5{font-size: 1.4rem;}
@media(max-width:992px){#counter .count{font-size:2.65rem;} #counter h5{font-size: 1rem; line-height: 1.5;}
#counter{background-size: cover; }} */
.bg{
  background-color: #1e1f26;
  height: 100vh;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.level{
  background-color: #00d1b2;
  padding: 5rem 0;
  color: #ffffff;
  margin: 0!important;
}

.title{
  color: inherit;
  width: 200px;
  height: 36px;
}

/* footer */


#footer a:hover{color: #4f4f4f!important;}
/* @media(min-width:1200px) {
  .inquiry{padding-left: 107px;}
  .inquiry2{padding-left: 149px;}
} */
@media (min-width: 1200px) { .inquiry2{padding-left: 7%; } }
.inquiry{padding-right: 2%;}


.border1{border-top:2px solid #e3e3e3;}
.border2{border-bottom: 2px solid #e3e3e3;}
.border3{border-left: 2px solid #e3e3e3; }
.border4{border-left: 2px solid #e3e3e3;}
#footer p{font-size: 20px!important;}
.toppp{float: right;}

/* common */
 .nuv{background-color: #fff!important;}
/* service page */
.raw8{font-size: 34px!important;}
.l1{line-height: 36px;}

/* contact page */
#contact a:hover{color: #4f4f4f!important;}
.r1{font-size: 22px!important; line-height: 36px;}
.r2{padding-left: 90px;}
.r3{padding-top: 78px;}


/* about */
#about img{height: 540px;}
.a1{padding-top: 264px; text-align: justify;}
.color1{color: #262626;}
.raw11 {
  padding-left: 4rem;
  padding-right: 3rem;}




/* ----service--- */
.raw10{padding-left: 3rem;padding-top: 5rem;}


/* project */
.gallery{
  display: flex;
  justify-content: center; flex-wrap: wrap;
  width: 100%; margin: 0 auto;
  
}
.gallery a{height: auto; width: 31.4%; margin: 0.6%; overflow: hidden; }
.gallery a img{height: 100%;width: 100%; object-fit: cover; }
.gallery img{transition:  all 0.8s ease-in-out;}
.gallery  img:hover{transform: scale(1.1);}



.lightbox .lb-image{border: none!important; border-radius: none!important;}
.lb-nav a.lb-next:hover{opacity: 1!important;}
.lb-nav a.lb-next{opacity: 1!important;}
.lb-nav {left: 57px!important;}
.lb-nav a.lb-prev:hover{opacity: 1!important;}
.lb-nav a.lb-prev{opacity: 1!important;}
.lb-nav{width: 113%!important;left: -67px!important;}
.lb-cancel{background: url(../images/loading.gif)!important;}
.lb-data .lb-number {color: transparent!important;}
 /* .pzoom{ width: 448px;
  height: 252px;
  overflow: hidden;
  margin: 0 auto;
} */

/* .pzoom img{ width: 100%;
  transition:  all 0.5s ease-in-out; ;
  }
  .pzoom:hover img {
    transform: scale(1);
} */