.rc-anchor-pt{
            display: none;
        }
        
@media (max-width: 768px) {
    header {
        padding: 0 !important;
        position: static !important;
    }
}

/* custom css for home page or about page */
       
  .text-container {
    padding: 40px !important;
    gap: 16px !important;
    color: white !important;
}

.text-container-collection {
      gap: 16px !important;
     color: white !important;
     padding-bottom: 150px !important;
}

.custom-title-style {
     font-family: 'Playfair Display', serif; 
    font-weight: 400;
    font-size: 64px;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left;
}

.main-para {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .custom-title-style {
        font-size: 40px;
    }
    .custom-newsletter-style {
        grid-template-columns: 1fr !important;
        text-align: center !important;
        gap: 24px !important;
    }
  .newslatter .p5 {
        text-align: left !important;
    }
    .serif { 
        font-size: 40px !important;
    }
}

.serif { 
    font-family: 'Playfair Display', serif; 
    color: #fff !important; 
    font-weight: 400;
    font-style: normal;
    font-size: 64px;
    line-height: 1.2; 
    letter-spacing: 0;
    text-align: center;
}

.btn-white {
    background: #D9D9D9;
    font-family: 'Montserrat', sans-serif;
    color: #000;
    padding: 12px 16px;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    transition: transform 0.3s ease;
}
.btn-white:hover { transform: scale(1.05); }

.gsap-slider-wrapper {
    position: relative;
    width: 100%;
    height: 100vh !important;
    overflow: hidden;
    background: white;
}

.panel {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    display: flex;
    overflow: hidden;
    will-change: transform;
    background: white;
}

.panel-img {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
}

.overlay-bottom {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 50%;
    background: linear-gradient(to top, rgba(0,0,0,0.7), transparent);
    z-index: 5;
}

.split-col {
    position: relative;
    width: 50%; height: 100%;
    display: flex; flex-direction: column;
    justify-content: center; align-items: center;
}

.split-col-left {
    align-items: end !important;
   padding-right: 50px !important;
}

.split-col-right {
  align-items: start !important;
   padding-left: 50px !important;
}

.split-col-left-mobile {
    justify-content: end !important;
    padding-bottom: 100px !important;
}

.split-col-right-mobile {
    justify-content: end !important;
    padding-bottom: 100px !important;
}

.desktop-only { display: none; }
.mobile-only { display: none; }

@media (min-width: 769px) {
    .desktop-only { display: flex !important; }
    .mobile-only { display: none !important; }
}

@media (max-width: 768px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: flex !important; }
}

#dots {
    position: fixed; right: 20px; top: 50%;
    transform: translateY(-50%);
    z-index: 2000;
    display: flex; flex-direction: column; gap: 12px;
}
.dot {
    width: 6px; height: 6px; border-radius: 50%;
    background: rgba(255,255,255,0.4);
}
.dot.active { background: #fff; transform: scale(2.5); }


/* About Page Specific Layout */
.about-split-container {
    display: flex;
    flex-direction: column; /* Stacked for Mobile */
    width: 100%;
    height: 100%;
    gap: 40px;
}

/* Image behavior within split sections */
.about-img-box {
    width: 100%;
    height: 50vh; /* Takes half height on mobile */
    position: relative;
    overflow: hidden;
}

.about-text-box {
    width: 100%;
    height: 50vh; /* Takes half height on mobile */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
    background: #ffffff;
}

/* Desktop Styles (Large Screens) */
@media (min-width: 769px) {
    .about-split-container {
        flex-direction: row; /* Side-by-side for Desktop */
    }

    .about-img-box, .about-text-box {
        width: 50%;
        height: 100%; /* Full screen height on desktop */
    }

    /* Padding for high-end look */
    .about-text-box {
        padding: 48px;
    }

    /* Alternating Layout: Flip every second section */
    .row-reverse {
        flex-direction: row-reverse;
    }
}

/* Text Overrides for About Section */
.panel.bg-white .serif {
    color: #000000 !important;
    text-align: center;
}

.panel.bg-white p {
    color: #4b5563; /* Gray-600 */
    margin-top: 1rem;
    text-align: center;
}

/* Custom Scroll Handling for tall mobile content */
@media (max-width: 768px) {
    .panel {
        overflow-y: auto; /* Allows scrolling if content exceeds screen */
    }
      #p2-mobile-text {
        padding: 16px !important;
      }
        #p3-mobile-text {
            padding: 16px !important;
        }
}

/* css for mobile navbar view */
@media (max-width: 767px) {
    .nav-for-mobile {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    }
}