body {
    background: #F0F5FD;
}

#content-wrapper .content h1 {
    margin-bottom: 32px;
}

#content-wrapper .content h4 {
    max-width: 646px;
    margin-right: 50px;
}

#content-wrapper .content .btn.btn-white {
    width: 143px;
    height: 56px;
    background: #F0F5FD;
    border-radius: 40px;
    margin: 0 auto;
}

#content-wrapper .content .btn.btn-white:hover {
    background: #244170;
    border: 1px solid #244170;
    color: #fff;
}

.page-content {
    padding-top: 80px;
}

.page-content h1.title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: rgba(19, 46, 85, 0.9);
    margin-bottom: 20px;
}

.page-content .sub-title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: rgba(19, 46, 85, 0.9);
    margin-bottom: 60px;
}

.solutions {
    margin-bottom: 120px;
}

.solution-card {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    padding: 0 40px 40px;
}

.solution-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #263F6E;
    text-align: center;
    margin-bottom: 17px;
}

.solution-card .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #263F6E;
    text-align: center;
}

.solution-card .badge {
    width: 83px;
    height: 74px;
    background: linear-gradient(103.95deg, rgba(255, 255, 255, 0.2) 21.37%, rgba(255, 255, 255, 0) 83.81%), #D80027;
    backdrop-filter: blur(17px);
    border-radius: 0 0 8px 8px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 25px;
}

.solution-card .badge .text {
    display: flex;
    flex-direction: column;
    margin-left: 10px;
    color: #FFFFFF;
}

.solution-card .badge .number {
    font-style: normal;
    font-weight: 400;
    font-size: 44px;
    line-height: 17px;
    color: #FFFFFF;
}

.what-we-offer .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 32px;
    color: #132E55;
    margin-bottom: 20px;
}

.what-we-offer .text {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: rgba(19, 46, 85, 0.9);
}

.what-we-offer img {
    width: 100%;
    height: 330px;
    object-fit: contain;
}

.what-we-offer .row {
    margin-bottom: 95px;
}

.clients img {
    width: 100%;
    object-fit: contain;
}

.clients-reviews {
    text-align: center;
}

.clients-reviews h1 {
    margin-bottom: 60px !important;
}

.clients-reviews #video-wrapper {
    margin-bottom: 95px;
}

.clients-reviews .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #244170;
}

.review-card {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 32px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.review-card .name {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #244170;
}

.review-card .stars {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
}

.review-card .stars svg.active path {
    fill: #EE8E28;
}

.review-card img {
    width: 80px !important;
    height: 80px !important;
    border-radius: 50%;
    margin-bottom: 20px;
}

.review-card .name {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #244170;
    margin-bottom: 14px;
}

.review-card .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #244170;
}

.reviews .btn.btn-reservation {
    width: 249px;
    height: 56px;
    background: #4C758A;
    border-radius: 40px;
    margin: 60px auto 0;
}

.reviews .btn.btn-reservation:hover {
    background: #244170;
    color: #fff;
}

.companies-page .filters .content .title {
    max-width: 600px;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 62px;
    text-align: right;
    color: #FFFFFF;
}

.companies-page .filters .content .sub-title {
    max-width: 556px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    text-align: right;
    color: #FFFFFF;
    opacity: 0.8;
    margin: 0 !important;
}

.cover-card {
    min-height: 178px;
    background: linear-gradient(103.95deg, rgba(255, 255, 255, 0.2) 21.37%, rgba(255, 255, 255, 0) 83.81%), rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(17px);
    border-radius: 8px;
    padding: 15px 30px;
    margin-top: 35px;
}

.cover-card .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    margin-top: 24px;
}

.companies-page .filters .content {
    padding-top: 200px;
}

.companies-page .filters .content .cover-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #FFFFFF;
}

.cover-card .btn {
    background: rgba(36, 65, 112, .23);
    border: 1px solid rgba(255, 255, 255, .23);
    border-radius: 18px;
    width: 118px;
    height: 32px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.cover-card .btn:hover {
    background: #244170;
    color: #fff;
}

.companies-page .page-content {
    padding: 0 !important;
}

.companies-page .how-it-works {
    background: #fff;
}

.power-points {
    padding: 80px 0;
    text-align: center;
}

.power-points h1 ,.categories h1 {
    margin-bottom: 55px !important;
}

.power-points .power-card {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    position: relative;
    margin-bottom: 24px;
    min-height: 230px;
    padding: 32px;
}

.power-points .power-card .power-circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #F1F5F9;
    position: absolute;
    right: 30px;
    top: -10px;
    z-index: -1;
    white-space: pre;
}

.power-points .power-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    position: relative;
    color: #244170;
    z-index: 2;
    display: initial;
}

.power-points .power-card .text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #244170;
    margin-top: 24px;
}

.category-card {
    min-height: 228px;
    background: #FFFFFF;
    border: 1px solid #F0F5FD;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 24px;
}

.category-card img {
    margin-bottom: 26px;
    width: 90px;
    height: 95px;
    object-fit: contain;
}

.category-card .title {
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 22px;
    color: #263F6E;
    text-align: center;
}

.categories {
    padding: 80px 0;
    background: #fff;
}

.clients .client-card {
    background: #FFFFFF;
    box-shadow: 0 4px 24px rgba(19, 46, 85, 0.1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    margin-bottom: 24px;
}

.clients {
    padding: 80px 0;
    text-align: center;
}

.clients h1 {
    margin-bottom: 45px !important;
}

.events h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 62px;
    color: #FFFFFF;
    max-width: 470px;
    margin: 0 auto 12px;
}

.events h4.sub-title {
    max-width: 631px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 32px;
    color: #FFFFFF;
    margin-bottom: 30px;
    text-align: center;
}

.events .btn-transparent {
    width: 220px;
    height: 40px;
    border: 1px solid #FFFFFF;
    border-radius: 40px;
    margin: 0 auto 26px;
}

.events .filters {
    height: auto !important;
    background-image: url(../images/hero-section.png) !important;
}

.events .filters .content {
    padding-top: 120px !important;
}

.events #video-wrapper {
    height: 395px;
}

.events #video-wrapper img, .events #video-wrapper video {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin: 0 auto;
}

.event-details {
    padding: 80px 0;
    text-align: center;
}

.event-details .title {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #132E55;
    margin-bottom: 12px;
}

.event-details .text {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    color: rgba(19, 46, 85, 0.9);
}

.event-details .btn-blue {
    width: 233px;
    height: 56px;
    background: #263F6E;
    border-radius: 40px;
    margin: 60px auto 0;

}

.events .clients-reviews {
    padding: 80px 0;
}

.contact-us-form .form-group {
    text-align: initial !important;
}

.contact-us-form .form-group label {
    font-size: 14px;
}

.contact-information {
    background: #fff;
    padding: 40px 0;
    text-align: center;
}

.contact-information .title {
    font-weight: 700;
    margin-bottom: 20px;
}

.contact-information .text {
    font-weight: 400;
    font-size: 14px;
}

.contact-information img {
    width: 50px;
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    .category-card {
        height: 160px;
        min-height: initial;
    }

    .category-card img {
        margin-bottom: 16px;
        height: 65px;
        object-fit: contain;
    }

    .clients-reviews img {
        max-width: 100%;
    }

    .solution-card {
        margin-bottom: 24px;
    }

    .page-content {
        padding-top: 40px !important;
    }

    .page-content h1.title {
        font-size: 24px;
        margin-top: 40px;
        margin-bottom: 30px;
    }

    .page-content .sub-title {
        margin-bottom: 24px !important;
    }

    .solutions {
        margin-bottom: 60px;
    }

    .reviews .btn.btn-reservation {
        margin: 20px auto 20px;
    }

    .clients-reviews #video-wrapper {
        margin-bottom: 40px;
    }

    .categories, .power-points {
        padding-bottom: 0;
        padding-top: 20px;
    }

    .clients {
        padding: 15px 0;
    }
}