/* ==========================================
SCHIZOPHRENIA HERO SECTION
PREMIUM / LUXURY MEDICAL DESIGN
========================================== */

.schizophrenia-hero {
    position: relative;
    width: 100%;
    min-height: 720px;
    display: flex;
    align-items: center;
    padding: 20px 20px;

    background:
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 48%,
            #eef6ff 100%
        );

    overflow: hidden;
}


/* ==========================================
HERO CONTAINER
========================================== */

.schizophrenia-hero-container {
    position: relative;
    z-index: 3;

    width: 100%;
    max-width: 1280px;

    margin: 0 auto;
}


/* ==========================================
DECORATIVE BACKGROUND ELEMENTS
========================================== */

.hero-decoration {
    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}


.hero-decoration-one {
    width: 550px;
    height: 550px;

    top: -280px;
    right: -160px;

    background: rgba(32, 100, 180, 0.06);
}


.hero-decoration-two {
    width: 350px;
    height: 350px;

    bottom: -180px;
    left: -140px;

    background: rgba(32, 100, 180, 0.045);
}


/* ==========================================
HERO GRID
========================================== */

.schizophrenia-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(420px, 0.95fr);

    gap: 70px;

    align-items: center;
}


/* ==========================================
HERO CONTENT
========================================== */

.schizophrenia-hero-content {
    position: relative;
    z-index: 5;

    max-width: 680px;
}


/* ==========================================
PRE HEADLINE
========================================== */

.hero-preheadline {
    display: flex;

    align-items: center;

    gap: 12px;

    margin-bottom: 24px;

    color: #2c6098;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 0.8px;

    text-transform: uppercase;
}


.hero-line {
    width: 38px;
    height: 2px;

    flex-shrink: 0;

    background: #2c6098;
}


/* ==========================================
HERO MAIN HEADING
========================================== */

.schizophrenia-hero-content h1 {
    margin: 0 0 25px;

    color: #102a43;

    font-size: 44px;

    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -1.5px;
}


.schizophrenia-hero-content h1 span {
    display: block;

    color: #24649e;
}


/* ==========================================
HERO DESCRIPTION
========================================== */

.hero-description {
    max-width: 650px;

    margin: 0 0 34px;

    color: #526477;

    font-size: 17px;

    line-height: 1.9;

    text-align: left;
}


/* ==========================================
HERO CTA BUTTONS
========================================== */

.hero-buttons {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 15px;

    margin-bottom: 38px;
}


/* ==========================================
PRIMARY CTA
========================================== */

.hero-primary-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 14px;

    min-height: 54px;

    padding: 0 27px;

    border-radius: 50px;

    background:
        linear-gradient(
            135deg,
            #174a7c,
            #286fa8
        );

    color: #ffffff;

    font-size: 14px;

    font-weight: 700;

    text-decoration: none;

    box-shadow:
        0 12px 30px rgba(31, 91, 143, 0.22);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


.hero-primary-btn span {
    font-size: 21px;

    line-height: 1;

    transition: transform 0.3s ease;
}


.hero-primary-btn:hover {
    color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 18px 38px rgba(31, 91, 143, 0.30);
}


.hero-primary-btn:hover span {
    transform: translateX(5px);
}


/* ==========================================
SECONDARY CTA
========================================== */

.hero-secondary-btn {
    display: inline-flex;

    align-items: center;

    gap: 11px;

    min-height: 54px;

    padding: 8px 22px;

    border: 1px solid #d8e4ef;

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.75);

    color: #1d405f;

    font-size: 13px;

    font-weight: 600;

    text-decoration: none;

    box-shadow:
        0 8px 25px rgba(31, 61, 92, 0.06);

    transition:
        transform 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.hero-secondary-btn:hover {
    color: #1d405f;

    transform: translateY(-3px);

    border-color: #a9c8e3;

    box-shadow:
        0 12px 30px rgba(31, 61, 92, 0.10);
}


.hero-secondary-btn strong {
    display: block;

    margin-top: 2px;

    color: #24649e;

    font-size: 14px;
}


.phone-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    border-radius: 50%;

    background: #edf6fd;

    color: #24649e;

    font-size: 14px;
}


/* ==========================================
TRUST INDICATORS
========================================== */

.hero-trust-row {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 28px;

    padding-top: 28px;

    border-top: 1px solid #e3ebf3;
}


.hero-trust-item {
    display: flex;

    align-items: center;

    gap: 10px;
}


.trust-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 28px;
    height: 28px;

    border-radius: 50%;

    background: #eaf5f1;

    color: #26745c;

    font-size: 13px;

    font-weight: 700;
}


.hero-trust-item strong {
    display: block;

    color: #243b53;

    font-size: 12px;

    font-weight: 700;
}


.hero-trust-item small {
    display: block;

    margin-top: 2px;

    color: #8291a1;

    font-size: 10px;
}


/* ==========================================
HERO VISUAL
========================================== */

.schizophrenia-hero-visual {
    position: relative;

    display: flex;

    justify-content: center;

    align-items: center;

    min-height: 550px;
}


/* ==========================================
IMAGE FRAME
========================================== */

.hero-image-frame {
    position: relative;

    width: min(100%, 480px);

    height: 550px;

    padding: 12px;

    border-radius: 180px 180px 28px 28px;

    background: #ffffff;

    box-shadow:
        0 25px 70px rgba(28, 65, 105, 0.16);

    overflow: visible;
}


.hero-image-frame::before {
    content: "";

    position: absolute;

    inset: -14px;

    z-index: -1;

    border: 1px solid rgba(44, 96, 152, 0.16);

    border-radius: 190px 190px 35px 35px;
}


.hero-image-frame img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;

    object-position: center top;

    border-radius: 170px 170px 20px 20px;
}


/* ==========================================
IMAGE DECORATIVE BORDER
========================================== */

.hero-image-border {
    position: absolute;

    top: 28px;
    right: -20px;

    width: 80px;
    height: 80px;

    border-top: 2px solid #80afd1;
    border-right: 2px solid #80afd1;

    border-radius: 0 25px 0 0;

    z-index: 4;
}


/* ==========================================
FLOATING INFORMATION CARD
========================================== */

.hero-floating-card {
    position: absolute;

    left: 0;
    bottom: 35px;

    display: flex;

    align-items: center;

    gap: 13px;

    max-width: 280px;

    padding: 17px 20px;

    border: 1px solid rgba(255, 255, 255, 0.8);

    border-radius: 15px;

    background: rgba(255, 255, 255, 0.94);

    box-shadow:
        0 18px 45px rgba(31, 61, 92, 0.16);

    backdrop-filter: blur(12px);

    z-index: 5;
}


.floating-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 38px;
    height: 38px;

    flex-shrink: 0;

    border-radius: 50%;

    background: #eaf5f1;

    color: #26745c;

    font-size: 15px;

    font-weight: 700;
}


.floating-content strong {
    display: block;

    color: #1e344d;

    font-size: 12px;

    line-height: 1.4;
}


.floating-content span {
    display: block;

    margin-top: 3px;

    color: #8291a1;

    font-size: 10px;
}


/* ==========================================
TABLET RESPONSIVE
========================================== */

@media (max-width: 1100px) {

    .schizophrenia-hero {
        padding: 75px 25px;
    }

    .schizophrenia-hero-grid {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(350px, 0.8fr);

        gap: 45px;
    }

    .schizophrenia-hero-content h1 {
        font-size: 45px;
    }

    .hero-description {
        font-size: 16px;
    }

    .hero-image-frame {
        height: 500px;
    }

    .schizophrenia-hero-visual {
        min-height: 500px;
    }

}


/* ==========================================
MOBILE / TABLET STACK
========================================== */

@media (max-width: 850px) {

    .schizophrenia-hero {
        padding: 65px 20px 75px;
    }

    .schizophrenia-hero-grid {
        grid-template-columns: 1fr;

        gap: 55px;
    }

    .schizophrenia-hero-content {
        max-width: 750px;

        margin: 0 auto;

        text-align: center;
    }

    .hero-preheadline {
        justify-content: center;

        font-size: 11px;

        flex-wrap: wrap;
    }

    .hero-line {
        display: none;
    }

    .schizophrenia-hero-content h1 {
        font-size: 40px;
    }

    .hero-description {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .hero-buttons {
        justify-content: center;
    }

    .hero-trust-row {
        justify-content: center;

        text-align: left;
    }

    .schizophrenia-hero-visual {
        min-height: auto;
    }

}


/* ==========================================
MOBILE DEVICES
========================================== */

@media (max-width: 600px) {

    .schizophrenia-hero {
        padding: 50px 15px 65px;
    }

    .schizophrenia-hero-grid {
        gap: 45px;
    }

    .hero-preheadline {
        font-size: 9px;

        line-height: 1.7;
    }

    .schizophrenia-hero-content h1 {
        font-size: 32px;

        line-height: 1.25;

        letter-spacing: -0.5px;
    }

    .hero-description {
        font-size: 14px;

        line-height: 1.8;
    }

    .hero-buttons {
        flex-direction: column;

        width: 100%;
    }

    .hero-primary-btn,
    .hero-secondary-btn {
        width: 100%;

        max-width: 320px;
    }

    .hero-trust-row {
        display: grid;

        grid-template-columns: 1fr;

        gap: 16px;

        max-width: 280px;

        margin: 0 auto;

        text-align: left;
    }

    .hero-image-frame {
        width: calc(100% - 30px);

        height: 430px;

        border-radius: 130px 130px 22px 22px;
    }

    .hero-image-frame img {
        border-radius: 120px 120px 16px 16px;
    }

    .hero-image-frame::before {
        border-radius: 140px 140px 28px 28px;
    }

    .hero-floating-card {
        left: 5px;

        bottom: 20px;

        max-width: 245px;

        padding: 13px 15px;
    }

    .hero-floating-card .floating-icon {
        width: 32px;
        height: 32px;
    }

    .floating-content strong {
        font-size: 10px;
    }

}


/* ==========================================
SMALL MOBILE DEVICES
========================================== */

@media (max-width: 380px) {

    .schizophrenia-hero-content h1 {
        font-size: 28px;
    }

    .hero-description {
        font-size: 13px;
    }

    .hero-image-frame {
        height: 390px;
    }

    .hero-floating-card {
        max-width: 220px;
    }

}







































/* ==========================================
   MAIN SECTION
========================================== */

.schizophrenia-about-section{

    position:relative;

    padding:100px 20px;

    background:#f8fafc;

    overflow:hidden;

}


/* ==========================================
   BACKGROUND DECORATION
========================================== */

.schizophrenia-about-section::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    top:-220px;

    right:-180px;

    border-radius:50%;

    background:rgba(30,64,175,.035);

    pointer-events:none;

}


.schizophrenia-about-section::after{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    bottom:-180px;

    left:-150px;

    border-radius:50%;

    background:rgba(14,165,233,.035);

    pointer-events:none;

}





/* ==========================================
   SECTION HEADER
========================================== */

.schizophrenia-about-header{

    max-width:780px;

    margin:0 auto 55px;

    text-align:center;

}


/* ==========================================
   SECTION LABEL
========================================== */

.schizophrenia-section-label{

    display:inline-block;

    margin-bottom:15px;

    padding:8px 18px;

    border-radius:50px;

    background:#ffffff;

    border:1px solid #dbeafe;

    color:#1e40af;

    font-size:13px;

    font-weight:600;

    letter-spacing:.6px;

    text-transform:uppercase;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}


/* ==========================================
   SECTION HEADING
========================================== */

.schizophrenia-about-header h2{

    margin:0;

    color:#0f172a;

    font-size:42px;

    line-height:1.25;

    font-weight:700;

    letter-spacing:-.7px;

}


/* ==========================================
   HEADING DECORATIVE LINE
========================================== */

.schizophrenia-heading-line{

    width:55px;

    height:3px;

    margin:20px auto 0;

    border-radius:10px;

    background:#1e40af;

}


/* ==========================================
   MAIN CONTENT CARD
========================================== */

.schizophrenia-about-card{

    position:relative;

    display:flex;

    gap:45px;

    padding:55px;

    background:#ffffff;

    border:1px solid #e2e8f0;

    border-radius:28px;

    box-shadow:
    0 25px 70px rgba(15,23,42,.07);

    overflow:hidden;

}


/* ==========================================
   CARD LEFT NUMBER
========================================== */

.schizophrenia-card-number{

    flex:0 0 80px;

    width:80px;

    height:80px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:#eff6ff;

    border:1px solid #dbeafe;

    color:#1e40af;

    font-size:24px;

    font-weight:700;

}


/* ==========================================
   CONTENT AREA
========================================== */

.schizophrenia-about-content{

    flex:1;

}


/* ==========================================
   LEAD PARAGRAPH
========================================== */

.schizophrenia-lead-text{

    margin-top:0;

    color:#334155;

    font-size:18px;

    line-height:1.9;

    font-weight:500;

}


/* ==========================================
   NORMAL PARAGRAPHS
========================================== */

.schizophrenia-about-content p{

    color:#64748b;

    font-size:16px;

    line-height:1.9;

    margin:0 0 25px;

}


/* ==========================================
   HIGHLIGHT BOX
========================================== */

.schizophrenia-highlight-box{

    display:flex;

    align-items:flex-start;

    gap:20px;

    margin:35px 0;

    padding:28px;

    background:
    linear-gradient(
        135deg,
        #f8fbff,
        #eff6ff
    );

    border:1px solid #dbeafe;

    border-left:4px solid #1e40af;

    border-radius:18px;

}


/* ==========================================
   HIGHLIGHT ICON
========================================== */

.schizophrenia-highlight-icon{

    flex:0 0 42px;

    width:42px;

    height:42px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#1e40af;

    color:#ffffff;

    font-size:20px;

    font-weight:700;

}


/* ==========================================
   HIGHLIGHT CONTENT
========================================== */

.schizophrenia-highlight-content h3{

    margin:0 0 10px;

    color:#0f172a;

    font-size:20px;

    line-height:1.4;

    font-weight:600;

}


.schizophrenia-highlight-content p{

    margin:0;

    color:#475569;

    font-size:15px;

    line-height:1.8;

}


/* ==========================================
   BOTTOM TEXT
========================================== */

.schizophrenia-bottom-text{

    margin-bottom:0 !important;

}


/* ==========================================
   TRUST FEATURES ROW
========================================== */

.schizophrenia-trust-row{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-top:30px;

}


/* ==========================================
   TRUST ITEM
========================================== */

.schizophrenia-trust-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:22px;

    background:#ffffff;

    border:1px solid #e2e8f0;

    border-radius:16px;

    transition:all .3s ease;

}


/* ==========================================
   TRUST ITEM HOVER
========================================== */

.schizophrenia-trust-item:hover{

    transform:translateY(-5px);

    border-color:#bfdbfe;

    box-shadow:0 15px 35px rgba(15,23,42,.07);

}


/* ==========================================
   TRUST ICON
========================================== */

.trust-icon{

    flex:0 0 38px;

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#eff6ff;

    color:#1e40af;

    font-size:17px;

    font-weight:700;

}


/* ==========================================
   TRUST TEXT
========================================== */

.schizophrenia-trust-item strong{

    display:block;

    margin-bottom:4px;

    color:#0f172a;

    font-size:15px;

    font-weight:600;

}


.schizophrenia-trust-item span{

    display:block;

    color:#64748b;

    font-size:13px;

    line-height:1.5;

}


/* ==========================================
   TABLET RESPONSIVE
========================================== */

@media(max-width:991px){

    .schizophrenia-about-section{

        padding:80px 20px;

    }


    .schizophrenia-about-card{

        padding:40px;

        gap:30px;

    }


    .schizophrenia-about-header h2{

        font-size:36px;

    }


    .schizophrenia-trust-row{

        grid-template-columns:1fr;

    }

}


/* ==========================================
   MOBILE RESPONSIVE
========================================== */

@media(max-width:600px){

    .schizophrenia-about-section{

        padding:65px 15px;

    }


    .schizophrenia-about-header{

        margin-bottom:35px;

    }


    .schizophrenia-section-label{

        font-size:11px;

        padding:7px 14px;

    }


    .schizophrenia-about-header h2{

        font-size:29px;

        line-height:1.3;

    }


    .schizophrenia-about-card{

        display:block;

        padding:28px 22px;

        border-radius:20px;

    }


    .schizophrenia-card-number{

        width:60px;

        height:60px;

        margin-bottom:25px;

        border-radius:17px;

        font-size:20px;

    }


    .schizophrenia-lead-text{

        font-size:16px;

        line-height:1.8;

    }


    .schizophrenia-about-content p{

        font-size:15px;

        line-height:1.8;

    }


    .schizophrenia-highlight-box{

        gap:15px;

        padding:22px 18px;

        margin:28px 0;

    }


    .schizophrenia-highlight-icon{

        flex:0 0 36px;

        width:36px;

        height:36px;

        font-size:17px;

    }


    .schizophrenia-highlight-content h3{

        font-size:18px;

    }


    .schizophrenia-highlight-content p{

        font-size:14px;

    }


    .schizophrenia-trust-row{

        gap:12px;

        margin-top:20px;

    }


    .schizophrenia-trust-item{

        padding:18px;

    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media(max-width:380px){

    .schizophrenia-about-header h2{

        font-size:26px;

    }


    .schizophrenia-about-card{

        padding:24px 18px;

    }

}



/* =========================================================
   MAIN SECTION
========================================================= */

.schiz-symptoms-section{

    position:relative;

    padding:100px 20px;

    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(219,234,254,.45),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #f8fbff 0%,
            #ffffff 100%
        );

    overflow:hidden;

}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.schiz-symptoms-section::before{

    content:"";

    position:absolute;

    width:280px;
    height:280px;

    top:-120px;
    right:-100px;

    border-radius:50%;

    background:rgba(59,130,246,.06);

    pointer-events:none;

}


/* =========================================================
   CONTAINER
========================================================= */

.schiz-symptoms-container{

    position:relative;

    max-width:1250px;

    margin:0 auto;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.schiz-symptoms-header{

    max-width:800px;

    margin:0 auto 60px;

    text-align:center;

}


.schiz-symptoms-label{

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:9px 20px;

    margin-bottom:18px;

    border:1px solid rgba(37,99,235,.15);

    border-radius:50px;

    background:rgba(255,255,255,.75);

    color:#2563eb;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.2px;

    text-transform:uppercase;

    box-shadow:0 8px 25px rgba(15,23,42,.05);

}


.schiz-symptoms-header h2{

    margin:0;

    color:#0f172a;

    font-size:38px;

    line-height:1.25;

    font-weight:700;

    letter-spacing:-.5px;

}


.schiz-heading-line{

    width:60px;

    height:3px;

    margin:22px auto;

    border-radius:10px;

    background:linear-gradient(
        90deg,
        #2563eb,
        #60a5fa
    );

}


.schiz-symptoms-header p{

    max-width:720px;

    margin:0 auto;

    color:#64748b;

    font-size:16px;

    line-height:1.85;

    text-align:center;

}


/* =========================================================
   SYMPTOMS GRID
========================================================= */

.schiz-symptoms-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:24px;

}


/* =========================================================
   SYMPTOM CARD
========================================================= */

.schiz-symptom-card{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:310px;

    padding:34px 30px;

    background:rgba(255,255,255,.92);

    border:1px solid rgba(226,232,240,.9);

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 12px 35px rgba(15,23,42,.055);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;

}


.schiz-symptom-card::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:100%;

    height:3px;

    background:linear-gradient(
        90deg,
        #2563eb,
        #60a5fa
    );

    transform:scaleX(0);

    transform-origin:left;

    transition:transform .35s ease;

}


.schiz-symptom-card:hover{

    transform:translateY(-8px);

    border-color:rgba(96,165,250,.4);

    box-shadow:
        0 22px 50px rgba(15,23,42,.11);

}


.schiz-symptom-card:hover::after{

    transform:scaleX(1);

}


/* =========================================================
   CARD NUMBER
========================================================= */

.schiz-symptom-number{

    position:absolute;

    top:20px;

    right:24px;

    color:#dbeafe;

    font-size:32px;

    font-weight:800;

    line-height:1;

}


/* =========================================================
   ICON
========================================================= */

.schiz-symptom-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    margin-bottom:24px;

    border-radius:16px;

    background:linear-gradient(
        135deg,
        #eff6ff,
        #dbeafe
    );

    color:#2563eb;

    font-size:21px;

    box-shadow:
        inset 0 0 0 1px rgba(37,99,235,.08);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.schiz-symptom-content h3{

    margin:0 0 12px;

    color:#0f172a;

    font-size:20px;

    line-height:1.4;

    font-weight:700;

}


.schiz-symptom-content p{

    margin:0;

    color:#64748b;

    font-size:15px;

    line-height:1.8;

}


/* =========================================================
   BOTTOM INFORMATION BOX
========================================================= */

.schiz-symptoms-note{

    display:flex;

    align-items:flex-start;

    gap:25px;

    margin-top:55px;

    padding:32px 36px;

    background:

        linear-gradient(
            135deg,
            #eff6ff 0%,
            #f8fbff 100%
        );

    border:1px solid #dbeafe;

    border-radius:22px;

    box-shadow:
        0 15px 40px rgba(37,99,235,.07);

}


.schiz-note-icon{

    flex:0 0 58px;

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    border-radius:16px;

    background:#ffffff;

    color:#2563eb;

    font-size:22px;

    box-shadow:
        0 8px 20px rgba(37,99,235,.1);

}


.schiz-note-content h3{

    margin:0 0 10px;

    color:#0f172a;

    font-size:22px;

    font-weight:700;

}


.schiz-note-content p{

    margin:0;

    color:#64748b;

    font-size:15px;

    line-height:1.85;

}


/* =========================================================
   LARGE TABLET
========================================================= */

@media(max-width:1100px){

    .schiz-symptoms-grid{

        grid-template-columns:repeat(2,1fr);

    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:768px){

    .schiz-symptoms-section{

        padding:75px 18px;

    }


    .schiz-symptoms-header{

        margin-bottom:45px;

    }


    .schiz-symptoms-header h2{

        font-size:32px;

    }


    .schiz-symptoms-grid{

        grid-template-columns:1fr;

        gap:20px;

    }


    .schiz-symptom-card{

        min-height:auto;

        padding:30px 26px;

    }


    .schiz-symptoms-note{

        padding:28px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:480px){

    .schiz-symptoms-section{

        padding:60px 15px;

    }


    .schiz-symptoms-label{

        font-size:11px;

        padding:8px 15px;

        letter-spacing:.8px;

    }


    .schiz-symptoms-header h2{

        font-size:27px;

        line-height:1.35;

    }


    .schiz-symptoms-header p{

        font-size:14px;

        line-height:1.8;

    }


    .schiz-symptom-card{

        padding:27px 22px;

        border-radius:18px;

    }


    .schiz-symptom-icon{

        width:52px;

        height:52px;

        margin-bottom:20px;

    }


    .schiz-symptom-content h3{

        font-size:18px;

    }


    .schiz-symptom-content p{

        font-size:14px;

        line-height:1.8;

    }


    .schiz-symptoms-note{

        flex-direction:column;

        gap:18px;

        padding:24px 22px;

        border-radius:18px;

    }


    .schiz-note-content h3{

        font-size:19px;

    }


    .schiz-note-content p{

        font-size:14px;

    }

}






<!-- =========================================================
     SECTION 4 — SCHIZOPHRENIA TREATMENT CSS
========================================================= -->


/* =========================================================
   MAIN SECTION
========================================================= */

.schiz-treatment-section{

    position:relative;

    padding:110px 20px;

    background:#ffffff;

    overflow:hidden;

}


/* =========================================================
   SOFT BACKGROUND DECORATION
========================================================= */

.schiz-treatment-section::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    top:-200px;

    left:-180px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(37,99,235,.08) 0%,
            rgba(37,99,235,0) 70%
        );

    pointer-events:none;

}


.schiz-treatment-section::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    right:-150px;

    bottom:-150px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(96,165,250,.07) 0%,
            rgba(96,165,250,0) 70%
        );

    pointer-events:none;

}


/* =========================================================
   CONTAINER
========================================================= */

.schiz-treatment-container{

    position:relative;

    z-index:2;

    max-width:1440px;

    margin:0 auto;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.schiz-treatment-header{

    max-width:800px;

    margin:0 auto 65px;

    text-align:center;

}


.schiz-treatment-label{

    display:inline-flex;

    align-items:center;

    padding:9px 20px;

    margin-bottom:18px;

    border:1px solid rgba(37,99,235,.15);

    border-radius:50px;

    background:#f8fbff;

    color:#2563eb;

    font-size:13px;

    font-weight:700;

    letter-spacing:1.1px;

    text-transform:uppercase;

    box-shadow:

        0 8px 25px rgba(15,23,42,.04);

}


.schiz-treatment-header h2{

    margin:0;

    color:#0f172a;

    font-size:40px;

    line-height:1.25;

    font-weight:700;

    letter-spacing:-.6px;

}


.schiz-treatment-line{

    width:60px;

    height:3px;

    margin:22px auto;

    border-radius:10px;

    background:

        linear-gradient(
            90deg,
            #2563eb,
            #60a5fa
        );

}


.schiz-treatment-header > p{

    margin:0 auto;

    color:#64748b;

    font-size:16px;

    line-height:1.85;

}


/* =========================================================
   MAIN CONTENT GRID
========================================================= */

.schiz-treatment-main{

    display:grid;

    grid-template-columns:1.5fr .8fr;

    gap:55px;

    align-items:start;

}


/* =========================================================
   INTRO CONTENT
========================================================= */

.schiz-treatment-intro{

    margin-bottom:35px;

}


.schiz-treatment-intro p{

    margin:0 0 20px;

    color:#475569;

    font-size:16px;

    line-height:1.9;

}


.schiz-treatment-intro p:last-child{

    margin-bottom:0;

}


/* =========================================================
   CARE GRID
========================================================= */

.schiz-care-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}


/* =========================================================
   CARE CARD
========================================================= */

.schiz-care-card{

    position:relative;

    display:flex;

    align-items:flex-start;

    gap:20px;

    padding:28px 25px;

    background:#ffffff;

    border:1px solid #e8eef5;

    border-radius:20px;

    box-shadow:

        0 12px 35px rgba(15,23,42,.055);

    overflow:hidden;

    transition:

        transform .35s ease,

        box-shadow .35s ease,

        border-color .35s ease;

}


.schiz-care-card:hover{

    transform:translateY(-6px);

    border-color:#bfdbfe;

    box-shadow:

        0 20px 45px rgba(37,99,235,.10);

}


/* =========================================================
   CARD NUMBER
========================================================= */

.schiz-care-number{

    position:absolute;

    top:16px;

    right:20px;

    color:#dbeafe;

    font-size:24px;

    font-weight:800;

}


/* =========================================================
   CARE ICON
========================================================= */

.schiz-care-icon{

    flex:0 0 52px;

    display:flex;

    align-items:center;

    justify-content:center;

    width:52px;

    height:52px;

    border-radius:15px;

    background:

        linear-gradient(
            135deg,
            #eff6ff,
            #dbeafe
        );

    color:#2563eb;

    font-size:19px;

}


/* =========================================================
   CARE CONTENT
========================================================= */

.schiz-care-card h3{

    margin:0 0 9px;

    color:#0f172a;

    font-size:18px;

    line-height:1.4;

    font-weight:700;

}


.schiz-care-card p{

    margin:0;

    color:#64748b;

    font-size:14px;

    line-height:1.8;

}


/* =========================================================
   RIGHT SIDE PREMIUM CARD
========================================================= */

.schiz-treatment-side{

    position:sticky;

    top:30px;

}


.schiz-side-card{

    position:relative;

    padding:38px 32px;

    border-radius:26px;

    background:

        linear-gradient(
            145deg,
            #0f172a 0%,
            #172554 100%
        );

    color:#ffffff;

    overflow:hidden;

    box-shadow:

        0 25px 60px rgba(15,23,42,.20);

}


.schiz-side-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    top:-100px;

    right:-80px;

    border-radius:50%;

    background:

        rgba(96,165,250,.15);

}


.schiz-side-card::after{

    content:"";

    position:absolute;

    width:150px;

    height:150px;

    bottom:-80px;

    left:-60px;

    border-radius:50%;

    background:

        rgba(59,130,246,.10);

}


/* =========================================================
   SIDE CARD TOP
========================================================= */

.schiz-side-top{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    margin-bottom:28px;

}


.schiz-side-top span{

    color:#bfdbfe;

    font-size:12px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}


.schiz-side-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    width:54px;

    height:54px;

    border:1px solid rgba(255,255,255,.12);

    border-radius:16px;

    background:rgba(255,255,255,.08);

    color:#93c5fd;

    font-size:22px;

}


/* =========================================================
   SIDE CARD CONTENT
========================================================= */

.schiz-side-card h3{

    position:relative;

    z-index:2;

    margin:0 0 18px;

    color:#ffffff;

    font-size:26px;

    line-height:1.4;

    font-weight:700;

}


.schiz-side-card > p{

    position:relative;

    z-index:2;

    margin:0;

    color:#cbd5e1;

    font-size:14px;

    line-height:1.85;

}


/* =========================================================
   SIDE POINTS
========================================================= */

.schiz-side-points{

    position:relative;

    z-index:2;

    margin-top:28px;

    padding-top:24px;

    border-top:1px solid rgba(255,255,255,.12);

}


.schiz-side-point{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:17px;

}


.schiz-side-point:last-child{

    margin-bottom:0;

}


.schiz-side-point i{

    flex:0 0 20px;

    display:flex;

    align-items:center;

    justify-content:center;

    width:20px;

    height:20px;

    margin-top:2px;

    border-radius:50%;

    background:#2563eb;

    color:#ffffff;

    font-size:10px;

}


.schiz-side-point span{

    color:#e2e8f0;

    font-size:14px;

    line-height:1.6;

}


/* =========================================================
   BOTTOM HIGHLIGHT
========================================================= */

.schiz-treatment-highlight{

    display:flex;

    align-items:flex-start;

    gap:25px;

    margin-top:60px;

    padding:32px 38px;

    border:1px solid #dbeafe;

    border-radius:22px;

    background:

        linear-gradient(
            135deg,
            #eff6ff 0%,
            #f8fbff 100%
        );

    box-shadow:

        0 15px 40px rgba(37,99,235,.06);

}


.schiz-highlight-icon{

    flex:0 0 58px;

    display:flex;

    align-items:center;

    justify-content:center;

    width:58px;

    height:58px;

    border-radius:17px;

    background:#ffffff;

    color:#2563eb;

    font-size:22px;

    box-shadow:

        0 8px 22px rgba(37,99,235,.10);

}


.schiz-highlight-content h3{

    margin:0 0 10px;

    color:#0f172a;

    font-size:21px;

    line-height:1.4;

    font-weight:700;

}


.schiz-highlight-content p{

    margin:0;

    color:#64748b;

    font-size:15px;

    line-height:1.85;

}


/* =========================================================
   LARGE TABLET
========================================================= */

@media(max-width:1050px){

    .schiz-treatment-main{

        grid-template-columns:1fr;

        gap:45px;

    }


    .schiz-treatment-side{

        position:relative;

        top:auto;

    }


    .schiz-side-card{

        max-width:750px;

        margin:0 auto;

    }

}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:768px){

    .schiz-treatment-section{

        padding:80px 18px;

    }


    .schiz-treatment-header{

        margin-bottom:45px;

    }


    .schiz-treatment-header h2{

        font-size:32px;

    }


    .schiz-care-grid{

        grid-template-columns:1fr;

    }


    .schiz-treatment-highlight{

        padding:28px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:480px){

    .schiz-treatment-section{

        padding:65px 15px;

    }


    .schiz-treatment-label{

        padding:8px 15px;

        font-size:11px;

        letter-spacing:.7px;

    }


    .schiz-treatment-header h2{

        font-size:27px;

        line-height:1.35;

    }


    .schiz-treatment-header > p{

        font-size:14px;

        line-height:1.8;

    }


    .schiz-treatment-intro p{

        font-size:14px;

        line-height:1.85;

    }


    .schiz-care-card{

        padding:25px 21px;

        gap:16px;

        border-radius:18px;

    }


    .schiz-care-icon{

        flex:0 0 48px;

        width:48px;

        height:48px;

        font-size:17px;

    }


    .schiz-care-card h3{

        font-size:17px;

    }


    .schiz-care-card p{

        font-size:14px;

    }


    .schiz-side-card{

        padding:30px 23px;

        border-radius:22px;

    }


    .schiz-side-card h3{

        font-size:23px;

    }


    .schiz-side-card > p{

        font-size:14px;

    }


    .schiz-treatment-highlight{

        flex-direction:column;

        gap:18px;

        padding:24px 21px;

        border-radius:18px;

    }


    .schiz-highlight-content h3{

        font-size:19px;

    }


    .schiz-highlight-content p{

        font-size:14px;

        line-height:1.8;

    }

}




/* =========================================================
SECTION 5 — WHY CHOOSE DR. SATISH KUMAR
PREMIUM RESPONSIVE CSS
========================================================= */



.why-choose-doctor-section {

    position: relative;

    padding: 110px 20px;

    overflow: hidden;

}


/* =========================================================
   CONTAINER
========================================================= */

.why-choose-container {
 padding-left: 30px;
 padding-right: 30px;

}


/* =========================================================
   SECTION HEADING
========================================================= */

.why-choose-heading {
    margin: 0 auto 65px;
    text-align: center;
}


.why-choose-label {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    padding: 9px 20px;

    margin-bottom: 20px;

    border-radius: 50px;

    background: #eff6ff;

    border: 1px solid #dbeafe;

    color: #1d4ed8;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1px;

    text-transform: uppercase;

}


.why-choose-heading h2 {

    margin: 0 0 22px;

    color: #0f172a;

    font-size: 40px;

    line-height: 1.25;

    font-weight: 700;

}


.why-choose-heading p {

    margin: 0 auto;

    max-width: 760px;

    color: #64748b;

    font-size: 16px;

    line-height: 1.85;

}


/* =========================================================
   MAIN GRID
========================================================= */

.why-choose-grid {

    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 70px;

    align-items: start;

}


/* =========================================================
   LEFT CONTENT
========================================================= */

.why-choose-content {

    position: relative;

}


.doctor-intro-box {

    display: flex;

    gap: 22px;

    padding: 30px;

    margin-bottom: 30px;

    background: #ffffff;

    border: 1px solid #e2e8f0;

    border-radius: 18px;

    box-shadow:
        0 15px 45px rgba(15, 23, 42, 0.06);

}


.doctor-icon {

    flex: 0 0 58px;

    width: 58px;

    height: 58px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 15px;

    background: linear-gradient(
        135deg,
        #1e3a8a,
        #2563eb
    );

    color: #ffffff;

    font-size: 22px;

    box-shadow:
        0 10px 25px rgba(37, 99, 235, 0.25);

}


.doctor-intro-box h3 {

    margin: 0 0 10px;

    color: #0f172a;

    font-size: 21px;

    line-height: 1.4;

    font-weight: 700;

}


.doctor-intro-box p {

    margin: 0;

    color: #64748b;

    font-size: 15px;

    line-height: 1.8;

}


.doctor-description {

    padding: 5px 5px 0;

}


.doctor-description p {

    margin: 0 0 22px;

    color: #475569;

    font-size: 16px;

    line-height: 1.9;

    text-align: justify;

}


.doctor-description strong {

    color: #1e3a8a;

    font-weight: 700;

}


/* =========================================================
   RIGHT TRUST FEATURES
========================================================= */

.why-choose-features {

    display: flex;

    flex-direction: column;

    gap: 16px;

}


.trust-card {

    display: flex;

    align-items: flex-start;

    gap: 20px;

    padding: 22px 25px;

    background: rgba(255, 255, 255, 0.9);

    border: 1px solid #e2e8f0;

    border-radius: 16px;

    box-shadow:
        0 10px 35px rgba(15, 23, 42, 0.045);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease;

}


.trust-card:hover {

    transform: translateY(-5px);

    border-color: #bfdbfe;

    box-shadow:
        0 18px 45px rgba(30, 64, 175, 0.10);

}


.trust-number {

    flex: 0 0 45px;

    width: 45px;

    height: 45px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 12px;

    background: #eff6ff;

    color: #1d4ed8;

    font-size: 13px;

    font-weight: 800;

}


.trust-card-content h3 {

    margin: 0 0 7px;

    color: #0f172a;

    font-size: 18px;

    line-height: 1.4;

    font-weight: 700;

}


.trust-card-content p {

    margin: 0;

    color: #64748b;

    font-size: 14px;

    line-height: 1.7;

}


/* =========================================================
   BOTTOM HIGHLIGHT
========================================================= */

.why-choose-highlight {

    display: flex;

    align-items: center;

    gap: 25px;

    margin-top: 70px;

    padding: 32px 38px;

    background:
        linear-gradient(
            135deg,
            #0f172a,
            #1e3a8a
        );

    border-radius: 22px;

    box-shadow:
        0 20px 55px rgba(15, 23, 42, 0.18);

}


.highlight-icon {

    flex: 0 0 60px;

    width: 60px;

    height: 60px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 16px;

    background: rgba(255, 255, 255, 0.12);

    color: #ffffff;

    font-size: 23px;

}


.highlight-content h3 {

    margin: 0 0 8px;

    color: #ffffff;

    font-size: 22px;

    font-weight: 700;

}


.highlight-content p {

    margin: 0;

    color: rgba(255, 255, 255, 0.78);

    font-size: 15px;

    line-height: 1.8;

}


/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 991px) {

    .why-choose-doctor-section {

        padding: 85px 20px;

    }


    .why-choose-grid {

        grid-template-columns: 1fr;

        gap: 45px;

    }


    .why-choose-content {

        max-width: 850px;

        margin: 0 auto;

    }


    .why-choose-features {

        max-width: 850px;

        width: 100%;

        margin: 0 auto;

    }


    .why-choose-heading h2 {

        font-size: 34px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .why-choose-doctor-section {

        padding: 70px 15px;

    }


    .why-choose-heading {

        margin-bottom: 45px;

    }


    .why-choose-heading h2 {

        font-size: 28px;

        line-height: 1.35;

    }


    .why-choose-heading p {

        font-size: 15px;

        line-height: 1.8;

    }


    .doctor-intro-box {

        flex-direction: column;

        padding: 25px;

        gap: 17px;

    }


    .doctor-icon {

        width: 52px;

        height: 52px;

        flex-basis: 52px;

    }


    .doctor-intro-box h3 {

        font-size: 19px;

    }


    .doctor-description {

        padding: 0;

    }


    .doctor-description p {

        font-size: 15px;

        line-height: 1.8;

        text-align: left;

    }


    .trust-card {

        padding: 20px;

        gap: 15px;

    }


    .trust-number {

        flex: 0 0 40px;

        width: 40px;

        height: 40px;

    }


    .trust-card-content h3 {

        font-size: 17px;

    }


    .trust-card-content p {

        font-size: 14px;

    }


    .why-choose-highlight {

        flex-direction: column;

        align-items: flex-start;

        padding: 28px 24px;

        margin-top: 50px;

        gap: 18px;

    }


    .highlight-content h3 {

        font-size: 20px;

    }


    .highlight-content p {

        font-size: 14px;

        line-height: 1.8;

    }

}


/* =========================================================
   SMALL MOBILE DEVICES
========================================================= */

@media (max-width: 480px) {

    .why-choose-heading h2 {

        font-size: 25px;

    }


    .why-choose-label {

        font-size: 11px;

        padding: 8px 15px;

    }


    .doctor-intro-box {

        padding: 22px;

    }


    .trust-card {

        padding: 18px;

    }

}




/* =========================================================
   MAIN CLINIC SECTION
   ========================================================= */

.clinic-section{

    width:100%;

    padding:90px 20px;

    background:#ffffff;

    overflow:hidden;

}

.clinic-container{

    width:100%;

    max-width:1200px;

    margin:0 auto;

}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.clinic-heading{

    max-width:800px;

    margin:0 auto 50px;

    text-align:center;

}

.clinic-label{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:9px 18px;

    margin-bottom:18px;

    border-radius:50px;

    background:#eff6ff;

    border:1px solid #dbeafe;

    color:#155eef;

    font-size:11px;

    font-weight:700;

    letter-spacing:1px;

    text-transform:uppercase;

}

.clinic-label i{

    font-size:12px;

}

.clinic-heading h2{

    margin:0 0 18px;

    color:#0b1f44;

    font-size:38px;

    line-height:1.2;

    font-weight:700;

    letter-spacing:-.5px;

}

.clinic-heading p{

    max-width:700px;

    margin:0 auto;

    color:#64748b;

    font-size:15px;

    line-height:1.8;

}


/* =========================================================
   MAIN CLINIC CARD
   IMPORTANT:
   BOTH COLUMNS HAVE SAME HEIGHT
   RIGHT BOX STARTS FROM TOP — NO EXTRA SPACE
   ========================================================= */

.clinic-main-card{

    display:grid;

    grid-template-columns:1fr 1fr;

    width:100%;

    min-height:600px;

    background:#ffffff;

    border:1px solid #dbe5f1;

    border-radius:22px;

    overflow:hidden;

    box-shadow:
        0 20px 60px rgba(15,23,42,.09);

}


/* =========================================================
   LEFT CLINIC DETAILS
   ========================================================= */

.clinic-details{

    padding:48px 50px;

    background:#ffffff;

    display:flex;

    flex-direction:column;

}


/* =========================================================
   CLINIC TITLE
   ========================================================= */

.clinic-title{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:30px;

}

.clinic-icon-large{

    width:62px;

    height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:16px;

    background:linear-gradient(
        135deg,
        #2563eb,
        #1d4ed8
    );

    color:#ffffff;

    font-size:24px;

    box-shadow:
        0 12px 25px rgba(37,99,235,.25);

}

.clinic-title span{

    display:block;

    margin-bottom:5px;

    color:#2563eb;

    font-size:11px;

    font-weight:700;

    letter-spacing:1.2px;

}

.clinic-title h3{

    margin:0;

    color:#0b1f44;

    font-size:25px;

    line-height:1.2;

    font-weight:700;

}


/* =========================================================
   INFORMATION ROW
   ========================================================= */

.clinic-info-row{

    display:flex;

    align-items:flex-start;

    gap:16px;

    padding:19px 0;

    border-bottom:1px solid #e8eef5;

}

.clinic-info-icon{

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:11px;

    background:#eff6ff;

    color:#2563eb;

    font-size:14px;

}

.clinic-info-content{

    flex:1;

}

.clinic-info-content h4{

    margin:0 0 6px;

    color:#172554;

    font-size:14px;

    font-weight:700;

}

.clinic-info-content p{

    margin:0;

    color:#64748b;

    font-size:13px;

    line-height:1.7;

}

.clinic-info-content p strong{

    color:#172554;

}

.clinic-info-content a{

    color:#2563eb;

    font-size:14px;

    font-weight:700;

    text-decoration:none;

}

.clinic-info-content a:hover{

    color:#1d4ed8;

}


/* =========================================================
   CLINIC BUTTONS
   ========================================================= */

.clinic-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:12px;

    margin-top:auto;

    padding-top:30px;

}

.clinic-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    min-height:45px;

    padding:0 20px;

    border-radius:9px;

    font-size:12px;

    font-weight:700;

    text-decoration:none;

    transition:all .3s ease;

}

.primary-btn{

    color:#ffffff;

    background:linear-gradient(
        135deg,
        #2563eb,
        #1d4ed8
    );

    box-shadow:
        0 8px 20px rgba(37,99,235,.2);

}

.primary-btn:hover{

    color:#ffffff;

    transform:translateY(-2px);

    box-shadow:
        0 12px 25px rgba(37,99,235,.3);

}

.secondary-btn{

    color:#2563eb;

    background:#ffffff;

    border:1px solid #2563eb;

}

.secondary-btn:hover{

    color:#ffffff;

    background:#2563eb;

    transform:translateY(-2px);

}


/* =========================================================
   RIGHT PREMIUM CARD
   IMPORTANT:
   margin-top:0;
   height:100%;
   align-self:stretch;
   This removes unwanted top spacing.
   ========================================================= */

.clinic-premium-card{

    position:relative;

    height:100%;

    min-height:600px;

    margin:0;

    padding:50px;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #172554 0%,
            #1e3a8a 45%,
            #2563eb 100%
        );

    color:#ffffff;

}


/* =========================================================
   PREMIUM DECORATIVE CIRCLE
   ========================================================= */

.premium-circle{

    position:absolute;

    width:300px;

    height:300px;

    top:-130px;

    right:-90px;

    border-radius:50%;

    background:rgba(255,255,255,.07);

    border:1px solid rgba(255,255,255,.08);

}

.premium-pattern{

    position:absolute;

    width:220px;

    height:220px;

    right:-60px;

    bottom:-70px;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.08);

}


/* =========================================================
   PREMIUM CONTENT
   ========================================================= */

.premium-content{

    position:relative;

    z-index:2;

    max-width:420px;

}

.premium-icon{

    width:58px;

    height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:24px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:15px;

    background:rgba(255,255,255,.08);

    color:#ffffff;

    font-size:22px;

}

.premium-small-title{

    display:block;

    margin-bottom:14px;

    color:rgba(255,255,255,.75);

    font-size:11px;

    font-weight:700;

    letter-spacing:1.5px;

}

.premium-content h3{

    margin:0;

    color:#ffffff;

    font-size:38px;

    line-height:1.15;

    font-weight:700;

    letter-spacing:-.5px;

}

.premium-line{

    width:55px;

    height:3px;

    margin:24px 0;

    border-radius:5px;

    background:#ffffff;

}

.premium-content p{

    margin:0 0 28px;

    color:rgba(255,255,255,.82);

    font-size:14px;

    line-height:1.8;

}

.premium-location-btn{

    display:inline-flex;

    align-items:center;

    gap:9px;

    min-height:44px;

    padding:0 18px;

    border:1px solid rgba(255,255,255,.35);

    border-radius:9px;

    color:#ffffff;

    background:rgba(255,255,255,.07);

    font-size:12px;

    font-weight:600;

    text-decoration:none;

    transition:all .3s ease;

}

.premium-location-btn:hover{

    color:#172554;

    background:#ffffff;

    border-color:#ffffff;

}


/* =========================================================
   FEATURE BOXES
   ========================================================= */

.clinic-features{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:18px;

    margin-top:18px;

}

.clinic-feature-box{

    display:flex;

    align-items:center;

    gap:15px;

    padding:22px;

    background:#ffffff;

    border:1px solid #dbe5f1;

    border-radius:14px;

    box-shadow:
        0 8px 25px rgba(15,23,42,.04);

    transition:all .3s ease;

}

.clinic-feature-box:hover{

    transform:translateY(-4px);

    box-shadow:
        0 15px 35px rgba(15,23,42,.09);

}

.feature-icon{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    border-radius:12px;

    background:#eff6ff;

    color:#2563eb;

    font-size:17px;

}

.clinic-feature-box h4{

    margin:0 0 5px;

    color:#172554;

    font-size:14px;

    font-weight:700;

}

.clinic-feature-box p{

    margin:0;

    color:#64748b;

    font-size:12px;

    line-height:1.5;

}


/* =========================================================
   TABLET RESPONSIVE
   ========================================================= */

@media(max-width:991px){

    .clinic-section{

        padding:70px 20px;

    }

    .clinic-heading h2{

        font-size:34px;

    }

    .clinic-main-card{

        grid-template-columns:1fr;

    }

    .clinic-details{

        padding:40px;

    }

    .clinic-premium-card{

        min-height:450px;

        padding:45px 40px;

    }

    .clinic-features{

        grid-template-columns:1fr;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
   ========================================================= */

@media(max-width:600px){

    .clinic-section{

        padding:60px 15px;

    }

    .clinic-heading{

        margin-bottom:35px;

    }

    .clinic-heading h2{

        font-size:28px;

    }

    .clinic-heading p{

        font-size:14px;

    }

    .clinic-main-card{

        border-radius:18px;

    }

    .clinic-details{

        padding:30px 22px;

    }

    .clinic-title{

        align-items:flex-start;

    }

    .clinic-icon-large{

        width:52px;

        height:52px;

        font-size:20px;

    }

    .clinic-title h3{

        font-size:21px;

    }

    .clinic-info-row{

        gap:12px;

    }

    .clinic-buttons{

        flex-direction:column;

    }

    .clinic-btn{

        width:100%;

    }

    .clinic-premium-card{

        min-height:480px;

        padding:40px 28px;

    }

    .premium-content h3{

        font-size:31px;

    }

    .premium-content p{

        font-size:13px;

    }

    .clinic-feature-box{

        padding:18px;

    }

}


/* =========================================================
   SMALL MOBILE DEVICES
   ========================================================= */

@media(max-width:380px){

    .clinic-heading h2{

        font-size:25px;

    }

    .clinic-details{

        padding:25px 18px;

    }

    .clinic-premium-card{

        padding:35px 22px;

    }

    .premium-content h3{

        font-size:28px;

    }

}




/*FAQ CSS*/



/* =========================================================
   SECTION 7 — PREMIUM SCHIZOPHRENIA FAQ
   FAQ + CONSULTATION TWO COLUMN LUXURY DESIGN
========================================================= */


/* =========================================================
   MAIN FAQ SECTION
========================================================= */

.premium-schizophrenia-faq {

    position: relative;

    padding: 110px 20px;

    background:
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #ffffff 45%,
            #f5f8fd 100%
        );

    overflow: hidden;

}


/* =========================================================
   DECORATIVE BACKGROUND
========================================================= */

.premium-schizophrenia-faq::before {

    content: "";

    position: absolute;

    width: 420px;

    height: 420px;

    border-radius: 50%;

    background: rgba(37, 99, 235, 0.035);

    top: -220px;

    right: -120px;

    pointer-events: none;

}


.premium-schizophrenia-faq::after {

    content: "";

    position: absolute;

    width: 300px;

    height: 300px;

    border-radius: 50%;

    background: rgba(14, 165, 233, 0.025);

    bottom: -160px;

    left: -120px;

    pointer-events: none;

}


/* =========================================================
   CONTAINER
========================================================= */

.premium-faq-container {

    position: relative;

    z-index: 2;

    max-width: 1250px;

    margin: 0 auto;

}


/* =========================================================
   SECTION HEADER
========================================================= */

.premium-faq-heading {

    max-width: 750px;

    margin: 0 auto 65px;

    text-align: center;

}


.premium-faq-label {

    display: inline-block;

    margin-bottom: 18px;

    padding: 8px 20px;

    border-radius: 50px;

    background: #edf5ff;

    border: 1px solid #d8e7fb;

    color: #2563eb;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


.premium-faq-heading h2 {

    margin: 0 0 18px;

    color: #0f172a;

    font-size: 40px;

    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.6px;

}


.premium-faq-heading p {

    max-width: 680px;

    margin: 0 auto;

    color: #64748b;

    font-size: 15px;

    line-height: 1.85;

}


/* =========================================================
   MAIN TWO COLUMN GRID
========================================================= */

.premium-faq-grid {

    display: grid;

    grid-template-columns: minmax(0, 1.45fr) minmax(320px, 0.75fr);

    gap: 55px;

    align-items: start;

}


/* =========================================================
   LEFT FAQ AREA
========================================================= */

.premium-faq-left {

    width: 100%;

}


/* =========================================================
   FAQ ITEM
========================================================= */

.premium-faq-item {

    margin-bottom: 16px;

    background: #ffffff;

    border: 1px solid #e5eaf1;

    border-radius: 15px;

    overflow: hidden;

    box-shadow:
        0 8px 30px rgba(15, 23, 42, 0.045);

    transition:
        0.3s ease;

}


.premium-faq-item:hover {

    border-color: #cbdcf5;

    box-shadow:
        0 15px 40px rgba(15, 23, 42, 0.08);

    transform: translateY(-2px);

}


/* =========================================================
   FAQ QUESTION
========================================================= */

.premium-faq-question {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    padding: 24px 27px;

    cursor: pointer;

    list-style: none;

    color: #172033;

    font-size: 15px;

    font-weight: 600;

    line-height: 1.5;

}


.premium-faq-question::-webkit-details-marker {

    display: none;

}


/* =========================================================
   FAQ PLUS ICON
========================================================= */

.premium-faq-plus {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-shrink: 0;

    width: 35px;

    height: 35px;

    border-radius: 50%;

    background: #f1f6ff;

    border: 1px solid #dbeafe;

    color: #2563eb;

    font-size: 21px;

    font-weight: 400;

    transition:
        0.3s ease;

}


.premium-faq-item[open] .premium-faq-plus {

    color: #ffffff;

    background: #2563eb;

    transform: rotate(45deg);

}


.premium-faq-item[open] .premium-faq-question {

    color: #1d4ed8;

}


/* =========================================================
   FAQ ANSWER
========================================================= */

.premium-faq-answer {

    padding: 0 27px 25px;

    border-top: 1px solid #edf1f6;

}


.premium-faq-answer p {

    margin: 18px 0 0;

    color: #64748b;

    font-size: 14px;

    line-height: 1.85;

}


/* =========================================================
   RIGHT CONSULTATION CARD
========================================================= */

.premium-faq-right {

    position: sticky;

    top: 30px;

}


/* =========================================================
   CONSULTATION CARD
========================================================= */

.premium-consultation-card {

    position: relative;

    min-height: 480px;

    padding: 45px 38px;

    border-radius: 24px;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #0b1f4b 0%,
            #102f70 45%,
            #1d4ed8 100%
        );

    box-shadow:
        0 25px 60px rgba(15, 45, 110, 0.22);

}


/* =========================================================
   CARD DECORATIVE GLOW
========================================================= */

.consultation-glow {

    position: absolute;

    width: 280px;

    height: 280px;

    border-radius: 50%;

    top: -150px;

    right: -100px;

    background:
        rgba(255, 255, 255, 0.08);

}


.consultation-glow::after {

    content: "";

    position: absolute;

    width: 180px;

    height: 180px;

    border-radius: 50%;

    top: 80px;

    right: 100px;

    border: 1px solid rgba(255, 255, 255, 0.08);

}


/* =========================================================
   CARD CONTENT
========================================================= */

.consultation-card-content {

    position: relative;

    z-index: 3;

}


/* =========================================================
   CONSULTATION LABEL
========================================================= */

.consultation-label {

    display: inline-block;

    margin-bottom: 28px;

    color: #bfdbfe;

    font-size: 11px;

    font-weight: 700;

    letter-spacing: 1.5px;

    text-transform: uppercase;

}


/* =========================================================
   CONSULTATION ICON
========================================================= */

.consultation-icon {

    display: flex;

    align-items: center;

    justify-content: center;

    width: 58px;

    height: 58px;

    margin-bottom: 25px;

    border-radius: 15px;

    background: rgba(255, 255, 255, 0.12);

    border: 1px solid rgba(255, 255, 255, 0.20);

    color: #ffffff;

    font-size: 23px;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.12);

}


/* =========================================================
   CONSULTATION HEADING
========================================================= */

.consultation-card-content h3 {

    max-width: 370px;

    margin: 0 0 18px;

    color: #ffffff;

    font-size: 25px;

    line-height: 1.4;

    font-weight: 600;

}


/* =========================================================
   CONSULTATION DESCRIPTION
========================================================= */

.consultation-card-content > p {

    margin: 0 0 30px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 14px;

    line-height: 1.8;

}


/* =========================================================
   CTA BUTTON WRAPPER
========================================================= */

.consultation-buttons {

    display: flex;

    flex-direction: column;

    gap: 12px;

}


/* =========================================================
   COMMON CTA BUTTON
========================================================= */

.consultation-btn {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    min-height: 52px;

    padding: 0 20px;

    border-radius: 9px;

    text-decoration: none;

    font-size: 13px;

    font-weight: 600;

    transition:
        0.3s ease;

}


.consultation-btn i {

    font-size: 13px;

}


/* =========================================================
   PRIMARY CTA
========================================================= */

.consultation-primary {

    background: #ffffff;

    color: #1d4ed8;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, 0.12);

}


.consultation-primary:hover {

    background: #f8fafc;

    color: #1e40af;

    transform: translateY(-2px);

    box-shadow:
        0 15px 30px rgba(0, 0, 0, 0.18);

}


/* =========================================================
   SECONDARY CTA
========================================================= */

.consultation-secondary {

    justify-content: flex-start;

    gap: 12px;

    color: #ffffff;

    background: rgba(255, 255, 255, 0.08);

    border: 1px solid rgba(255, 255, 255, 0.25);

}


.consultation-secondary:hover {

    background: rgba(255, 255, 255, 0.16);

    transform: translateY(-2px);

}


/* =========================================================
   TRUST NOTE
========================================================= */

.consultation-trust {

    display: flex;

    align-items: center;

    gap: 9px;

    margin-top: 28px;

    padding-top: 22px;

    border-top: 1px solid rgba(255, 255, 255, 0.14);

    color: rgba(255, 255, 255, 0.68);

    font-size: 11px;

}


.consultation-trust i {

    color: #bfdbfe;

    font-size: 14px;

}


/* =========================================================
   TABLET RESPONSIVE
========================================================= */

@media (max-width: 1100px) {

    .premium-faq-grid {

        grid-template-columns:
            minmax(0, 1.25fr)
            minmax(300px, 0.75fr);

        gap: 35px;

    }


    .premium-consultation-card {

        padding: 38px 30px;

    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 900px) {

    .premium-schizophrenia-faq {

        padding: 85px 20px;

    }


    .premium-faq-grid {

        grid-template-columns: 1fr;

        gap: 45px;

    }


    .premium-faq-right {

        position: relative;

        top: auto;

    }


    .premium-consultation-card {

        min-height: auto;

        padding: 42px;

    }


    .consultation-card-content h3 {

        max-width: 600px;

    }


    .consultation-buttons {

        max-width: 500px;

    }

}


/* =========================================================
   MOBILE RESPONSIVE
========================================================= */

@media (max-width: 767px) {

    .premium-schizophrenia-faq {

        padding: 65px 15px;

    }


    .premium-faq-heading {

        margin-bottom: 40px;

    }


    .premium-faq-heading h2 {

        font-size: 29px;

    }


    .premium-faq-heading p {

        font-size: 14px;

    }


    .premium-faq-question {

        padding: 20px 18px;

        gap: 15px;

        font-size: 14px;

    }


    .premium-faq-plus {

        width: 31px;

        height: 31px;

        font-size: 19px;

    }


    .premium-faq-answer {

        padding: 0 18px 21px;

    }


    .premium-faq-answer p {

        font-size: 14px;

        line-height: 1.8;

    }


    .premium-faq-right {

        width: 100%;

    }


    .premium-consultation-card {

        padding: 35px 25px;

        border-radius: 20px;

    }


    .consultation-label {

        margin-bottom: 22px;

    }


    .consultation-icon {

        width: 52px;

        height: 52px;

        margin-bottom: 22px;

    }


    .consultation-card-content h3 {

        font-size: 22px;

    }


    .consultation-card-content > p {

        font-size: 14px;

        line-height: 1.8;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

    .premium-faq-heading h2 {

        font-size: 26px;

    }


    .premium-faq-question {

        padding: 18px 15px;

    }


    .premium-faq-answer {

        padding-left: 15px;

        padding-right: 15px;

    }


    .premium-consultation-card {

        padding: 30px 20px;

    }


    .consultation-card-content h3 {

        font-size: 20px;

    }

}



/*final cta section css*/


/* ==========================================
SECTION 8 — FINAL CTA
PREMIUM / LUXURY DESIGN
========================================== */

.schizophrenia-final-cta {
    position: relative;
    width: 100%;
    padding: 90px 20px;
    background: #f7faff;
    overflow: hidden;
}


/* ==========================================
MAIN CONTAINER
========================================== */

.final-cta-container {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
}


/* ==========================================
PREMIUM CTA CARD
========================================== */

.final-cta-card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 75px 60px;
    background: linear-gradient(
        135deg,
        #0b1f4b 0%,
        #102e69 50%,
        #174a9c 100%
    );

    box-shadow:
        0 25px 70px rgba(15, 45, 95, 0.20),
        0 8px 25px rgba(15, 45, 95, 0.10);

    text-align: center;
}


/* ==========================================
DECORATIVE GLOW
========================================== */

.final-cta-glow {
    position: absolute;
    width: 400px;
    height: 400px;
    top: -220px;
    right: -120px;

    background: rgba(255, 255, 255, 0.08);

    border-radius: 50%;

    pointer-events: none;
}


.final-cta-glow::after {
    content: "";
    position: absolute;

    width: 260px;
    height: 260px;

    bottom: -180px;
    left: -150px;

    background: rgba(255, 255, 255, 0.05);

    border-radius: 50%;
}


/* ==========================================
CTA CONTENT
========================================== */

.final-cta-content {
    position: relative;
    z-index: 2;

    max-width: 850px;
    margin: 0 auto;
}


/* ==========================================
SMALL LABEL
========================================== */

.final-cta-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 18px;

    margin-bottom: 22px;

    border: 1px solid rgba(255, 255, 255, 0.25);

    border-radius: 50px;

    background: rgba(255, 255, 255, 0.08);

    color: #dbeafe;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}


/* ==========================================
MAIN HEADING
========================================== */

.final-cta-content h2 {
    margin: 0 auto 22px;

    max-width: 780px;

    color: #ffffff;

    font-size: 42px;
    line-height: 1.25;

    font-weight: 700;

    letter-spacing: -0.5px;
}


.final-cta-content h2 span {
    color: #b9dcff;
}


/* ==========================================
DESCRIPTION
========================================== */

.final-cta-description {
    max-width: 760px;

    margin: 0 auto;

    color: rgba(255, 255, 255, 0.82);

    font-size: 16px;
    line-height: 1.85;

    text-align: center;
}


/* ==========================================
CTA BUTTON WRAPPER
========================================== */

.final-cta-button-wrap {
    margin-top: 35px;
}


/* ==========================================
PRIMARY CTA BUTTON
========================================== */

.final-cta-button {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 12px;

    min-width: 205px;

    padding: 15px 28px;

    border-radius: 50px;

    background: #ffffff;

    color: #123a78;

    font-size: 15px;

    font-weight: 700;

    text-decoration: none;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.18);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background 0.3s ease;
}


.final-cta-button span {
    font-size: 20px;

    line-height: 1;

    transition: transform 0.3s ease;
}


.final-cta-button:hover {
    transform: translateY(-3px);

    background: #eef6ff;

    color: #0b2d63;

    box-shadow:
        0 18px 35px rgba(0, 0, 0, 0.22);
}


.final-cta-button:hover span {
    transform: translateX(5px);
}


/* ==========================================
CONTACT INFORMATION AREA
========================================== */

.final-cta-contact {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 35px;

    max-width: 700px;

    margin: 45px auto 0;

    padding-top: 28px;

    border-top: 1px solid rgba(255, 255, 255, 0.18);
}


/* ==========================================
CONTACT ITEM
========================================== */

.final-contact-item {
    display: flex;

    align-items: center;

    gap: 14px;

    text-align: left;
}


/* ==========================================
CONTACT ICON
========================================== */

.final-contact-icon {
    display: flex;

    align-items: center;
    justify-content: center;

    width: 42px;
    height: 42px;

    flex-shrink: 0;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.10);

    border: 1px solid rgba(255, 255, 255, 0.15);

    color: #ffffff;

    font-size: 17px;
}


/* ==========================================
CONTACT SMALL LABEL
========================================== */

.final-contact-item small {
    display: block;

    margin-bottom: 4px;

    color: rgba(255, 255, 255, 0.55);

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 0.5px;
}


/* ==========================================
CONTACT LINKS
========================================== */

.final-contact-item a {
    display: block;

    color: #ffffff;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;

    transition: color 0.3s ease;
}


.final-contact-item a:hover {
    color: #b9dcff;
}


/* ==========================================
CONTACT DIVIDER
========================================== */

.final-contact-divider {
    width: 1px;
    height: 40px;

    background: rgba(255, 255, 255, 0.20);
}


/* ==========================================
TABLET RESPONSIVE
========================================== */

@media (max-width: 991px) {

    .schizophrenia-final-cta {
        padding: 70px 20px;
    }

    .final-cta-card {
        padding: 65px 40px;
    }

    .final-cta-content h2 {
        font-size: 36px;
    }

    .final-cta-description {
        font-size: 15px;
    }

}


/* ==========================================
MOBILE RESPONSIVE
========================================== */

@media (max-width: 767px) {

    .schizophrenia-final-cta {
        padding: 55px 15px;
    }

    .final-cta-card {
        padding: 50px 22px;
        border-radius: 22px;
    }

    .final-cta-label {
        font-size: 10px;
        padding: 7px 15px;
    }

    .final-cta-content h2 {
        font-size: 28px;
        line-height: 1.35;
    }

    .final-cta-description {
        font-size: 14px;
        line-height: 1.8;
        text-align: center;
    }

    .final-cta-button-wrap {
        margin-top: 28px;
    }

    .final-cta-button {
        width: 100%;
        max-width: 250px;
    }

    .final-cta-contact {
        flex-direction: column;
        align-items: flex-start;

        gap: 22px;

        margin-top: 35px;
    }

    .final-contact-divider {
        display: none;
    }

    .final-contact-item {
        width: 100%;
    }

}


/* ==========================================
SMALL MOBILE DEVICES
========================================== */

@media (max-width: 400px) {

    .final-cta-card {
        padding: 42px 18px;
    }

    .final-cta-content h2 {
        font-size: 25px;
    }

    .final-cta-description {
        font-size: 13px;
    }

}