/* Privacy & Data Protection Section */
/* 
 * Layout Coverage:
 * - Text Content: ~50% width (left side)
 * - Image Content: ~50% width (right side)
 * - Full width section with background image
 */
.privacy-data-section {
    width: 100%;
    min-height: 100vh;
    position: relative;
    border-top-left-radius: 70px;
    border-top-right-radius: 70px;
    padding: 40px 0 0 0; /* Remove bottom padding so image can touch bottom */
    background-color: #E5E5E5; /* Light gray background - will be replaced with background image */
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.privacy-data-container {
    max-width: 90%;
    padding: 0;
    height: 100%;
    min-height: calc(100vh - 40px); /* Full height minus top padding */
    position: relative;
    z-index: 1; /* Above background image */
    flex: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 0;
}

.privacy-data-container .row {
    min-height: 100%;
    height: 100%;
    flex: 1;
    display: flex;
    align-items: stretch;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Left Side - Text Content (Approximately 50% width) */
.privacy-text-wrapper {
    padding: 80px 60px;
    display: flex;
    align-items: flex-start; /* Align to top */
    justify-content: center;
    z-index: 2;
    align-self: center; /* Override row alignment - align to top */
}

.privacy-text-content {
    max-width: 600px;
    width: 100%;
}

.privacy-headline {
    font-family: 'Inter', sans-serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 1.2;
    color: #2A2A2A;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}

.privacy-body-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: #2A2A2A;
    margin-bottom: 20px;
    max-width: 500px;
}

.privacy-cta-btn {
    background-color:#1B5CA8 !important;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 18px !important;
    padding: 14px 42px !important;
    transition: all 0.3s ease;
}

.privacy-cta-btn:hover {
    background-color: #357ABD;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(74, 144, 226, 0.4);
}

/* Right Side - Image Container (Approximately 50% width) */
.privacy-image-wrapper {
    padding: 60px 40px 0 40px; /* Remove bottom padding so image can touch bottom */
    min-height: auto; /* Remove fixed min-height to allow proper stretching */
    height: 100%; /* Full height to touch bottom */
    display: flex;
    align-items: flex-end; /* Align to bottom */
    justify-content: center;
    position: relative;
    z-index: 2; /* Above background image */
    align-self: flex-end; /* Override row alignment - align to bottom */
    margin-bottom: 0;
    padding-bottom: 0;
}

.privacy-image-container {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 800px;
    min-height: auto; /* Remove fixed min-height to allow touching bottom */
    display: flex;
    align-items: flex-end; /* Align content to bottom */
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Background Image - Full section background */
.privacy-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    background-image: url('img/your-goal-section/your-goals-bg.png');
}

/* Girl Image Wrapper - Icons are positioned relative to this container */
.privacy-girl-image-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-end; /* Align image to bottom */
    justify-content: center;
    z-index: 3;
}

.privacy-girl-image {
    width: 100%;
    height: auto;
    max-width: 750px; /* Larger size for desktop */
    max-height: 90vh; /* Increased height limit */
    object-fit: contain;
    object-position: bottom; /* Anchor to bottom */
    position: relative;
    z-index: 3;
    margin-bottom: 0; /* Ensure no bottom margin */
}

.privacy-girl-image-wrapper {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Privacy Icons - Base Styles */
.privacy-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1; /* Initially behind girl image */
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.8s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.privacy-icon .icon-img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* TODO: Replace with your icon images (orange-to-yellow gradient icons) */
    /* Each icon should be a separate image or use CSS background-image with sprite */
    /* Example: background-image: url('img/icons-sprite.png'); background-position: ... */
}

/* Icon Positions - Desktop View */
/* Icons start at initial positions (behind girl image) and animate to final positions when section is 50% in viewport */

/* Icon 1 - Fingerprint Icon */
/* Initial: top: 33%, left: 42% | Final: top: 11%, left: 5% */
.privacy-icon-fingerprint {
    top: 33%;
    left: 42%;
}

.privacy-data-section.icons-animated .privacy-icon-fingerprint {
    top: 11%;
    left: 5%;
}

/* Icon 2 - Eye Icon */
/* Initial: top: 35%, left: 42% | Final: top: 35%, left: 2% */
.privacy-icon-eye {
    top: 35%;
    left: 42%;
}

.privacy-data-section.icons-animated .privacy-icon-eye {
    top: 35%;
    left: 2%;
}

/* Icon 3 - Key Icon */
/* Initial: top: 33%, right: 45% | Final: top: 11%, right: 5% */
.privacy-icon-key {
    top: 33%;
    right: 45%;
}

.privacy-data-section.icons-animated .privacy-icon-key {
    top: 11%;
    right: 5%;
}

/* Icon 4 - Shield Icon */
/* Initial: top: 35%, right: 45% | Final: top: 35%, right: -3% */
.privacy-icon-shield {
    top: 35%;
    right: 45%;
}

.privacy-data-section.icons-animated .privacy-icon-shield {
    top: 35%;
    right: -3%;
}

/* Animation States - When section is 50% in viewport */
/* All icons animate together simultaneously */
.privacy-data-section.icons-animated .privacy-icon {
    opacity: 1;
    z-index: 2; /* Move above girl image */
    transition-delay: 0s; /* No delay - all animate together */
}





/* FAQ Section */
/* From style-new.css */
.faq-head {
    width: fit-content;
    /* shrink container to text width */
    margin: 0 auto;
    /* center the container */
    text-align: left;
    /* keep text left-aligned inside */
}

.faq-label {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-bottom: 5px;
    color: #171719;
}

.faq-main-heading {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600;
    font-size: 80px;
    text-align: center;
    line-height: 90px;
    color: #1B1B1B;
    margin-bottom: 0 !important;
}

.faq-sub-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px !important;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #171719;
    margin-bottom: 3rem !important;
    margin-top: 1rem !important;
}

.faqs {
    background-color: #FFFFFF;
    padding: 10% 0 5% 0;
}

.faq-content {
    padding: 80px 0;
}

/* Bold FAQ questions */
.custom-accordion .accordion-item {
    margin-bottom: 15px;
    border-radius: 8px;
    overflow: visible;
    border: 1px solid #CECECE;
    background-color: #fff;
    position: relative;
}

/* Ensure accordion body doesn't overflow */
.custom-accordion .accordion-collapse {
    overflow: hidden;
    border-radius: 0 0 8px 8px;
}

/* Gradient box-shadow for entire accordion item when opened - simulating gradient from left to right on all sides */
.custom-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
    box-shadow: 
        /* Top shadows - gradient from left to right */
        -8px -4px 12px rgba(255, 184, 121, 0.5),
        -4px -4px 10px rgba(255, 184, 121, 0.4),
        0px -4px 8px rgba(255, 184, 121, 0.3),
        0px -4px 8px rgba(98, 161, 255, 0.3),
        4px -4px 10px rgba(98, 161, 255, 0.4),
        8px -4px 12px rgba(98, 161, 255, 0.5),
        /* Bottom shadows - gradient from left to right */
        -8px 4px 12px rgba(255, 184, 121, 0.5),
        -4px 4px 10px rgba(255, 184, 121, 0.4),
        0px 4px 8px rgba(255, 184, 121, 0.3),
        0px 4px 8px rgba(98, 161, 255, 0.3),
        4px 4px 10px rgba(98, 161, 255, 0.4),
        8px 4px 12px rgba(98, 161, 255, 0.5);
    transition: box-shadow 0.3s ease;
}

/* Gradient box-shadow for entire accordion item on hover */
.custom-accordion .accordion-item:hover {
    box-shadow: 
        /* Top shadows - gradient from left to right */
        -8px -4px 12px rgba(255, 184, 121, 0.5),
        -4px -4px 10px rgba(255, 184, 121, 0.4),
        0px -4px 8px rgba(255, 184, 121, 0.3),
        0px -4px 8px rgba(98, 161, 255, 0.3),
        4px -4px 10px rgba(98, 161, 255, 0.4),
        8px -4px 12px rgba(98, 161, 255, 0.5),
        /* Bottom shadows - gradient from left to right */
        -8px 4px 12px rgba(255, 184, 121, 0.5),
        -4px 4px 10px rgba(255, 184, 121, 0.4),
        0px 4px 8px rgba(255, 184, 121, 0.3),
        0px 4px 8px rgba(98, 161, 255, 0.3),
        4px 4px 10px rgba(98, 161, 255, 0.4),
        8px 4px 12px rgba(98, 161, 255, 0.5);
    transition: box-shadow 0.3s ease;
}

.custom-accordion .accordion-button {
    border-radius: 8px;
    margin-bottom: 0;
    font-weight: 500;
    color: #2A2A2A;
    font-family: 'Inter', sans-serif;
    font-size: 26px;
    position: relative;
    z-index: 1;
}

.custom-accordion .accordion-button:focus {
    box-shadow: none;
}

.custom-accordion .accordion-body {
    font-family: 'Inter', sans-serif;
    font-size: 20px !important;
    font-weight: 300;
    color: #2A2A2A;
    line-height: 1.6;
    padding: 0px 20px 15px 20px;
    text-align: left;
    letter-spacing: 1px;
}

.accordion-collapse .accordion-body {
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    color: #2A2A2A;
}

/* Accordion Button Styles from style-new.css */
.accordion-button {
    height: 100px;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    color: #000;
    font-weight: 500;
}

/* Ensure accordion button doesn't override the item border */
.custom-accordion .accordion-button {
    border: none !important;
    box-shadow: none;
    transition: box-shadow 0.3s ease;
}

/* Gradient box-shadow on hover - simulating gradient from left (#FFB879) to right (#62A1FF) on all sides */
.custom-accordion .accordion-button:hover {
    box-shadow: 
        /* Top shadows - gradient from left to right */
        -8px -4px 12px rgba(255, 184, 121, 0.5),
        -4px -4px 10px rgba(255, 184, 121, 0.4),
        0px -4px 8px rgba(255, 184, 121, 0.3),
        0px -4px 8px rgba(98, 161, 255, 0.3),
        4px -4px 10px rgba(98, 161, 255, 0.4),
        8px -4px 12px rgba(98, 161, 255, 0.5),
        /* Bottom shadows - gradient from left to right */
        -8px 4px 12px rgba(255, 184, 121, 0.5),
        -4px 4px 10px rgba(255, 184, 121, 0.4),
        0px 4px 8px rgba(255, 184, 121, 0.3),
        0px 4px 8px rgba(98, 161, 255, 0.3),
        4px 4px 10px rgba(98, 161, 255, 0.4),
        8px 4px 12px rgba(98, 161, 255, 0.5);
}

/* Gradient box-shadow when accordion is opened */
.custom-accordion .accordion-button:not(.collapsed) {
    box-shadow: 
        /* Top shadows - gradient from left to right */
        -8px -4px 12px rgba(255, 184, 121, 0.5),
        -4px -4px 10px rgba(255, 184, 121, 0.4),
        0px -4px 8px rgba(255, 184, 121, 0.3),
        0px -4px 8px rgba(98, 161, 255, 0.3),
        4px -4px 10px rgba(98, 161, 255, 0.4),
        8px -4px 12px rgba(98, 161, 255, 0.5),
        /* Bottom shadows - gradient from left to right */
        -8px 4px 12px rgba(255, 184, 121, 0.5),
        -4px 4px 10px rgba(255, 184, 121, 0.4),
        0px 4px 8px rgba(255, 184, 121, 0.3),
        0px 4px 8px rgba(98, 161, 255, 0.3),
        4px 4px 10px rgba(98, 161, 255, 0.4),
        8px 4px 12px rgba(98, 161, 255, 0.5);
}

.accordion-button::after {
    background-image: none !important;
    content: '+';
    font-size: 1.5rem;
    font-weight: 500;
    color: #2A2A2A;
    transform: none !important;
}

/* Change + to – when accordion is open */
.accordion-button:not(.collapsed)::after {
    content: '–';
    color: #000;
}

/* Prevent color change when opened */
.accordion-button:not(.collapsed) {
    background-color: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
}

/* Remove hover color too */
.accordion-button:focus,
.accordion-button:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
}

/* Ensure custom accordion button hover maintains gradient shadow */
.custom-accordion .accordion-button:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
}

.accordion-collapse {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.accordion-button p {
    margin-bottom: 0px;
}

/* FAQ Column Styles */
.faq-1,
.faq-2 {
    width: 49%;
}

.acc-item {
    border-radius: 20px !important;
}

.acc-item h2 button {
    border-radius: 20px !important;
    padding: 0px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.acc-item h2 button p {
    width: 60%;
    color: #05132E;
    font-family: Denton Test;
    font-weight: 700;
    font-size: 26px;
}

.acc-bdy {
    text-align: justify;
    padding: 0px 30px 16px 30px;
}

/* Additional FAQ Styles from style.css */
.faq-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.start-38 {
    left: 26% !important;
    top: -22px !important;
    color: #171719;
    font-weight: 400;
    font-size: 18px;
}

.faqh2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px;
    gap: 10px;
    flex: none;
    order: 0;
    flex-grow: 0;
}

.faqh3 {
    font-size: 60px;
    font-weight: 600;
    color: #1b1b1b;
}

/* Additional Accordion Styles from style.css */
.accordion-item {
    background: #FFFFFF;
    border-radius: 8px !important;
}

/* Ensure custom accordion items maintain border */
.custom-accordion .accordion-item {
    border: 1px solid #CECECE !important;
}

/* Alternative accordion button style with Plus.svg icon */
.accordion-button:not(.collapsed)::after {
    background-image: url('img/Plus.svg');
    transform: var(--bs-accordion-btn-icon-transform);
    transform: rotate(135deg);
}

.accordion-button::after {
    background-image: url('img/Plus.svg');
    transform: rotate(0deg);
}





/* balance section */
.balance-section{
    position: relative;
    z-index: 10;
}
.balance-section .row{
    overflow: hidden;
}







/* Responsive FAQ Styles from style.css */
@media (max-width: 1750px) {
    .accordion-button {
        font-size: 22px;
    }
}

@media (min-width: 1250px) and (max-width: 1750px) {
    .accordion-button {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .faqh3 {
        font-size: 28px;
    }

    .accordion-button {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 16px 20px;
        gap: 10px;
        background: #FFFFFF !important;
        box-shadow: none !important;
        border-radius: 20px !important;
        flex: none;
        order: 0;
        flex-grow: 0;
        font-size: 20px;
        font-weight: 650;
        color: #05132E !important;
    }
}

/* Download Options Section */
.download-options {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 30px 80px;
    background-color: #1B1B1B;
    border-top-left-radius: 160px;
    color: white;
    position: relative;
    overflow: visible;
    min-height: 500px;
}

.dwnld-cont {
    padding: 50px;
}

.dwnld-cont h2 {
    font-family: 'Inter', sans-serif;
    font-size: 70px;
    line-height: 1.2;
    color: white;
}

.dwnld-cont p {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 18px;
    width: 75%;
    line-height: 1.6;
}

.coming {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 15px;
    color: white;
    font-family: Inter;
}

.dwnld-apps {
    display: flex;
    gap: 20px;
    width: 60%;
}

.dwnld-apps img {
    width: 120px;
    height: auto;
}

/* Phone Image on Desktop */
.dwnld-img {
    position: absolute;
    top: -100px;
    bottom: 0;
    right: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    z-index: 2;
}

.dwnld-img img {
    width: auto;
    height: 100%;
    max-height: calc(100% + 100px);
    filter: drop-shadow(0px 10px 20px rgba(255, 255, 255, 0.15));
    transition: transform 0.3s ease, filter 0.3s ease;
}

.dwnld-img img:hover {
    transform: scale(1.03);
    filter: drop-shadow(0px 12px 25px rgba(255, 255, 255, 0.25));
}





/* Responsive Design */

/* Large Tablets and Small Desktops */
@media (max-width: 1200px) {
    .privacy-data-section {
        padding: 40px 0 0 0; /* Remove bottom padding */
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 40px); /* Full height minus top padding */
    }
    
    .privacy-image-wrapper {
        height: 100%; /* Full height to touch bottom */
    }
    
    .privacy-headline {
        font-size: 56px;
    }
    
    .privacy-body-text {
        font-size: 18px;
    }
    
    .privacy-icon {
        width: 70px;
        height: 70px;
    }
    
    .privacy-icon .icon-img {
        width: 100%;
        height: 100%;
    }
}

/* iPad Pro */
@media (min-width: 992px) and (max-width: 1024px) and (min-height: 1200px) and (max-height: 1370px) and (orientation: portrait) {
    .privacy-data-section {
        padding: 80px 0 0 0 !important; /* Remove bottom padding */
        min-height: 100vh !important; /* Ensure full viewport height */
        display: flex;
        flex-direction: column;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 80px) !important; /* Full height minus top padding */
        flex: 1; /* Take remaining space */
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        flex: 1; /* Take remaining space */
        min-height: 100% !important;
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 60px 40px;
        text-align: center;
        width: 100% !important;
    }
    
    .privacy-text-content {
        max-width: 100%;
    }
    
    .privacy-headline {
        font-size: 45px;
    }
    
    .privacy-body-text {
        font-size: 20px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
    
    .privacy-image-wrapper {
        padding: 40px 20px 0 20px !important; /* Remove bottom padding */
        min-height: auto !important;
        height: 100% !important; /* Full height to touch bottom */
        width: 100% !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: flex-end; /* Align image to bottom */
    }
    
    .privacy-image-container {
        min-height: auto !important;
        max-width: 700px;
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        max-width: 550px;
        max-height: 75vh;
        margin-bottom: 0 !important;
    }
    
    .privacy-icon {
        width: 60px;
        height: 60px;
    }
    
    .privacy-icon .icon-img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1024px) and (max-width: 1399px) and (min-height: 768px) and (max-height: 950px) and (orientation: landscape) {
    .privacy-data-section {
        padding: 80px 0 0 0 !important; /* Remove bottom padding */
        min-height: 100vh !important; /* Ensure full viewport height */
        display: flex;
        flex-direction: column;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 80px) !important; /* Full height minus top padding */
        flex: 1; /* Take remaining space */
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        flex: 1; /* Take remaining space */
        min-height: 100% !important;
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 60px 40px;
        text-align: center;
        width: 100% !important;
    }
    
    .privacy-text-content {
        max-width: 100%;
    }
    
    .privacy-headline {
        font-size: 48px;
    }
    
    .privacy-body-text {
        font-size: 18px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
    
    .privacy-image-wrapper {
        padding: 40px 20px 0 20px !important; /* Remove bottom padding */
        min-height: auto !important;
        height: 100% !important; /* Full height to touch bottom */
        width: 100% !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: flex-end; /* Align image to bottom */
    }
    
    .privacy-image-container {
        min-height: auto !important;
        max-width: 700px;
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        max-width: 550px;
        max-height: 75vh;
        margin-bottom: 0 !important;
    }
    
    .privacy-icon {
        width: 80px;
        height: 80px;
    }
    
    .privacy-icon .icon-img {
        width: 100%;
        height: 100%;
    }
}
/* Tablets */
@media (max-width: 992px) {
    .privacy-data-section {
        padding: 80px 0 0 0 !important; /* Remove bottom padding */
        min-height: 100vh !important; /* Ensure full viewport height */
        display: flex;
        flex-direction: column;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 80px) !important; /* Full height minus top padding */
        flex: 1; /* Take remaining space */
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        flex: 1; /* Take remaining space */
        min-height: 100% !important;
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 60px 40px;
        text-align: center;
    }
    
    .privacy-text-content {
        max-width: 100%;
    }
    
    .privacy-headline {
        font-size: 60px;
    }
    
    .privacy-body-text {
        font-size: 22px;
        max-width: 100%;
        margin: 0 auto 30px;
    }
    
    .privacy-image-wrapper {
        padding: 40px 20px 0 20px !important; /* Remove bottom padding */
        min-height: auto !important;
        height: 100% !important; /* Full height to touch bottom */
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: flex-end; /* Align image to bottom */
    }
    
    .privacy-image-container {
        min-height: auto !important;
        max-width: 700px;
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        margin-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        max-width: 550px;
        max-height: 75vh;
    }
    
    .privacy-icon {
        width: 80px;
        height: 80px;
    }
    
    .privacy-icon .icon-img {
        width: 100%;
        height: 100%;
    }
    
    /* Adjust icon positions for tablets - maintaining desktop proportions */
    /* Icon 1 - Fingerprint */
    .privacy-icon-fingerprint {
        top: 33%;
        left: 42%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-fingerprint {
        top: 11%;
        left: 5%;
    }
    
    /* Icon 2 - Eye */
    .privacy-icon-eye {
        top: 35%;
        left: 42%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-eye {
        top: 35%;
        left: 2%;
    }
    
    /* Icon 3 - Key */
    .privacy-icon-key {
        top: 33%;
        right: 45%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-key {
        top: 11%;
        right: 5%;
    }
    
    /* Icon 4 - Shield */
    .privacy-icon-shield {
        top: 35%;
        right: 45%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-shield {
        top: 35%;
        right: -3%;
    }
}

/* Mobile Devices */
@media (max-width: 768px) {
    .privacy-data-section {
        padding: 40px 0 0 0 !important; /* Reduced top padding, no bottom padding */
        min-height: 100vh !important; /* Ensure full viewport height */
        display: flex;
        flex-direction: column;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 40px) !important; /* Full height minus top padding */
        flex: 1; /* Take remaining space */
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        flex: 1; /* Take remaining space */
        min-height: 100% !important;
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 30px 20px 20px 20px; /* Reduced padding to minimize space */
    }
    
    .privacy-headline {
        font-size: 36px;
        margin-bottom: 15px; /* Reduced margin */
        line-height: 1.1; /* Tighter line height */
    }
    
    .privacy-body-text {
        font-size: 16px;
        margin-bottom: 20px; /* Reduced margin */
        line-height: 1.5; /* Tighter line height */
    }
    
    .privacy-cta-btn {
        font-size: 14px;
        padding: 12px 28px;
        margin-bottom: 0; /* Remove bottom margin */
    }
    
    .privacy-image-wrapper {
        padding: 30px 20px 0 20px !important; /* Remove bottom padding */
        min-height: auto !important;
        height: 100% !important; /* Full height to touch bottom */
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: flex-end; /* Align image to bottom */
    }
    
    .privacy-image-container {
        min-height: auto !important;
        max-width: 600px;
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        margin-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        max-width: 450px;
        max-height: 70vh;
    }
    
    .privacy-icon {
        width: 70px;
        height: 70px;
        border-radius: 12px;
    }
    
    .privacy-icon .icon-img {
        width: 100%;
        height: 100%;
    }
    
    /* Adjust icon positions for mobile - maintaining desktop proportions */
    /* Icon 1 - Fingerprint */
    .privacy-icon-fingerprint {
        top: 33%;
        left: 42%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-fingerprint {
        top: 11%;
        left: 5%;
    }
    
    /* Icon 2 - Eye */
    .privacy-icon-eye {
        top: 35%;
        left: 42%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-eye {
        top: 35%;
        left: 2%;
    }
    
    /* Icon 3 - Key */
    .privacy-icon-key {
        top: 33%;
        right: 45%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-key {
        top: 11%;
        right: 5%;
    }
    
    /* Icon 4 - Shield */
    .privacy-icon-shield {
        top: 35%;
        right: 45%;
    }
    
    .privacy-data-section.icons-animated .privacy-icon-shield {
        top: 35%;
        right: -3%;
    }
}

/* Small Mobile Devices */
@media (max-width: 576px) {
    .privacy-data-section {
        padding: 30px 0 0 0 !important; /* Reduced top padding, no bottom padding */
        min-height: 100vh !important; /* Ensure full viewport height */
        display: flex;
        flex-direction: column;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 30px) !important; /* Full height minus top padding */
        flex: 1; /* Take remaining space */
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        flex: 1; /* Take remaining space */
        min-height: 100% !important;
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 20px 15px 15px 15px; /* Reduced padding to minimize space */
    }
    
    .privacy-headline {
        font-size: 28px;
        margin-bottom: 12px; /* Reduced margin */
        line-height: 1.1; /* Tighter line height */
    }
    
    .privacy-body-text {
        font-size: 15px;
        margin-bottom: 18px; /* Reduced margin */
        line-height: 1.4; /* Tighter line height */
    }
    
    .privacy-image-wrapper {
        padding: 20px 15px 0 15px !important; /* Remove bottom padding */
        min-height: auto !important;
        height: 100% !important; /* Full height to touch bottom */
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: flex-end; /* Align image to bottom */
    }
    
    .privacy-image-container {
        min-height: auto !important;
        max-width: 500px;
        width: 100%;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        margin-bottom: 0 !important;
    }
}

/* Very Small Mobile Devices - Below 400px */
@media (max-width: 400px) {
    .privacy-data-section {
        padding: 25px 0 0 0 !important; /* Reduced top padding, no bottom padding */
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 25px) !important; /* Full height minus top padding */
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        min-height: 100% !important;
        height: 100% !important;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 15px 10px 10px 10px; /* Reduced padding to minimize space */
    }
    
    .privacy-headline {
        font-size: 29px;
        margin-bottom: 10px !important; /* Reduced margin */
        line-height: 1.1 !important; /* Tighter line height */
    }
    
    .privacy-body-text {
        font-size: 17px;
        margin-bottom: 15px !important; /* Reduced margin */
        line-height: 1.4 !important; /* Tighter line height */
    }
    
    .privacy-image-wrapper {
        padding: 15px 10px 0 10px !important; /* Remove bottom padding */
        min-height: 400px;
        height: 100% !important; /* Force full height to touch bottom */
        margin-bottom: 0 !important; /* Ensure no bottom margin */
        padding-bottom: 0 !important; /* Force no bottom padding */
    }
    
    .privacy-image-container {
        min-height: 400px;
        max-width: 100%;
        margin-bottom: 0 !important; /* Ensure no bottom margin */
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        max-width: 100%;
        max-height: 60vh;
        margin-bottom: 0 !important;
    }
    
    .privacy-icon {
        width: 40px;
        height: 40px;
        border-radius: 8px;
    }
    
    .privacy-icon .icon-img {
        width: 100%;
        height: 100%;
    }
}

/* Landscape Mobile */
@media (max-width: 992px) and (orientation: landscape) {
    .privacy-data-section {
        min-height: 100vh !important; /* Ensure full viewport height for proper intersection detection */
        padding: 50px 0 0 0 !important; /* Remove bottom padding */
        display: flex;
        flex-direction: column;
    }
    
    .privacy-data-container {
        min-height: calc(100vh - 50px) !important; /* Full height minus top padding */
        flex: 1;
        display: flex;
        flex-direction: column;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .privacy-data-container .row {
        flex: 1;
        min-height: 100% !important;
        display: flex;
        align-items: stretch;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-text-wrapper {
        padding: 40px 30px;
    }
    
    .privacy-image-wrapper {
        padding: 30px 20px 0 20px !important; /* Remove bottom padding */
        min-height: auto !important;
        height: 100% !important; /* Full height to touch bottom */
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
        display: flex;
        align-items: flex-end; /* Align image to bottom */
    }
    
    .privacy-image-container {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image-wrapper {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .privacy-girl-image {
        margin-bottom: 0 !important;
    }
}

/* ============================================
   FAQ Section Responsive Styles
   ============================================ */

/* From style-new.css - Responsive FAQ */
/* Large Tablets and Small Desktops */
@media (max-width: 1200px) {
    .faq-main-heading {
        font-size: 65px;
        line-height: 75px;
    }

    .faq-sub-heading {
        font-size: 18px;
    }

    .custom-accordion .accordion-button {
        font-size: 22px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 16px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

/* Tablets */
@media (max-width: 992px) {
    .faq-main-heading {
        font-size: 50px;
        line-height: 60px;
    }

    .faq-sub-heading {
        font-size: 18px;
        margin-bottom: 2.5rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 18px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 14px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

/* Mobile Devices */
@media (max-width: 768px) {
    .faq-main-heading {
        font-size: 38px;
        line-height: 48px;
    }

    .faq-sub-heading {
        font-size: 16px;
        margin-bottom: 2rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 16px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 14px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

/* Small Mobile Devices */
@media (max-width: 576px) {
    .faq-main-heading {
        font-size: 32px;
        line-height: 40px;
    }

    .faq-sub-heading {
        font-size: 15px;
        margin-bottom: 1.5rem !important;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .faq-main-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .faq-sub-heading {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 1.5rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 15px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 13px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

/* Very Small Mobile */
@media (max-width: 420px) {
    .faq-main-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .faq-sub-heading {
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-bottom: 1.25rem !important;
    }
}

/* Extra Extra Small Mobile */
@media (max-width: 360px) {
    .faq-main-heading {
        font-size: 22px;
        line-height: 30px;
    }

    .faq-sub-heading {
        font-size: 12px;
        letter-spacing: 0.5px;
        margin-bottom: 1rem !important;
    }
}

/* From responsive.css - Accordion Button */
@media (max-width: 768px) {
    .acc-item h2 button {
        padding: 0px 20px;
    }

    .acc-item h2 button p {
        width: 80%;
        font-size: 18px;
    }

    .accordion-button::after {
        font-size: 1rem;
    }

    .accordion-button {
        height: 70px;
    }

    .acc-bdy {
        font-size: 12px;
    }
}

/* From new-responsive.css - FAQ Content Responsive */
@media (min-width: 320px) and (max-width: 359px) {
    .faq-main-heading {
        font-size: 20px;
        line-height: 28px;
    }

    .faq-sub-heading {
        font-size: 11px;
        letter-spacing: 0.5px;
        margin-bottom: 1rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 14px;
        padding: 5%;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 12px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 0px 41px;
    }

    .faqSecond {
        margin-top: 0px;
    }

    .questions-cards.mb-5 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 360px) and (max-width: 370px) {
    .faq-main-heading {
        font-size: 24px;
        line-height: 32px;
    }

    .faq-sub-heading {
        font-size: 13px;
        letter-spacing: 0.5px;
        margin-bottom: 1.25rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 15px;
        padding: 5%;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 13px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 0px 41px;
    }

    .questions-cards.mb-5 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 375px) and (max-width: 379px) {
    .faq-main-heading {
        font-size: 26px;
        line-height: 34px;
    }

    .faq-sub-heading {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 1.5rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 15px;
        padding: 5%;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 13px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 0px 41px;
    }

    .questions-cards.mb-5 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 380px) and (max-width: 420px) {
    .faq-main-heading {
        font-size: 26px;
        line-height: 34px;
    }

    .faq-sub-heading {
        font-size: 14px;
        letter-spacing: 0.5px;
        margin-bottom: 1.5rem !important;
    }

    .accordion-body {
        text-align: justify;
    }

    .custom-accordion .accordion-button {
        font-size: 16px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 12px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 0px 41px;
    }

    .questions-cards.mb-5 {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 421px) and (max-width: 479px) {
    .faq-main-heading {
        font-size: 30px;
        line-height: 38px;
    }

    .faq-sub-heading {
        font-size: 15px;
        letter-spacing: 0.5px;
        margin-bottom: 1.75rem !important;
    }

    .accordion-body {
        text-align: justify;
    }

    .custom-accordion .accordion-button {
        font-size: 16px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 14px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 0px 41px;
    }
}

@media screen and (min-width: 350px) and (max-width: 699px) and (orientation: portrait) {
    .faqSecond {
        margin-top: 0px;
    }
}

@media (min-width: 560px) and (max-width: 680px) and (min-height: 320px) and (max-height: 380px) and (orientation: landscape) {
    .faq-main-heading {
        font-size: 28px;
        line-height: 36px;
    }

    .faq-sub-heading {
        font-size: 14px;
        margin-bottom: 1.5rem !important;
    }

    .questions-cards.mb-5 {
        margin-bottom: 0px !important;
    }

    .custom-accordion .accordion-button {
        font-size: 15px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 14px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 20px 41px;
    }
}

@media (min-width: 660px) and (max-width: 980px) and (min-height: 350px) and (max-height: 450px) and (orientation: landscape) {
    .faq-main-heading {
        font-size: 32px;
        line-height: 40px;
    }

    .faq-sub-heading {
        font-size: 15px;
        margin-bottom: 1.5rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 15px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 13px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 41px 0px 10px 41px;
    }
}

@media screen and (min-width: 700px) and (max-width: 950px) and (orientation: landscape) {
    .faq-main-heading {
        font-size: 36px;
        line-height: 44px;
    }

    .faq-sub-heading {
        font-size: 16px;
        margin-bottom: 2rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 17px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 14px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        margin-bottom: 100px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .faq-main-heading {
        font-size: 45px;
        line-height: 55px;
    }

    .faq-sub-heading {
        font-size: 17px;
        margin-bottom: 2.25rem !important;
    }

    .faq-content {
        padding: 41px 41px 0px 41px;
    }

    .custom-accordion .accordion-button {
        font-size: 18px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 16px !important;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .faq-main-heading {
        font-size: 55px;
        line-height: 65px;
    }

    .faq-sub-heading {
        font-size: 18px;
        margin-bottom: 2.5rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 20px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 15px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 90px 0;
    }
}

@media (min-width: 1200px) and (max-width: 1799px) {
    .faq-main-heading {
        font-size: 70px;
        line-height: 80px;
    }

    .faq-sub-heading {
        font-size: 19px;
        margin-bottom: 2.75rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 24px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 16px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .faq-content {
        padding: 120px 0;
    }
}

/* Additional Large Breakpoints for Accordion */
@media (min-width: 1400px) and (max-width: 1599px) {
    .faq-main-heading {
        font-size: 75px;
        line-height: 85px;
    }

    .faq-sub-heading {
        font-size: 20px;
        margin-bottom: 3rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 22px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 16px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

@media (min-width: 1800px) and (max-width: 1999px) {
    .faq-main-heading {
        font-size: 85px;
        line-height: 95px;
    }

    .faq-sub-heading {
        font-size: 22px;
        margin-bottom: 3.5rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 26px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 18px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

@media (min-width: 2000px) and (max-width: 2499px) {
    .faq-main-heading {
        font-size: 90px;
        line-height: 100px;
    }

    .faq-sub-heading {
        font-size: 24px;
        margin-bottom: 4rem !important;
    }

    .custom-accordion .accordion-button {
        font-size: 28px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }

    .custom-accordion .accordion-body,
    .accordion-collapse .accordion-body {
        font-size: 18px;
        color: #2A2A2A;
        font-family: 'Inter', sans-serif;
    }
}

/* ============================================
   Download Options Responsive Styles
   ============================================ */

/* From style-new.css - Responsive Download */
@media (max-width: 768px) {
    .download-options {
        flex-direction: column;
        align-items: center;
        padding: 30px 20px;
        min-height: auto;
    }

    .dwnld-cont {
        padding: 30px 20px;
        text-align: center;
    }

    .dwnld-cont h2 {
        font-size: 36px;
    }

    .dwnld-cont p {
        width: 100%;
        font-size: 16px;
    }

    .dwnld-apps {
        display: flex;
        justify-content: center;
        gap: 15px;
        margin-bottom: 10px;
        width: 100%;
    }

    .dwnld-apps img {
        width: 70px;
    }

    .dwnld-img {
        position: static;
        margin-top: 20px;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    .dwnld-cont h2 {
        font-size: 24px;
    }

    .dwnld-cont p {
        font-size: 12px;
    }

    .dwnld-apps img {
        width: 50px;
    }

    .dwnld-img img {
        max-width: 200px;
    }
}

/* From new-responsive.css - Download Options Responsive */
@media (min-width: 320px) and (max-width: 359px) {
    .download-options {
        min-height: 300px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 10px 10px 0px 6%;
    }

    .dwnld-cont {
        padding: 15px 5px 5px 5px !important;
    }

    .dwnld-cont p {
        width: 83%;
        color: #D8D5D5;
        margin-bottom: 0px;
    }

    .dwnld-img img {
        height: 280px;
        text-align: center;
    }

    .coming {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .dwnld-apps img {
        width: 30px;
        margin-right: 5%;
    }

    .dwnld-apps {
        justify-content: left;
    }

    .dwnld-cont.gap-4 {
        width: 100% !important;
        gap: .5rem !important;
    }

    .dwnld-img {
        position: static;
    }
}

@media (min-width: 360px) and (max-width: 370px) {
    .download-options {
        min-height: 300px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 10px 10px 0px 6%;
    }

    .dwnld-cont {
        padding: 15px 5px 5px 5px !important;
    }

    .dwnld-cont p {
        width: 83%;
        color: #D8D5D5;
        margin-bottom: 0px;
    }

    .dwnld-img img {
        height: 310px;
        text-align: center;
    }

    .coming {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .dwnld-apps img {
        width: 30px;
        margin-right: 5%;
    }

    .dwnld-apps {
        justify-content: left;
    }

    .dwnld-cont.gap-4 {
        width: 100% !important;
        gap: .5rem !important;
    }

    .dwnld-img {
        position: static;
    }
}

@media (min-width: 375px) and (max-width: 379px) {
    .download-options {
        min-height: 300px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 10px 10px 0px 6%;
    }

    .dwnld-cont {
        padding: 15px 5px 5px 5px !important;
    }

    .dwnld-cont p {
        width: 83%;
        color: #D8D5D5;
        margin-bottom: 0px;
    }

    .dwnld-img img {
        height: 330px;
        text-align: center;
    }

    .coming {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .dwnld-apps img {
        width: 30px;
        margin-right: 5%;
    }

    .dwnld-apps {
        justify-content: left;
    }

    .dwnld-cont.gap-4 {
        width: 100% !important;
        gap: .5rem !important;
    }

    .dwnld-img {
        position: static;
    }
}

@media (min-width: 380px) and (max-width: 420px) {
    .download-options {
        min-height: 300px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 10px 10px 0px 6%;
    }

    .dwnld-cont {
        padding: 15px 5px 5px 5px !important;
    }

    .dwnld-cont p {
        width: 83%;
        color: #D8D5D5;
        margin-bottom: 0px;
    }

    .dwnld-img img {
        height: 340px;
        text-align: center;
    }

    .coming {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .dwnld-apps img {
        width: 30px;
        margin-right: 5%;
    }

    .dwnld-apps {
        justify-content: left;
    }

    .dwnld-cont.gap-4 {
        width: 100% !important;
        gap: .5rem !important;
    }

    .dwnld-img {
        position: static;
    }
}

@media (min-width: 421px) and (max-width: 479px) {
    .download-options {
        min-height: 300px;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        padding: 10px 10px 0px 6%;
    }

    .dwnld-cont {
        padding: 15px 5px 5px 5px !important;
    }

    .dwnld-cont p {
        width: 83%;
        color: #D8D5D5;
        margin-bottom: 0px;
    }

    .dwnld-img img {
        height: 380px;
        text-align: center;
    }

    .coming {
        font-size: 14px;
        margin-bottom: 0px;
    }

    .dwnld-apps img {
        width: 30px;
        margin-right: 5%;
    }

    .dwnld-apps {
        justify-content: left;
    }

    .dwnld-cont.gap-4 {
        width: 100% !important;
        gap: .5rem !important;
    }

    .dwnld-img {
        position: static;
    }
}

@media (min-width: 480px) and (max-width: 575px) {
    .download-options {
        min-height: 300px;
        border-top-left-radius: 80px;
        border-top-right-radius: 80px;
    }

    .dwnld-img img {
        height: 430px;
    }

    .dwnld-img {
        position: static;
    }

    .dwnld-cont p {
        font-size: 10px !important;
        width: 100% !important;
    }

    .dwnld-cont h2 {
        font-size: 20px !important;
    }

    .dwnld-cont.gap-4 {
        width: 100% !important;
    }
}

@media screen and (min-width: 639px) and (max-width: 900px) and (orientation: landscape) {
    .download-options {
        padding: 0px 30px;
        min-height: 298px;
    }

    .dwnld-cont.gap-4 {
        gap: .2rem !important;
    }

    .dwnld-img img {
        height: 330px;
    }

    .dwnld-cont {
        padding: 0px 10px 10px 1% !important;
    }

    .coming {
        font-size: 12px;
        margin-bottom: 0px;
    }

    .dwnld-apps {
        justify-content: left;
    }

    .dwnld-img {
        right: 32px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .download-options {
        padding: 0px 10%;
        min-height: 300px;
    }

    .dwnld-cont.gap-4 {
        width: 38% !important;
    }

    .dwnld-cont {
        padding: 25px 10px 10px 0% !important;
    }

    .dwnld-cont h2 {
        font-size: 18px !important;
    }

    .dwnld-cont p {
        font-size: 11px !important;
    }

    .dwnld-img img {
        height: 289px;
    }

    .coming {
        font-size: 16px;
    }
}

/* ============================================
   Simple Slider Section Styles
   ============================================ */

.carousel-section {
    padding: 3% 0 5% 0;
    background-color: #FFFFFF;
    overflow: hidden;
}

.carousel-container {
    max-width: 100%;
    padding: 0 15px;
}

.carousel-row {
    margin: 0;
}

.carousel-col {
    width: 90% !important;
    padding: 0;
    margin: 0 auto !important;
}

.simple-slider-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.simple-slider-track {
    display: flex;
    width: fit-content;
    animation: slideInfinite 16s linear infinite;
    gap: 10px;
    will-change: transform;
}

.simple-slider-item {
    flex: 0 0 66.666%;
    min-width: 66.666%;
    position: relative;
    flex-shrink: 0;
}

.simple-slider-item img {
    width: 100%;
    height: auto;
    object-fit: contain;
    border-radius: 12px;
    display: block;
    min-height: 400px;
    max-height: 600px;
}

/* Infinite sliding animation - moves from right to left */
/* Animation moves by exactly 4 items (the original 4 images) */
@keyframes slideInfinite {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Move by 4 images: each is 66.666% + gap of 10px between them */
        /* Total: (66.666% * 4) + (10px * 3 gaps) */
        transform: translateX(calc(-66.666% * 4 - 30px));
    }
}

/* Responsive Slider Styles */
@media (max-width: 992px) {
    .simple-slider-item {
        flex: 0 0 66.666%;
        min-width: 66.666%;
    }
    
    .simple-slider-track {
        gap: 8px;
        animation: slideInfinite 10s linear infinite;
    }
    
    @keyframes slideInfinite {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-66.666% * 4 - 24px));
        }
    }
}

@media (max-width: 768px) {
    .carousel-section {
        padding: 40px 0;
    }
    
    .simple-slider-item {
        flex: 0 0 66.666%;
        min-width: 66.666%;
    }
    
    .simple-slider-item img {
        min-height: 300px;
        max-height: 400px;
    }
    
    .simple-slider-track {
        gap: 8px;
        animation: slideInfinite 10s linear infinite;
    }
}

@media (max-width: 576px) {
    .simple-slider-item {
        flex: 0 0 66.666%;
        min-width: 66.666%;
    }
    
    .simple-slider-item img {
        min-height: 250px;
        max-height: 350px;
    }
    
    .simple-slider-track {
        gap: 6px;
        animation: slideInfinite 7s linear infinite;
    }
    
    @keyframes slideInfinite {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-66.666% * 4 - 18px));
        }
    }
}

/* Slider Section Mobile Styles */
@media (max-width: 845px) and (orientation: portrait) {
    .sliders-content {
        width: 100% !important;
        left: 0 !important;
        padding: 0 20px !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .sliders-content .text-track {
        width: 100% !important;
    }
    
    .text-slide {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
        padding: 0 !important;
        top: 12% !important;
    }
    
    .sliders-content h4 {
        font-size: 48px !important;
        line-height: 1.1 !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        text-align: center !important;
        margin: 0 0 15px 0 !important;
        padding: 0 !important;
        width: 100% !important;
        background: none !important;
        -webkit-background-clip: unset !important;
        background-clip: unset !important;
        -webkit-text-fill-color: #FFFFFF !important;
        letter-spacing: -0.5px;
    }
    
    .sliders-content p {
        font-size: 16px !important;
        color: #FFFFFF !important;
        font-weight: 400 !important;
        text-align: center !important;
        margin: 0 0 20px 0 !important;
        padding: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        line-height: 1.5;
    }
    
    .text-slide .nav-link {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }
    
    .text-slide .free-access-btn {
        background: rgba(255, 255, 255, 0.15) !important;
        color: #FFFFFF !important;
        border-radius: 30px !important;
        padding: 12px 24px !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        border: 1px solid rgba(255, 255, 255, 0.25) !important;
        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
        font-family: 'Inter', sans-serif !important;
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        white-space: nowrap;
    }
    
    .text-slide .free-access-btn:hover {
        background: rgba(255, 255, 255, 0.25) !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
        box-shadow: 0 4px 20px rgba(255, 255, 255, 0.15) !important;
    }
}

/* Tablet Portrait View (768px to 845px) */
@media (min-width: 768px) and (max-width: 845px) and (orientation: portrait) {
    .text-slide {
        top: 20% !important;
    }
}

/* Landscape Orientation (700px to 950px) */
@media screen and (min-width: 700px) and (max-width: 950px) and (orientation: landscape) {
    .sliders-img picture img {
        width: 100% !important;
    }
}

/* Smaller Mobile Devices */
@media (max-width: 600px) and (orientation: portrait) {
    .sliders-content h4 {
        font-size: 30px !important;
        line-height: 1.1 !important;
        margin-bottom: 12px !important;
    }
    
    .sliders-content p {
        font-size: 16px !important;
        margin-bottom: 18px !important;
    }
    
    .text-slide .free-access-btn {
        padding: 10px 20px !important;
        font-size: 13px !important;
    }
}

/* Very Small Mobile Devices */
@media (max-width: 400px) and (orientation: portrait) {
    .sliders-content {
        padding: 0 15px !important;
    }
    
    .sliders-content h4 {
        font-size: 30px !important;
        line-height: 1.1 !important;
        margin-bottom: 10px !important;
    }
    
    .sliders-content p {
        font-size: 16px !important;
        margin-bottom: 16px !important;
    }
    
    .text-slide .free-access-btn {
        padding: 10px 18px !important;
        font-size: 12px !important;
    }
}

/* Footer Section Styles */

.footer-section {
    background-image: url('img/footer-section/footer-background.png');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 80px 0 40px 0;
    position: relative;
}

.footer-container {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 20px;
}

/* Main Heading Section */
.footer-col-1 {
    width: 100%;
    margin: 0 auto 40px auto;
    text-align: center;
}

.footer-main-heading {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 64px;
    line-height: 1.2;
    color: #2A2A2A;
    margin: 0;
    padding: 0;
}

/* Coming Soon Section */
.footer-col-2 {
    width: 100%;
    margin: 0 auto 60px auto;
    text-align: center;
}

.footer-coming-text {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #2A2A2A;
    margin: 0 0 20px 0;
    padding: 0;
}

.footer-app-icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.app-store-icon {
    height: 50px;
    width: auto;
    object-fit: contain;
}

/* Footer Bottom Section */
.footer-col-3 {
    width: 100%;
    margin-top: 50px;
}

.footer-bottom-row {
    margin-bottom: 0;
    align-items: center;
    padding-bottom: 25px;
    position: relative;
    width: 100%;
}

.footer-bottom-row .row {
    width: 100%;
    margin: 0;
}

.footer-divider {
    width: 100%;
    height: 1px;
    background-color: #626262;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer-col-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 50px;
    /* width: 100%; */
}

.footer-logo-section {
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer-brand-logo {
    height: 60px;
    width: auto;
    object-fit: contain;
}

.footer-brand-text {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: #2A2A2A;
    line-height: 1;
}

.footer-tagline {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #2A2A2A;
    margin: 0;
    padding: 0;
    line-height: 1;
}

.footer-col-right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer-social-icons {
    display: flex;
    align-items: center;
    gap: 18px;
}

.social-icon {
    width: 32px;
    height: 32px;
    object-fit: contain;
    opacity: 0.8;
    transition: opacity 0.3s ease;
    cursor: pointer;
}

.social-icon:hover {
    opacity: 1;
}

/* Footer Legal Row */
.footer-legal-row {
    margin-top: 15px;
    align-items: center;
    padding-top: 15px;
    width: 100%;
}

.footer-legal-row .row {
    width: 100%;
    margin: 0;
}

.footer-copyright {
    display: flex;
    align-items: center;
}

.footer-copyright p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #2A2A2A;
    margin: 0;
    padding: 0;
}

.footer-legal-links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.legal-link {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #2A2A2A;
    text-decoration: none;
    transition: color 0.3s ease;
}

.legal-link:hover {
    color: #1B5CA8;
    text-decoration: underline;
}

.legal-separator {
    font-family: 'Inter', sans-serif;
    font-size: 20px;
    color: #2A2A2A;
    margin: 0;
    padding: 0 5px;
}

/* Responsive Footer Styles */

/* Large Tablets and Small Desktops */
@media (max-width: 1400px) {
    .footer-main-heading {
        font-size: 56px;
    }
    
    .footer-coming-text {
        font-size: 22px;
    }
    
    .app-store-icon {
        height: 48px;
    }
    
    .footer-brand-logo {
        height: 55px;
    }
    
    .footer-tagline {
        font-size: 22px;
    }
    
    .footer-copyright p,
    .legal-link {
        font-size: 18px;
    }
    
    .social-icon {
        width: 30px;
        height: 30px;
    }
    
    .footer-col-left {
        gap: 45px;
    }
}

@media (max-width: 1200px) {
    .footer-main-heading {
        font-size: 52px;
    }
    
    .footer-coming-text {
        font-size: 20px;
    }
    
    .app-store-icon {
        height: 46px;
    }
    
    .footer-brand-logo {
        height: 52px;
    } 
    
    .footer-tagline {
        font-size: 15px;
    }
    
    .footer-copyright p,
    .legal-link {
        font-size: 15px;
    }
    
    .social-icon {
        width: 28px;
        height: 28px;
    }
    
    .footer-col-left {
        gap: 40px;
    }
}

/* Tablets */
@media (max-width: 992px) {
    .footer-section {
        padding: 70px 0 35px 0;
    }
    
    .footer-container {
        max-width: 85%;
    }
    
    .footer-col-1 {
        margin: 0 auto 35px auto;
    }
    
    .footer-main-heading {
        font-size: 42px;
    }
    
    .footer-col-2 {
        margin: 0 auto 50px auto;
    }
    
    .footer-coming-text {
        font-size: 18px;
        margin: 0 0 18px 0;
    }
    
    .footer-app-icons {
        gap: 18px;
        flex-wrap: wrap;
    }
    
    .app-store-icon {
        height: 42px;
    }
    
    .footer-col-3 {
        margin-top: 40px;
    }
    
    .footer-bottom-row {
        padding-bottom: 20px !important;
    }
    
    .footer-col-left {
        flex-direction: row;
        gap: 18px;
        margin-bottom: 0;
        padding: 0;
    }
    
    .footer-brand-logo {
        height: 35px;
    }
    
    .footer-tagline {
        font-size: 16px;
    }
    
    .footer-col-right {
        justify-content: flex-end;
        padding: 0;
    }
    
    .footer-social-icons {
        gap: 16px;
        flex-wrap: wrap;
    }
    
    .social-icon {
        width: 26px;
        height: 26px;
    }
    
    .footer-legal-row {
        margin-top: 12px;
        padding-top: 12px;
    }
    
    .footer-copyright {
        padding: 0;
    }
    
    .footer-legal-links {
        padding: 0;
    }
    
    .footer-copyright p,
    .legal-link {
        font-size: 16px;
    }
    
    .legal-separator {
        font-size: 16px;
    }
}

/* Small Tablets and Large Mobile */
@media (max-width: 768px) {
    .footer-section {
        padding: 60px 0 30px 0;
    }
    
    .footer-container {
        max-width: 90%;
        padding: 0 15px;
    }
    
    .footer-col-1 {
        margin: 0 auto 30px auto;
    }
    
    .footer-main-heading {
        font-size: 32px;
        line-height: 1.3;
    }
    
    .footer-col-2 {
        margin: 0 auto 40px auto;
    }
    
    .footer-coming-text {
        font-size: 16px;
        margin: 0 0 16px 0;
    }
    
    .footer-app-icons {
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .app-store-icon {
        height: 38px;
    }
    
    .footer-col-3 {
        margin-top: 35px;
    }
    
    .footer-bottom-row {
        padding-bottom: 18px;
        margin-bottom: 0;
    }
    
    .footer-col-left {
        flex-direction: row;
        align-items: center;
        gap: 5px !important;
        margin-bottom: 0px;
        padding: 0;
    }
    
    .footer-logo-section {
        width: 25%;
        justify-content: center;
    }
    
    .footer-brand-logo {
        height: 35px;
    }
    
    .footer-tagline {
        font-size: 16px;
        width: 75%;
    }
    
    .footer-col-right {
        justify-content: flex-end;
        padding: 0;
        margin-bottom: 0;
    }
    
    .footer-social-icons {
        gap: 14px;
        flex-wrap: wrap;
    }
    
    .social-icon {
        width: 24px;
        height: 24px;
    }
    
    .footer-legal-row {
        flex-direction: row;
        align-items: flex-start;
        gap: 12px;
        margin-top: 15px;
        padding-top: 15px;
    }
    
    .footer-copyright {
        width: 48%;
        padding: 0;
    }
    
    .footer-legal-links {
        justify-content: flex-end;
        width: 50%;
        padding: 0;
        flex-wrap: wrap;
    }
    
    .footer-copyright p,
    .legal-link {
        font-size: 14px;
    }
    
    .legal-separator {
        font-size: 14px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .footer-section {
        padding: 50px 0 25px 0;
    }
    
    .footer-container {
        max-width: 95%;
        padding: 0 12px;
    }
    
    .footer-col-1 {
        margin: 0 auto 25px auto;
        padding: 0 10px;
    }
    
    .footer-main-heading {
        font-size: 26px;
        line-height: 1.4;
        word-wrap: break-word;
    }
    
    .footer-col-2 {
        margin: 0 auto 35px auto;
        padding: 0 10px;
    }
    
    .footer-coming-text {
        font-size: 14px;
        margin: 0 0 14px 0;
    }
    
    .footer-app-icons {
        gap: 12px;
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .app-store-icon {
        height: 32px;
        max-width: 100%;
    }
    
    .footer-col-3 {
        margin-top: 30px;
        padding: 0 10px;
    }
    
    .footer-bottom-row {
        padding-bottom: 15px;
        margin-bottom: 0;
        margin: 0 auto !important;
    }
    
    .footer-col-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        margin-bottom: 20px;
        padding: 0;
    }
    
    .footer-logo-section {
        width: 100%;
        justify-content: center;
        margin-bottom: 14px;
    }
    
    .footer-brand-logo {
        height: 36px;
        max-width: 100%;
    }
    
    .footer-tagline {
        font-size: 14px;
        width: 100%;
        word-wrap: break-word;
    }
    
    .footer-col-right {
        justify-content: center;
        padding: 0;
        margin-bottom: 0;
    }
    
    .footer-social-icons {
        gap: 12px;
        flex-wrap: wrap;
    }
    
    .social-icon {
        width: 22px;
        height: 22px;
    }
    
    .footer-legal-row {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        margin-top: 12px;
        padding-top: 12px;
    }
    
    .footer-copyright {
        width: 100%;
        padding: 0;
        justify-content: center;
    }
    
    .footer-copyright p {
        font-size: 12px;
        word-wrap: break-word;
    }
    
    .footer-legal-links {
        justify-content: center;
        width: 100%;
        padding: 0;
        flex-wrap: wrap;
        gap: 5px;
    }
    
    .legal-link {
        font-size: 12px;
        white-space: nowrap;
    }
    
    .legal-separator {
        font-size: 12px;
    }
}

/* Small Mobile */
@media (max-width: 400px) {
    .footer-section {
        padding: 40px 0 20px 0;
    }
    
    .footer-container {
        padding: 0 10px;
    }
    
    .footer-col-1 {
        margin: 0 auto 20px auto;
        padding: 0 5px;
    }
    
    .footer-main-heading {
        font-size: 22px;
        line-height: 1.4;
    }
    
    .footer-col-2 {
        margin: 0 auto 30px auto;
        padding: 0 5px;
    }
    
    .footer-coming-text {
        font-size: 13px;
    }
    
    .footer-app-icons {
        gap: 10px;
        flex-wrap: wrap;
    }
    
    .app-store-icon {
        height: 28px;
        max-width: 100%;
    }
    
    .footer-col-3 {
        padding: 0 5px;
    }
    
    .footer-brand-logo {
        height: 45px;
        max-width: 100%;
    }
    
    .footer-tagline {
        font-size: 13px;
    }
    
    .footer-social-icons {
        gap: 10px;
    }
    
    .social-icon {
        width: 20px;
        height: 20px;
    }
    
    .footer-copyright p {
        font-size: 11px;
    }
    
    .footer-legal-links {
        gap: 4px;
    }
    
    .legal-link {
        font-size: 11px;
    }
    
    .legal-separator {
        font-size: 11px;
        padding: 0 3px;
    }
}

/* Landscape Orientation (700px to 950px) - Moved to end to ensure it applies */
@media screen and (min-width: 700px) and (max-width: 950px) and (orientation: landscape) {
    .sliders-content .text-track .text-slide {
        padding: 0 0 0 5% !important;
        width: 50% !important;
    }
    .sliders-content h4{
        font-size: 40px !important;
        line-height: 40px !important;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px)and (orientation: portrait) {
    .text-slide {
      top: 65% !important;
    }
    .sliders-content h4 {
        font-size: 80px !important;
        line-height: 80px !important;
    }
    .sliders {
        margin-top: -55px !important;
    }
    .sliders-img img{
        object-fit: cover !important;
    }
  }

@media screen and (min-width: 992px) and (max-width: 1199px) and (orientation: landscape){
    .sliders-content .text-track .text-slide{
        top: 60% !important;
    }
    .sliders-content h4 {
        font-size: 60px !important;
        line-height: 60px !important;
    }
}

@media (min-width: 1200px) and (max-width: 1450px) {
    .text-slide {
      top: 60% !important;
    }
}