.elementor-23065 .elementor-element.elementor-element-2cbc926{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-110px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23065 .elementor-element.elementor-element-2cbc926.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-23065 .elementor-element.elementor-element-c9b3827 > .elementor-widget-container{margin:-33px 0px 0px 0px;}.elementor-23065 .elementor-element.elementor-element-d1f0fbb{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:135px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23065 .elementor-element.elementor-element-adec1e2{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23065 .elementor-element.elementor-element-1d743b2 > .elementor-widget-container{margin:45px 0px 0px 0px;}.elementor-23065 .elementor-element.elementor-element-c8eae7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-23065 .elementor-element.elementor-element-ad54659 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-23065 .elementor-element.elementor-element-c9b3827 > .elementor-widget-container{margin:-25px 0px 0px 0px;}}@media(max-width:1024px) and (min-width:768px){.elementor-23065 .elementor-element.elementor-element-2cbc926{--width:1056px;}}@media(max-width:767px){.elementor-23065 .elementor-element.elementor-element-2cbc926{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-159px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-23065 .elementor-element.elementor-element-c9b3827 > .elementor-widget-container{margin:-51px 0px 0px 0px;}.elementor-23065 .elementor-element.elementor-element-ecb63f0 > .elementor-widget-container{margin:080px 0px 0px 0px;}.elementor-23065 .elementor-element.elementor-element-1d743b2 > .elementor-widget-container{margin:55px 0px 0px 0px;}.elementor-23065 .elementor-element.elementor-element-ad54659 > .elementor-widget-container{margin:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c9b3827 *//* 1. Header Layout - Clean & Fast */
    .afyadepo-header {
        position: sticky;
        top: 0;
        z-index: 1000;
        background: rgba(255, 255, 255, 0.95);
        border-bottom: 1px solid #f1f5f9;
        padding: 0.75rem 1.5rem;
        backdrop-filter: blur(8px);
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .header-container {
        width: 100%;
        max-width: 1280px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    /* 2. Logo Optimization */
    .brand-logo {
        height: 42px !important;
        width: auto !important;
        display: block;
        object-fit: contain;
        transition: opacity 0.2s ease;
    }

    .brand-logo:hover { opacity: 0.8; }

    /* 3. Button Styles - Using your Rose Brand Identity */
    .nav-actions {
        display: flex;
        align-items: center;
        gap: 1.25rem;
    }

    .wholesale-login {
        color: #64748b;
        font-size: 0.875rem;
        font-weight: 700;
        text-decoration: none;
        transition: color 0.2s;
    }

    .wholesale-login:hover { color: #E11D48; }

    .btn-register {
        background: linear-gradient(135deg, #E11D48 0%, #BE123C 100%);
        color: #ffffff !important;
        padding: 0.6rem 1.25rem;
        border-radius: 6px;
        font-size: 0.875rem;
        font-weight: 700;
        text-decoration: none;
        box-shadow: 0 4px 12px rgba(225, 29, 72, 0.2);
        transition: transform 0.2s, box-shadow 0.2s;
    }

    .btn-register:hover {
        transform: translateY(-1px);
        box-shadow: 0 6px 15px rgba(225, 29, 72, 0.3);
    }

    /* 4. Mobile Responsiveness */
    @media (max-width: 640px) {
        .wholesale-login { display: none; } /* Focus on Registration for mobile leads */
        .afyadepo-header { padding: 0.75rem 1rem; }
        .brand-logo { height: 36px !important; }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ecb63f0 *//* 1. Hero Container & Pattern */
    .afya-hero {
        padding: 100px 24px 64px;
        text-align: center;
        background-color: #ffffff;
        /* Replaces external pattern with lean CSS radial dots */
        background-image: radial-gradient(#ffe4e6 0.5px, transparent 0.5px), 
                          radial-gradient(#ffe4e6 0.5px, #ffffff 0.5px);
        background-size: 20px 20px;
    }

    /* 2. Typography - B2B Professional */
    .hero-title {
        font-family: 'Plus Jakarta Sans', sans-serif;
        font-size: clamp(2.5rem, 8vw, 4.5rem); /* Responsive sizing */
        font-weight: 800;
        color: #1e293b;
        margin-bottom: 1.5rem;
        letter-spacing: -0.02em;
        line-height: 1.1;
    }

    .hero-title span {
        color: #E11D48;
    }

    .hero-subtitle {
        font-size: 1.125rem;
        color: #64748b;
        max-width: 650px;
        margin: 0 auto 2.5rem;
        line-height: 1.6;
    }

    /* 3. Action Buttons */
    .hero-btns {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        justify-content: center;
        align-items: center;
    }

    .btn-primary {
        background: linear-gradient(135deg, #E11D48 0%, #BE123C 100%);
        color: #ffffff !important;
        padding: 1.25rem 2.5rem;
        border-radius: 8px;
        font-weight: 700;
        font-size: 1.125rem;
        text-decoration: none;
        box-shadow: 0 10px 25px -5px rgba(225, 29, 72, 0.3);
        transition: transform 0.2s;
    }

    .btn-secondary {
        background: #ffffff;
        color: #334155 !important;
        padding: 1.25rem 2.5rem;
        border-radius: 8px;
        font-weight: 700;
        font-size: 1.125rem;
        text-decoration: none;
        border: 2px solid #e2e8f0;
        transition: all 0.2s;
    }

    .btn-primary:hover, .btn-secondary:hover {
        transform: translateY(-2px);
    }

    .btn-secondary:hover {
        border-color: #fb7185;
        color: #E11D48 !important;
    }

    /* 4. Desktop Layout */
    @media (min-width: 640px) {
        .hero-btns {
            flex-direction: row;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1d743b2 */#afyadepo-container .main-grid { display: flex; flex-wrap: wrap; max-width: 1240px; margin: 0 auto; gap: 30px; align-items: flex-start; justify-content: center; }
        #afyadepo-container .left-col { flex: 1.2; min-width: 320px; text-align: center; overflow: visible; }
        #afyadepo-container .right-col { flex: 0.8; min-width: 320px; max-width: 500px; background: white; padding: 25px; border-radius: 16px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); border: 1px solid #e2e8f0; position: relative; min-height: 620px; display: flex; flex-direction: column; box-sizing: border-box; }

        /* Carousel Logic */
        #afyadepo-container .tile-space { position: relative; height: 420px; perspective: 1200px; display: flex; justify-content: center; align-items: center; margin: 20px 0; }
        #afyadepo-container .tile { 
            position: absolute; width: 240px; height: 340px; background: white; border-radius: 20px; padding: 20px; 
            transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1); 
            box-shadow: 0 10px 25px rgba(0,0,0,0.08); display: flex; flex-direction: column; align-items: center; justify-content: center; cursor: pointer; border: 1px solid #f1f5f9; box-sizing: border-box; text-align: center; overflow: hidden;
        }
        
        /* iPhone In-Card Notification */
        #afyadepo-container .ios-notify {
            position: absolute; bottom: 20px; left: 10px; right: 10px;
            background: rgba(0, 0, 0, 0.75); backdrop-filter: blur(10px);
            color: white; border-radius: 12px; padding: 12px; font-size: 11px;
            transform: translateY(120%); transition: transform 0.4s cubic-bezier(0.2, 1, 0.2, 1);
            z-index: 50; pointer-events: none; line-height: 1.3;
        }
        #afyadepo-container .ios-notify.show { transform: translateY(0); }

        /* Carousel States */
        .pos-center { transform: translateX(0) rotateY(0) scale(1.1); opacity: 1; z-index: 15; border: 2px solid #E11D48; }
        .pos-left   { transform: translateX(-150px) rotateY(35deg) scale(0.85); opacity: 0.8; z-index: 10; }
        .pos-right  { transform: translateX(150px) rotateY(-35deg) scale(0.85); opacity: 0.8; z-index: 10; }
        .pos-f-left { transform: translateX(-260px) rotateY(45deg) scale(0.7); opacity: 0.4; z-index: 5; }
        .pos-f-right{ transform: translateX(260px) rotateY(-45deg) scale(0.7); opacity: 0.4; z-index: 5; }

        /* UI Elements */
        #afyadepo-container .chip { position: absolute; top: -10px; background: #0f172a; color: white; padding: 4px 12px; border-radius: 20px; font-size: 11px; font-weight: bold; z-index: 20; }
        #afyadepo-container .tag { display: inline-block; background: #fff1f2; color: #E11D48; padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 700; border: 1px solid #fecdd3; }
        #afyadepo-container .table-header { display: grid; grid-template-columns: 1fr 80px 30px; gap: 8px; padding: 10px 5px; border-bottom: 2px solid #f1f5f9; margin-bottom: 10px; font-size: 11px; font-weight: 800; color: #94a3b8; text-transform: uppercase; }
        #afyadepo-container .row-item { display: grid; grid-template-columns: 1fr 80px 30px; gap: 8px; align-items: center; margin-bottom: 8px; }
        #afyadepo-container .f-input { padding: 12px; border: 1px solid #e2e8f0; border-radius: 8px; background: #f8fafc; font-size: 14px; box-sizing: border-box; width: 100%; }

        /* Step Panels */
        #afyadepo-container .step-pane { display: none; height: 100%; flex-direction: column; }
        #afyadepo-container .active-pane { display: flex; animation: afyaFade 0.4s ease forwards; }

        /* Summary Step Styling */
        #afyadepo-container .sum-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 14px; padding: 18px; margin-bottom: 20px; }
        #afyadepo-container .btn-rose { width: 100%; padding: 18px; background: #E11D48; color: white; border: none; border-radius: 10px; font-weight: 800; cursor: pointer; font-size: 15px; box-shadow: 0 4px 12px rgba(225, 29, 72, 0.25); }

        @keyframes afyaFade { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        @media (max-width: 768px) {
            #afyadepo-container .main-grid { flex-direction: column; align-items: center; }
            #afyadepo-container .right-col { width: 95%; margin: 0 auto; min-width: unset; }
            #afyadepo-container .tile { width: 190px; height: 290px; }
        }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ad54659 *//* --- AFYADEPO LAST THREE SECTIONS CSS --- */

/* Model Section Styling */
.afya-model-step {
    width: 56px;
    height: 56px;
    color: white;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 900;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.afya-model-rose { background: linear-gradient(135deg, #E11D48 0%, #BE123C 100%); }
.afya-model-dark { background: #0f172a; }

/* Testimonials / Success Partners */
.afya-partner-card {
    background: rgba(255, 255, 255, 0.05);
    padding: 40px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: transform 0.3s ease;
}

.afya-partner-card:hover {
    background: rgba(255, 255, 255, 0.08);
}

.afya-star-row {
    display: flex;
    gap: 4px;
    color: #e11d48;
    margin-bottom: 24px;
}

.afya-avatar {
    width: 48px;
    height: 48px;
    background: #e11d48;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: white;
}

/* Footer CTA */
.afya-footer-btn {
    background: linear-gradient(135deg, #E11D48 0%, #BE123C 100%);
    color: white !important;
    padding: 20px 48px;
    border-radius: 6px;
    font-weight: 900;
    font-size: 18px;
    text-decoration: none !important;
    display: inline-block;
    transition: transform 0.2s ease;
    box-shadow: 0 20px 25px -5px rgba(225, 29, 72, 0.2);
}

.afya-footer-btn:hover {
    transform: scale(1.05);
}

/* Utility Layouts (Since we aren't using Tailwind) */
.afya-section-dark { background: #0f172a; color: white; padding: 96px 24px; }
.afya-section-white { background: #ffffff; padding: 96px 24px; }
.afya-section-light { background: #f8fafc; padding: 96px 24px; text-align: center; border-top: 1px solid #f1f5f9; }

.afya-grid {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 48px;
}

.afya-heading { font-size: 36px; font-weight: 900; text-align: center; margin-bottom: 16px; color: #0f172a; }
.afya-subheading { text-align: center; color: #64748b; margin-bottom: 80px; max-width: 600px; margin-left: auto; margin-right: auto; }/* End custom CSS */