/* =====================================================
SECTION 1 : BIPOLAR HERO SECTION
===================================================== */

.bipolar-hero-section {
    position: relative;
    padding: 90px 0;
    background: #ffffff;
    overflow: hidden;
    font-family: 'Poppins', sans-serif;
}


.bipolar-hero-bg-circle {
    position: absolute;
    width: 420px;
    height: 420px;
    background: rgba(36, 145, 170, 0.05);
    border-radius: 50%;
    right: -120px;
    top: 80px;
}


/* Container */

.bipolar-hero-container {
    margin: auto;
    padding: 0 25px;
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    align-items: center;
    gap: 55px;

}



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


.bipolar-pre-headline {

    display: flex;
    align-items: center;
    gap: 12px;

    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1.2px;

    color: #124d67;

    margin-bottom: 25px;

}


.bipolar-pre-line {

    width: 30px;
    height: 2px;
    background: #1b8aa8;
    display: block;

}


.bipolar-separator {

    color: #9caeb8;

}



.bipolar-hero-content h1 {

    font-size: 40px;
    line-height: 1.15;

    font-weight: 700;

    color: #003b57;

    margin: 0 0 25px;

    letter-spacing: -1px;

}



.bipolar-hero-content h1 span {

    display: block;

    background: linear-gradient(
        90deg,
        #1b89a8,
        #38b4d0
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}



.bipolar-hero-description {

    max-width: 650px;

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

    color: #526c7a;

    margin-bottom: 32px;

}



/* Buttons */


.bipolar-hero-buttons {

    display:flex;
    align-items:center;
    gap:12px;

    margin-bottom:35px;

}



.bipolar-primary-btn {

    height:46px;

    padding:0 25px;

    background:#278ba8;

    color:#fff;

    border-radius:5px;

    display:flex;
    align-items:center;
    gap:18px;

    text-decoration:none;

    font-size:14px;
    font-weight:600;

    transition:.3s;

}



.bipolar-primary-btn:hover {

    background:#12647c;

}



.bipolar-secondary-btn {

    height:46px;

    padding:0 25px;

    border:1px solid #d6e2e7;

    border-radius:5px;

    color:#214c63;

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    font-size:14px;

    font-weight:500;

}



/* Trust Features */


.bipolar-trust-features {

    border-top:1px solid #dce7ec;

    padding-top:25px;

    display:flex;

    gap:35px;

}



.bipolar-trust-item {

    display:flex;

    align-items:center;

    gap:12px;

}



.bipolar-trust-icon {

    width:38px;
    height:38px;

    border-radius:50%;

    background:#eef9fc;

    display:flex;

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

    color:#2194b4;

    font-size:13px;

}



.bipolar-trust-text strong {

    display:block;

    color:#103f58;

    font-size:13px;

    font-weight:700;

}


.bipolar-trust-text span {

    display:block;

    color:#7b909c;

    font-size:11px;

    margin-top:3px;

}





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


.bipolar-care-card {

    position:relative;

    background:#155c6b;

    min-height:445px;

    border-radius:22px;

    padding:40px 32px;

    overflow:hidden;

    color:white;

}



.bipolar-card-circle {

    position:absolute;

    width:240px;
    height:240px;

    border-radius:50%;

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

    right:-90px;

    top:-90px;

}



.bipolar-care-label {

    font-size:11px;

    letter-spacing:2px;

    font-weight:700;

    color:#d5edf2;

}



.bipolar-care-icon {

    margin-top:40px;

    width:55px;
    height:55px;

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

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#5ed2fa;

    font-size:25px;

}



.bipolar-care-card h2 {

    font-size:30px;

    line-height:1.3;

    margin:28px 0 18px;

    font-weight:700;

}



.bipolar-care-card h2 span {

    display:block;

    color:#5fd2f4;

}



.bipolar-care-card p {

    font-size:14px;

    line-height:1.8;

    color:#d8edf2;

    max-width:330px;

}



.bipolar-card-bottom {

    position:absolute;

    bottom:40px;

    left:32px;

    padding-top:25px;

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

    width:80%;

}


.bipolar-card-bottom span {

    font-size:12px;

    color:#d6ebef;

}



/* Floating Badge */


.bipolar-floating-badge {

    position:absolute;

    right:5px;

    bottom:5px;

    background:#fff;

    padding:12px 18px;

    border-radius:15px;

    display:flex;

    align-items:center;

    gap:12px;

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

}


.bipolar-badge-check {

    width:30px;

    height:30px;

    background:#edf9fb;

    color:#2195b6;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:12px;

}



.bipolar-badge-text strong {

    display:block;

    font-size:12px;

    color:#183d50;

}


.bipolar-badge-text span {

    font-size:11px;

    color:#8ca0aa;

}




/* =====================================================
RESPONSIVE DESIGN
===================================================== */


@media(max-width:1100px){


.bipolar-hero-container{

    grid-template-columns:1fr;

}


.bipolar-care-card{

    max-width:500px;

}


}



@media(max-width:768px){


.bipolar-hero-section{

    padding:60px 0;

}


.bipolar-hero-container{

    padding:0 18px;

    gap:35px;

}


.bipolar-pre-headline{

    flex-wrap:wrap;

    font-size:11px;

}



.bipolar-hero-content h1{

    font-size:34px;

}



.bipolar-hero-description{

    font-size:15px;

}



.bipolar-hero-buttons{

    flex-direction:column;

    align-items:flex-start;

}



.bipolar-primary-btn,
.bipolar-secondary-btn{

    width:100%;

    justify-content:center;

}



.bipolar-trust-features{

    flex-direction:column;

    gap:18px;

}



.bipolar-care-card{

    min-height:420px;

    padding:35px 25px;

}


.bipolar-care-card h2{

    font-size:26px;

}


.bipolar-floating-badge{

    right:15px;

    bottom:20px;

}



}



@media(max-width:480px){


.bipolar-hero-content h1{

    font-size:30px;

}


.bipolar-care-card h2{

    font-size:23px;

}


.bipolar-care-card p{

    font-size:13px;

}


}






/*====================================================
SECTION 2
====================================================*/

.bipolar-about-section{

    padding:100px 0;
    background:#f8fbfc;
    font-family:'Poppins',sans-serif;
    position:relative;
    overflow:hidden;

}


.bipolar-about-section::before{

    content:"";

    position:absolute;

    width:350px;
    height:350px;

    background:rgba(33,149,182,.05);

    border-radius:50%;

    left:-120px;
    top:-80px;

}


.bipolar-about-container{
    margin:auto;

    padding:0 25px;

    display:grid;

    grid-template-columns:1.3fr .7fr;

    gap:60px;

    align-items:center;

}


/* Left */

.bipolar-section-tag{

    display:inline-block;

    background:#eaf8fc;

    color:#1f8dac;

    padding:10px 22px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

    margin-bottom:22px;

}


.bipolar-about-left h2 {
    font-size: 40px;
    color: #083d59;
    line-height: 1.2;
    margin-bottom: 28px;
    font-weight: 600;
}


.bipolar-about-left h2 span{

    color:#28a6c7;

}


.bipolar-about-left p{

    color:#5d7280;

    line-height:1.9;

    font-size:16px;

    margin-bottom:24px;

}


/* Right Card */

.bipolar-about-card{

    background:#ffffff;

    border-radius:22px;

    padding:40px;

    box-shadow:0 25px 70px rgba(0,0,0,.08);

    border:1px solid #edf3f5;

    position:relative;

}


.bipolar-about-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:6px;

    background:linear-gradient(90deg,#2492b1,#53c3de);

    border-radius:20px 20px 0 0;

}


.bipolar-about-icon{

    width:70px;
    height:70px;

    background:#eef9fc;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    color:#2aa3c4;

    margin-bottom:25px;

}


.bipolar-about-card h3{

    font-size:28px;

    color:#083d59;

    margin-bottom:18px;

}


.bipolar-about-card p{

    color:#687d89;

    line-height:1.8;

    font-size:15px;

    margin-bottom:28px;

}


.bipolar-about-card ul{

    padding:0;

    margin:0;

    list-style:none;

}


.bipolar-about-card ul li{

    display:flex;

    align-items:center;

    gap:15px;

    padding:16px 0;

    border-bottom:1px solid #edf3f5;

    color:#23485d;

    font-weight:500;

}


.bipolar-about-card ul li:last-child{

    border:none;

}


.bipolar-about-card ul li i{

    color:#2da6c7;

    font-size:18px;

}



/*============================
Responsive
============================*/

@media(max-width:991px){

.bipolar-about-container{

grid-template-columns:1fr;

gap:40px;

}

}


@media(max-width:768px){

.bipolar-about-section{

padding:70px 0;

}

.bipolar-about-left h2{

font-size:34px;

}

.bipolar-about-card{

padding:30px;

}

}


@media(max-width:576px){

.bipolar-about-container{

padding:0 18px;

}

.bipolar-about-left h2{

font-size:28px;

}

.bipolar-about-left p{

font-size:15px;

}

.bipolar-about-card{

padding:25px;

}

.bipolar-about-card h3{

font-size:22px;

}

}



/*====================================================
SECTION 3 : SYMPTOMS
====================================================*/

.bipolar-symptoms-section{

    padding:50px 0;
    font-family:'Poppins',sans-serif;

}

.bipolar-symptoms-container{
    margin:auto;
    padding:0 25px;

}

/* Heading */

.bipolar-symptoms-heading{

    text-align:center;
    max-width:760px;
    margin:0 auto 55px;

}

.bipolar-symptoms-tag{

    display:inline-block;

    padding:8px 18px;

    border:1px solid #d8ebf0;

    border-radius:50px;

    font-size:13px;

    color:#1e8bab;

    font-weight:600;

    margin-bottom:18px;

}

.bipolar-symptoms-heading h2{

    font-size:40px;
    font-weight:700;
    color:#083d59;

    margin-bottom:20px;

    line-height:1.2;

}

.bipolar-symptoms-heading p{

    color:#637985;

    font-size:16px;

    line-height:1.8;

}


/* Cards */

.bipolar-symptoms-wrapper{

    display:grid;

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

    gap:30px;

    margin-bottom:40px;

}


.bipolar-symptom-card{

    background:#fff;

    border:1px solid #e6eef2;

    border-radius:18px;

    padding:40px;

    transition:.35s;

    position:relative;

}


.bipolar-symptom-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:5px;

    background:linear-gradient(90deg,#1f8cab,#4fc4de);

    border-radius:18px 18px 0 0;

}

.bipolar-symptom-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}


.bipolar-symptom-icon{

    width:65px;
    height:65px;

    border-radius:16px;

    background:#eef8fb;

    color:#1d94b4;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:28px;

    margin-bottom:25px;

}


.bipolar-symptom-card h3{

    font-size:28px;

    color:#083d59;

    margin-bottom:25px;

}


.bipolar-symptom-card ul{

    margin:0;
    padding:0;

    list-style:none;

}


.bipolar-symptom-card li{

    display:flex;

    gap:15px;

    align-items:flex-start;

    margin-bottom:18px;

    line-height:1.8;

    color:#5f7682;

    font-size:15px;

}


.bipolar-symptom-card li:last-child{

    margin-bottom:0;

}


.bipolar-symptom-card li i{

    color:#26a4c5;

    margin-top:5px;

}


/* Bottom Note */

.bipolar-diagnosis-note{

    display:flex;

    align-items:center;

    gap:30px;

    padding:35px;

    border-radius:18px;

    border:1px solid #e6eef2;

}


.bipolar-note-icon{

    width:80px;
    height:80px;

    flex-shrink:0;

    border-radius:18px;

    background:#eef8fb;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#2195b5;

    font-size:34px;

}


.bipolar-note-content h4{

    font-size:24px;

    color:#083d59;

    margin-bottom:12px;

}


.bipolar-note-content p{

    color:#637985;

    line-height:1.9;

    font-size:15px;

}



/*=========================
Responsive
=========================*/

@media(max-width:991px){

.bipolar-symptoms-wrapper{

grid-template-columns:1fr;

}

.bipolar-diagnosis-note{

flex-direction:column;

text-align:center;

}

}


@media(max-width:768px){

.bipolar-symptoms-section{

padding:50px 0;

}

.bipolar-symptoms-container{

padding:0 18px;

}

.bipolar-symptoms-heading h2{

font-size:32px;

}

.bipolar-symptom-card{

padding:30px;

}

.bipolar-symptom-card h3{

font-size:24px;

}

}


@media(max-width:480px){

.bipolar-symptoms-heading h2{

font-size:28px;

}

.bipolar-symptom-card{

padding:24px;

}

.bipolar-diagnosis-note{

padding:25px;

}

.bipolar-note-icon{

width:65px;
height:65px;
font-size:28px;

}

.bipolar-note-content h4{

font-size:20px;

}

}





/*====================================================
SECTION 4
====================================================*/

.bipolar-treatment-section{

    padding:80px 3%;
    background:#f7fbfc;
    font-family:'Poppins',sans-serif;

}

.bipolar-treatment-wrapper{

    display:grid;

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

    gap:70px;

    align-items:center;

}

/* Left */

.bipolar-treatment-label{

    display:inline-block;

    background:#eaf7fb;

    color:#2196b6;

    padding:10px 22px;

    border-radius:40px;

    font-size:13px;

    font-weight:600;

    margin-bottom:22px;

}

.bipolar-treatment-content h2{

    font-size:40px;

    font-weight:700;

    line-height:1.2;

    color:#083d59;

    margin-bottom:28px;

}

.bipolar-treatment-content h2 span{

    display:block;

    color:#28a7c8;

}

.bipolar-treatment-content p{

    font-size:16px;

    line-height:2;

    color:#617681;

    margin-bottom:24px;

}

/* Right */

.bipolar-treatment-process{

    position:relative;

    padding-left:40px;

}

.bipolar-treatment-process::before{

    content:"";

    position:absolute;

    left:18px;

    top:10px;

    bottom:10px;

    width:3px;

    background:linear-gradient(#29a5c6,#82d8ee);

}

.bipolar-process-card{

    position:relative;

    display:flex;

    gap:22px;

    align-items:flex-start;

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

    backdrop-filter:blur(12px);

    padding:28px;

    border-radius:18px;

    margin-bottom:28px;

    box-shadow:0 15px 40px rgba(0,0,0,.05);

    transition:.35s;

}

.bipolar-process-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 60px rgba(0,0,0,.09);

}

.bipolar-process-number{

    width:58px;

    height:58px;

    flex-shrink:0;

    border-radius:50%;

    background:linear-gradient(135deg,#2195b6,#4fc7df);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

    font-weight:700;

    position:relative;

    left:-50px;

}

.bipolar-process-card h3{

    font-size:22px;

    color:#083d59;

    margin-bottom:12px;

}

.bipolar-process-card p{

    font-size:15px;

    color:#647985;

    line-height:1.8;

}

/*==========================
Responsive
==========================*/

@media(max-width:992px){

.bipolar-treatment-wrapper{

grid-template-columns:1fr;

gap:50px;

}

.bipolar-treatment-process{

padding-left:25px;

}

.bipolar-process-number{

left:-35px;

}

}

@media(max-width:768px){

.bipolar-treatment-section{

padding:60px 20px;

}

.bipolar-treatment-content h2{

font-size:32px;

}

.bipolar-process-card{

padding:24px;

}

.bipolar-process-card h3{

font-size:20px;

}

}

@media(max-width:576px){

.bipolar-treatment-content h2{

font-size:28px;

}

.bipolar-treatment-process{

padding-left:0;

}

.bipolar-treatment-process::before{

display:none;

}

.bipolar-process-card{

display:block;

padding:25px;

}

.bipolar-process-number{

position:static;

margin-bottom:20px;

}

}









/*====================================================
SECTION 5
====================================================*/

.bipolar-choose-section{

    padding:50px 0;
    font-family:'Poppins',sans-serif;

}

.bipolar-choose-container{
    margin:auto;
    padding:0 25px;

    display:grid;
    grid-template-columns:1.1fr .9fr;
    gap:60px;
    align-items:center;

}

/* Left */

.bipolar-choose-label{

    display:inline-block;

    padding:10px 22px;

    border:1px solid #d9ebf1;

    border-radius:40px;

    color:#2092b2;

    font-size:13px;

    font-weight:600;

    margin-bottom:22px;

}

.bipolar-choose-content h2{

    font-size:40px;
    font-weight:700;
    line-height:1.2;

    color:#083d59;

    margin-bottom:28px;

}

.bipolar-choose-content h2 span{

    display:block;

    color:#2ba9ca;

}

.bipolar-choose-content p{

    font-size:16px;

    color:#617784;

    line-height:2;

    margin-bottom:22px;

}

/* Right */

.bipolar-choose-grid{

    display:grid;

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

    gap:22px;

}

.bipolar-feature-card{

    background:#fff;

    border:1px solid #e6eef2;

    border-radius:18px;

    padding:30px;

    transition:.35s;

    position:relative;

    overflow:hidden;

}

.bipolar-feature-card::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:4px;
    height:100%;

    background:linear-gradient(#2398b8,#58d0e6);

    transform:scaleY(0);

    transition:.35s;

    transform-origin:top;

}

.bipolar-feature-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(0,0,0,.08);

}

.bipolar-feature-card:hover::before{

    transform:scaleY(1);

}

.bipolar-feature-icon{

    width:65px;
    height:65px;

    border-radius:16px;

    background:#eef9fc;

    color:#2297b7;

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

    font-size:26px;

    margin-bottom:22px;

}

.bipolar-feature-card h3{

    font-size:22px;

    color:#083d59;

    margin-bottom:12px;

}

.bipolar-feature-card p{

    font-size:15px;

    line-height:1.8;

    color:#667b86;

}

/*========================
Responsive
========================*/

@media(max-width:991px){

.bipolar-choose-container{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.bipolar-choose-section{

padding:50px 0;

}

.bipolar-choose-container{

padding:0 18px;

}

.bipolar-choose-content h2{

font-size:32px;

}

.bipolar-choose-grid{

grid-template-columns:1fr;

}

}

@media(max-width:480px){

.bipolar-choose-content h2{

font-size:28px;

}

.bipolar-feature-card{

padding:24px;

}

.bipolar-feature-card h3{

font-size:20px;

}

}


/*====================================================
SECTION 6
====================================================*/

.bipolar-clinic-section{

    padding:90px 0;

    background:linear-gradient(135deg,#f5fbfd,#edf8fb);

    font-family:'Poppins',sans-serif;

}

.bipolar-clinic-container{

    max-width:1270px;

    margin:auto;

    padding:0 25px;

    display:grid;

    grid-template-columns:1.3fr .7fr;

    gap:60px;

    align-items:center;

}

/* Left */

.bipolar-clinic-label{

    display:inline-block;

    background:#dff5fa;

    color:#1f96b6;

    padding:10px 22px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

    margin-bottom:22px;

}

.bipolar-clinic-content h2{

    font-size:40px;

    font-weight:700;

    color:#083d59;

    line-height:1.2;

    margin-bottom:22px;

}

.bipolar-clinic-content h2 span{

    display:block;

    color:#27a5c6;

}

.bipolar-clinic-desc{

    color:#647984;

    line-height:1.9;

    margin-bottom:35px;

}

/* List */

.bipolar-clinic-list{

    display:flex;

    flex-direction:column;

    gap:22px;

}

.bipolar-clinic-item{

    display:flex;

    gap:18px;

    align-items:flex-start;

}

.bipolar-clinic-icon{

    width:60px;

    height:60px;

    border-radius:16px;

    background:#fff;

    color:#2299b9;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    box-shadow:0 10px 30px rgba(0,0,0,.05);

    flex-shrink:0;

}

.bipolar-clinic-item h4{

    font-size:19px;

    color:#083d59;

    margin-bottom:6px;

}

.bipolar-clinic-item p{

    color:#667b87;

    line-height:1.8;

}

/* Card */

.bipolar-clinic-card{

    background:#0d5c72;

    color:#fff;

    border-radius:22px;

    padding:45px 35px;

    box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.bipolar-card-tag{

    display:inline-block;

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

    padding:8px 18px;

    border-radius:40px;

    font-size:12px;

    letter-spacing:1px;

    margin-bottom:20px;

}

.bipolar-clinic-card h3{

    font-size:34px;

    margin-bottom:20px;

    line-height:1.3;

}

.bipolar-clinic-card p{

    color:#d7edf3;

    line-height:1.9;

    margin-bottom:35px;

}

.bipolar-direction-btn,
.bipolar-book-btn{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    height:54px;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.bipolar-direction-btn{

    background:#fff;

    color:#0d5c72;

    margin-bottom:15px;

}

.bipolar-book-btn{

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

    color:#fff;

}

.bipolar-direction-btn:hover{

    transform:translateY(-4px);

}

.bipolar-book-btn:hover{

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

}

/* Responsive */

@media(max-width:991px){

.bipolar-clinic-container{

grid-template-columns:1fr;

}

}

@media(max-width:768px){

.bipolar-clinic-section{

padding:70px 0;

}

.bipolar-clinic-container{

padding:0 18px;

}

.bipolar-clinic-content h2{

font-size:32px;

}

.bipolar-clinic-card{

padding:35px 25px;

}

.bipolar-clinic-card h3{

font-size:28px;

}

}

@media(max-width:480px){

.bipolar-clinic-content h2{

font-size:28px;

}

.bipolar-clinic-item{

flex-direction:column;

}

.bipolar-clinic-icon{

width:55px;

height:55px;

}

.bipolar-clinic-card h3{

font-size:24px;

}

}





/*====================================================
SECTION 7 FAQ
====================================================*/

.bipolar-faq-section{

    padding:90px 0;

    background:#f8fbfc;

    font-family:'Poppins',sans-serif;

}

.bipolar-faq-container{

    max-width:1100px;

    margin:auto;

    padding:0 20px;

}

.bipolar-faq-heading{

    text-align:center;

    margin-bottom:60px;

}

.bipolar-faq-subtitle{

    display:inline-block;

    padding:10px 24px;

    background:#e9f8fc;

    border-radius:40px;

    color:#1893b5;

    font-size:13px;

    font-weight:600;

    margin-bottom:18px;

}

.bipolar-faq-heading h2{

    font-size:40px;

    font-weight:700;

    color:#073d59;

    margin-bottom:18px;

}

.bipolar-faq-heading p{

    max-width:700px;

    margin:auto;

    color:#647985;

    line-height:1.9;

}


/* FAQ */

.bipolar-faq-wrapper{

    display:flex;

    flex-direction:column;

    gap:20px;

}

.bipolar-faq-item{

    background:#fff;

    border-radius:18px;

    border:1px solid #e6edf1;

    overflow:hidden;

    transition:.35s;

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

}

.bipolar-faq-item:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

.bipolar-faq-question{

    width:100%;

    background:none;

    border:none;

    padding:28px 30px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    cursor:pointer;

    font-size:18px;

    font-weight:600;

    color:#073d59;

    text-align:left;

}

.bipolar-faq-question i{

    width:42px;

    height:42px;

    border-radius:50%;

    background:#edf8fb;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#1e98b8;

    transition:.35s;

}

.bipolar-faq-answer{

    display:none;

    padding:0 30px 28px;

}

.bipolar-faq-answer p{

    color:#667b87;

    line-height:1.9;

    font-size:15px;

}

.bipolar-faq-item.active .bipolar-faq-answer{

    display:block;

}

.bipolar-faq-item.active .bipolar-faq-question i{

    transform:rotate(45deg);

    background:#1f97b7;

    color:#fff;

}


/* Responsive */

@media(max-width:768px){

.bipolar-faq-section{

padding:70px 0;

}

.bipolar-faq-heading h2{

font-size:32px;

}

.bipolar-faq-question{

font-size:16px;

padding:22px;

}

.bipolar-faq-answer{

padding:0 22px 22px;

}

}

@media(max-width:480px){

.bipolar-faq-heading h2{

font-size:28px;

}

.bipolar-faq-question{

font-size:15px;

}

.bipolar-faq-question i{

width:36px;

height:36px;

}

}