.admissions,
.admissions__cntimg {
    margin-block-start: 0 !important;
}

.admissions__tabitem {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.admissions__tab-buttons-desc {
    font-size: clamp(1.188rem, 0.447vw + 0.901rem, 1.438rem);
    font-weight: 700;
    text-align: center;
}

.admissions__tab-sectitle {
    text-align: center;
}

.admissions__tab-buttons {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    align-items: center;
    row-gap: 20px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-block-start: 20px;
    padding-block-end: 20px;
    background-color: var(--wp--preset--color--accent-2);
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
}

.admissions__tab-buttons-item {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 10px;
    align-items: center;
    justify-content: center;
    flex: 100% 0 0;
    width: 100%;
}

.admissions__button {
    background-color: var(--wp--preset--color--contrast);
    color: var(--wp--preset--color--base);
    border: none;
    padding: 15px 30px;
    border-radius: 7px;
    font-size: clamp(1.063rem, 0.224vw + 0.919rem, 1.188rem);
    font-weight: 700;
    width: 100%;
    flex: 100% 0 0;
    &.active, &:hover {
        background-color: var(--wp--preset--color--accent-1);
        color: var(--wp--preset--color--accent-2);
        cursor: pointer;
    }
}

.admissions__tab-list.tab-container {
    margin-block-end: 0;
}

.admissions__tab-image {
    height: 375px;
}

.admissions__tab-content {
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--wp--preset--color--accent-2);
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}

.admissions__tab-info {
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.admissions__tab-title {
    font-size: clamp(1.875rem, 0.559vw + 1.516rem, 2.188rem);

}

.admissions__cntimg-title,
.admissions__tab-title {
    background-image: url('../../images/section-title-bg.svg');
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 48px;
    margin-block-start: 0;
}

.admissions__tab-infowrap,
.admissions__cntimg-content {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}

.whychoose {
    margin-block-start: 0 !important;
    background-color: var(--wp--preset--color--contrast);
}

.whychoose__section,
.admissions__tab-section,
.admissions__cntimg-section {
    padding-left: 1rem;
    padding-right: 1rem;
}

.admissions__tabsbutton-title {
    background-color: var(--wp--preset--color--accent-2);
    margin-bottom: 30px;
}

.whychoose__sectitle {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-block-end: 30px;
}

.whychoose__listing {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 20px;
}

.whychoose__listing-item {
    background-color: var(--wp--preset--color--accent-2);
    padding: 110px 25px 25px;
    border-radius: 15px;
    background-image: url('../../images/check-bg-2.svg');
    background-repeat: no-repeat;
    background-position: center 25px;
    text-align: center;
    transition: transform 0.25s ease-out;
    &:hover {
        animation: stretchBounce 0.6s;
        cursor: pointer;
    }
}

.whychoose__listing-title {
    font-size: clamp(1.188rem, 0.447vw + 0.901rem, 1.438rem);
    font-weight: 600;
    margin-block-start: 0;
}

.admissions__cntimg-wrapper {
    display: flex;
    flex-direction: column;
    border-radius: 15px;
    overflow: hidden;
    background-color: var(--wp--preset--color--accent-2);
    box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.08);
}

.admissions__cntimg-info {
    order: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
}

.admissions__cntimg-image {
    order: 1;
    height: 390px;
}

.admissions__cntimg-title {
    font-size: clamp(1.875rem, 0.559vw + 1.516rem, 2.188rem);
}

.admissions__cntimg-desc {
    p {
        line-height: 1.688rem;
    }
    ul {
        list-style: none;
        padding: 0;
        margin: 0;
        li {
            font-weight: 700;
            position: relative;
            padding-left: 54px;
            padding-top: 4px;
            margin-block-end: 25px;
            &:before {
                content:" ";
                background-image: url('../../images/list-check-bg.svg');
                background-repeat: no-repeat;
                background-position: left top;
                display: block;
                width: 36px;
                height: 36px;
                position: absolute;
                left: 0;
                top: 0;
            }
        }
    }
}

.admissions__cntimg-cta.default__button {
    &:last-child {
        margin-top: 15px;
    }
    a {
        &:hover {
            background-color: var(--wp--preset--color--base);
            color: var(--wp--preset--color--accent-2);
        }
    }
}

.admissions__tab-desc {
    ul {
        margin-block-start: 20px;
        list-style: none;
        padding: 0;
        li {
            position: relative;
            margin-bottom: 25px;
            font-size: 1rem;
            font-weight: 700;
            padding-left: 48px;
            a {
                font-weight: 700;
                color: var(--wp--preset--color--accent-1);
                transition: color .25s ease-in;
                &:hover {
                    color: var(--wp--preset--color--base);
                }
            }
            &:before {
                content: " ";
                position: absolute;
                left: 0;
                top: -5px;
                background-image: url(../../images/check-bg.svg);
                background-repeat: no-repeat;
                background-position: center center;
                width: 36px;
                height: 36px;
            }
        }
    }
}

@media (min-width: 768px) {
    .admissions {
        position: relative;
    }
    .admissions__tab-section {
        position: relative;
        z-index: 1;
    }
    .admissions__tab-content {
        flex-direction: row;
        align-items: stretch;
        flex: 100% 0 0;
        margin-bottom: 42px;
    }
    .admissions__tabsbutton-title {
        margin-bottom: 42px;
    }
    .admissions__tab-buttons-item {
        flex-direction: row;
        column-gap: 15px;
    }
    .admissions__button {
        flex: 30% 0 0;
    }
    .admissions__tab-image {
        flex: 50% 0 1;
        height: auto;
    }
    .admissions__tab-info {
        flex: 50% 0 1;
    }
    .admissions__tab-buttons {
        gap: 10px;
        justify-content: center;
        padding-block-start: 36px;
        padding-block-end: 36px;
        align-items: center;
        h2 {
            span {
                display: block;
            }
        }
    }
    .admissions__tab-info,
    .admissions__cntimg-info {
        padding: 50px 30px;
    }

    .whychoose {
        position: relative;
        &:after {
            content:" ";
            background-image: url('../../images/whychoose-bg.svg');
            background-repeat: no-repeat;
            background-position: left center;
            background-size: 50% 100%;
            position: absolute;
            left: 0;
            bottom: 0;
            z-index: 0;
            width: 100%;
            height: 100%;
            opacity: 0.04;
        }
        .whychoose__section {
            position: relative;
            z-index: 1;
        }
    }

    .whychoose__listing {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch;
        column-gap: 20px;
    }

    .whychoose__listing-item {
        height: auto;
        flex: calc(50% - 60px) 0 1;
    }
}

@media (min-width: 1024px) {
    .admissions__cntimg-wrapper {
        flex-direction: row;
        align-items: stretch;
        flex-wrap: wrap;
    }
    .admissions__cntimg-info {
        order: 1;
        flex: calc(50% - 60px) 0 1;
    }
    .admissions__cntimg-image {
        order: 2;
        height: auto;
        flex: 50% 0 1;
    }
    .admissions__tab-buttons {
        padding-block-start: 50px;
        padding-block-end: 50px;
        row-gap: 30px;
    }
    .admissions__tab-content,
    .admissions__tabsbutton-title {
        margin-bottom: 50px;
    }
}

@media (min-width: 1280px) {
    .admissions__tab-buttons {
        margin-bottom: 50px;
        row-gap: 42px;
    }

    .admissions__tab-content,
    .admissions__tabsbutton-title {
        margin-bottom: 60px;
    }

    .admissions__tab-title,
    .admissions__cntimg-title {
        padding-top: 68px;
    }
    .admissions__tab-info,
    .admissions__cntimg-info {
        padding: 60px 0;
    }
    .whychoose__sectitle {
        margin-block-end: 50px;
    }
    .whychoose__listing-item {
        flex: calc(25% - 65px) 0 1;
        &.even {
            margin-top: 30px;
            margin-bottom: -30px;
        }
    }
    .admissions__cntimg-info {
        order: 1;
        flex: 50% 0 1;
        position: relative;
        &::before {
            content:" ";
            background-image: url('../../images/admission-cntimg-bg.svg');
            background-repeat: no-repeat;
            background-position: right top;
            position: absolute;
            z-index: 0;
            right: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0.04;
        }
    }
    .admissions__cntimg-content {
        position: relative;
        z-index: 1;
    }
}

@media (min-width: 1536px) {
    .whychoose__section,
    .admissions__tab-section,
    .admissions__cntimg-section {
        padding-left: 0;
        padding-right: 0;
    }
    .whychoose.page-spacing {
        padding-bottom: 130px;
    }
    .admissions__tab-buttons {
        margin-bottom: 90px;
    }
    .admissions__tab-content {
        margin-bottom: 80px;
    }
    .admissions__tab-info,
    .admissions__cntimg-info {
        padding: 70px 0px;
    }
}