.viviextra-accordion .accordion-item{
    background: #EEF9FF;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin-bottom: 20px;
}
.viviextra-accordion .accordion-item.active{
    background: #fff;
    border: 1px solid #004067;
}
.viviextra-accordion .accordion-item .header-content{
    display: flex; 
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
    padding: 20px;
    cursor: pointer;
}
.viviextra-accordion .accordion-item .header-content .accordion-title{
    flex: 0 0 calc( 100% - 60px);
    font-size: 24px;
    line-height: 33px;
    margin: 0;
    font-weight: 600;
    color: var(--e-global-color-accent);
}
.viviextra-accordion .accordion-item .header-content .accordion-subtitle{
    flex: 0 0 100%;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
    margin: 0;
}
.viviextra-accordion .accordion-item .header-content .accordion-icon{
    flex: 0 0 30px;
    margin-right: 20px;
}

.viviextra-accordion .accordion-item .accordion-content{
    padding: 20px;
    padding-top: 0;
    display: none;
}
.viviextra-accordion .additional_text_wrapper_desktop{
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    border: 1px solid #004067;
    height: calc( 100% - 20px );
}
@media screen and (min-width: 1081px){
    .viviextra-accordion{
        display: flex;
        gap: 30px;
    }
    .viviextra-accordion .left{
        width: 55%;
    }
    .viviextra-accordion .right{
        width: 45%; 
    }
    .viviextra-accordion .additional_text_wrapper{
        display: none;
    }
}

@media screen and (max-width: 1080px){
    .viviextra-accordion .additional_text_wrapper_desktop{
        display: none!important;
    }
    .viviextra-accordion .accordion-item .header-content .accordion-title{
        font-size: 23px;
    }
    .viviextra-accordion .accordion-item .header-content .accordion-subtitle{
        line-height: 21px;
    }
}