@charset "UTF-8";

.dko-text-plus-image {
    display: flex;
    flex-wrap: nowrap; 
    padding: 50px var(--global-block-padding);
    gap: 36px 119px;
}

.dko-text-plus-image__text-container {
    width: 100%;
}
.dko-text-plus-image__title {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 25px;
    color:var(--pmn--pink);
}
.dko-text-plus-image h2 {
        line-height:1.3 ;
    }
.dko-text-plus-image__text {
    color: black;
    font-size: 14px;
    line-height: 22px;
}
.dko-text-plus-image[style="background-color: var(--pmn--pink);"] .dko-text-plus-image__text {
    color:white;
}
.dko-text-plus-image__img-container {
    background-color: #43435E;
    overflow: hidden;
    border-radius: 40px;
}
.dko-text-plus-image__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.dko-text-plus-image__cta {
    margin: 35px 0px 0px;
}
.dko-text-plus-image h3,
.dko-text-plus-image h4,
.dko-text-plus-image h5,
.dko-text-plus-image h6 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .dko-text-plus-image h1 {
         font-size: 56px;
        line-height: 66px;
    }
    .dko-text-plus-image h2 {
        font-size: 48px;
        line-height: 1.25;
    }
    
    .dko-text-plus-image h3 {
        font-size: 24px;
        line-height: 28px;
    }
    .dko-text-plus-image h4,
    .dko-text-plus-image h5,
    .dko-text-plus-image h6 {
        font-size: 18px;
        line-height: 26px;
    }
    .dko-text-plus-image p,
    .dko-text-plus-image li {
        font-size: 18px;
        line-height: 28px;
    }
    .dko-text-plus-image table {
        display: table;
        overflow: inherit;
    }
      
}


@media screen and (max-width: 990px) {
    .dko-text-plus-image__img-container {
        aspect-ratio: 315 / 274;
        height: auto;
    }
    .dko-text-plus-image--img-right,
    .dko-text-plus-image--img-left {
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 991px) {
    .dko-text-plus-image {
        flex-direction: row; 
        align-items: center;
        padding: 75px var(--global-block-padding);
    }
    .dko-text-plus-image__text-container {
        width: 50%;
    }
    .dko-text-plus-image__title {
        font-size: 48px;
        line-height: 52px;
    }
    .dko-text-plus-image__text {
        font-size: 18px;
        line-height: 28px;
    }
    .dko-text-plus-image__img-container {
        width: 50%;
        aspect-ratio: 574 / 500;
        align-self: stretch;
    }
    .dko-text-plus-image--img-right {
        flex-direction: row-reverse;
    }
}