html {
    scroll-behavior: smooth;
}

.accordion-button:focus,
.form-select:focus {
    box-shadow: unset;
    border-color: unset
}


.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent
}


.row-icons {
    grid-template-columns: repeat(4, 1fr);
}

.row-icons-mpower {
    grid-template-columns: repeat(5, 1fr);
}


.wpo-features-section .wpo-features-item .wpo-features-text h2,
.wpo-features-section-s2 .wpo-features-item .wpo-features-text h2,
.wpo-features-section-s3 .wpo-features-item .wpo-features-text h2,
.wpo-features-section-s4 .wpo-features-item .wpo-features-text h2,
.wpo-features-section-s6 .wpo-features-item .wpo-features-text h2 {
    font-size: 1.1rem;
    margin-bottom: 0px;
}


.wpo-features-section-s2 .wpo-features-item {
    padding: 30px 10px;
}

.wpo-features-section-s2 .wpo-features-item.two-child,
.wpo-features-section-s2 .wpo-features-item.first-child {
    padding: 40px 10px;
}

.w-80p {
    width: 80px;
    margin-top: .4rem;
}

.row-icons-abea,
.row-icons-mpower {
    margin: 1rem 0;
}

.row-icons-abea .text-center .value,
.row-icons-abea .text-center .valueplus,
.row-icons-mpower .text-center .value,
.row-icons-mpower .text-center .valueplus {
    color: #ba1968;
}

.row-icons-mpower .text-center b,
.row-icons-abea .text-center b {
    font-size: 1.1rem;
}

.wpo-section-title span {
    font-size: 18px;
    font-size: 1.75rem;
    color: #212158;
    font-family: "Roboto Slab", serif;
    font-weight: 700;
}

.wpo-features-section-s2 .wpo-features-item {
    background: #1a1550;
}

.wpo-features-section-s2 .col:nth-child(2) .wpo-features-item {
    background: #ba1968;
}

.wpo-features-section-s2 .col:nth-child(3) .wpo-features-item {
    background: #1793b4;
}

.wpo-features-section-s2 .col:nth-child(4) .wpo-features-item {
    background: #1a1550;
}

.wpo-features-text h2 a {
    color: #fff !important;
}

.wpo-features-text h2 a:hover {
    color: #fff !important;
}

.wpo-site-header #navbar>ul>li>a:before {
    background: rgb(26, 21, 80);
    background: linear-gradient(90deg, rgba(26, 21, 80, 0.85) 35%, rgba(186, 25, 104, 0.85) 70%, rgba(23, 147, 180, 0.35) 100%);
}


.wpo-hero-section-1 .wpo-hero-title-top span {
    color: #ba1968;
}

h2 {
    color: #1a1550;
}

.wpo-hero-section-1 .wpo-hero-subtitle p {
    color: #1793b4;
}


.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-ab-shape-1 .s-s1 {
    background: #1a1550;
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-ab-shape-1 .s-s2 {
    background: #ba1968;
}

/* #a31f74 */
.wpo-testimonial-area .col-lg-6 .wpo-section-title {
    margin-bottom: 30px;
}

.owl-carousel .owl-stage-outer {
    overflow: visible;
}

.sup-red {
    color: #ba1968;
    font-size: 1rem;
}

.wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before {
    position: absolute;
    left: -40px;
    top: -10px;
    content: "";
    font-family: "Flaticon";
    z-index: -1;
    font-size: 2rem;
    color: #ba1968;
    transform: rotate(180deg);
}

/* .wpo-site-footer,
.wpo-site-footer .wpo-lower-footer {
    background: #000;
} */
.w-100p {
    width: 6.25rem;
}

.back-to-top {
    background-color: #cc1a72;
    border-color: #ba1968;
}

.back-to-top:hover {
    background-color: #1793b4;
    border-color: #1793b4;
}

.preloader {
    background-color: #171517b0;
}


.wpo-about-section:before,
.wpo-hero-section-1:before {
    background: #1793b42e;
}


.form-control {
    border: unset;
    border-bottom: 1px solid;
    border-radius: 0;
}

.form-control:focus {
    border-color: linear-gradient(90deg, rgba(26, 21, 80, 0.85) 35%, rgba(186, 25, 104, 0.85) 70%, rgba(23, 147, 180, 0.35) 100%);
    box-shadow: unset;
}

.wpo-site-header #navbar>ul li a:hover,
.wpo-site-header #navbar>ul li a:focus,
.wpo-site-header #navbar>ul li a.active {
    color: #1793b4;
}

.logo.widget-title.bg-white {
    border-radius: 50%;
    width: 95px;
    height: 95px;
}


@media screen and (min-width: 992px) {
    .wpo-site-header #navbar li {
        position: relative;
        margin: 0 1rem;
    }
}

@media (max-width: 1400px) {
    .wpo-site-header #navbar>ul>li>a {
        padding: 13px 10px;
        font-size: 18px;
    }
}


@media (max-width: 991px) {
    .wpo-site-header .mobail-menu button {
        background-color: #1a1550;
    }

    .wpo-site-header #navbar>ul .menu-item-has-children>a:before {
        content: "";
    }

    .wpo-site-header .navbar-header {
        text-align: right;
    }

    .navigation.navbar.navbar-expand-lg.navbar-light .col-3 {
        width: 50%;
    }

    .row-icons,
    .row-icons-mpower {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .abea-logo,
    .mpower-logo {
        width: 50% !important;
        vertical-align: middle;
        align-self: center;
        margin: 0rem auto 2rem;
    }

    .accordion.w-75 {
        width: 90% !important;
    }

    .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before {
        left: -30px;
    }

    .wpo-testimonial-content {
        margin-left: 1.5rem;
    }

    #mentalhealthservices .icons-row.d-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .icons-row.d-grid div:last-child:nth-child(5) {
        grid-column: auto / span 2;
        width: 100%;
    }

    .ps-5 {
        padding-left: 2rem !important;
    }

}

.price-column {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-select {
    border: unset;
    border-bottom: 1px solid;
    border-radius: 0;
}

.form-control:focus,
.form-select:focus {
    border-color: #cc1a72;
    border-bottom: 2px solid;
}



#floatingCurrency {
    top: auto;
    bottom: 100%
}


.wpo-site-footer .contact-ft ul li a {
    color: #e5e3e3;
}

.wpo-site-footer .contact-ft ul li a:hover {
    color: #cc1a72;
}

/* .wpo-site-footer .contact-ft ul li:nth-child(n+5) {
    padding-left: 0;
} */

.phone-code {
    gap: 1rem;
    grid-template-columns: repeat(2, 2fr);
}

#floatingCountryPhone {
    height: 3.7rem;
}

.wpo-features-section-s2.v1 {
    padding: 50px 0 20px;
}

@media (max-width: 1400px) {

    .wpo-hero-section-1,
    .wpo-hero-section-2,
    .wpo-hero-section-3,
    .wpo-hero-section-4,
    .wpo-hero-section-5,
    .wpo-hero-section-6,
    .wpo-hero-section-7 {
        height: 600px;
        border-bottom: 1px solid #ebebeb;
    }
}

.icons-row {
    grid-template-columns: repeat(5, 1fr);
}

.icons-row div {
    text-align: center;
}

.icons-row img {
    width: 45px;
    height: 45px;

}

@media (min-width: 800px) and (max-width:1024px) {
    .navigation .col-lg-3.col-md-6.col-6 {
        width: 15%;

    }

    .navigation .col-lg-9.col-md-1.col-1 {
        width: 85%;
    }

    #mentalhealthservices .icons-row.d-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .icons-row.d-grid div:last-child:nth-child(5) {
        grid-column: auto / span 2;
        width: 100%;
    }

    .ps-5 {
        padding-left: 2rem !important;
    }

}


@media (min-width: 1401px) and (max-width:3000px) {

    .wpo-hero-section-1,
    .wpo-hero-section-2,
    .wpo-hero-section-3,
    .wpo-hero-section-4,
    .wpo-hero-section-5,
    .wpo-hero-section-6,
    .wpo-hero-section-7 {
        height: 600px;
        border-bottom: 1px solid #ebebeb;
    }
}

.underline {
    text-decoration: underline;
    text-underline-offset: .5rem;
}

@media (min-width: 300px) and (max-width:900px) {

    .wpo-hero-section-1:before,
    .wpo-hero-section-2:before,
    .wpo-hero-section-3:before,
    .wpo-hero-section-4:before,
    .wpo-hero-section-5:before,
    .wpo-hero-section-6:before,
    .wpo-hero-section-7:before {
        position: absolute;
        right: -10%;
        top: -40%;
        width: 986px;
        height: 846px;
        content: "";
        background: #ebfcfa;
        border-radius: 50%;
        z-index: -1;
    }
    #mentalhealthservices .icons-row.d-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .icons-row.d-grid div:last-child:nth-child(5) {
        grid-column: auto / span 2;
        width: 100%;
    }

    .ps-5 {
        padding-left: 2rem !important;
    }
}