.image-text-section {
    position: relative;
}

.image-text-image img {
    height: auto;
    object-fit: cover;
}

.image-text-title {
    margin-bottom: 1.5rem;
}

.image-text-body p {
    margin-bottom: 1rem;
}

.image-text-image {
    display: flex;
    width: 50%;
    align-items: flex-end;
    justify-content: center;
}

.image-text-wrapper {
    display: flex;
    width: 50%;
    padding: 80px 0;
}

.image-text-body ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}

.padding-extended {
    padding: 120px 0;
}

.white-variation {
    .italic-dark {
        color: var(--bs-main-500) !important;
    }

    .image-text-title {
        color: var(--bs-white) !important;
    }

    .image-text-body {
        color: var(--bs-white) !important;
    }
}

.content-right {
    justify-content: flex-end;
}

.content-left {
    justify-content: flex-start;
}

.image-text-image.image-wide {
    justify-content: normal;
    width: fit-content;
}

.image-text-wrapper.image-wide {
    width: fit-content;
}

.image-section-wrapper.image-wide {
    gap: 40px;
    padding-top: 40px;
}

.image-text-body li {
    position: relative;
    padding-left: 20px;
}

.image-text-body li::before {
    content: '';
    position: absolute;
    left: -15px;
    top: 3px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M10.0003 1.66675C14.6027 1.66675 18.3337 5.39771 18.3337 10.0001C18.3337 14.6025 14.6027 18.3334 10.0003 18.3334C5.39795 18.3334 1.66699 14.6025 1.66699 10.0001C1.66699 5.39771 5.39795 1.66675 10.0003 1.66675ZM10.0719 12.894C9.61399 12.894 9.24268 13.2639 9.24268 13.72C9.24283 14.1759 9.61409 14.5452 10.0719 14.5452H10.0801C10.5379 14.5452 10.9092 14.1759 10.9093 13.72C10.9093 13.2639 10.538 12.894 10.0801 12.894H10.0719ZM10.0719 5.3785C9.61405 5.3785 9.24277 5.7485 9.24268 6.20451V11.325C9.24276 11.781 9.61404 12.151 10.0719 12.151C10.5298 12.1509 10.9011 11.7809 10.9012 11.325V6.20451C10.9011 5.74852 10.5298 5.37854 10.0719 5.3785Z' fill='%2344C2CE'/></svg>") no-repeat center;
}

@media (max-width: 1200px) {
    .image-section-wrapper {
        flex-direction: column;
        gap: 16px;
    }

    .image-text-body ul {
        padding-left: 0;
    }

    .image-text-body li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 5px;
        width: 8px;
        height: 8px;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8' fill='none'><path d='M6.29738 3.64457C6.14189 3.72732 5.99028 3.79878 5.84257 3.85896C5.69485 3.91914 5.54325 3.96427 5.38776 3.99436C5.69874 4.05454 6.00194 4.17489 6.29738 4.35543L8 5.3371L7.16035 6.67983L5.45773 5.69817C5.14674 5.53268 4.89796 5.35214 4.71137 5.15656C4.80467 5.42736 4.85131 5.71697 4.85131 6.02539V8H3.14869V6.04796C3.14869 5.88999 3.15646 5.73578 3.17201 5.58533C3.19534 5.43489 3.23032 5.29196 3.27697 5.15656C3.1759 5.26187 3.06317 5.35966 2.93878 5.44993C2.81438 5.53267 2.68222 5.61542 2.54227 5.69817L0.83965 6.65726L0 5.31453L1.70262 4.35543C2.00583 4.18242 2.30515 4.06206 2.60058 3.99436C2.45287 3.97179 2.30126 3.93042 2.14577 3.87024C1.99806 3.80254 1.85034 3.72732 1.70262 3.64457L0 2.6629L0.83965 1.30888L2.54227 2.30183C2.85326 2.46732 3.10204 2.64786 3.28863 2.84344C3.19534 2.57264 3.14869 2.28303 3.14869 1.97461V0H4.85131V1.95204C4.85131 2.11001 4.83965 2.26422 4.81633 2.41467C4.80078 2.56511 4.76968 2.70804 4.72303 2.84344C4.8241 2.73813 4.93683 2.6441 5.06122 2.56135C5.18562 2.47109 5.31778 2.38458 5.45773 2.30183L7.16035 1.33145L8 2.68547L6.29738 3.64457Z' fill='%23ABABAB'/></svg>");
    }
}

@media (max-width: 992px) {
    .image-section-wrapper {
        flex-direction: column-reverse !important;
    }

    .image-text-wrapper {
        padding: 0 !important;
        width: 100% !important;
    }

    .image-text-image {
        width: 100% !important;
    }

    .image-section-wrapper {
        padding-top: 24px;
        background-image: none !important;
    }
}

@media (max-width: 576px) {
    .image-text-image img {
        max-width: 327px;
        max-height: 293px;
        object-fit: cover;
    }
}