.grey_boxes {
    padding: 50px 0;
}

.grey_boxes .grey_boxes_head {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 64px;
}

.grey_boxes .grey_boxes_head h1 {
    font-size: var(--fs-50);
    line-height: var(--lh-60);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.grey_boxes .grey_boxes_head h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.grey_boxes .grey_boxes_head h3 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.grey_boxes .grey_boxes_head h4 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.grey_boxes .grey_boxes_head h5 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.grey_boxes .grey_boxes_head h6 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
}

.grey_boxes .grey_boxes_head p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-400);
    color: var(--sol-grey);
    margin: 0;
}

.grey_boxes .grey_boxes_wrapper {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.grey_boxes .grey_boxes_wrapper .grey_box_content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.grey_boxes .grey_boxes_wrapper .grey_box {
    max-width: calc((100% - 32px) / 3);
    width: 100%;
    background-color: var(--secondary-white);
    padding: 30px;
    border-radius: 12px;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h2 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    padding: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h3 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    padding: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h4 {
    font-size: var(--fs-26);
    line-height: var(--lh-36);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    padding: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h5 {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    padding: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h6 {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    font-weight: var(--fw-600);
    color: var(--color-primary);
    margin: 0;
    padding: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc p {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
    font-weight: var(--fw-400);
    margin: 0;
    padding: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ul,
ol {
    margin: 20px 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ul li {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
    font-weight: var(--fw-400);
    margin: 0;
    padding-bottom: 16px;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ul li:last-child {
    padding-bottom: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ol li {
    font-size: var(--fs-20);
    line-height: var(--lh-30);
    color: var(--sol-grey);
    font-weight: var(--fw-400);
    margin: 0;
    padding-bottom: 16px;
}

.grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ol li:last-child {
    padding-bottom: 0;
}

.grey_boxes .grey_boxes_wrapper .grey_box.box-title-left .grey_box_title {
    text-align: left;
}

.grey_boxes .grey_boxes_wrapper .grey_box.box-title-right .grey_box_desc {
    text-align: left;
}

.grey_boxes .grey_boxes_wrapper .grey_box.box-title-right .grey_box_title {
    text-align: right;
}

.grey_boxes .grey_boxes_wrapper .grey_box.box-title-right .grey_box_desc {
    text-align: right;
}

.grey_boxes .grey_boxes_wrapper .grey_box.centre .grey_box_title {
    text-align: center;
}

.grey_boxes .grey_boxes_wrapper .grey_box.centre .grey_box_desc {
    text-align: center;
}

.gradient_cta_banner .breadcrumb {
    position: unset;
    padding: 20px 0;
    margin: 0;
}

.gradient_cta_banner .breadcrumb span {
    font-size: var(--fs-18);
}

.gradient_cta_banner .gradient_cta_banner_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
    max-width: 1200px;
    width: 100%;
    padding: 125px 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper h1 {
    font-size: var(--fs-58);
    line-height: var(--lh-68);
    color: var(--color-white);
    font-weight: var(--fw-600);
    margin: 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper h2 {
    font-size: var(--fs-40);
    line-height: var(--lh-50);
    color: var(--color-white);
    font-weight: var(--fw-600);
    margin: 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper h3 {
    font-size: var(--fs-36);
    line-height: var(--lh-46);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper h4 {
    font-size: var(--fs-36);
    line-height: var(--lh-46);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper h5 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper h6 {
    font-size: var(--fs-30);
    line-height: var(--lh-40);
    color: var(--color-white);
    font-weight: var(--fw-500);
    margin: 0;
}

.gradient_cta_banner .gradient_cta_banner_wrapper p {
    font-size: var(--fs-24);
    line-height: var(--lh-34);
    color: var(--color-white);
    font-weight: var(--fw-400);
    margin: 0;
}

.gradientone {
    background: linear-gradient(135deg, #11182A 0%, #131e37 35%, #084987 100%);
}

/* .gradienttwo {
    background: linear-gradient(135deg, #15395b 0%, #0D6CBC 55%, #099BDD 100%);
} */

.gradienttwo {
    background: linear-gradient(135deg, #11182A 0%, #055985 50%, #0096AA 100%);
}

.gradientthree {
    background: linear-gradient(120deg, #0B1956 0%, #224380 45%, #099BDD 100%);
}

/* .gradientfive {
    background: linear-gradient(135deg, #084987 0%, #099BDD 55%, #AADCF4 100%);
} */

/* .gradientsix {
    background: linear-gradient(145deg, #11182A 0%, #15395b 40%, #0D6CBC 100%);
} */

/* .gradientseven {
    background: linear-gradient(135deg, #006376 0%, #0096AA 45%, #AADCF4 100%);
} */

/* .gradienteight {
    background: linear-gradient(90deg, #131e37 0%, #224380 50%, #0D6CBC 100%);
} */

.gradientfour {
    background: linear-gradient(160deg, #11182A 0%, #0B1956 45%, #084987 100%);
}

/* .gradientten {
    background: linear-gradient(135deg, #224380 0%, #099BDD 60%, #AADCF4 100%);
} */

.gradientfive {
    background: linear-gradient(135deg, #0B1956 0%, #0096AA 82%, #00C2FF 100%);
}

@media(max-width:1200px) {

    .grey_boxes .grey_boxes_wrapper .grey_box {
        max-width: calc((100% - 16px) / 2);
        width: 100%;
    }

}

@media(max-width:1024px) {

    .grey_boxes .grey_boxes_wrapper .grey_box {
        max-width: 100%;
        width: 100%;
    }

}

@media(max-width:767px) {

    .grey_boxes .grey_boxes_head {
        padding-bottom: 40px;
    }

    .grey_boxes .grey_boxes_head h1 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .grey_boxes .grey_boxes_head h2 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .grey_boxes .grey_boxes_head h3 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .grey_boxes .grey_boxes_head h4 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .grey_boxes .grey_boxes_head h5 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .grey_boxes .grey_boxes_head h6 {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

    .grey_boxes .grey_boxes_head p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h2 {
        font-size: var(--fs-28);
        line-height: var(--lh-38);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h3 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h4 {
        font-size: var(--fs-24);
        line-height: var(--lh-34);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h5 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_title h6 {
        font-size: var(--fs-22);
        line-height: var(--lh-32);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc p {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ul li {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .grey_boxes .grey_boxes_wrapper .grey_box .grey_box_desc ol li {
        font-size: var(--fs-18);
        line-height: var(--lh-26);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper h1 {
        font-size: var(--fs-36);
        line-height: var(--lh-46);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper h2 {
        font-size: var(--fs-30);
        line-height: var(--lh-40);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper h3 {
        font-size: var(--fs-28);
        line-height: var(--lh-38);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper h4 {
        font-size: var(--fs-28);
        line-height: var(--lh-38);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper h5 {
        font-size: var(--fs-26);
        line-height: var(--lh-36);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper h6 {
        font-size: var(--fs-26);
        line-height: var(--lh-36);
    }

    .gradient_cta_banner .gradient_cta_banner_wrapper p {
        font-size: var(--fs-20);
        line-height: var(--lh-30);
    }

}