.pricing-tabs .pricing-tab {
    /* color: #feaf54; */
    color: #fff;
    /* color: #000; */
}

.pricing-tabs .pricing-tab.active {
    /* color: #feaf54 !important;
    border-bottom: 5px solid #feaf54 !important; */
    /* color: #fff !important;
    border-bottom: 5px solid #fff !important; */
    /* color: #000 !important;
    border-bottom: 5px solid #000 !important; */
    color: #FFDF75 !important;
    border-bottom: 5px solid #FFDF75 !important;
    
}

.custom-index {
    z-index: 1;
}

.custom-homepage {
    /* color: #feaf54; */
    /* color: #fff; */
    color: #FFDF75;
}

.fa-lg {
    font-size: 1.5vw !important;
}

.fa-2x {
    font-size: 2vw !important;
}

.btn-style-hiw {
    width: auto;
    font-size: 1vw;
    padding: 1vw 1.5vw 1vw 1.5vw;
    margin-top: 0px;
    background-color: #ff9821;
    /* box-shadow: 1px 8px 0px #00000042; */
    -moz-box-shadow: 1px 8px 0px #00000042;
    -webkit-box-shadow: 1px 8px 0px #00000042;
    box-shadow: 1px 8px 0px #00000042;
    border: none !important;
    color: white;
    margin: 1.6vw 0;
}

.top-main-banner {
    padding: 15vh 0;
}

.sign-banner {
    width: 17vw;
    margin-top: -3vw;
}

.top-headline {
    color: #006AC7;
    font-size: 3vw;
    margin-top: 2vw;
    padding: 0 36vw;
}

.top-headline-desc {
    color: black;
    font-size: 1vw;
    padding: 0 32vw;
}

.left-img-container {
    float: left;
    position: absolute;
    top: 0;
    left: 0;
}

.left-orange-group {
    position: absolute;
    width: 31vw;
    left: -7.5vw;
    z-index: 3;
}

.left-orange {
    position: absolute;
    left: 12vw;
    top: -1vh;
    width: 11vw;
    z-index: 1;
}

.left-ipad {
    position: absolute;
    left: 4vw;
    width: 17vw;
    z-index: 2;
}

.left-iphone {
    position: absolute;
    left: 8.5vw;
    top: 13vw;
    width: 13vw;
    z-index: 3;
}

.right-img-container {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
}

.right-orange-group {
    position: absolute;
    top: -1vw;
    right: -4.5vw;
    width: 20vw;
}

.right-BRchar {
    position: absolute;
    top: 3vw;
    right: 16vw;
    width: 7.5vw;
    z-index: 1;
}

.right-laptop {
    position: absolute;
    top: 5vw;
    right: -1.7vw;
    width: 26vw;
}

.right-orange-slice {
    position: absolute;
    top: 17.5vw;
    right: 12.2vw;
    width: 12vw;
}

.right-leaf-orange{
    position: absolute;
    top: 20.5vw;
    right: 2.5vw;
    width: 8vw;
}

.bg-color-container {
    background-color: #097ADE;
    padding: 6vw 0 4vw 0;
}

.customer-text {
    width: 100vw;
    color: white;
    font-size: 1vw;
}

.happy-cust-1 {
    padding-top: 1vw;
}

.happy-cust-2 {
    padding: 0;
}

.slider-section {
    background-color: #17B8FF;
}

.slider-padding-1 {
    padding: 0 15vw;
}

.text-header {
    font-size: 1vw;
    color: white;
    margin: 8vh 0 4vh 0;
}

.text-desc {
    color: white;
    font-size: 1.8vw;
    margin-bottom: 3vh;
    padding: 0 15vw;
}

.slide-underline {
    position: absolute;
    right: 17vw;
    top: 2.2vw;
    width: 14.5vw;
}

.ai-btn {
    position: absolute;
    top: 25px;
    left: 30px;
    width: 33% !important;
    margin-bottom: 0 !important;
}

.icon-star {
    position: absolute;
    top: 27px;
    left: 34px;
    width: 3% !important;
}

.ico-text {
    position: absolute;
    top: 28px;
    left: 50px;
    font-size: 7px;
    color: white;
    margin: 0 !important;
}

.slider-header {
    position: absolute;
    top: 55px;
    left: 30px;
    color: white;
}

.right-slider-img-container{
    position: relative;
}

.left-slider-img-container{
    position: relative;
}

.right-slider-img-container img{
    position: absolute;
    top: -22.8vw;
    right: -5vw;
    z-index: 2;
    width: 24vw;
}

.left-slider-img-container img{
    position: absolute;
    top: -11.5vw;
    left: -6.5vw;
    z-index: 2;
    width: 26vw;
}

.why-brandripe {
    background: transparent linear-gradient(150deg, #17B8FF 0%, #097ADE 100%);
}

.slide-underline-2 {
    position: absolute;
    right: 43vw;
    top: 2.2vw;
    width: 9vw;
}

.text-desc-small{
    color: white;
    font-size: 1.1vw;
}

.why-br-custom-col {
    padding: 0 22vw 1.5vw 22vw;
}

.prices-plans {
    background-color: #097ADE;
}

.gated-padding {
    padding-top: 10vw;
}

.prices-plans-desc {
    background: transparent linear-gradient(175deg, #17B8FF 25%, #097ADE 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    padding: 5vw 12vw 0 12vw;
}

.prices-plans-desc-gated {
    background: transparent linear-gradient(175deg, #17B8FF 25%, #097ADE 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.prices-plans-desc h3 {
    text-align: left;
    color:white;
    font-size: 2vw;
}

.prices-custom-col {
    padding-right: 7vw;
}

.prices-plans-desc p {
    font-size: 0.97vw;
    color: white;
    padding-left: 0;
    padding-bottom: 1vw;
    text-align: left;
}

.custom-h3-padding {
    padding-right: 30vw;
}

.custom-prices-btn {
    margin-top: -11vw;
    padding-left: 9vw;
}

.custom-prices-btn-2 {
    margin-top: 1vw;
}

.plans-slide {
    height: 14vw;
    background: #17B8FF 0% 0% no-repeat padding-box;
    border-radius: 13px;
    opacity: 1;
    padding: 0.8vw 2.5vw 0 2.5vw;
}

.hiring-text-p {
    margin-top: -1.5vw;
}

.slide-icon {
    background-color: transparent !important;
    color: white !important;
}

.slide-icon-2 {
    background-color: transparent !important;
    color: white !important;
    padding-top: 0.5vw;
}

.icon-img-svg {
    width: 1.5vw;
}

.icon-img-svg-2 {
    width: 1.5vw;
}

.plans-padding {
    padding-left: 0;
    width: auto !important;
}

.plans-slide h3 {
    font-size: 1vw;
    margin-top: 0.5vw;
    color: white;
    padding-left: 0.8vw;
}

.plans-slide p {
    text-align: left;
    font-size: 0.85vw;
    padding-top: 0.5vw;
}

.custom-margin-h3-3 {
    margin-top: .6vw;
}

.slide-title-container {
    padding: 0 30px;
}

.plans-container {
    padding: 0 20px 90px 40px;
}

.plans-brandripe-bg {
    margin: 30px -5px 0 -25px;
    background: #F79726 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    border-radius: 13px;
    opacity: 1;
}

.plans-brandripe-bg h2 {
    letter-spacing: 2px;
    font-size: 1vw;
    color: white;
    padding-top: 0.5vw;
    margin: 0.5vw;
}

.plans-brandripe-bg h3 {
    font-size: 3vw;
    color: white;
    padding-top: 0;
    margin: 0.5vw;
}

.plans-brandripe-bg p {
    font-size: 0.9vw;
    color: white;
    margin: 1vw;
    padding: 0.5vw 0vw;
}

.new-way-brandripe-custom {
    padding: 0.5vw 3vw 0vw 3vw;
}

.header-container {
    margin-top: -0.5vw;
}

.plan-custom-underline {
    padding-left: 0.5vw;
    width: 16vw;
    margin-top: -2vw;
}

.client-testimonial {
    background-color: white;
    padding-bottom: 11vw;
}

.testimonial-header-text{
    color: #006AC7;
    font-family: "montserrat-bold";
    font-size: 2.5vw;
    padding: 3vw 0 2vw 0;
}

.testimonial-img-container {
    position: relative;
}

.testimonial-img-container img {
    position: absolute;
    width: 16vw;
}

.testimonial-cont-img-1 {
    top: -6.3vw;
    left: -7vw;
}

.testimonial-cont-img-2 {
    top: 7.5vw;
    left: 5vw;
}

.testimonial-cont-img-3 {
    top: 22vw;
    left: -7vw;
    z-index: 2;
}

.testimonial-cont-img-4 {
    top: -7vw;
    right: -8vw;
    width: 17vw !important;
}

.testimonial-cont-img-5 {
    top: 7vw;
    right: 5vw;
    width: 10vw !important;
}

.testimonial-cont-img-6 {
    top: 13vw;
    right: -7.8vw;
    width: 14vw !important;
}

.why-br-group {
    width: 25%;
    padding: 0 1vw 5vw 1vw;
}

.swiper {
    width: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex !important;
    margin: auto;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 43vw;
    object-fit: cover;
}

.homeswiper {
    width: 100%;
    height: 100%;
    padding-bottom: 3vw !important;
}

.home-slide {
    flex-shrink: 0 !important;
    width: 40% !important;
    height: 100% !important;
    position: relative !important;
    transition-property: transform !important;
    margin: 0px !important;
}

.home-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.swiper-button-prev {
    left: 45vw !important;
    right: 0vw !important;
    top: 25vw !important;
    width: 3vw !important;
    color: white !important;
}

.swiper-button-next {
    left: 50vw !important;
    right: 0vw !important;
    top: 25vw !important;
    width: 3vw !important;
    color: white !important;
}

.slider-margin {
    margin-top: -3vw;
}

.homeslide-custom {
    background-color: #17B8FF;
}

.homeslide-custom img {
    display: block;
    width: 42vw;
    object-fit: cover;
}

.testimonial-slider-pagination {
    bottom: -5vw !important;
}

.testimonial-slider-pagination-gated {
    bottom: -7vw !important;
}

.creative-slide {
    background-color: #F79726;
    padding-bottom: 100px;
}

.creative-text {
    font-size: 1vw;
    padding: 5vw 0 1vw 0;
    color: white;
}

.creative-header-text {
    font-size: 2vw;
    padding: 0 29vw;
    color: white;
}

.creative-underline {
    width: 30vw;
    margin-top: -1vw;
    margin-left: 1vw;
}

.translide {
    background-color: #F79726;
    padding-top: 20px;
}

.translide img {
    width: 100%;
}

.foo {
    background: url('../images/foo-bg.png');
    background-size: cover;
    padding-bottom: 26vw;
}

.foo-h3 {
    font-size: 2.4vw;
    color: white;
    padding-left: 3vw;
    padding-top: 3.5vw;
}

.foo-underline {
    position: absolute;
    width: 9.5vw;
    margin-top: 5.8vw;
    margin-left: 19vw;
}

.foo-container {
    padding-left: 13vw;
}

.foo-benefit-row-1 {
    padding-left: 4vw;
    padding-bottom: 1vw;
}

.foo-benefit-row-2 {
    padding-left: 12.5vw;
}

.benefit-img-container img {
    width: 17.5vw;
}

.foo-custom-row-padding {
    padding-bottom: 3.25vw;
}

.foo-padding {
    margin-left: 1vw;
}

.foo-custom-benif-img-1 {
    width: 18vw !important;
    height: 3.15vw !important;
}

.foo-custom-benif-img-2 {
    margin-left: 1.5vw !important;
    width: 12vw !important;
    height: 3.15vw !important;
}

.foo-orange-img {
    position: absolute;
    right: -4vw;
    top: -7vw;
    width: 28vw;
}

.foo-orange-img-2 {
    position: absolute;
    right: -8vw;
    top: 16vw;
    width: 20vw;
}

.foo-orange-img-3 {
    position: absolute;
    right: 75vw;
    top: 24.5vw;
    width: 29vw;
}

.foo-orange-img-4 {
    position: absolute;
    width: 31vw;
    top: 75vw;
    right: 84vw;
}

.foo-h3-contain {
    padding-left: 12vw;
    padding-right: 1vw;
    padding-top: 8vw;
}

.foo-h3-custom {
    color: white;
    font-size: 4vw;
}

.custom-btn-position {
    position: absolute;
    z-index: 1;
}

.foo-underline-2 {
    position: relative;
    width: 28vw;
}

.foo-rocket {
    position: absolute;
    width: 27.5vw;
    top: 17vw;
    left: 15vw;
}

.foo-img {
    left: -5.5vw;
    top: -4vw;
    width: 46vw;
}

.foo-container-2 {
    padding-top: 5vw;
    padding-left: 14vw;
    padding-bottom: 4vw;
    z-index: 1;
}

.foo-container-2 img {
    width: 23vw;
}

.foo-container-3 {
    padding-top: 50px;
    padding-left: 210px;
}

.desktop-none {
    display: none !important;
}

.mobile-none {
    display: block !important;
}

.font-weight-bold {
    font-family: "montserrat-bold", serif !important;
}

@media (min-width: 1441px) and (min-height: 1000px) {
    .left-slider-img-container img{
        position: absolute;
        top: -10vw;        
    }
}

@media (min-width: 768px) and (max-width: 996px) {
    .hiring-text-p {
        margin-top: -3vw;
    }

    .plans-slide h3 {
        font-size: 0.9vw;
        margin-top: 0.5vw;
        color: white;
        padding-left: 0.5vw;
    }

    .plans-custom-1 {
        padding-left: 0.3vw;
        margin-top: 0.5vw;
    }

    .plans-custom-2 {
        padding-left: 0.3vw;
    }

    .plans-custom-3 {
        padding-left: 0.3vw;
        margin-top: 0.5vw;
    }

    .plans-custom-4 {
        padding-left: 0.3vw;
        margin-top: 0.2vw;
    }

    .gated-plans-custom-4 {
        padding-left: 0.3vw;
        margin-top: 0;
    }

    .custom-margin-h3 {
        font-size: 0.82vw !important;
        margin-top: 1.2vw !important;
    }

    .gated-custom-margin-h3-3 {
        font-size: 0.82vw !important;
        margin-top: 1.1vw !important;
    }

    .custom-margin-h3-3 {
        font-size: 0.83vw !important;
        margin-top: 1vw !important;
    }

    .foo-rocket {
        position: absolute;
        width: 27.5vw;
        top: 19vw;
        left: 21vw;
    }
}

@media (max-width: 767px){

    .mobile-m-reg {
        font-family: "montserrat-regular" !important;
    }
    
    .mobile-m-bold {
        font-family: "montserrat-bold" !important;
    }
    
    .mobile-m-semibold {
        font-family: "montserrat-semibold" !important;
    }
    
    .mobile-m-medium {
        font-family: "montserrat-medium" !important;
    }
    
    .mobile-m-light {
        font-family: "montserrat-light" !important;
    }

    .top-main-banner {
        padding-top: 30vw;
        padding-bottom: 53vw;
    }

    .top-headline {
        font-size: 12vw;
        margin-top: 0;
        padding: 0;
    }

    .sign-banner {
        width: 72vw;
        margin-top: -8vw;
    }

    .top-headline-desc {
        color: black;
        font-size: 4.5vw;
        margin-top: 0;
        padding: 0 14vw;
    }

    .btn-style-hiw {
        width: auto;
        font-size: 4.5vw;
        padding: 4vw 9vw;
        margin-top: 0px;
        background-color: #ff9821;
        /* box-shadow: 1px 8px 0px #00000042; */
        -moz-box-shadow: 1px 8px 0px #00000042;
        -webkit-box-shadow: 1px 8px 0px #00000042;
        box-shadow: 1px 8px 0px #00000042;
        border: none !important;
        color: white;
        margin: 0 !important;
    }

    .left-img-container {
        float: left;
        position: absolute;
        top: 105vw;
        left: 0;
    }

    .left-orange-group {
        position: absolute;
        width: 78vw;
        top: 2vh;
        left: -29vw;
        z-index: 3;
    }

    .left-ipad {
        position: absolute;
        left: 1vw;
        top: 5vw;
        width: 34vw;
        z-index: 2;
    }

    .left-orange {
        position: absolute;
        left: 18vw;
        top: 3.5vw;
        width: 22vw;
        z-index: 1;
    }

    .left-iphone {
        position: absolute;
        left: 12.5vw;
        top: 35.5vw;
        width: 33vw;
        z-index: 3;
    }

    .right-img-container {
        float: right;
        position: absolute;
        top: 80vw;
        right: 0;
    }

    .right-orange-group {
        position: absolute;
        top: 24vw;
        right: -11.5vw;
        width: 60vw;
    }

    .right-laptop {
        position: absolute;
        top: 43vw;
        right: -3vw;
        width: 73vw;
    }

    .right-BRchar {
        position: absolute;
        top: 33vw;
        right: 41vw;
        width: 24vw;
        z-index: 1;
    }

    .right-orange-slice {
        position: absolute;
        top: 80vw;
        right: 33vw;
        width: 35vw;
    }

    .right-leaf-orange {
        position: absolute;
        top: 88vw;
        right: 6vw;
        width: 22vw;
    }

    .bg-color-container {
        background-color: #097ADE;
        padding: 17vh 0 7vh 0;
    }

    .customer-text {
        width: 100%;
        padding: 10vw 6vw 0 14vw;
        color: white;
        font-size: 5vw;
        letter-spacing: 1vw;
        line-height: 8vw;
    }

    .happy-cust-1 {
        padding: 0;
    }

    .happy-cust-2 {
        padding: 0;
    }

    .text-header {
        font-size: 5vw;
        color: white;
        margin: 15vw 0 10vw 0;
        padding: 0 10vw;
        letter-spacing: 1vw;
        line-height: 8vw;
    }

    .slider-padding-1 {
        padding: 0;
    }

    .text-desc {
        color: white;
        font-size: 7vw;
        margin-bottom: 4vw;
        padding: 0 10vw;
    }

    .slide-underline {
        position: absolute;
        right: 18vw;
        top: 4.3rem;
        width: 57vw;
    }

    .right-slider-img-container img {
        position: absolute;
        top: -25.5vw;
        right: -8vw;
        z-index: 2;
        width: 52vw;
    }

    .left-slider-img-container img {
        position: absolute;
        top: -45vw;
        left: -25vw;
        z-index: 3;
        width: 60vw;
    }

    .homeswiper {
        width: 100%;
        height: 100%;
        padding-bottom: 11vw !important;
    }
    
    .swiper-button-next {
        left: 60vw !important;
        right: 0vw !important;
        top: 210vw !important;
        width: 5vw !important;
        color: white !important;
    }
    
    .swiper-button-prev {
        left: 40vw !important;
        right: 0vw !important;
        top: 210vw !important;
        width: 3vw !important;
        color: white !important;
    }

    .text-desc-span {
        font-size: 12vw;
        line-height: 14vw;
    }

    .slide-underline-2 {
        position: absolute;
        left: 18vw;
        top: 30vw;
        width: 63vw;
    }

    .why-br-custom-col {
        padding: 7vw 5vw 5vw 5vw;
    }

    .text-desc-small {
        color: white;
        font-size: 5vw;
    }

    .why-br-group {
        width: 100%;
        padding: 0 1rem 2rem 1rem;
    }

    .home-slide {
        flex-shrink: 0 !important;
        width: 100% !important;
        height: 100% !important;
        position: relative !important;
        transition-property: transform !important;
        margin: auto !important;
        display: flex !important;
    }
    
    .home-slide img {
        display: block !important;
        width: 100vw !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .homepage-special-img-1 {
        display: none;
    }

    .price-plan-bg {
        background-position: top;
    }

    .plan-left-img-container img {
        position: absolute;
        top: 10vw;
        left: 25vw;
        width: 50vw;
    }

    .prices-plans-desc h3 {
        text-align: center;
        font-size: 8vw;
        color: white;
        padding: 0px 3vw;
        line-height: 11vw;
    }

    .new-way-brandripe-custom {
        padding: 3vw 0vw 0 3vw;
    }
    
    .custom-h3-padding {
        padding-top: 2rem !important;
    }

    .prices-plans-desc p {
        font-size: 5.5vw;
        color: white;
        text-align: center;
        padding: 0px 8vw;
        text-wrap: pretty;
    }

    .custom-flex-direction {
        flex-direction: column;
    }

    .custom-order-3 {
        order: 3;
        padding-left: 5.5rem;
        padding-bottom: 2rem;
        width: 100%;
    }

    .custom-font-size {
        font-size: 5vw;
        min-width: 60vw !important;
    }

    .prices-plans-desc {
        background: transparent linear-gradient(180deg, #17B8FF 20%, #097ADE 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 0;
    }

    .prices-plans-desc-gated {
        background: transparent linear-gradient(175deg, #17B8FF 25%, #097ADE 100%) 0% 0% no-repeat padding-box;
        opacity: 1;
        padding: 0 !important;
    }

    .gated-padding {
        padding-top: 10vw;
    }

    .custom-prices-btn {
        margin-top: 3vw;
        padding-left: 23vw;
        padding-bottom: 10vw;
    }

    .plans-slide {
        height: 55vw;
        background: #17B8FF 0% 0% no-repeat padding-box;
        border-radius: 13px;
        opacity: 1;
        padding: 5vw 2.5vw;
    }

    .custom-plans-slide-2 {
        height: 46vw;
    }

    .custom-plans-slide-3 {
        height: 43vw;
    }

    .custom-plans-slide-4 {
        height: 51vw;
    }

    .plans-slide h3 {
        font-size: 5vw;
        margin-top: 1vw;
        padding-left: 4vw;
        color: white;
    }

    .plans-slide p {
        font-size: 3.5vw;
        color: white;
        padding-right: 4vw;
        padding-left: 8vw;
        text-align: left;
    }

    .fa-2x {
        font-size: 12vw !important;
    }

    .fa-lg {
        font-size: 10vw !important;
    }

    .icon-img-svg {
        width: 9vw;
    }

    .icon-img-svg-2 {
        width: 9vw;
    }

    .slide-icon-2 {
        background-color: transparent !important;
        color: white !important;
        padding-top: 3vw;
    }

    .custom-padding-left {
        padding-left: 12vw;
        padding-bottom: 5vw;
    }
    
    .plans-padding {
        padding-left: 8vw;
    }

    .creative-text {
        font-size: 5vw;
        color: white;
        margin: 15vw 0 10vw 0;
        padding: 0vw 9vw 0vw 20vw !important;
        letter-spacing: 1vw;
        line-height: 8vw;
    }

    .transformSwiper {
        margin: auto !important;
    }

    .translide img {
        display: block;
        width: 90vw;
        object-fit: cover;
    }

    .custom-margin-h3 {
        margin-top: 0.8rem !important;
    }

    .custom-margin-h3-2 {
        margin-top: 0.2rem !important;
        padding-left: 1rem !important;
    }

    .custom-margin-h3-3 {
        margin-top: 0.9rem !important;
    }
    
    .plans-container {
        padding-left: 18vw;
        padding-right: 4vw;
    }

    .plans-custom-h2 { 
        letter-spacing: 0.5vw !important;
        font-size: 5vw !important;       
        padding-top: 2vw !important;
        margin: 3vw 5vw 0 0 !important;
        text-align: center;
    }

    .plans-custom-h3 {        
        padding-top: 1rem !important;
        margin: 0rem 1rem 0rem 0rem !important;
    }

    .plan-custom-underline {
        padding-left: 3rem !important;
        width: 75% !important;
        margin-top: -1rem !important;
    }

    .plan-custom-p {
        font-size: 4.5vw !important;
        margin-right: -25vw !important;
        padding: 0 2vw !important;
        padding-bottom: 5vw !important;
        margin-top: 0rem !important;
    }

    .mobile-none {
        display: none !important;
    }

    .desktop-none {
        display: block !important;
    }

    .m-relative {
        position: relative;
    }
    

    .client-header-text {
        color: #006AC7;
        font-size: 8vw;
        padding: 15vw 10vw 10vw 20vw;
        margin-left: 0;
        margin-right: 0;
    }

    .client-pagination {
        overflow: visible;
    }

    .client-wrapper {
        margin-left: 4vw !important;
    }
    
    .client-mobile-img {
        width: 90% !important;
    }

    .testimonial-img-1 {
        position: absolute;
        top: -25vw;
        right: -18vw;
        width: 47vw;
    }

    .testimonial-img-2 {
        position: absolute;
        top: 40vw;
        right: -14vw;
        width: 30vw;
        z-index: 1;
    }

    .testimonial-img-3 {
        position: absolute;
        top: 32vw;
        right: 71vw;
        width: 50vw;
        z-index: 1;
    }

    .creative-slide {
        background-color: #F79726;
        padding-bottom: 23vw;
    }

    .creative-header-text {
        font-size: 8vw;
        padding: 0 4vw;
        color: white;
        margin-left: 12vw;
    }

    .creative-underline {
        width: 65vw;
        margin-top: -6vw;
        margin-left: -1vw;
    }

    .foo {
        background-repeat: round;
        padding-bottom: 27rem;
    }

    .foo-container {
        padding: 0;
        text-align: center;
    }

    .foo-h3 {
        font-size: 11vw;
        color: white;
        padding-left: 0;
        padding-top: 20vw;
        padding-bottom: 5vw;
    }

    .foo-benefit-row {
        padding-left: 0 !important;
        padding-bottom: 0 !important;
        flex-direction: column;
        margin-left: 16vw;
    }

    .foo-h3-custom {
        color: white;
        font-size: 13vw;
        padding: 0px 13vw;
    }

    .foo-mt-4-custom {
        margin-right: 12rem ;
        padding-bottom: 5rem;
    }

    .benefit-img-container img {
        width: 80% !important;
        height: auto !important;
        padding-bottom: 3vw;
    }

    .foo-padding {
        padding-left: 0 !important;
    }

    .foo-underline {
        position: absolute;
        width: 47vw;
        margin-top: 46vw;
        margin-left: 35vw;
        padding-left: 0;
    }

    .foo-custom-img-w {
        width: 77% !important;
    }

    .foo-container-2 {
        padding-top: 5vw;
        padding-left: 5vw;
        padding-bottom: 15vw;
        padding-right: 5vw;
        z-index: 1;
    }

    .foo-container-2 img {
        width: 100%;
    }

    .foo-container-3 {
        padding-top: 5rem;
        padding-left: 15rem;
    }
    
    .custom-btn-font {
        font-size: 1.5rem;
    }

    .foo-h3-contain {
        padding: 0;
        margin-left: -9vw;
        text-align: center;
    }

    .foo-orange-img {
        position: absolute;
        right: -9vw;
        margin-top: -21vw;
        width: 70vw;
    }

    .foo-orange-img-2 {
        position: absolute;
        top: 330vw;
        right: -19vw;
        width: 49vw;
    }

    .foo-orange-img-3 {
        position: absolute;
        right: 38vw;
        top: 310vw;
        width: 75vw;
    }

    .foo-underline-2 {
        position: relative;
        width: 68vw;
        top: -4vw;
    }

    .foo-img {
        left: 7vw;
        top: 1vw;
        width: 95vw;
    }

    .foo-orange {
        position: absolute;
        width: 80vw;
        top: 180vw;
        left: 14vw;
    }
}