.categories-section .card {
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.study-note {
    background-color: #e6f1ff;
}
.study-note button {
    background-color: #8fc3ff;
}
.live-class {
    background: #edf7f8;
}
.live-class button {
    background: #90ced5;
}
.hiring-alert {
    background-color: #fbe9ed;
}
.hiring-alert button {
    background-color: #eb93a5;
}
.job-appy {
    background-color: #eef1f7;
}
.job-appy button {
    background-color: #98accd;
}
.resume {
    background-color: #fff6d9;
}
.resume button {
    background-color: #fbe184;
}
.mock-test {
    background-color: #f0e9fb;
}
.mock-test button {
    background-color: #c5a9ef;
}
.center-btn {
    width: 5rem;
    height: 5rem;
    border-color: var(--color-steelblue);
}
.marquee-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}
.marquee-track {
    display: flex;
    width: max-content;
    will-change: transform;
}
.logo-slide {
    display: flex;
    gap: 5rem;
    padding: 2rem 3rem;
}
.logo-wrapper img {
    height: 1.5rem;
    object-fit: contain;
    max-width: 100%;
}
.btn-rotate {
    transform: rotate(45deg);
    display: inline-block;
}
.btn-unrotate {
    transform: rotate(-45deg);
    display: inline-block;
}
.btn-card-rounded, .btn-card-rounded-sec {
    width: 2.5rem;
    height: 2.5rem;
    outline: none;
    border: none;
    border-radius: 20%;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
}
.btn-card-rounded-sec {
    width: 2.7rem;
}
.icon-top {
    position: relative;
    top: -.4rem;
}
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}
.testimonial-items a {
    text-decoration: none;
}
.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column;
}
.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}
.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: transform;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}
.swiper-container-3d {
    perspective: 1200px;
}
.swiper-button-prev.swiper-button-black, .swiper-button-next.swiper-button-black {
    --swiper-navigation-color: #000000;
}
.swiper-button-lock {
    display: none;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}
.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: 0.2;
}
button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    padding: 0 .2rem;
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--color-steelblue);
}
.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px;
}
@media screen and (max-width: 992px) {
    .logo-slide {
        gap: 3rem;
        padding: 1.5rem 1.5rem;
    }
    .logo-wrapper img {
        height: 2rem;
    }
}