@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
:root {
    --Primary-Color: #973961;
    --White-color: #ffffff;
    --Orange: #F5A357;
    --dark: #30121E;
    --light-pink: rgba(151, 57, 97, 0.20);
    --light-yellow: #FEF7EF;
    --light-orange: rgba(245, 163, 87, 0.40);
    --light-pink: rgba(151, 57, 97, 0.20);
    --Gray-1: #333333;
    --Grays-Black: #000000;
}

* {
    font-family: "Poppins", sans-serif;
}
body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
}
p {
    margin-bottom: 15px;
}
.text-justify {
    text-align: justify;
}
h1,h2,h3,h4,h5,h6 {
    font-family: "Marcellus", serif;
}
.fs-20 {
    font-size: 20px;
}
.fs-16 {
    font-size: 16px;
}

.mb-34 {
    margin-bottom: 34px !important;
}
.container {
    max-width: 1270px;
    padding: 0 20px;
}
.abp-bg--yellow {
    background: var(--light-yellow);
}
.abp-bg--light_pink {
    background: var(--light-pink);
}
.btn-primary,
.btn-outline-primary:hover {
    background: var(--Primary-Color);
    border-color: var(--Primary-Color);
    color: var(--White-color);
}
.btn-primary:hover,
.btn-outline-primary {
    background: transparent;
    border-color: var(--Primary-Color);
    color: var(--Primary-Color);
}
/* header css */
.abp-header .navbar {
    z-index: 9999;
    background: #FEF7EF;
    box-shadow: 0px 9px 22px 0px rgba(0, 0, 0, 0.06);
    backdrop-filter: blur(6.5px);
}
.abp-header .navbar-brand {font-size: 25px;font-weight: 600;line-height: 1.4;text-align: center;font-family: "Marcellus", serif;}
.abp-header .navbar-brand span {
    font-family: "Marcellus", serif;
}
.abp-header .nav-item .nav-link {
    color: #362630;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-right: 34px;
    padding: 0;
}
.abp-header .nav-item .nav-link.active {
    font-weight: 500;
    color: var(--Primary-Color);
}
.abp-header .btn {
    border-radius: 4px;
    padding: 6px 14px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 16px;
}
/* hero section css */
.abp-hero-banner img {
    width: 100%;
    height: auto;
}
/* card section css */
.abp-section {
    padding: 100px 0;
}
.abp-section__head {
    margin-bottom: 64px;
}
.abp-section__heading {
    color: var(--dark);
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding-bottom: 14px;
    margin: 0;
}
.abp-section__heading::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 3px;
    background: var(--Primary-Color);
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* slider card css */
.abp-slider--card__wrap {
    
    flex-direction: column;
    justify-content: space-between;
    border-radius: 12px;
    background: var(--light-orange);
    overflow: hidden;
    height: 100%;
}
.abp-slider--card__image {
    position: relative;
}
.abp-video--btn {
    width: 44px;
    height: 44px;
    display: block;
    text-decoration: none;
    border-radius: 100px;
    background: var(--Primary-Color);
    box-shadow: 0px 6px 12px 0px rgba(151, 57, 97, 0.40);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 26px;
    bottom: -22px;
}
.abp-slider--card__content {
    padding: 28px 24px;
}
.abp-slider--card__badge {
    position: relative;
    padding: 4px 24px 3px 12px;
    background: var(--Orange);
    display: inline-block;
    margin-bottom: 16px;
}
.abp-slider--card__badge::after {
    content: "";
    position: absolute;
    border: 14px solid #fbd7b7;
    border-right-width: 7px;
    border-bottom-width: 10px;
    transform: rotate(136deg);
    right: -13px;
    border-right-color: #fbd7b7;
    border-bottom-color: #fbd7b7;
    top: 3px;
}
.abp-slider--card__content--title {
    padding-bottom: 0;
    margin-bottom: 8px;
}
.abp-slider--card__image img {
    width: 100%;
}
.abp-slider--card .swiper-wrapper {
    margin-bottom: 68px;
}
.swiper-pagination-bullet {
    width: 29px;
    height: 29px;
    margin-right: 12px !important;
    margin-left: 0 !important;
    border: 1px solid transparent;
    background: transparent;
    position: relative;
    opacity: 1;
}
.swiper-pagination-bullet::before {
    content: "";
    width: 29px;
    height: 29px;
    position: absolute;
    border: 1px solid transparent;
    border-radius: 100%;
    left: -1px;
    top: -1px;
    transition: all 0.5s;
    transform: scale(0.4);
}
.swiper-pagination-bullet:hover::before,
.swiper-pagination-bullet-active {
    transform: scale(1);
    border: 1px solid var(--Primary-Color);
}
.swiper-pagination-bullet::after {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    background: var(--Primary-Color);
    border-radius: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.abp-content__with-image {
    background-image: url(../images/prospective.jpeg);
    margin-top: 40px;
    background-size: cover;
    background-position: top;
    position: relative;
    padding: 25px;
    border-radius: 8px;
}
.abp-content__with-image::after {
    content: "";
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0.8;
}
.abp-content__with-image h2 {
    font-size: 50px;
}


/* footer css */
.swiper-slide {
  height: auto;
}

.abp-footer {
    background: #efefef;
    padding: 100px 0 50px;
}
.abp-brand--img {
    max-width: 188px;
    margin: 0 auto;
    margin-bottom: 29px;
}
.abp-footer-brand__wrap p {
    color: var(--dark);
    font-size: 13px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px;
}
.abp-footer--app__wrap {
    display: flex;
    gap: 24px;
    justify-content: center;
}
.abp-footer__heading {
    color: var(--dark);
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}
.abp-footer__column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.abp-footer__menu {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.abp-footer__menu--link {
    color: var(--dark);
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}
.abp-footer__menu--link:hover {
    color: var(--Primary-Color);
}
.abp-footer__icon--text {
    display: flex;
    gap: 16px;
}
.abp-footer__icon--text svg {
    min-width: 25px;
}
.abp-footer__social {
    display: flex;
    gap: 23px;
}
.abp-footer__bottom {
    color: var(--dark);
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    line-height: normal;
    opacity: 0.5;
    margin-top: 50px;
}
.abp-footer-brand__wrap {
    font-size: 27px;
    font-weight: 500;
}
.abp-tab__wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.abp-tab__wrap label {
    cursor: pointer;
}
.abp-publications__filter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.abp-publications__filter-item {
    display: inline-block;
    border: 1px solid #979393;
    padding: 5px 15px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.4s;
}
.abp-publications__filter-item:hover {
    background: #ddd;
}
.abp-publications__content-wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
}
.abp-publications__content-box {
    margin-bottom: 0 !important;
}
.abp-publications__content-box {
    border: 1px solid #c1bfbf;
    border-radius: 8px;
    overflow: hidden;
    padding: 10px;
}
.abp-publications-social__action {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}
.abp-publications__box-content p {
    margin-bottom: 8px; 
}
.abp-publications-social__action a {
    display: inline-block;
    max-width: 35px;
}
.abp-publications-social__action a img {
    width: 100%;
}
.abp-publications__filter-item.active {
    background: #ddd;
}
/* team css */
.abp-profile-content h2 {
    font-size: 28px;
    font-weight: 700;
}
.abp-profile-content h3 {
    font-size: 20px;
    font-weight: 700;
}
.abp-social__icons {
    display: flex;
    justify-content: center;
    gap: 8px;
}
.abp-social__icons a {
    text-decoration: none;
}
.abp-persion-profile img {
    object-fit: cover;
}
.abp-product-box__content p {
    font-size: 14px;
}
.abp-product-box {
    background: #f0efef;
    padding: 25px;
    border-bottom: 1px solid #ddd;
}
.abp-joinus-card {
    padding: 20px;
    background: #f1f0e3;
    margin-bottom: 15px;
}
.abp-persion-profile {
    padding: 20px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1),
        0 3px 10px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
    height: 100%;
}
@media screen and (min-width: 768px) {
    .text-md-start .abp-section__heading::after {
        left: 0;
        transform: none;
    }
    .col-sm-20 {
        flex: 0 0 auto;
        width: 20%;
    }
    .abp-product-box_title {
        padding-top: 30px;
        padding-bottom: 30px;
        border-right: 1px solid #000;
        margin-top: 20px;
    }
    .abp-joinus-card {
        padding: 35px;
    }
}
@media screen and (min-width:992px) {
    .abp-btn__mobile {
        display: none;
    }
    .abp-mobile__action {
        display: none;
    }
}
@media screen and (min-width: 991px) and (max-width: 1245px) {
    .abp-header .nav-item .nav-link {
        font-size: 12px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 767px) {
    .apb-slider--arrow__wrap {
        margin-top: 28px;
        justify-content: center;
    }
    .abp-card__slider-wrap .abp-card__wrap {
        height: 100%;
        margin-bottom: 0;
    }
    .abp-footer-brand__wrap {
        margin-bottom: 40px;
        padding-bottom: 34px;
        border-bottom: 1px solid var(--light-pink);
    }
    .abp-footer__heading {
        margin-bottom: 20px;
    }
    .abp-footer__contact {
        margin-top: 34px;
        padding-top: 40px;
        padding-bottom: 34px;
        margin-bottom: 40px;
        border-top: 1px solid var(--light-pink);
        border-bottom: 1px solid var(--light-pink);
    }
    .abp-footer__bottom {
        margin-top: 34px;
        border-top: 1px solid var(--light-pink);
        padding-top: 40px;
    }
}
@media screen and (max-width: 991px) {
    .abp-footer {
        padding: 50px 0 50px;
    }
    .abp-section {
        padding: 50px 0;
    }
    .abp-section__subheading {
        font-size: 14px;
    }
    .abp-section__heading {
        font-size: 26px;
        padding-bottom: 17px;
    }
    .abp-section__head {
        margin-bottom: 28px;
    }
    .abp-header .navbar-brand {
        padding: 7px;
        font-size: 22px;
    }
    .abp-header .abp-btn__mobile,
    .abp-header .abp-close__btn {
        padding: 0;
        width: 34px;
        height: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
        outline: none !important;
        border: none;
    }
    .abp-mobile__menu {
        position: fixed;
        background: linear-gradient(180deg, #686868 50.47%, #3f3e3f 179.91%);
        height: 100svh;
        width: 100%;
        z-index: 99999999999;
        top: 0;
        left: 0;
        padding: 24px;
        display: none;
    }
    .abp-mobile__menu.show {
        display: block;
    }
    .abp-mobile__action {
        text-align: right;
        margin-bottom: 5px;
    }
    .abp-mobile__logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 34px;
        max-width: 180px;
    }
    .abp-mobile__menu .navbar-nav {
        flex-direction: column;
        margin-bottom: 34px !important;
        gap: 12px;
        align-items: center;
        justify-content: center;
        max-width: 165px;
        margin: auto;
    }
    .abp-mobile__menu .navbar-nav .nav-item {
        display: block;
        width: 100%;
        text-align: center;
    }
    .abp-mobile__menu .navbar-nav .nav-link {
        margin: 0;
        padding: 12px 0;
        color: var(--White-color);
        display: block;
        position: relative;
    }
    .abp-mobile__menu .navbar-nav .nav-link:hover {
        color: var(--Orange);
    }
    .abp-mobile__menu .navbar-nav .nav-link.active {
        border-bottom: 2px solid #ffafa6;
        color: #ffafa6;
    }
    .abp-header__btns {
        max-width: 255px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: auto;
        gap: 14px;
    }
    .abp-header__btns .btn-outline-primary {
        color: var(--Orange);
        border-color: var(--Orange);
    }
    .abp-header__btns .btn-primary {
        color: var(--Primary-Color);
        background: var(--White-color);
        border-color: var(--White-color);
    }
}