.banner-content-wrapper p.book-an-heading {
    color: #3C4196;
    margin-bottom: 5%;
    line-height: 1.2;
    font-size: 1.9vw;
    text-align: center;
    font-family: 'Lato';
    font-weight: 500;
    padding-top: 8%;
    text-transform: uppercase;
}

.banner-content-wrapper p.book-an-heading span {
    font-size: 2.15vw;
    font-weight: 600;
}

section#panic-attack-banner {
    margin-top: 6%;
    background-image: url("/public/uploads/images/Panic-Attack/Panic-Attack-Banner.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    padding: 8% 0%;
}

section#panic-about ul li::after {
    background-color: #3c4196;
}

section#panic-about ul li span {
    color: #3c4196;
    font-weight: 600;
}

section#paanic-treatment-second {
    padding-bottom: 0px;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
    margin-top: 0px;
}


#why-choose-treatment .why-choose-card-content ul li::after {
    background-color: unset;
    background-image: url(/public/uploads/images/Panic-Attack/Tick-Mark.webp);
    background-size: auto 100%;
    height: 0.9vw;
    width: 2vw;
    background-position: top left;
    background-repeat: no-repeat;
}

#why-choose-treatment .why-choose-card-content ul li span {
    color: #3c4196;
    font-weight: 600;
}

section#panic-types {
    background-image: url(/public/uploads/images/Panic-Attack/Panic-Types-bg.png);
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    padding: 4% 0%;
    display: block;
}

section#panic-types h2 {
    text-align: center;
    color: #fff;
}

section#panic-types p {
    text-align: center;
    color: #fff;
    line-height: 1.3;
}

section#panic-types h2::after {
    left: 45%;
    background-color: #fff;
}

section#panic-types .typer-card-outer-panic {
    display: flex;
    gap: 1%;
    justify-content: space-between;
    margin-top: 2%;
}

section#panic-types .typer-card-panic {
    width: 20%;
    background-color: #76acc7;
    border-radius: 40px;
    border: 1px solid #707070;
    padding: 2% 1%;
}

section#panic-types .typer-card-panic.panic-card-type-5 p {
    color: #fff;
}

section#panic-types .typer-card-panic.panic-card-type-2 {
    background-color: #dcd472;
}

section#panic-types .typer-card-panic.panic-card-type-3 {
    background-color: #dcdca7;
}

section#panic-types .typer-card-panic.panic-card-type-4 {
    background-color: #aecfd4;
}

section#panic-types .typer-card-panic.panic-card-type-5 {
    background-color: #9f9f9e;
}


section#panic-types .typer-card-panic p {
    color: #3c4196;
}


section#panic-types p.typer-card-heading {
    color: #3c4196;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
    min-height: 3.5vw;
    display: flex;
    align-items: flex-start;
    margin: auto;
    margin-bottom: 3%;
    justify-content: center;
    width: 90%;
}

#panic-types-provide {
    padding: 4% 0%;
}

#panic-types-provide ul li::after {
    background-color: unset;
    background-image: url(/public/uploads/images/Panic-Attack/types-provide-tick.png);
    background-size: auto 100%;
    height: 1.4vw;
    width: 2vw;
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    top: 0.3vw;
}

#panic-types-provide ul li span {
    color: #3c4196;
    font-weight: 600;
}

#panic-types-provide ul li {
    padding-left: 5%;
}


section#our-approach h2 {
    text-align: center;
}

section#our-approach p {
    text-align: center;
    line-height: 1.3;
    color: #3c4196;
}


section#our-approach {
    background-color: #e9fffc;
}

section#our-approach h2::after {
    left: 45%;
}

section#our-approach .approach-card-outer-panic {
    display: flex;
    gap: -1%;
    justify-content: flex-start;
    margin-top: 2%;
    align-items: unset;
}

section#our-approach .approach-card-panic {
    width: 21%;
}

section#our-approach p.approach-card-heading {
    color: #3c4196;
    text-align: center;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 3%;
    justify-content: center;
    width: 90%;
    margin: auto;
    padding-top: 3%;
}



.inner-approach-img img.img-fluid {
    width: 100%;
    margin: auto;
    margin-top: 1.2vw;
    display: block;
}

p.bottom-text-approach {
    width: 65%;
    margin: auto;
    padding-top: 2%;
}

section#our-approach .approach-card-panic.inner-approach-img-odd {
    position: relative;
    margin-top: 7.5vw;
    margin-left: -3.5vw;
}

.approach-card-panic.inner-approach-img-even {
    position: relative;
    margin-left: -3vw;
}

@media (max-width: 992px) and (min-width: 768px) {
    section#why-choose-treatment .col-lg-7 {
        width: 60%;
    }

    section#why-choose-treatment .col-lg-5 {
        width: 38%;
    }

    section#why-choose-treatment .row {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

}

.maarga-outer-wrapper h1 {
    color: #3C4196;
    margin-bottom: 0%;
    padding-bottom: 1%;
    margin-bottom: 1%;
    line-height: 1.2;
    font-size: 2.1vw;
    font-family: 'Lato';
    font-weight: 700;
    position: relative;
}

.maarga-outer-wrapper ul li a {
    font-weight: 600;
    text-decoration: underline;
}

.maarga-outer-wrapper p a {
    font-weight: 600;
    text-decoration: underline;
}

#bangalore-marga-faq {
    padding-bottom: 5%;
    background-image: unset;
}

@media (max-width: 767px) {

    section#why-choose-treatment .col-lg-7,
    section#why-choose-treatment .col-lg-5 {
        width: 100%;
    }

    #bangalore-marga-faq {
        padding-bottom: 30%;
        background-image: unset;
    }

    .maarga-outer-wrapper h1 {
        font-size: 6vw;
    }

    section#why-choose-treatment .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section#panic-types .typer-card-panic {
        width: 78%;
        padding: 5%;
        margin: auto;
        margin-top: 5%;
        margin-bottom: 1%;
        min-height: 50vw;
    }

    section#panic-types .typer-card-outer-panic {
        display: block;
    }

    section#our-approach .approach-card-outer-panic {
        display: block;
    }

    #panic-types-provide ul li::after {
        height: 3.4vw;
        width: 4vw;
        top: 1.2vw;
    }

    section#our-approach .approach-card-panic.inner-approach-img-odd {
        position: relative;
        margin-top: 10%;
        margin-left: -0vw;
    }

    section#our-approach .approach-card-panic {
        width: 100%;
        margin-top: 10%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2%;
    }

    section#our-approach .approach-card-panic {
        width: 100%;
        margin-top: 10%;
    }

    .approach-card-panic.inner-approach-img-even {
        position: relative;
        margin-left: 0vw;
    }

    .inner-approach-img img.img-fluid {
        width: 100%;
        margin: auto;
        margin-top: 1.2vw;
        display: block;
    }

    .inner-approach-img {
        width: 32%;
    }

    #why-choose-treatment .why-choose-card-content ul li::after {
        height: 2.5vw;
        width: 4vw;
    }

    .banner-content-wrapper p.book-an-heading {
        font-size: 5vw;
        font-weight: 600;
    }

    .banner-content-wrapper p.book-an-heading span {
        font-size: 5vw;
        font-weight: 600;
    }

    .footer-accordion-section {
        margin-top: 23%;
    }

    a.footer-slogan {
        font-size: 5vw;
    }

    p.m-subscribe1__title {
        text-align: center;
        width: 100%;
        font-size: 6vw;
    }

    section#why-choose-treatment {
        padding: 10% 0%;
        padding-bottom: 10%;
    }

    section#panic-attack-banner {
        margin-top: 0%;
    }

    section#panic-attack-banner {
        background-size: auto 69vw;
        padding-top: 68%;
        background-position: top center;
    }

    #psychiatric-doctor-sec h2::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -20%;
        width: 20vw;
        height: 4px;
        background-color: #F4D711;
        border-radius: 2px;
    }

    #psychiatric-doctor-sec h2 {
        font-size: 7vw;
        margin-bottom: 10%;
    }
}

@media (min-width: 767px) {
    section#panic-types-provide h2::after {
        width: 11vw;
    }

    section#panic-types-provide h2 {
        width: 80%;
    }

    section#our-approach h2::after {
        left: 44%;
        width: 11vw;
    }

    #psychiatric-doctor-sec h2::after {
        width: 9vw;
    }

}

@media (max-width: 992px) and (min-width: 767px) {
    section#panic-attack-banner .col-lg-5.col-md-5.col-sm-12 {
        width: 100%;
        margin-left: 10%;
    }

    section#panic-types .typer-card-outer-panic {
        display: flex;
        gap: 2%;
        justify-content: center;
        margin-top: 2%;
        flex-wrap: wrap;
    }

    section#panic-types .typer-card-panic {
        width: 27%;
        background-color: #76acc7;
        border-radius: 40px;
        border: 1px solid #707070;
        padding: 2% 1%;
        margin-bottom: 3%;
    }
}

@media (min-width: 767px) and (max-width: 1030px) {
    .accordion-item.faq-item.mb-3 .accordion-header {
        top: 0.3vw;
        width: 88%;
        display: flex;
        justify-content: space-between;
    }

    #bangalore-marga-faq .accordion-button {
        text-align: left;
    }

    span.faq-icon.ms-auto {
        position: absolute;
        top: 0.2vw;
        right: -8%;
        width: 2.9vw;
    }

    #psychiatric-doctor-sec .row {
        gap: 4%;
    }

}

@media (min-width: 767px) and (max-width: 1030px) {
    #bangalore-marga-faq .accordion-button {
        text-align: left;
        position: relative;
        top: 0.4vw !important;
        line-height: 1.4;
        padding-top: 2% !important;
        padding-bottom: 2% !important;
    }
        span.faq-icon.ms-auto {
        top: 2vw !important;
    }
}