.hero-1 .div-tab {
    display: table;
    table-layout: fixed;
    width: 100%;
}

/* text */
.hero-1 .text {
    display: table-cell;
}
.hero-1 .text h1 {
    position: relative;
}
.hero-1 .text h1 img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

/* image */
.hero-1 .image {
    display: table-cell;
    text-align: center;
}
.hero-1 .image .inner {
    margin: 0 auto;
}
.hero-1 .image.tablet .inner {
    border: 14px solid rgba(255, 255, 255, 1);
    box-shadow: 0px 27px 57px -22px rgb(84 91 140);
    border-radius: 40px;
}
.hero-1 .image.tablet img {
    border-radius: 25px;
}

/* left */
.hero-1 .div-tab[dir='ltr'] .image {
    padding: 0 25px 0 0;
}
.hero-1 .div-tab[dir='ltr'] .text {
    padding: 0 0 0 25px;
}

/* right */
.hero-1 .div-tab[dir='rtl'] .image {
    padding: 0 0 0 25px;
}
.hero-1 .div-tab[dir='rtl'] .text {
    padding: 0 25px 0 0;
}

/* ctas */
.hero-1 .ctas {
    margin: 30px 0 0;
}
.hero-1 .ctas.mob {
    display: none;
}

/* full width */
.hero-1 .div-tab.block {
    display: block;
    width: auto;
}
.hero-1 .div-tab.block .image {
    display: block;
    width: auto !important;
    padding: 0 !important;
}
.hero-1 .div-tab.block .text {
    display: block;
    width: auto !important;
    padding: 0 !important;
    margin: 40px 0 0;
}

/* RESPONSIVE */
@media(min-width: 1921px) {
}

@media(max-width: 1024px) {
    .hero-1 .div-tab[dir='ltr'] .image {
        padding: 0 20px 0 0;
    }
    .hero-1 .div-tab[dir='ltr'] .text {
        padding: 0 0 0 20px;
    }
    .hero-1 .div-tab[dir='rtl'] .image {
        padding: 0 0 0 20px;
    }
    .hero-1 .div-tab[dir='rtl'] .text {
        padding: 0 20px 0 0;
    }
}

@media(max-width: 838px) {
    .hero-1 .cell-wrapper {
        padding: 80px 0;
    }
    .hero-1 .image {
        display: block;
        padding: 0 !important;
        margin: 0 0 50px;
    }
    .hero-1 .text {
        display: block;
        width: auto !important;
        padding: 0 !important;
    }
    .hero-1 .ctas {
        display: none;
    }
    .hero-1 .ctas.mob {
        display: block;
    }
    .hero-1 .text h1 img {
        display: none;
    }
}

@media(max-width: 600px) {
    .hero-1 .cell-wrapper {
        padding: 60px 0;
    }
    .hero-1 .image {
        margin: 0 0 40px;
    }
    .hero-1 .image .inner {
        max-width: 70% !important;
    }
    .hero-1 .image.tablet .inner {
        border: 7px solid rgba(255, 255, 255, 1);
        box-shadow: 0px 10px 40px -15px rgb(84 91 140);
        border-radius: 20px;
    }
    .hero-1 .image.tablet img {
        border-radius: 15px;
    }
}

@media(max-width: 414px) {
}