.brand-carousel-wrapper .brand-carousel {
    margin-bottom: 44px;
}

.brand-carousel-wrapper {
    padding: 48px 73px;
}

    .brand-carousel-wrapper .carousel-title {
        color: var(--blue-blue-500, #004dcd);
        text-align: center;
        font-family: "Lato-Light";
        font-size: 44px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .brand-carousel-wrapper .carousel-content {
        color: var(--neutral-neutral-900, #091e42);
        text-align: center;
        font-family: "Lato-Regular";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-top: 16px;
        margin-bottom: 56px;
    }

.global-primary-btn {
    border-radius: var(--button-links-radius-default, 24px);
    background: var(--blue-blue-500, #004dcd);
    padding: 12px 32px;
    color: var(--neutral-white, #fff);
    font-family: "Lato-Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    border-radius: var(--button-links-radius-default, 24px);
    background: var(--blue-blue-500, #004dcd);
    width: fit-content;
}

.brand-carousel-wrapper .global-primary-btn {
    margin: 0 auto;
}

.global-primary-btn:hover {
    border-radius: var(--button-links-radius-default, 24px);
    border: 4px solid var(--blue-blue-300, #5488de);
    background: var(--blue-blue-500, #004dcd);
    text-decoration: none;
}

.brand-carousel-wrapper .slick-next::before {
    content: "";
    background: url("../images/chevron-right.svg");
    width: 16px;
    height: 16px;
    display: block;
}

.brand-carousel-wrapper .slick-prev::before {
    content: "";
    background: url("../images/chevron-left.svg");
    width: 16px;
    height: 16px;
    display: block;
}

.brand-carousel-wrapper .carousel-arrow {
    position: absolute;
    right: 16px;
    bottom: 16px;
}

.brand-carousel-wrapper .brand-logo {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

.brand-carousel-wrapper .slick-initialized .slick-slide {
    display: flex;
    justify-content: center;
}

.brand-carousel-wrapper .logo-card {
    position: relative;
    border-radius: 16px;
    box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.08);
    background: var(--neutral-white, #fff);
}

    .brand-carousel-wrapper .logo-card:hover {
        border: 3px solid var(--blue-blue-500, #004dcd);
    }
/* 2 col comp */
.two-col-wrapper {
    display: flex;
}

.two-col-img-wrapper .two-col-img {
    width: 100%;
}

.two-col-wrapper .two-col-content-wrapper h2 {
    color: var(--neutral-white, #fff);
    font-family: Lato;
    font-size: 44px;
    font-style: normal;
    font-weight: 300;
    line-height: 52px;
}

.two-col-wrapper .two-col-content-wrapper p {
    color: var(--neutral-white, #fff);
    font-family: Lato;
    font-size: 24px;
    line-height: 36px;
    font-style: normal;
    font-weight: 400;
}
/*two col Main comp*/
.two-col-main .two-col-content-wrapper {
    padding: 100px 64px 0 38px;
}

    .two-col-main .two-col-content-wrapper h2 {
        margin: 20px 0 16px 0;
    }

    .two-col-main .two-col-content-wrapper p {
        margin-bottom: 40px;
    }

.two-col-main {
    background-color: #fd8f40;
}
/*ROW REV COMP*/

.two-col-rowrev {
    background-color: #004dcd;
    flex-direction: row-reverse;
    border-radius: 16px;
}

    .two-col-rowrev .two-col-content-wrapper {
        border-top: 24px solid #fd8f40;
    }

.two-col-card {
    background-color: #e6edfa;
    padding: 48px;
}

/*SECONDARY BUTTON CSS*/
.global-sec-btn {
    border-radius: var(--button-links-radius-default, 24px);
    border: 2px solid var(--neutral-white, #fff);
    color: var(--neutral-white, #fff);
    font-family: Lato;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    padding: 12px 32px;
    background: transparent;
    width: fit-content;
    display: flex;
    align-items: center;
}

    .global-sec-btn:hover {
        border: 0;
        background: var(--neutral-white, #fff);
        text-decoration: none;
        color: #004dcd;
    }

    .global-sec-btn:focus {
        outline: 0;
        text-decoration: 0;
        background-color: #fff;
    }
/*BOOTSTARP PADDING REMOVAL*/
.no-padd {
    padding: 0;
}

@media (min-width: 992px) {
    .brand-carousel-wrapper .carousel-card .inner-card {
        width: 100% !important;
        height: 195px;
    }

    .brand-carousel-wrapper .logo-card {
        margin: 0 35px;
        padding: 90px;
    }
}

@media (max-width: 991px) {
    .brand-carousel-wrapper .carousel-card .inner-card {
        width: 100% !important;
        height: 105px;
    }

    .brand-carousel-wrapper .logo-card {
        margin: 0 8px;
        padding: 50px;
    }

    .brand-carousel-wrapper .brand-logo {
        width: 70%;
    }

    .brand-carousel-wrapper .carousel-title {
        font-size: 36px;
    }

    .brand-carousel-wrapper .carousel-content {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 32px;
    }

    .brand-carousel-wrapper {
        padding: 32px 40px;
    }

        .brand-carousel-wrapper .slick-list {
            padding: 0 14% 0 0 !important;
        }
    /*2 col comp*/
    .two-col-main .global-sec-btn {
        margin: 0 auto;
    }

    .two-col-main .two-col-content-wrapper p {
        margin-bottom: 32px;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .brand-carousel-wrapper .slick-list {
        padding: 0 9% 0 0 !important;
    }

    .brand-carousel-wrapper .carousel-card .inner-card {
        width: 100% !important;
        height: 165px;
    }

    .brand-carousel-wrapper .logo-card {
        margin: 0 16px;
        padding: 75px;
    }

    .brand-carousel-wrapper .brand-logo {
        width: 70%;
    }

    .brand-carousel-wrapper {
        padding: 32px 56px;
    }
    /*2 col comp*/

    .two-col-wrapper {
        flex-direction: column;
    }

        .two-col-wrapper .two-col-content-wrapper h2 {
            font-size: 36px;
            line-height: 43px;
        }

        .two-col-wrapper .two-col-content-wrapper p {
            line-height: 28px;
        }

    .two-col-main .two-col-content-wrapper {
        padding: 0 48px 32px 48px;
    }

        .two-col-main .two-col-content-wrapper h2 {
            margin-top: 0;
        }
}
/** Mobile**/
@media (max-width: 599px) {
    /*2 col comp*/
    .two-col-wrapper {
        flex-direction: column;
    }

        .two-col-wrapper .two-col-content-wrapper p {
            font-size: 20px;
            line-height: 24px;
        }

    .two-col-main .two-col-content-wrapper {
        padding: 0 32px 32px 32px;
    }

        .two-col-main .two-col-content-wrapper h2 {
            margin-top: 10px;
        }
}