.aas {
    position: relative;
    background-color: #fff;
}

.advanced-accodion-section .container {
    max-width: 1580px;
}

.aas-innerSection {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
    min-height: 920px;
}

.aas-imagesPart {
    height: 100%;
}

.aas-imagesPart img {
    position: absolute;
    top: 0;
    left: 0;
    /* width: 100%; */
    width: calc(47%);
    height: 100%;
    object-fit: cover;
}

.aas-textContent {
    width: 100%;
    /* max-width: 85%; */
    /* padding-top: 120px; */
    /* padding-bottom: 120px; */
}

.aas-textContent .aas-imagesPart {
    display: none;
}

.aas-topDesc {
    margin-bottom: 40px;
}

.aas-topDesc h2 {
    font-size: 48px;
    line-height: 1.2em;
    font-weight: bold;
    letter-spacing: -1px;
    font-family: 'Eina01', sans-serif;
    margin-bottom: 10px;
}

.aas-topDesc h2 span {
    color: rgb(255, 0, 153);
    display: block;
}

.aas-topDesc p {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400;
    font-family: 'Eina01', sans-serif;
    color: rgb(107, 107, 107);
}

.aas-accordion {
    display: grid;
    gap: 10px;
}

.aas-single-accordion {
    padding: 24px;
    border-radius: 16px;
    opacity: 0.5;
    background-color: white;
    border: 1px solid rgb(235, 235, 235);
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.aas-single-accordion:hover,
.aas-single-accordion.active {
    opacity: 1;
}

.aas-accordion-head {
    display: flex;
    align-items: center;
    gap: 4px;
}

.aas-accordion-head .aas-icon {
    width: 28px;
    height: 28px;
}

.aas-accordion-head .aas-icon img {
    vertical-align: unset;
    filter: brightness(0);
    transition: all 0.3s ease-in-out;
}

.aas-single-accordion.active .aas-accordion-head .aas-icon img {
    filter: none;
}

.aas-accordion-head h3 {
    font-size: 24px;
    letter-spacing: 0px;
    line-height: 1.4em;
    font-weight: 600;
    font-family: 'Eina01', sans-serif;
    color: rgb(23, 35, 39);
}

.aas-accordion-body {
    /* max-height: 0; */
    overflow-y: hidden;
    transition: all 0.3s ease-in-out;
}

.aas-single-accordion.active .aas-accordion-body {
    /* max-height: none; */
}

.aas-accordion-body h4 {
    font-size: 20px;
    line-height: 1.4em;
    letter-spacing: 0px;
    font-weight: 600;
    font-family: 'Eina01', sans-serif;
    color: rgb(23, 35, 39);
    margin-top: 16px;
    margin-bottom: 16px;
}

.aas-accordion-body p {
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0px;
    font-weight: 400;
    font-family: 'Eina01', sans-serif;
    color: rgb(23, 35, 39);
}

/* #Segmentation\ \&\ Targeting {} */
@media (min-width: 2200px) {
    
}

@media (max-width: 1200px) {
    .advanced-accodion-section .container {
        max-width: 1054px;
    }

    .aas-innerSection {
        grid-template-columns: 1fr;
    }

    .aas-imagesPart {
        display: none;
    }

    .aas-textContent {
        /* padding: 80px 0; */
    }

    .aas-topDesc {
        max-width: 767px;
        margin-inline: auto;
        text-align: center;
    }

    .aas-topDesc h2 {
        font-size: 42px;
    }

    .aas-topDesc h2 span {
        display: inline;
    }

    .aas-topDesc p {
        font-size: 18px;
    }

    .aas-textContent .aas-imagesPart {
        display: block;
        height: 540px;
        height: auto;
        margin-bottom: 20px;
    }

    .aas-imagesPart img {
        position: relative;
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 3/4;
    }

    .aas-accordion {
        max-width: 100%;
    }

    .aas-accordion-head h3 {
        font-size: 22px;
    }

    .aas-accordion-body h4 {
        font-size: 20px;
    }
}
@media (max-width: 809px) {
    .aas-textContent {
        /* padding: 60px 0; */
        max-width: 90%;
        margin: 0 auto;
    }

    .aas-textContent .aas-imagesPart {
        display: none;
    }

    .aas-topDesc {
        max-width: 91%;
    }

    .aas-topDesc h2 {
        font-size: 32px;
    }
}

@media (max-width: 576px) {
    .aas-textContent {
        max-width: none;
    }

    .aas-accordion {
        max-width: none;
    }
}