*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}

html{
    scroll-behavior: smooth;
}

a{
    text-decoration: none;
}
.banner-slider{
    position: relative;
}
.banner-slider img{
    height: 100%;
    object-fit: cover;
    width: 100%;
}

/* Banner section */
.banner-slider h1{
       font-size: 18px;
    letter-spacing: 0.80px;
    text-transform: uppercase;
    position: absolute;
    color: #F0CA95;
    bottom: 16%;
    z-index: 99;
    left: 5%;
    font-family: "Plus_Jakarta_Sans-Bold";
}

.banner-slider .slick-dots{
            list-style-type: none;
    position: absolute;
    z-index: 9;
    right: 5%;
    /* top: 36%; */
    bottom: 10%;
 
          }
          .banner-slider .slick-dots{
            display: flex;
 
          }
       .banner-slider  .slick-dots button{
            display: none;
          }
      .banner-slider .slick-dots li{
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #fff;
            color: transparent;
            outline: none;
            border: none;
            margin: 8px;
            cursor: pointer;
        }
      .banner-slider .slick-dots li.slick-active {
          background-color: #F0CA95;
          box-shadow: 0px 0px 9px 4px #F0CA95;
        }
@media (min-width:1024px){
    .banner-slider h1{
        font-size: 24px;
        left: 9%;
    }
    .banner-slider .slick-dots{
            list-style-type: none;
    position: absolute;
    z-index: 9;
    right: 5%;
    /* top: 36%; */
    bottom: 50%;
    display: block;
 
          }
}
.project-banner-section{
    height: 60vh;
}
.banner-slider,.slick-list,.slick-track,.slick-slide,.slick-slide img,.item{
    height: 100%;
}

@media (min-width:768px){
    .project-banner-section{
        height: auto;
    }
    .banner-slider,.slick-list,.slick-track,.slick-slide,.slick-slide img{
    height: auto;
}
}
.banner-slider .item{
    position: relative;
}
.banner-slider .item::after{
    content: '';
position: absolute;
top: 0px;
left: 0px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60.34%, rgba(0, 0, 0, 0.648494) 78.26%, #000000 100%),
linear-gradient(360deg, rgba(0, 0, 0, 0) 65.08%, rgba(0, 0, 0, 0.96) 100%);
width: 100%;
height: 100%;

}
        /* Aboutsection  */
         .about-txt{
            font-size: 14px;
              font-family: "Plus_Jakarta_Sans-Light";
              line-height: 180%;
         }
        .project-about-group{
              margin-top: -15px;
            position: relative;
        }
        @media (min-width:768px){
    .project-about-group{
        margin-top: -74px;
     }
   }

   /* Project maininfo section */

   .project-maininfo-list{
    display: flex;
       gap: 9%;
       justify-content: space-evenly;
   }
   .project-maininfo-list > div{

   }
 
   .land-area-icon {
    width: 40px;
}

   .apartment-icon {
    width: 28px;
}

   .area-measurement-icon {
    width: 25px;
}
   .project-maininfo-list p{
    font-size: 11px;
    color: #4B4B4B;
     font-family:"Plus_Jakarta_Sans-Medium" ;
   }

   .project-maininfo-list .icon-box{
    background: #fff;
    border-radius: 50px;
 width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
   }
   @media (min-width:526px){
    .project-maininfo-list{
          justify-content: start;
    }
   }
   @media (min-width:1024px){
    .project-maininfo-list .icon-box{
        width: 72px;
    height: 72px;
    }
      .land-area-icon {
      width: 49px;
   }
      .apartment-icon{
    width: 30px;
   }
      .area-measurement-icon{
    width: 32px;
   }
   .project-maininfo-list p{
    font-size: 13px;
   }
   .project-about-group {
    margin-top: -81px;
   }
   }


   /* About content section */

   .pabout-heading{
      font-size: 18px;
       font-family: "Plus_Jakarta_Sans-Bold";
       color: #101113;
   }
   .pabout-heading span{
    color:#EDC284;
   }
    

    .about-img{
        position: relative;
        max-width: 453px;
        z-index: 1;
        
        
    }
    .about-img img{
        border-radius: 20px;
    }
   .about-img::after{
    content: '';
    width: 101%;
    height: 101%;
    position: absolute;
    background: linear-gradient(90deg, #FFFFFF 0%, #EDC284 100%);
   left: -0.5%;
   top: -0.5%;
   display: block;
   z-index: -1;
   border-radius: 20px ;

   }

   /* Gallery part section */

   .project-gallery-part p{
     text-transform: uppercase;
     font-size: 13px;
        font-family: "Plus_Jakarta_Sans" ;
   }

    .project-gallery-part h3{
        font-size: 25px;
          font-family: "Plus_Jakarta_Sans-SemiBold";
              letter-spacing: 2.8px;
    }


/* Layoutimage table section */

.project-layout-tab{
    background: #131313;

}
.project-layout-tab ul{
    list-style-type: none;
    display: flex;
    align-items: center;
    width: 100%;
    padding-top: 12px;
    padding-bottom: 12px;

}
.project-layout-tab ul li{
    color: #fff;
     font-family: "Plus_Jakarta_Sans-ExtraLight";
     font-size: 15px;
     padding-left: 22px;
     padding-right: 22px;
     letter-spacing: 0.80px;
     padding-top: 2px;
     padding-bottom: 2px;
     text-align: center;
     position: relative;
     cursor: pointer;
}
.project-layout-tab ul li:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0px;
    right: 0px;
    background: #fff;
}
.project-layout-tab ul.layout-tabs li:nth-child(4):before{
    display: none;
}

.project-layout-tab ul li.active{
     font-family: "Plus_Jakarta_Sans-Medium";
}
.tab-underline {
  position: absolute;
  bottom: 0;                
  height: 2px;             
  background: #fff;     
  transition: all 0.3s ease;
  border-radius: 1px;       
  width: 0;                
  left: 0;                 
}
.layout-img{
    display: none;
}

.layout-img-name i{
    font-size: 22px;
    text-align: center;
        display: block;
            margin-top: -12px;
   }
   .layout-img-name{
    text-align: centers;
   }
.layout-img-name p{
       background: #000;
    border-radius: 3px;
    padding: 4px 8px;
    text-align: center;
    max-width: 65%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 0px;
}

 .move-indicator{
          position: absolute;
          left: 9%;
          bottom: -14px;
          transition: left 1s ease;
          width: 0;
          height: 0;
             border-left: 10px solid transparent;
    border-right: 10px solid transparent;
          border-top: 15px solid #000;

      }
.layout-img-name{
    position: relative;
    margin-bottom: 20px;
}
      .layout-img-name::after{
        content: '';
         position: absolute;
          left: 50%;
          bottom: -14px;
          transition: left 1s ease;
          width: 0;
          height: 0;
       border-left: 10px solid transparent;
    border-right: 10px solid transparent;
          border-top: 15px solid #000;
              transform: translateX(-50%);
      }

       .project-layout-tab ul {
    list-style-type: none;
    display: flex;
    align-items: center;
    width: max-content;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    position: relative;
}
@media(min-width:768px){
    .layout-img-name{
        display: none;
    }
}
@media (max-width:768px){
    .layout-img{
        display: block !important;
        margin-bottom: 22px;
    }
}
.layout-img-name p{
    font-size: 17px;
    color: #fff;
    letter-spacing: 0.80px;
   
}

     
 
/* Location advantage section */

.location-advantage-section{
    
    position: relative;
}

.location-advantage-section::after{
    content: '';
    position: absolute;
    top: -2px;
    left: 50%;
    transform: translateX(-50%);

width: 70%;
height: 2px;
background: linear-gradient(90deg, #FFF6EA 0%, #FFDFB4 50.03%, #FFF6EA 100%);


}
 .loc-adv-container .title-sec h2{
     font-family: "Plus_Jakarta_Sans-Bold";
     text-transform: uppercase;
     letter-spacing: 0.80px;
       font-size: 18px;
       color: #0A0A0A;
}
.loc-adv-container .content-list h4{
    font-size: 15px;
    font-family: "Plus_Jakarta_Sans-Bold";
    color: #101113;
}
.loc-adv-container .content-list ul{
  padding-left: 20px;
}
.loc-adv-container .content-list ul li{
    color: #101113;
    font-size: 14px;
      font-family: "Plus_Jakarta_Sans" ;
          margin-bottom: 4px;
}
.google-map-img{
    width: 139px;
    position: relative;
}
.google-map-img .zoomicon {
    position: absolute;
    right: 62px;
    bottom: 8px;
    width: 12px;

}
.google-map-img  > a{

        width: 139px;
    height: 139px;
    border-radius: 50%;
    overflow: hidden;
        display: block;
}
.google-map-img  div.img-b img:not(.zoomicon){
    height: 100%;
}
.google-map-img  div.img-b{
    position: relative;
        height: 100%;

}
.google-map-img  div.img-b::after{
        content: "";
    position: absolute;
    left: 0;
    /* top: 0; */
    width: 100%;
    height: 100%;
    background: linear-gradient(178deg, rgba(0, 0, 0, 0) 56.1%, rgba(0, 0, 0, 0.5) 100%);
    bottom: 0px;
    overflow: hidden;
   
    
}
.location-map-img{
    width: 145px;
    position: relative;
}
.location-map-img .plusicon{
    position: absolute;
    bottom: 18px;
    left: 58px;
    width: 27px;
}
.location-mp-sec h3{
    font-size: 16px;
    color: #0A0A0A;
 
          font-family: "Plus_Jakarta_Sans-Medium";
          letter-spacing: 0.80px;
}
.location-map-img:hover .plusicon {
  animation: zoomBlink 0.8s infinite;
}


@keyframes zoomBlink {
  0%   { transform: scale(1); opacity: 1; }
  50%  { transform: scale(1.3); opacity: 0.6; }
  100% { transform: scale(1); opacity: 1; }
}
@media (min-width:1024px){
    .loc-adv-container .title-sec h2{
       font-size: 20px;
    }
}


.loc-btn{
    font-size: 15px;
    font-family: "Plus_Jakarta_Sans-Light";
    background: linear-gradient(0deg, #000000 0%, #666666 100%);
    letter-spacing: 0.80px;
    border-radius: 3px;
    color: #fff;
      padding: 7px 12px 9px;
}

 .project-info-section{
    background: #000;
 }

   @media (min-width:992px){
     .project-info-section {
    position: relative;
    overflow: hidden;
}

 .project-info-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url('../images/project/amenities-bg.jpg');
    background-size: cover;
    background-position: center;
    filter: blur(1px);
  
    z-index: 1;
}

.project-info-section > * {
    position: relative;
    z-index: 2; /* ensures text/content stays sharp */
}
   }    
      
        .project-gallery-part p{
            color: #fff;
        }
        .project-gallery-part h3{
            color: #fff;
        }
        .gallery-sec-title {

        }
        .gallery-sec-title .left-line,.gallery-sec-title .right-line{
            width: 52px;
            height: 1px;
             background: linear-gradient(270deg, #0A0A0A 2.4%, #FFFFFF 46.15%, #0A0A0A 100%);


        }
        .gallery-slidebox{
            width: 100%;
            overflow: hidden;
        }
        .gallery-slidebox .swiper-button-next, .gallery-slidebox .swiper-button-prev{
                position: static;
    background-image: none;
    color: #fff;
    font-size: 45px;
    width: 34px;
    height: 34px;
    margin-top: 0px;
    border: 2px solid #fff;
    background-position: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
     transition: all 0.5s ease;
        }
         .gallery-slidebox .swiper-button-next:hover, .gallery-slidebox .swiper-button-prev:hover{
            background-color: #fff;
            transition: all 0.5s ease;
         }
         .gallery-slidebox .swiper-button-next:hover img, .gallery-slidebox .swiper-button-prev:hover img{
            filter: invert(105%) sepia(6%) saturate(24%) hue-rotate(284deg) brightness(94%) contrast(164%);
         }
        .gallery-slidebox .swiper-button-next::after, .gallery-slidebox .swiper-button-prev::after{
            display: none;
        }
        .swiper-navigation{
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 22px;
        }
        .gallery-slidebox .swiper-slide{
            border: 2px solid #4F4B43;
        }
        .gallery-slidebox .swiper-slide a{
            display: block;
            width: 100%;
            height: 100%;
        }
        .gallery-slidebox .swiper-slide a{

        }
            

       .amenities-group p{
        color: #FFFFFF;
            font-family: "Plus_Jakarta_Sans-Light" ;
         font-size: 13px;   
             margin-bottom: 2px;
                 margin-top: 8px;
       } 
       .aicon-box{
        min-height:27px ;
       }
        /* in 4 of each row 16 element */
        @media (max-width:576px){
         .amenities-group > div{
            position: relative;
          }
          .amenities-group > div::after,  .amenities-group > div::before{
            content: '';
          
            position: absolute;

          }
          .amenities-group > div:nth-child(even)::after{
         width: 100%;
        height: 1px;
        left: 0px;
        bottom: 0px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
          }
           .amenities-group > div:nth-child(odd):after{
            width: 100%;
            height: 1px;
            bottom: 0px;
            right: 0px;
            /* background: yellow; */
                    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
           }
            .amenities-group > div:nth-child(odd):before{
                 width: 1px;
                 height: 100%;
                 bottom: 0px;
                 right: 0px;
                 background: #fff;
                 
            }
             .amenities-group > div:last-child:after,.amenities-group > div:nth-child(15):after{
                    display: none;
             } 
              .amenities-group > div:nth-child(1):before{
                           background: linear-gradient(0deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
             } 
         .amenities-group > div:nth-last-child(2):before{
                           background: linear-gradient(180deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
             } 
             .amenities2 > div.last-child:after{
                 content: '' !important;
                display: block !important;
                  width: 1px !important;
                height: 100% !important;
                      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
                left: 0px !important;
                bottom: 0px !important;
             }

              .vivacity-amenities2 > div:nth-last-child(2)::after{
                 display: none;
              }
              
            }
        @media (min-width:768px){
          .amenities-group > div{
            position: relative;
          }
          .amenities-group > div::after,  .amenities-group > div::before{
            content: '';
          
            position: absolute;

          }
        .amenities-group > div:nth-child(4n):after{
            width: 100%;
            height: 1px;
           bottom: 0px;
           left: 0px;
           /* border: 2px solid red; */
                   background: linear-gradient(90deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);

        }
        .amenities-group > div:nth-child(16):after{
            display: none;
        }
         .amenities-group > div:nth-child(4n + 1):after {
                  width: 100%;
                  height: 1px;
                  right: 0px;
                  bottom: 0px;
                  /* border: 2px solid yellow; */
                          background: linear-gradient(270deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
          }
            .amenities-group > div:nth-child(13):after{
                   display: none;
            }
            .amenities-group > div:nth-child(4n + 3):after,         
            .amenities-group > div:nth-child(4n + 2):after{
                width: 100%;
                height: 1px;
                bottom: 0px;left: 0px;
            background: #fff;
            }
              .amenities-group > div:nth-child(14):after,  .amenities-group > div:nth-child(15):after{
                   display: none;
            }
             .amenities-group > div:nth-child(-n+3):before{
                width: 1px;
                height: 100%;
                /* background: aliceblue; */
                           background: linear-gradient(0deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
                right: 0px;
                bottom: 0px;
             }
          .amenities-group >   div:nth-last-child(-n+4):not(:last-child):before {
              width: 1px;
                height: 100%;
                      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
                right: 0px;
                bottom: 0px;
            }
           .amenities-group > div:nth-child(n+5):nth-child(-n+12):before {
              width: 1px;
              height: 100%;
              background:#fff;
              top: 0px;
              right:0px
            }
            .amenities-group > div:nth-child(4n):before{
                display: none;
            }
          .amenities2 > div.last-child:after,.amenities2 > div.last-child:before{
                content: '' !important;
                display: block !important;
                  width: 1px !important;
                height: 100% !important;
                      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
                right: 0px !important;
                bottom: 0px !important;
            }
             .amenities2 > div.last-child:after{
                left: 0px !important;
             }
             .vivacity-amenities2 > div:nth-last-child(3)::after{
               width: 1px !important;
               height: 100% !important;
               right: 0px !important;
               left: auto !important;
                       background: linear-gradient(179deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
             }
              .vivacity-amenities2 > div:nth-last-child(2)::before{
 background: linear-gradient(179deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
              }
               .vivacity-amenities2 > div:nth-last-child(2)::after{
                     display: none;
               }
                .vivacity-amenities2 > div:nth-last-child(1)::after{
                     display: none;
               }
        }

        @media (min-width:576px) and (max-width:767px){
           .amenities-group > div{
            position: relative;
          }
          .amenities-group > div::after,  .amenities-group > div::before{
            content: '';
          
            position: absolute;

          }

          .amenities-group > div:nth-child(3n)::after{
              width:100% ;
              height: 1px;
        
              left: 0px;
              bottom: 0px;
                      background: linear-gradient(90deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
          }
          .amenities-group > div:nth-child(3n + 1)::after{
            width: 100%;
            height: 1px;
            /* background: yellow; */
                    background: linear-gradient(270deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%);
            right: 0px;
            bottom: 0px;
          }
          .amenities-group > div:nth-child(-n+2)::before{
              /* background: aliceblue; */
              width: 1px;
              height: 100%;
              right: 0px;
              bottom: 0px;
                      background: linear-gradient(0deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
          }
         
           .amenities-group > div:nth-child(3n)::before{
            width: 1px;
            height: 100%;
            left: 0px;
            top: 0px;
            background: #fff;
           }
               .amenities-group > div:nth-child(3n + 1)::before {
        width: 1px;
        height: 100%;
        background:#fff;
        right: 0px;
        bottom: 0px;
        }
  .amenities-group  > div:last-child::before, .amenities-group  > div:last-child::after{
                       width: 1px;
                       height: 100%;
                       /* background: goldenrod;      */
                       background: linear-gradient(180deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%); 
           }
           .amenities-group  > div:last-child::before{
left: -1px;
            top: 0px;
           }
              .amenities-group  > div:last-child::after{
            right: -1px;
            top: 0px;
           }
           .amenities-group > div:nth-child(3)::before{
             display: none;
           }
            .amenities-group > div:nth-child(2)::after,
            .amenities-group > div:nth-child(5)::after,
             .amenities-group > div:nth-child(8)::after,
              .amenities-group > div:nth-child(11)::after,
              .amenities-group > div:nth-child(14)::after{
             width: 100%;
             height: 1px;
             background: #fff;
             bottom: 0px;
             left: 0px;
           }
             .amenities2 > div.last-child:after,.amenities2 > div.last-child:before{
                content: '' !important;
                display: block !important;
                  width: 1px !important;
                height: 100% !important;
                      background: linear-gradient(180deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
                right: 0px !important;
                bottom: 0px !important;
            }
             .amenities2 > div.last-child:after{
                right: 0px !important;
             }
             .vivacity-amenities2 > div:nth-last-child(2)::after,.vivacity-amenities2 > div:nth-last-child(2)::before{
                width:1px ;
                height: 100%;
                bottom: 0px;
                  background: linear-gradient(179deg, rgba(255, 255, 255, 1) 52%, rgba(0, 0, 0, 0.08) 100%) !important;
             }   
              .vivacity-amenities2 > div:nth-last-child(2)::after{
                left: 0px;
              }
              .vivacity-amenities2 > div:nth-last-child(2)::before{
                      right: 0px;
              }
              .amenities-group > div:last-child::after, .amenities-group > div:last-child::before, .vivacity-amenities2 > div:nth-last-child(3)::before, .vivacity-amenities2 > div:nth-last-child(3)::after{
                display: none;
              }
             
        }

 

 footer .linear-line{
     width: 1px;
     height: 100%;
     min-height: 85px;
     padding: 0px;
    background: linear-gradient(90deg, #FFF6EA 0%, #FFDFB4 50.03%, #FFF6EA 100%);


 }       


.gallery-zoomicon{
    z-index: 999;
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 23px;
    background: #000000c7;
    padding: 4px;
    border-radius: 2px;
    /* display: none; */
}



/* Header section */

.header-section{
    position: absolute;
    width: 100%;  
    width: 100%;
     left: 0px;
    z-index: 999;
    top: 18px;
    padding-left: 12px;
    padding-right: 12px;
    background: transparent;
}
.header-section .project-location-name{
    color: #fff;
     font-family:"Plus_Jakarta_Sans-Medium" ;
     letter-spacing: 0.80px;
          font-size: 10px;
}
.project-palatine  .project-logo{
    max-width: 119px;
}
.vencer-logo{
       max-width: 79px;
}
.header-section{
        z-index: 999999;
}
 .nav-desktop{
    align-items: start;
    justify-content: end;
 }
 .header-section .vencer-logo{
   opacity: 1;
   transition: opacity 0.5s ease;
}
.header-section.active .vencer-logo{
   opacity: 0;
   transition: opacity 0.5s ease;
}


 .header-section .header-mobile{
    padding-right: 0px;
    padding-left: 0px;
}


@media (max-width: 1099px) {
    .header-mobile {
        display: block;
    }
    .header-section .vencer-logo{
        display: none;
    }
}
@media (min-width:768px){
    .header-section{
        width: 95%;
          left: 50%;
    transform: translateX(-50%);
    }
}
@media (min-width:1198px){
    .project-palatine .project-logo {
    max-width: 251px;
}
    .header-section {
        width: 85%;
    }
}
@media (min-width:1024px){
    .project-palatine .project-logo {
    max-width: 221px;
}
.header-section{
 width: 90%;
 padding: 0px;
}
.header-section .project-location-name{
font-size: 16px;
}
.vencer-logo {
    max-width: 122px;
}
 .header-section {
                top: 1.5%;
    }
}
@media (min-width:768px){
  .nav-mobile{
    padding-top: 175px;
  }
}

.sticky-section{
    position: relative;
        z-index: 999999;
}


.sse {
       
        transform: rotate(270deg);
    position: fixed !important;
    right: 20px;
    width: max-content;
    top: 50%;
    z-index: 999;
    transform-origin: right;
    display: block;
}

    .sse a {
        cursor: pointer;
        width: 100%;
        display: flex;
        justify-content: center;
        color: #fff !important;
        padding: 10px 14px;
        background: #000;
        border-radius:5px 5px 0px 0px;
         letter-spacing: 0.85px;
            text-transform: uppercase;
    letter-spacing: 0.75px;
    font-weight: 600;
    font-size: 16px;
    }

    @media (min-width:1200px){
         .sse a {
               font-size: 16px;
         }
    }
   @media (min-width:1600px){
         .sse a {
               font-size: 18px;
               letter-spacing: 0.90px;
         }
         .sse{
          right: 22px;
         }
    }
    @media (min-width: 1900px) {
    .sse a {
        font-size: 20px;
    }
    .sse {
          right: 24px;
    }
  }    


    .enqpop {
            padding: 16px 48px;
            background: linear-gradient(to right, #1D1D1D, #393838);;
            color: white;
            text-decoration: none;
            border-radius: 50px;
            font-size: 18px;
            font-weight: 600;
            display: inline-block;
            transition: all 0.4s ease;
            box-shadow: 0 10px 30px rgba(102, 126, 234, 0.4);
            border: 2px solid transparent;
        }
        
        .enqpop:hover {
            transform: translateY(-3px);
            box-shadow: 0 15px 40px rgba(102, 126, 234, 0.6);
            color: white;
            border-color: white;
        }
        .modal-backdrop{
    --bs-backdrop-opacity: 0.8;
        }
.modal-backdrop.show{

}
        /* Modern Modal Styling */
        .modal-content {
            border-radius: 24px;
           border: 1px solid #FFD290;
            overflow: hidden;
            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
            }
        .contact-sec{background: linear-gradient(to right, #1D1D1D, #393838);;
        }

        .modal-header {
            background:#000;
            color: white;
            padding: 24px 32px;
            border: none;
        }

        .modal-title {
            font-size: 28px;
            font-weight: 700;
            letter-spacing: -0.5px;
        }

        .btn-close {
            filter: brightness(0) invert(1);
            opacity: 0.8;
            transition: all 0.3s;
        }

        .btn-close:hover {
            opacity: 1;
            transform: rotate(90deg);
        }

        .modal-body {
            padding: 0;
        }

        .form-sec { 
            padding: 40px 32px;
        }

        label {
            font-weight: 500;color: #ffffff;
    margin-bottom: 8px;
    font-size: 14px;
    display: block;
    letter-spacing: 0.75px;
        font-family: "Plus_Jakarta_Sans-Light";
        }

        .form-control {
               border: none;
    border-bottom: 2px solid #818589;
    border-radius: 0px !important;
    padding: 5px 10px;
            font-size: 15px;
            transition: all 0.3s ease;
            background: transparent;
                color: hsl(0deg 0% 100% / 92%) !important;
    letter-spacing: 0.75px;
        }

        .form-control:focus {
            border-color: #fff; 
            outline: none;
        }

        textarea.form-control {
               resize: vertical;
    min-height: 68px;border: 2px solid #818589;
        }

        .err-msg {
            color: #f56565;
            font-size: 12px;
           
            margin-top: 2px;
            font-weight: 500;
        }
.form-control:focus{
    background: transparent;
    box-shadow: none;
}

.contactsuccesspopup{
       
    z-index: 999999999999999;
    background: #000000d6;
    text-align: center;
}
        .error {
            color: #f56565;
            font-size: 13px;
            font-weight: 500;
            margin-top: 6px;
        }

        /* Custom Dropdown */
        .czs-dropdown {
            position: relative;
        }
        
        .czs-dropdown-toggle {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 5px 10px;
                border: none;
    border-bottom: 2px solid #818589;
             text-decoration: none;
            color: #fff;
            transition: all 0.3s ease;
            font-size: 15px;
        }
        
        .czs-dropdown-toggle:hover {
            border-color: #fff; 
        }
        
        .czs-dropdown-menu {
            position: absolute;
            top: calc(100% + 8px);
            left: 0;
            width: 100%;
            background: white;
            border: 2px solid #e2e8f0;
            border-radius: 6px;
            margin: 0;
            padding: 8px;
            list-style: none;
            display: none;
            z-index: 1000;
            max-height: 220px;
            overflow-y: auto;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
        }
        
        .czs-dropdown-menu.show {
            display: block;
            animation: slideDown 0.3s ease;
        }

        @keyframes slideDown {
            from {
                opacity: 0;
                transform: translateY(-10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .czs-dropdown-menu li {
            padding: 6px 10px ;
            cursor: pointer;
            transition: all 0.2s;
            border-radius: 4px;    margin: 2px;
            color: #4a5568;
            font-size: 15px;
        }
        
        .czs-dropdown-menu li:hover {
            background: linear-gradient(to right, #7c7676, #453d3d);
            color: white;
        }
        
        .czs-arrow i {
            transition: transform 0.3s;
            font-size: 14px;
        }
        
       
        .czs-dropdown .czs-arrow  {
  transform: rotate(180deg);
}
/* Rotate arrow when open */

.czs-dropdown.active .czs-arrow  {
  transform: rotate(0deg);
}

        /* Input Group for Phone */
        .input-group {
            display: flex;
        }

        .txt-countryno {
    border-right: none;
    border-radius: 0;
    background: transparent;
    padding: 0 0 0 7px;font-weight: 500;
    color: hsl(0deg 0% 100% / 92%) !important;
    font-size: 15px;
    color: hsl(0deg 0% 100% / 92%) !important;
    border: none;
    border-bottom: 2px solid #818589;
        }

        .input-group .form-control {
            border-left: none;
            border-radius: 0 ;
        }

        /* Checkbox Styles */
        .form-check-input {
            width: 16px;
            height: 16px;
            border: 1px solid #cbd5e0;
            border-radius: 6px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .form-check-input:checked {
                background-color: #212529;
    border-color: #667eea;
        }

        .form-check-input:focus {
            box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
        }

        .form-check-label {
            color: #c3cbd9;
            font-size: 13px;
            cursor: pointer;margin-top: 3px;
                line-height: 1.5; margin-bottom: 0px;
        }

        .samenumber, .terms-field {
            display: flex;
            align-items: flex-start;
            gap: 8px;
            margin-top: 2px;
        }

        /* Submit Button */
        .submit-btn {
            
    padding: 10px 20px;
    background: linear-gradient(135deg, #ffffff 0%, #cfcfcf 100%);
    color: #000000;
    text-decoration: none;
    border-radius: 12px;
    display: inline-block;font-weight: 500;
    letter-spacing: 0.5px;
    font-size: 16px;
            transition: all 0.3s ease;
            box-shadow: 0 8px 20px rgba(224, 228, 245, 0.3);
            border: none;
            cursor: pointer;
        }
        
        .submit-btn:hover { 
            transform: translateY(-2px);
            box-shadow: 0 12px 28px  rgba(224, 228, 245, 0.3);
            color: white;
            background:linear-gradient(135deg, #a19797 0%, #000000 100%);
        }

        .submit-btn:active {
            transform: translateY(0);
        }

        /* Thank You Modal */
        .thank-you-content {
            text-align: center;
            padding: 40px;
        }

        .success-icon {    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #30ffa8 0%, #13583b 100%);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 30px;
            animation: scaleIn 0.5s ease;
        }

        @keyframes scaleIn {
            from {
                transform: scale(0);
                opacity: 0;
            }
            to {
                transform: scale(1);
                opacity: 1;
            }
        }

        .success-icon i {
            font-size: 50px;
            color: white;
        }

        .thank-you-content h2 {
            font-size: 24px;
            font-weight: 700;
            color: #3b3c3f;
            margin-bottom: 16px;
        }

        .thank-you-content p {
            font-size: 16px;
            color: #505254;
            line-height: 1.6;
            margin-bottom: 32px;
        }

        .close-btn {
            padding: 10px 20px;
     background:linear-gradient(135deg, #a19797 0%, #000000 100%);
         color: #fff;
    text-decoration: none;
    border-radius: 12px;
    display: inline-block;
    font-weight: bold;
    letter-spacing: 0.75px;
    font-size: 16px;
            transition: all 0.3s ease;
            box-shadow: 0 8px 20px rgba(224, 228, 245, 0.3);
            border: none;
            cursor: pointer;
        }

        .close-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 28px  rgba(224, 228, 245, 0.3);
            color: white;
        }

        /* Responsive */
        @media (max-width: 768px) {
            .modal-dialog {
                margin: 10px;
            }

            .form-sec {
                padding: 24px 20px;
            }

            .modal-title {
                font-size: 24px;
            }

            .thank-you-content {
                padding: 40px 24px;
            }

            .thank-you-content h2 {
                font-size: 26px;
            }
        }


.loc-adv-container .title-sec .line{
    width: 20%;
    height: 1px;

background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 1) 70%);
}
.line.right{
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.08) 0%, rgba(0, 0, 0, 1) 70%) !important;
}

           .slide-bg img {
  width: 100%;
  height: auto;
  display: block;
}
         .viewport {
    z-index: 1;}



    .tab-slide-next::after,.tab-slide-prev::after{
        display: none;
    }
    .tab-slide-next,.tab-slide-prev{
            min-width: 28px;
    height: 28px;
    background: #000;
    border-radius: 50px;
    color: #ffff;
    position: static;
    }

       .fancybox-button--zoom,
.fancybox-button--play,.fancybox-button--thumbs {
  display: none !important;
}
.project-layout-tab ul li:last-child:before{
    display: none;
}



.amenities-swiper-pagination{
    position: static;
    margin-top: 10px;
}
.amenities-swiper-pagination .swiper-pagination-bullet{
        width: 28px;
    height: 28px;
    padding: 3px;
    background: transparent;
    color: #fff;
        border:1px solid #fff;
        font-size: 14px;
        opacity: 1;
}


.amenities-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #fff;
    color: #000;
}