body {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 20px;
    line-height: 150%;
}

img, svg {
    max-width: 100%;
    height: auto;
    display: block;
}

h1, .h1 {
    font-size: 70px;
    line-height: 1;
    font-weight: 800;
    margin: 0 0 14px;
}

h2, .h2 {
    font-size: 45px;
    line-height: 111%;
    font-weight: 800;
    margin: 0 0 14px;
}

h3, .h3 {
    font-size: 32px;
    line-height: 133%;
    font-weight: 600;
    margin: 0 0 20px;
}

@media screen and (max-width: 1199px) {
    body {
        font-size: 16px;
    }

    h1, .h1 {
        font-size: 40px;
    }

    h2, .h2 {
        font-size: 30px;
    }

    h3, .h3 {
        font-size: 25px;
    }
}

@media screen and (min-width: 1400px) {
    .container {
        max-width: 1224px;
    }
}

.resetList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.button {
    background-color: #045CED;
    border: 1px solid #045CED;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    text-align: center;
    min-width: 230px;
    max-width: 100%;
    padding: 20px;
    outline: none;
    text-decoration: none;
    border-radius: 6px;
    display: inline-block;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

    .button:hover {
        background-color: #ffffff;
        color: #045CED;
    }

.svgDecor {
    position: absolute;
    width: 0;
    height: 0;
}

.carouselButton {
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    opacity: 100%;
    transition: opacity 0.3s ease-in-out;
}

    .carouselButton svg {
        pointer-events: none;
    }

.hero {
    padding: 90px 0 130px;
    background-image: url("../images/hero/hero-bg.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 100%;
}

    .hero .decorationTitle {
        font-size: 30px;
        line-height: 1;
        font-weight: 800;
    }

    .hero .decorationSubtitle {
        font-size: 16px;
        line-height: 1;
        font-weight: 600;
    }

    .hero .firstDecoration {
        background-color: #045CED;
        border-radius: 6px;
        box-shadow: 0 5px 20px rgba(4, 92, 237, 0.3);
        padding: 30px 29px 33px;
        top: 14%;
        left: 7%;
        z-index: 10;
    }

    .hero .secondDecoration {
        background-color: #6B7FB5;
        border-radius: 6px;
        box-shadow: 0 5px 20px rgba(107, 127, 181, 0.3);
        right: -4%;
        top: 54%;
        padding: 14px 28px;
        z-index: 10;
    }

    .hero .HeroImageCol {
        height: 612px;
    }

    .hero .bigImage {
        margin-left: auto;
        margin-right: 10px;
        width: 492px;
        object-fit: cover;
        border-radius: 10px;
        aspect-ratio: 492/348;
    }

    .hero .mediumImage {
        position: relative;
        top: -11%;
        width: 361px;
        object-fit: cover;
        border-radius: 10px;
        aspect-ratio: 361/236;
    }

    .hero .smallImage {
        margin-left: auto;
        position: relative;
        right: 0;
        bottom: 34%;
        width: 206px;
        object-fit: cover;
        border-radius: 10px;
        aspect-ratio: 206/182;
    }

@media screen and (max-width: 374px) {
    .hero .HeroImageCol {
        height: 512px;
    }
}

@media screen and (max-width: 550px) {
    .hero .mediumImage {
        max-width: 90%;
        margin: auto;
    }

    .hero .smallImage {
        bottom: 20%;
    }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .hero .mediumImage {
        left: -10px;
    }
}

@media screen and (max-width: 767px) {
    .hero .decorationTitle {
        font-size: 20px;
    }

    .hero .decorationSubtitle {
        font-size: 14px;
    }

    .hero .firstDecoration {
        padding: 15px 14px 16px;
    }

    .hero .secondDecoration {
        right: 0;
        padding: 7px 14px;
    }
}

.signUp {
    padding: 100px 0;
}

    .signUp .mainRow {
        column-gap: 60px;
        row-gap: 40px;
    }

    .signUp .imageCol {
        flex-basis: calc(46% - 30px);
    }

    .signUp .textCol {
        flex-basis: calc(54% - 30px);
    }

    .signUp .circleDecoration {
        background-color: #045CED;
        box-shadow: 0 5px 20px rgba(4, 92, 237, 0.3);
        top: -13%;
        left: 22%;
        aspect-ratio: 1/1;
        padding: 30px 32px;
    }

        .signUp .circleDecoration .decorationTitle {
            font-size: 30px;
            line-height: 1;
            font-weight: 800;
        }

        .signUp .circleDecoration .decorationSubtitle {
            font-size: 16px;
            line-height: 140%;
            font-weight: 600;
        }

    .signUp .textDecoration {
        box-shadow: 0 5px 20px rgba(4, 92, 237, 0.3);
        border-radius: 31px;
        font-size: 20px;
        line-height: 130%;
        font-weight: 700;
        color: #474747;
        padding: 18px 40px;
    }

@media screen and (max-width: 767px) {
    .signUp .circleDecoration {
        padding: 22px;
    }

        .signUp .circleDecoration .decorationTitle {
            font-size: 20px;
        }

        .signUp .circleDecoration .decorationSubtitle {
            font-size: 14px;
        }

    .signUp .textDecoration {
        font-size: 16px;
        padding: 9px 20px;
    }
}

.signUp .textDecoration.firstDecoration {
    top: 51%;
    left: 0;
}

.signUp .textDecoration.secondDecoration {
    top: 73%;
    right: 0;
}

@media screen and (min-width: 767px) {
    .signUp .textDecoration.firstDecoration {
        left: -5%;
    }
}

@media screen and (min-width: 1400px) {
    .signUp .textDecoration.firstDecoration {
        left: -13%;
    }

    .signUp .textDecoration.secondDecoration {
        right: -5%;
    }
}

.OurNewestClasses {
    padding: 80px 0 70px;
    overflow: hidden;
}

    .OurNewestClasses:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: linear-gradient(90deg, rgba(3, 93, 238, 1) 0%, rgba(103, 178, 255, 1) 100%);
    }

@media screen and (min-width: 992px) {
    .OurNewestClasses:before {
        left: -10%;
        clip-path: url(#my-clip-path);
    }
}

.OurNewestClasses .decoration {
    left: -10%;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.tabToggle {
    border-radius: 6px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #ffffff;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 41px;
    min-width: 125px;
    max-width: 100%;
    padding: 2px 10px;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}

    .tabToggle svg path, .tabToggle svg circle {
        fill: #ffffff;
        transition: fill 0.3s ease-in-out;
    }

    .tabToggle.active {
        color: #045CED;
        background-color: #ffffff;
    }

        .tabToggle.active svg path, .tabToggle.active svg circle {
            fill: #045CED;
        }

.OurNewestClasses .f-carousel {
    --f-carousel-slide-width: calc(100% - 20px);
    max-width: 100vw;
    overflow: hidden;
}

.OurNewestClasses .f-carousel__viewport {
    overflow: visible;
}

.OurNewestClasses .f-carousel {
    --f-carousel-spacing: 20px;
}

@media screen and (min-width: 767px) {
    .OurNewestClasses .f-carousel {
        --f-carousel-slide-width: calc((100% - 40px) / 3);
    }
}

@media screen and (min-width: 1200px) {
    .OurNewestClasses .f-carousel {
        --f-carousel-slide-width: calc((100% - 60px) / 4);
    }
}

.OurNewestClasses .carouselButtonHolder:after {
    content: '';
    display: block;
    margin-right: 8px;
    height: 1px;
    background-color: #ffffff;
    width: 100%;
    flex: 1;
}

@media screen and (min-width: 767px) {
    .OurNewestClasses .carouselButtonHolder:after {
        flex: 0 1 40%;
    }
}

@media screen and (min-width: 1400px) {
    .OurNewestClasses .carouselButtonHolder:after {
        flex: 0 1 50%;
    }
}

@media screen and (min-width: 1600px) {
    .OurNewestClasses .carouselButtonHolder:after {
        flex: 0 1 70%;
    }
}

.OurNewestClasses .carouselButton {
    width: 55px;
    height: 55px;
    background-color: #ffffff;
    border-radius: 6px;
    background-position: center;
    background-repeat: no-repeat;
}

    .OurNewestClasses .carouselButton[disabled] {
        opacity: 70%;
    }

    .OurNewestClasses .carouselButton.is-prev {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17.2' viewBox='0 0 20 17.2'%3E%3Cpath id='Shape_23_copy' data-name='Shape 23 copy' d='M1049,2104.5l5.7,7.6,1.6-1.2-4.8-6.4h17v-2h-17l4.8-6.4-1.6-1.2-5.7,7.6h-.5v2Z' transform='translate(-1048.5 -2094.9)' fill='%23045ced'/%3E%3C/svg%3E%0A");
    }

    .OurNewestClasses .carouselButton.is-next {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17.2' viewBox='0 0 20 17.2'%3E%3Cpath id='Shape_23' data-name='Shape 23' d='M1139,2104.5l-5.7,7.6-1.6-1.2,4.8-6.4h-17v-2h17l-4.8-6.4,1.6-1.2,5.7,7.6h.5v2Z' transform='translate(-1119.5 -2094.9)' fill='%23045ced'/%3E%3C/svg%3E%0A");
    }

.f-carousel__slide {
    overflow: visible;
}

.OurNewestClasses .SlideContent {
    border-radius: 6px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.OurNewestClasses .SlideImage {
    border-radius: 6px;
    aspect-ratio: 269/190;
    width: 100%;
    object-fit: cover;
}

.OurNewestClasses .SlideCategory {
    border-radius: 11px;
    background-color: #E3EBFC;
    font-size: 14px;
    line-height: 133%;
    font-weight: 700;
    color: #6B95F4;
    padding: 2px 10px;
}

.OurNewestClasses .SlideTitle {
    font-size: 20px;
    line-height: 133%;
    font-weight: 700;
}

.OurNewestClasses .SlideCTAHolder {
    border-top: 1px solid #C9D0E1;
}

.OurNewestClasses .SlideCTA {
    font-size: 16px;
    line-height: 133%;
    font-weight: 700;
    color: #045CED;
    text-decoration: none;
}

    .OurNewestClasses .SlideCTA:after {
        content: '';
        flex-basis: 34px;
        width: 34px;
        height: 34px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33.5' height='33.5' viewBox='0 0 33.5 33.5'%3E%3Cg transform='translate(-439.5 -1981.5)'%3E%3Ccircle cx='16.75' cy='16.75' r='16.75' transform='translate(439.5 1981.5)' fill='%23045ced'/%3E%3Cpath d='M455.723,1991.223l6.092,6.092-.252.253.252.252-6.092,6.092L454,2002.189l4.621-4.621L454,1992.946Z' transform='translate(-1)' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
    }

.LatestUpdates {
    padding: 70px 0 90px;
    background-image: url("../images/LatestUpdates/bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 50% 100%;
}

    .LatestUpdates .textBlock {
        padding: 30px 20px 100px 20px;
        border-radius: 6px;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    }

@media screen and (min-width: 767px) {
    .LatestUpdates .textBlock {
        padding: 70px 40px 100px 40px;
    }
}

@media screen and (min-width: 1200px) {
    .LatestUpdates .textBlock {
        padding: 110px 80px;
    }
}

.LatestUpdatesImageHolder:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(90deg, rgba(3, 93, 238, 1) 0%, rgba(103, 178, 255, 1) 100%);
    border-radius: 6px;
    right: 0;
    top: 30px;
}

.LatestUpdatesImage {
    border-radius: 6px;
}

@media screen and (max-width: 991px) {
    .LatestUpdates .imageCol {
        max-width: calc(100% - 80px);
        top: -60px;
    }

    .LatestUpdatesImageHolder:before {
        right: -30px;
    }
}

@media screen and (min-width: 992px) {
    .LatestUpdates .textBlock .textBlockContent {
        max-width: 63%;
    }

    .LatestUpdates .imageCol {
        right: 16.7%;
    }

    .LatestUpdatesImage {
        right: 30px;
    }
}

.LatestUpdates .f-carousel__viewport {
    /*overflow: visible;*/
    /*padding: 20px 0 20px 20px;*/
    /*margin: -20px 0 -20px -20px;*/
    /*width: calc(100% + 20px);*/
}

@media screen and (max-width: 991px) {
    /*.LatestUpdates .f-carousel__viewport {*/
    /*	padding: 20px;*/
    /*	margin: -20px;*/
    /*	width: calc(100% + 40px);*/
    /*}*/
}

.LatestUpdates .f-carousel {
    --f-carousel-slide-padding: 20px;
    margin: -20px;
    --f-carousel-dot-width: 13px;
    --f-carousel-dot-height: 13px;
    --f-carousel-dot-color: #A5A5A5;
    --f-carousel-slide-width: 100%;
}

.f-carousel__dot {
    transition: background-color 0.3s ease-in-out;
}

.LatestUpdates .is-current {
    --f-carousel-dot-color: #045CED;
}

.MostPopularClasses {
    padding: 55px 0 90px;
    background: linear-gradient(90deg, rgba(3, 93, 238, 1) 0%, rgba(103, 178, 255, 1) 100%);
}

    .MostPopularClasses .SlideContent {
        padding: 200px 19px 16px;
        border-radius: 6px;
        overflow: hidden;
    }

        .MostPopularClasses .SlideContent:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);
            opacity: 0.6;
            z-index: -1;
        }

        .MostPopularClasses .SlideContent .SlideImage {
            z-index: -2;
        }

    .MostPopularClasses .SlideCategory {
        font-size: 14px;
        line-height: 133%;
        font-weight: 700;
        border-radius: 11px;
        border: 2px solid #ffffff;
        padding: 0 10px;
    }

    .MostPopularClasses .SlideTitle {
        font-size: 24px;
        line-height: 111%;
        font-weight: 700;
    }

    .MostPopularClasses .f-carousel {
        --f-carousel-slide-padding: 0 14px;
        margin: 0 -14px;
    }

@media screen and (min-width: 767px) {
    .MostPopularClasses .f-carousel {
        --f-carousel-slide-width: calc(100% / 2);
    }
}

@media screen and (min-width: 1200px) {
    .MostPopularClasses .f-carousel {
        --f-carousel-slide-width: calc(100% / 3);
    }
}

.MostPopularClasses .carouselButton {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0.5);
    z-index: 1;
}

    .MostPopularClasses .carouselButton[disabled] {
        opacity: 0.5;
    }

    .MostPopularClasses .carouselButton.is-next {
        right: 20px;
    }

    .MostPopularClasses .carouselButton.is-prev {
        left: 20px;
    }

@media screen and (min-width: 600px) {
    .MostPopularClasses .carouselButton.is-next {
        right: -20px;
    }

    .MostPopularClasses .carouselButton.is-prev {
        left: -20px;
    }
}

@media screen and (min-width: 1300px) {
    .MostPopularClasses .carouselButton {
        transform: translateY(-50%) scale(1);
    }

        .MostPopularClasses .carouselButton.is-next {
            right: -40px;
        }

        .MostPopularClasses .carouselButton.is-prev {
            left: -40px;
        }
}

.CustomerSuccess {
    padding: 75px 0 80px;
}

    .CustomerSuccess .SlideImage {
        width: 402px;
        height: auto;
        aspect-ratio: 1/1;
        object-fit: cover;
        border-radius: 50%;
        position: relative;
    }

    .CustomerSuccess .SlideImageHolder {
        position: relative;
        width: fit-content;
        aspect-ratio: 1/1;
    }

        .CustomerSuccess .SlideImageHolder:before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border: 3px solid #6b7fb5;
            border-radius: 50%;
            top: 24px;
            left: 20px;
        }


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .CustomerSuccess .SlideImageHolder:before {
        top: 15px;
        left: 10px;
    }
}

@media screen and (max-width: 540px) {
    .CustomerSuccess .SlideImageHolder:before {
        left: 0;
    }

    .CustomerSuccess .SlideImageHolder:after {
        right: 0px;
    }
}

.CustomerSuccess .avatar {
    width: 86px;
    height: 86px;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 6px;
}

@media screen and (max-width: 767px) {
    .CustomerSuccess .avatar {
        width: 50px;
        height: 50px;
    }
}

.CustomerSuccess .name {
    font-size: 20px;
    line-height: 130%;
    font-weight: 700;
}

.CustomerSuccess .position {
    font-size: 16px;
    line-height: 163%;
}

.CustomerSuccess .f-carousel__nav {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

@media screen and (min-width: 1200px) {
    .CustomerSuccess .f-carousel__nav {
        right: -30px;
    }
}

@media screen and (min-width: 1300px) {
    .CustomerSuccess .f-carousel__nav {
        right: -50px;
    }
}

.CustomerSuccess #js-count {
    font-size: 20px;
    line-height: 130%;
    font-weight: 700;
}

.StatsShows {
    padding: 70px 0 90px;
    background-color: #E5EEFD;
}

    .StatsShows .Card {
        border-radius: 6px;
        padding: 32px 10px 35px;
        flex-basis: 100%;
    }

@media screen and (min-width: 768px) {
    .StatsShows .Card {
        flex-basis: calc(50% - 8px);
    }
}

@media screen and (min-width: 992px) {
    .StatsShows .Card {
        flex-basis: calc(25% - 12px);
    }
}

.StatsShows .title {
    font-size: 60px;
    line-height: 1;
    font-weight: 800;
}

.StatsShows .description {
    font-size: 20px;
    line-height: 130%;
}

.StatsShows .Card:nth-child(1) {
    background-color: #6B95F4;
}

.StatsShows .Card:nth-child(2) {
    background-color: #045CED;
}

.StatsShows .Card:nth-child(3) {
    background-color: #8093CC;
}

.StatsShows .Card:nth-child(4) {
    background-color: #45A2E3;
}

.FeaturesBenefits {
    padding: 95px 0;
}

    .FeaturesBenefits .decoration {
        margin: 112px 0 0;
    }

    .FeaturesBenefits .mainRow {
        gap: 80px;
    }

    .FeaturesBenefits .mainCol {
        flex-basis: calc(42% - 40px);
    }

    .FeaturesBenefits .secondaryCol {
        flex-basis: calc(58% - 40px);
        row-gap: 30px;
        column-gap: 65px;
    }

        .FeaturesBenefits .secondaryCol .Card {
            flex-basis: calc(50% - 32.5px);
            max-width: 320px;
        }

@media screen and (max-width: 600px) {
    .FeaturesBenefits .secondaryCol .Card {
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
    }
}

@media screen and (max-width: 991px) {
    .FeaturesBenefits .mainRow {
        gap: 40px;
    }

    .FeaturesBenefits .mainCol, .FeaturesBenefits .secondaryCol {
        flex-basis: 100%;
    }
}

.FeaturesBenefits .icon {
    max-height: 70px;
    width: auto;
    object-fit: contain;
    object-position: left;
}

.FeaturesBenefits .title {
    font-size: 20px;
    line-height: 130%;
    font-weight: 700;
}

.FAQ {
    padding: 75px 0 90px;
    background-color: #E5EEFD;
    background-image: url("../images/FAQ/bg.png");
    background-repeat: no-repeat;
    background-size: 125%;
    background-position: 75% 100%;
}

    .FAQ .MainRow {
        row-gap: 40px;
        column-gap: 98px;
    }

    .FAQ .imageCol {
        flex-basis: calc(48% - 49px);
    }

    .FAQ .contentCol {
        flex-basis: calc(52% - 49px);
    }

    .FAQ .accordion-button::after {
        background-position: center;
    }

    .FAQ .accordion {
        --bs-accordion-btn-icon-width: 27px;
        --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27'%3E%3Cg id='Сгруппировать_1' data-name='Сгруппировать 1' transform='translate(-1372 -5763.5)'%3E%3Crect id='Shape_35_copy_2' data-name='Shape 35 copy 2' width='2' height='27' transform='translate(1384.5 5763.5)' fill='%23045ced'/%3E%3Crect id='Shape_35_copy_2-2' data-name='Shape 35 copy 2' width='27' height='2' transform='translate(1372 5776)' fill='%23045ced'/%3E%3C/g%3E%3C/svg%3E%0A");
        --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='2' viewBox='0 0 27 2'%3E%3Crect id='Shape_35_copy_2' data-name='Shape 35 copy 2' width='27' height='2' fill='%23045ced'/%3E%3C/svg%3E%0A");
        --bs-accordion-bg: transparent;
        --bs-accordion-active-bg: transparent;
        --bs-accordion-border-radius: 0;
        --bs-accordion-inner-border-radius: 0;
        --bs-accordion-btn-padding-x: 10px;
        --bs-accordion-btn-padding-y: 25px;
        --bs-accordion-border-width: 0;
    }

    .FAQ .accordion-item {
        border: none;
    }

        .FAQ .accordion-item:not(:last-child) {
            border-bottom: 1px solid #C1C7D1;
        }

    .FAQ .accordion-button {
        font-size: 20px;
        line-height: 130%;
        font-weight: 700;
    }

.ContactUs {
    padding: 110px 0;
}

    .ContactUs:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        background: linear-gradient(90deg, rgba(3, 93, 238, 1) 0%, rgba(103, 178, 255, 1) 100%);
    }

@media screen and (min-width: 992px) {
    .ContactUs:before {
        left: -12%;
        clip-path: url(#my-clip-path);
    }
}

.ContactUs .MainRow {
    row-gap: 40px;
    column-gap: 60px;
}

.ContactUs .TextCol {
    flex-basis: calc(49.2% - 30px);
}

.ContactUs .FormCol {
    flex-basis: calc(50.8% - 30px);
}

.ContactUs .contactForm {
    border-radius: 6px;
    padding: 45px 35px 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 1199px) {
    .ContactUs .contactForm {
        max-width: calc(100% - 20px);
    }
}

.ContactUs .contactForm:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 20px;
    left: 20px;
    border-radius: 6px;
    border: 3px solid #045CED;
    z-index: -1;
}

.ContactUs .form-control {
    padding: 20px 25px;
}

.ContactUs textarea.form-control {
    min-height: 94px;
}

.ContactUs .ContactLink {
    font-size: 20px;
    line-height: 130%;
}

@media screen and (max-width: 991px) {
    .section {
        padding: 50px 0;
    }
}

/*!
* Custom
*/

.ui-autocomplete {
    overflow-y: auto;
    overflow-x: auto;
    z-index: 100000;
    border-radius: 5px;
}

    .ui-autocomplete li:first-child {
        border-top-left-radius: 5px; /* adjust as needed */
        border-top-right-radius: 5px; /* adjust as needed */
    }

    .ui-autocomplete li:last-child {
        border-bottom-left-radius: 5px; /* adjust as needed */
        border-bottom-right-radius: 5px; /* adjust as needed */
    }

    .ui-autocomplete li {
        background-color: #eef2f8;
        border-color: #eef2f8;
        z-index: 100000;
        width: auto;
        height: auto; /* Adjust as needed */
    }

.ui-menu .ui-menu-item {
    padding: 5px; /* Adjust as needed */
    text-decoration: none; /* Prevent link decoration */
    color: black;
}

.ui-menu .ui-autocomplete-category {
    padding: 5px 10px; /* Adjust as needed */
    font-weight: bold;
    background-color: #f7f7f7; /* Adjust as needed */
    text-decoration: none; /* Prevent link decoration */
}

.page-beat {
    --fa-animation-iteration-count: 2;
    color: #ffffff;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-user .dropdown-menu .dropdown-item .dropdown-item-icon {
    color: #a7aeb8;
}

.dropdown-user .dropdown-menu .dropdown-item .dropdown-item-icon svg {
        vertical-align: inherit;
    }

.dropdown-user .dropdown-menu .dropdown-item:active .dropdown-item-icon {
    color: #fff;
}