.image-text {
    position: relative;
    padding: var(--section-padding);
    background-color: var(--section-bg-color)
}

.image-text .content {
    background-color: var(--text-bg-color);
    border-radius: var(--section-border-radius);
    overflow: hidden
}

.image-text .title {
    color: var(--title-color)
}

.image-text .text {
    color: var(--text-color)
}

.image-text .wrap {
    position: relative;
    max-width: var(--text-width);
    padding: var(--text-padding)
}

.image-text .img {
    width: 100%;
    height: 100%;
    border-radius: var(--img-border-radius)
}

.image-text p {
    color: inherit;
    font-size: 1.125em
}

.image-text p.small-font {
    font-size: 1em
}

.image-text .text a {
    text-decoration: none
}

.image-text .text span {
    background: linear-gradient(90deg, #c9ebf1, #c9ebf1);
    background-repeat: no-repeat;
    background-size: 0%;
    transition: all .8s ease;
    border-radius: 0;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}

.image-text p:last-child {
    margin: 0
}

.image-text .btn {
    margin-top: 2em;
    font-size: 1.125em
}

@media all and (min-width:1051px) {
    .image-text .image-column {
        width: var(--image-width);
        position: relative
    }
    .image-text img.cover {
        object-fit: cover;
        position: absolute
    }
}

@media all and (max-width:1050px) {
    .image-text p {
        font-size: 1em
    }
    .image-text p.small-font {
        font-size: .875em
    }
    .image-text .wrap {
        max-width: 100% !important
    }
}

.image-text .text [data-aos=animation-bg-size] {
    background-size: 0%;
    transition-property: background-size
}

.image-text .text [data-aos=animation-bg-size].aos-animate {
    background-size: 100%
}

/*# sourceMappingURL=/cdn/shop/t/138/assets/image_text.css.map?v=164342523768231886671781211657 */