@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100&display=swap');

:root {
    --primary: #B41F64;
    --title: #000000;
    --scale: 1;
    --size: 200px;
    --scrollbar-width: 36px;
    --triggerColor: #B41F64;
}

body{
    width: 100%;
    height: 100%;
    min-height: 100vh;
    margin: 0;
}

img{
    transition: all .2s ease-in-out;
}

.ac-wrapper{
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    z-index: 9999;
    font-family: 'Poppins', sans-serif;
}
.ac-wrapper *{
    font-family: 'Poppins', sans-serif;
}

@media (max-width: 1399.98px) {
    .ac-wrapper{
        gap: 4px;
        right: 18px;
        bottom: 18px;
    }
}

@media (max-width: 1199.98px) {
    .ac-wrapper{
        gap: 3px;
        right: 16px;
        bottom: 16px;
    }
}

@media (max-width: 991.98px) {
    .ac-wrapper{
        gap: 2px;
        right: 14px;
        bottom: 14px;
    }
}

@media (max-width: 767.98px) {
    .ac-wrapper{
        right: 12px;
        bottom: 12px;
    }
}

@media (max-width: 575.98px) {
    .ac-wrapper{
        right: 10px;
        bottom: 10px;
    }
}

.ac-wrapper__inner{
    position: relative;
}

.ac-overlay{
    display: none;
    position: fixed;
    background-color: gray;
    opacity: 0.1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}
.ac-overlay[data-show]{
    display: block;
}

.ac-toggle{
    width: 60px;
    height: 60px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--triggerColor) !important;
    color: #ffffff;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    font-size: 20px;
    z-index: 9999;
    box-shadow: 0 10px 30px rgba(60,80,170,.1);
}
.ac-toggle svg{
    width: 26px;
    fill: #FFFFFF !important;
}

@media (max-width: 1399.98px) {
    .ac-toggle{
        width: 58px;
        height: 58px;
        font-size: 19px;
    }
    .ac-toggle svg{
        width: 25px;
    }
}

@media (max-width: 1199.98px) {
    .ac-toggle{
        width: 56px;
        height: 56px;
        font-size: 18px;
    }
    .ac-toggle svg{
        width: 24px;
    }
}

@media (max-width: 991.98px) {
    .ac-toggle{
        width: 54px;
        height: 54px;
        font-size: 17px;
    }
    .ac-toggle svg{
        width: 23px;
    }
}

@media (max-width: 767.98px) {
    .ac-toggle{
        width: 52px;
        height: 52px;
        font-size: 16px;
    }
    .ac-toggle svg{
        width: 22px;
    }
}

@media (max-width: 575.98px) {
    .ac-toggle{
        width: 50px;
        height: 50px;
        font-size: 15px;
    }
    .ac-toggle svg{
        width: 20px;
    }
}

.ac-features{
    display: none;
    flex-direction: column;
    background-color: #f2f3f8;
    border-radius: 20px;
    width: auto;
    transition: all .2s ease-in-out;
    box-shadow: 0px 141px 200px -80px rgba(25, 58, 75, 0.30);
    height: auto;
    max-height: 90vh;
    overflow: hidden;
    min-width: 300px;
}

.ac-features[data-show]{
    display: flex;
}

/*head*/
.ac-features__head{
    width: 100%;
    height: 130px;
    padding: 10px 24px;
    background-color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.ac-features__head-title{
    font-size: 25px !important;
    margin: 0 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}


@media (max-width: 1399.98px) {
    .ac-features__head-title{
        font-size: 22px !important;
    }
}

@media (max-width: 1199.98px) {
    .ac-features__head-title{
        font-size: 21px !important;
    }
}

@media (max-width: 991.98px) {
    .ac-features__head-title{
        font-size: 20px !important;
    }
}

@media (max-width: 767.98px) {
    .ac-features__head-title{
        font-size: 19px !important;
    }
}

@media (max-width: 575.98px) {
    .ac-features__head-title{
        font-size: 18px !important;
    }
}

.ac-features__head-logo{
    height: 20px;
    width: auto;
}

.ac-features__head-right{
    display: flex;
    align-items: center;
    gap: 10px;
}

/*button*/
.ac-features__head-close-button,
.ac-features__head-setting-button{
    width: 22px;
    height: 22px;
    border-radius: 15%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border:none;
    background-color: transparent !important;
    transition: all .1s ease-in-out;
}
.ac-features__head-close-button:hover,
.ac-features__head-setting-button:hover{
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
                rgba(0, 0, 0, 0.12) 0px -12px 30px,
                rgba(0, 0, 0, 0.12) 0px 4px 6px,
                rgba(0, 0, 0, 0.17) 0px 12px 13px,
                rgba(0, 0, 0, 0.09) 0px -3px 5px;
}
.ac-features__head-close-button svg,
.ac-features__head-setting-button svg{
    width: 16px;
    height: 16px;
}

@media (max-width: 1399.98px) {
    .ac-features__head{
        height: 125px;
        padding: 9px 20px;
        gap: 9px;
    }

    .ac-features__head-logo{
        height: 19px;
    }

    .ac-features__head-close-button,
    .ac-features__head-setting-button{
        width: 21px;
        height: 21px;
    }
    .ac-features__head-close-button svg,
    .ac-features__head-setting-button svg{
        width: 15px;
        height: 15px;
    }
}

@media (max-width: 1199.98px) {
    .ac-features__head{
        height: 120px;
        padding: 8px 18px;
        gap: 8px;
    }
    .ac-features__head-logo{
        height: 18px;
    }

    .ac-features__head-close-button,
    .ac-features__head-setting-button{
        width: 20px;
        height: 20px;
    }
    .ac-features__head-close-button svg,
    .ac-features__head-setting-button svg{
        width: 14px;
        height: 14px;
    }
}

@media (max-width: 991.98px) {
    .ac-features__head{
        height: 115px;
        padding: 7px 26px;
        gap: 7px;
    }
    .ac-features__head-logo{
        height: 17px;
    }

    .ac-features__head-close-button,
    .ac-features__head-setting-button{
        width: 19px;
        height: 19px;
    }
    .ac-features__head-close-button svg,
    .ac-features__head-setting-button svg{
        width: 13px;
        height: 13px;
    }
}

@media (max-width: 767.98px) {
    .ac-features__head{
        height: 110px;
        padding: 6px 14px;
        gap: 6px;
    }
    .ac-features__head-logo{
        height: 16px;
    }

    .ac-features__head-close-button,
    .ac-features__head-setting-button{
        width: 18px;
        height: 18px;
    }
    .ac-features__head-close-button svg,
    .ac-features__head-setting-button svg{
        width: 12px;
        height: 12px;
    }
}

@media (max-width: 575.98px) {
    .ac-features__head{
        height: 100px;
        padding: 5px 12px;
        gap: 5px;
    }
    .ac-features__head-logo{
        height: 15px;
    }
}
/*head end*/

.ac-features__inner{
    flex: 1;
    height: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 18px;
    background-color: white;
}
.ac-features__inner::-webkit-scrollbar {
    width: 5px;
}

.ac-features__inner::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.ac-features__inner::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    border-radius: 5px;
}

.ac-features__inner::-webkit-scrollbar-thumb:hover {
    background-color: var(--primary);
    transition: all .2s ease-in-out;
}

@media (max-width: 1399.98px) {
    .ac-features__inner{
        gap: 19px;
        padding: 16px;
        height: 100%;
        width: 100%;
    }
}

@media (max-width: 1199.98px) {
    .ac-features__inner{
        gap: 18px;
        padding: 14px;
    }
}

@media (max-width: 991.98px) {
    .ac-features__inner{
        gap: 17px;
        padding: 12px;
    }
}

@media (max-width: 767.98px) {
    .ac-features__inner{
        gap: 16px;
        padding: 10px;
    }
}

@media (max-width: 575.98px) {
    .ac-features__inner{
        gap: 15px;
    }
}

.ac-features__section{
    background-color: #FFFFFF;
    /*padding: 16px;*/
    border-radius: 5px;
    /*box-shadow: 0 10px 30px rgba(60,80,170,.1);*/
}

.ac-features__section-title{
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 500;
    color: var(--title);
}

@media (max-width: 1399.98px) {
    /*.ac-features__section{*/
    /*    padding: 14px;*/
    /*}*/

    .ac-features__section-title{
        margin-bottom: 14px;
        font-size: 17px;
    }
}

@media (max-width: 1199.98px) {
    /*.ac-features__section{*/
    /*    padding: 12px;*/
    /*}*/

    .ac-features__section-title{
        margin-bottom: 12px;
        font-size: 16px;
    }
}

@media (max-width: 991.98px) {
    /*.ac-features__section{*/
    /*    padding: 10px;*/
    /*}*/

    .ac-features__section-title{
        margin-bottom: 10px;
        font-size: 15px;
    }
}

@media (max-width: 767.98px) {
    /*.ac-features__section{*/
    /*    padding: 8px;*/
    /*}*/

    .ac-features__section-title{
        margin-bottom: 8px;
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    /*.ac-features__section{*/
    /*    padding: 6px;*/
    /*}*/

    .ac-features__section-title{
        font-size: 13px;
    }
}

/*Widget size*/
.ac-features__section--ws{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ac-features__section--ws .ac-features__section-title{
    margin-bottom: 0;
}
.ac-widget-size-options{
    display: flex;
    align-items: center;
    gap: 5px;
}
.ac-widget-size-options__item{
    width: 20px;
    height: 20px;
    padding: 0;
    border: 1px solid var(--primary);
    background-color: transparent !important;
    border-radius: 50%;
    font-size: 12px;
    color: var(--primary) !important;
    font-weight: 300;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.ac-widget-size-options__item--m{
    width: 26px;
    height: 26px;
    font-size: 13px;
}
.ac-widget-size-options__item--l{
    width: 32px;
    height: 32px;
    font-size: 14px;
}

/*profiles options*/
.ac-profiles{
    width: 100%;
    display: inline-grid;
    grid-template-columns: auto auto;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .ac-profiles{
        grid-template-columns: auto;
        gap: 6px;
    }
}

.ac-profiles__item{
    width: 100%;
    min-width: max-content;
    padding: 14px 10px;
    height: auto;
    border-radius: 16px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    background-color: transparent !important;
    color: #333333 !important;
    border: 1px solid var(--primary);
    display: flex;
    gap:10px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

@media (max-width: 1399.98px) {
    .ac-profiles__item{
        padding: 9px;
    }
}

@media (max-width: 1199.98px) {
    .ac-profiles__item{
        padding: 8px;
    }
}

@media (max-width: 991.98px) {
    .ac-profiles__item{
        padding: 7px;
    }
}

@media (max-width: 767.98px) {
    .ac-profiles__item{
        padding: 6px;
        font-size: 13px;
    }
}

@media (max-width: 575.98px) {
    .ac-profiles__item{
        font-size: 12px;
    }
}

.ac-profiles__item svg{
    width: 18px;
    height: auto;
}
/*profiles options end*/

/*widget options*/
.ac-widget-options{
    width: 100%;
    display: inline-grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .ac-widget-options{
        grid-template-columns: auto;
        gap: 6px;
    }
}

.ac-widget-options__item{
    width: 100%;
    min-width: max-content;
    padding: 6px;
    height: auto;
    border-radius: 30px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    background-color: #f2f7fa !important;
    color: #333333 !important;
    border-color: rgba(0,0,0,0) !important;
    display: flex;
    gap:10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1399.98px) {
    .ac-widget-options__item{
        padding: 5px;
    }
}

@media (max-width: 1199.98px) {
    .ac-widget-options__item{
        padding: 4px;
        font-size: 12px;
    }
}

@media (max-width: 575.98px) {
    .ac-widget-options__item{
        font-size: 12px;
    }
}

.ac-widget-options__item svg{
    width: 18px;
    height: auto;
    fill: #333333 !important;
}
/*profiles options end*/

/*features options start*/
.ac-options{
    width: 100%;
    display: inline-grid;
    grid-template-columns: auto auto auto;
    gap: 10px;
}

@media (max-width: 767.98px) {
    .ac-options{
        grid-template-columns: auto auto;
        gap: 6px;
    }
}

.ac-options__item{
    width: 100%;
    min-width: max-content;
    padding: 20px 10px;
    height: auto;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    background-color: transparent !important;
    color: #333333 !important;
    border:1px solid var(--primary);
    display: flex;
    gap:10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1399.98px) {
    .ac-options__item{
        padding: 19px 9px;
    }
}

@media (max-width: 1199.98px) {
    .ac-options__item{
        padding: 18px 8px;
    }
}

@media (max-width: 991.98px) {
    .ac-options__item{
        padding: 17px 7px;
    }
}

@media (max-width: 767.98px) {
    .ac-options__item{
        padding: 16px 6px;
        font-size: 13px;
    }
}

@media (max-width: 575.98px) {
    .ac-options__item{
        padding: 15px 6px;
        font-size: 12px;
    }
}

.ac-options__item svg{
    width: 40px;
    height: auto;
    fill: #333333;
}

.ac-options__item-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
}
.ac-options__item-top svg{
    width: 30px;
}

.ac-adjust-bar{
    width: 100%;
    display: flex;
    align-items: center;
    gap:5px;
    justify-content: center;
    height: 30px;
    background-color: transparent !important;
    border-radius: 30px;
}
.ac-adjust-bar__left{
    height: 25px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid transparent;
    background-color: var(--primary) !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ac-adjust-bar__right{
    height: 25px;
    width: 25px;
    border-radius: 100%;
    border: 1px solid transparent;
    background-color: var(--primary) !important;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ac-adjust-bar__left svg,
.ac-adjust-bar__right svg{
    fill: #FFFFFF !important;
}
.ac-adjust-bar__value{
    color: var(--primary);
    font-size: 12px;
    min-width: 44px;
}

.ac-options__item-bottom{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px
}

.ac-options__item-button{
    width:26px;
    height: 26px;
    border: 1px solid var(--primary) !important;
    fill: var(--primary) !important;
    border-radius: 50%;
    background-color: transparent !important;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ac-options__item-button svg{
    width: 16px;
    height: 16px;
}
/*features options end*/

/*----effects----*/
/*zoom +*/
@supports (zoom: initial) {
    .ac-zoom-10 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.01;
    }
    .ac-zoom-20 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.02;
    }
    .ac-zoom-30 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.03;
    }
    .ac-zoom-40 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.04;
    }
    .ac-zoom-50 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.05;
    }
    .ac-zoom-60 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.06;
    }
    .ac-zoom-70 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.07;
    }
    .ac-zoom-80 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.08;
    }
    .ac-zoom-90 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.09;
    }
    .ac-zoom-100 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: 1.1;
    }

    /* zoom -*/
    .ac-zoom--10 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .99;
    }
    .ac-zoom--20 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .98;
    }
    .ac-zoom--30 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .97;
    }
    .ac-zoom--40 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .96;
    }
    .ac-zoom--50 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .95;
    }
    .ac-zoom--60 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .94;
    }
    .ac-zoom--70 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .93;
    }
    .ac-zoom--80 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .92;
    }
    .ac-zoom--90 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .91;
    }
    .ac-zoom--100 *:not(.ac-wrapper, .ac-wrapper *){
        zoom: .9;
    }
}

@supports not (zoom: initial) {
    .ac-zoom-10:not(.ac-wrapper, .ac-wrapper *){
        max-width: 99%;
        transform: scale(1.01) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-20:not(.ac-wrapper, .ac-wrapper *){
        max-width: 98%;
        transform: scale(1.02) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-30:not(.ac-wrapper, .ac-wrapper *){
        max-width: 97%;
        transform: scale(1.03) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-40:not(.ac-wrapper, .ac-wrapper *){
        max-width: 96%;
        transform: scale(1.04) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-50:not(.ac-wrapper, .ac-wrapper *){
        max-width: 95.2%;
        transform: scale(1.05) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-60:not(.ac-wrapper, .ac-wrapper *){
        max-width: 94.4%;
        transform: scale(1.06) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-70:not(.ac-wrapper, .ac-wrapper *){
        max-width: 93.5%;
        transform: scale(1.07) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-80:not(.ac-wrapper, .ac-wrapper *){
        max-width: 92.6%;
        transform: scale(1.08) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-90:not(.ac-wrapper, .ac-wrapper *){
        max-width: 91.8%;
        transform: scale(1.09) !important;
        transform-origin: left top 0px !important;
    }
    .ac-zoom-100:not(.ac-wrapper, .ac-wrapper *){
        max-width: 90.9%;
        transform: scale(1.1) !important;
        transform-origin: left top 0px !important;
    }

    /* zoom -*/
    .ac-zoom--10 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.99) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--20 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.98) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--30 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.97) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--40 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.96) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--50 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.95) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--60 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.94) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--70 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.93) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--80 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.92) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--90 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.91) !important;
        transform-origin: center top 0px !important;
    }
    .ac-zoom--100 *:not(.ac-wrapper, .ac-wrapper *){
        margin: auto;
        transform: scale(0.9) !important;
        transform-origin: center top 0px !important;
    }
}
/*zoom end*/

.ac-readable-font *:not(.ac-wrapper, .ac-wrapper *, i, span){
    font-family: Arial,Helvetica,sans-serif !important;
}

.ac-highlight-titles h1:not(.ac-wrapper, .ac-wrapper *),
.ac-highlight-titles h2:not(.ac-wrapper, .ac-wrapper *),
.ac-highlight-titles h3:not(.ac-wrapper, .ac-wrapper *),
.ac-highlight-titles h4:not(.ac-wrapper, .ac-wrapper *),
.ac-highlight-titles h5:not(.ac-wrapper, .ac-wrapper *),
.ac-highlight-titles h6:not(.ac-wrapper, .ac-wrapper *) {
    background-color: rgba(0, 122, 255, .1) !important;
    border: 1px solid var(--primary) !important;
}

.ac-highlight-links a:not(.ac-wrapper, .ac-wrapper *) {
    /*background-color: rgba(0, 122, 255, .1) !important;*/
    border: 2px solid var(--primary) !important;
}

/*font size +*/
.ac-font-10 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 102% !important;
}
.ac-font-20 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 108% !important;
}
.ac-font-30 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 110% !important;
}
.ac-font-40 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 112% !important;
}
.ac-font-50 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 114% !important;
}
.ac-font-60 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 116% !important;
}
.ac-font-70 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 118% !important;
}
.ac-font-80 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 120% !important;
}
.ac-font-90 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 122% !important;
}
.ac-font-100 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 124% !important;
}

/* font size -*/
.ac-font--10 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 98% !important;
}
.ac-font--20 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 96% !important;
}
.ac-font--30 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 94% !important;
}
.ac-font--40 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 92% !important;
}
.ac-font--50 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 90% !important;
}
.ac-font--60 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 88% !important;
}
.ac-font--70 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 86% !important;
}
.ac-font--80 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 84% !important;
}
.ac-font--90 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 82% !important;
}
.ac-font--100 *:not(.ac-wrapper, .ac-wrapper *){
    font-size: 80% !important;
}
/*font end*/

.ac-align-center *:not(.ac-wrapper, .ac-wrapper *){
    text-align: center !important;
}

.ac-align-left *:not(.ac-wrapper, .ac-wrapper *){
    text-align: left !important;
}

.ac-align-right *:not(.ac-wrapper, .ac-wrapper *){
    text-align: right !important;
}

/*line height +*/
.ac-line-10 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 120% !important;
}
.ac-line-20 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 140% !important;
}
.ac-line-30 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 160% !important;
}
.ac-line-40 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 180% !important;
}
.ac-line-50 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 200% !important;
}
.ac-line-60 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 220% !important;
}
.ac-line-70 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 240% !important;
}
.ac-line-80 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 260% !important;
}
.ac-line-90 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 280% !important;
}
.ac-line-100 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 300% !important;
}

/* line height -*/
.ac-line--10 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 90% !important;
}
.ac-line--20 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 80% !important;
}
.ac-line--30 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 70% !important;
}
.ac-line--40 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 60% !important;
}
.ac-line--50 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 50% !important;
}
.ac-line--60 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 40% !important;
}
.ac-line--70 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 30% !important;
}
.ac-line--80 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 20% !important;
}
.ac-line--90 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 10% !important;
}
.ac-line--100 *:not(.ac-wrapper, .ac-wrapper *){
    line-height: 0 !important;
}
/*line height end*/

/*letter spacing +*/
.ac-letter-10 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 1px !important;
}
.ac-letter-20 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 1.5px !important;
}
.ac-letter-30 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 2px !important;
}
.ac-letter-40 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 2.5px !important;
}
.ac-letter-50 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 3px !important;
}
.ac-letter-60 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 3.5px !important;
}
.ac-letter-70 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 4px !important;
}
.ac-letter-80 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 4.5px !important;
}
.ac-letter-90 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 5px !important;
}
.ac-letter-100 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 5.5px !important;
}

/* letter spacing -*/
.ac-letter--10 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .9px !important;
}
.ac-letter--20 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .8px !important;
}
.ac-letter--30 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .7px !important;
}
.ac-letter--40 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .6px !important;
}
.ac-letter--50 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .5px !important;
}
.ac-letter--60 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .4px !important;
}
.ac-letter--70 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .3px !important;
}
.ac-letter--80 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .2px !important;
}
.ac-letter--90 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: .1px !important;
}
.ac-letter--100 *:not(.ac-wrapper, .ac-wrapper *){
    letter-spacing: 0 !important;
}
/*letter spacing end*/

.ac-dark-contrast{
    background-color: #333333 !important;
    color: #FFFFFF !important;
}
.ac-dark-contrast *:not(.ac-wrapper, .ac-wrapper *){
    background-color: transparent !important;
    color: #FFFFFF !important;
}

.ac-light-contrast{
    background-color: #FFFFFF !important;
    color: #333333 !important;
}
.ac-light-contrast *:not(.ac-wrapper, .ac-wrapper *){
    background-color: transparent !important;
    color: #333333 !important;
}

.ac-high-contrast *:not(.ac-wrapper, .ac-wrapper *){
    filter: contrast(135%) !important;
    -webkit-filter: contrast(135%) !important;
    -moz-filter: contrast(135%) !important;
    -o-filter: contrast(135%) !important;
}

.ac-high-saturation *:not(.ac-wrapper, .ac-wrapper *){
    filter: saturate(150%) !important;
    -webkit-filter: saturate(150%) !important;
    -moz-filter: saturate(150%) !important;
    -o-filter: saturate(150%) !important;
}
.ac-monochrome *:not(.ac-wrapper, .ac-wrapper *) {
    -webkit-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
}
.ac-low-saturation *:not(.ac-wrapper, .ac-wrapper *) {
    filter: saturate(50%) !important;
    -webkit-filter: saturate(50%) !important;
    -moz-filter: saturate(50%) !important;
    -o-filter: saturate(50%) !important;
}

.ac-hide-images img:not(.ac-wrapper, .ac-wrapper *){
    visibility: hidden;
    opacity: 0;
}

.ac-hide-images *:not(.ac-wrapper, .ac-wrapper *){
    background-image: none !important;
}

.ac-read-mode{
    background-color: #efe3cd !important;
    transition: all .5s ease-in-out;
    color: #000100 !important;
}
.ac-read-mode *:not(.ac-wrapper, .ac-wrapper *){
    background-color: transparent !important;
    color: #000100 !important;
    transition: all .4s ease-in-out;
}
.ac-highlight-focus *:focus:not(.ac-wrapper, .ac-wrapper *),
.ac-highlight-hover *:hover:not(.ac-wrapper, .ac-wrapper *){
    border: 2px dashed var(--primary) !important;
}

/* Custom Big Cursor style */
.ac-big-white-cursor:not(.ac-wrapper, .ac-wrapper *),
.ac-big-white-cursor *:not(.ac-wrapper, .ac-wrapper *)
{
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAABGCAYAAABxLuKEAAAACXBIWXMAAAsTAAALEwEAmpwYAAAECElEQVR4nO2a30tcRxTHT5Lm10NDSR4CsjrnzF5/LQqpEqgtshBERJAgVCEa8mAf1CAkpBbrP6Cl0vZF0IdoYioNRBS0D4LVPNSghohGKD5IwlKFGgkoCBb8gVNmyV3O3mWjpUqzd+YD90F3FnY+zK/znQtgsVgsFovFYrFYLBaL5cPnhJTympTyBhFd/r9/zAdBIBA4j4i/EZHSDyK+RcRsMB0iuudKYXLeCCGugMkg4i+ukHA4zAVtBIPBz8FUiOiJK2NyclI1NTVxOVtCiDIwXcz09LTa29tTra2tfFptE1EVmC5Gs7+/r9rb2/nI2SOir8B0MS5dXV1czj4RfQ2mQO8Ro+nv71fBYJAL+g5MgA4QoxkeHlaZmZl83ekEgJNguhjN+Pi4ysnJ4XJ+DofDH4HpYjT687y8PD6thoUQ58B0MZqFhQVVUFDA5TzNzs7+GEwXo1laWlJFRUV8Wj1PS0u7BKaL0SwvL8eVEIj4R3p6ehqYLkaztramysrK+LR6nZGRIcF0MZqNjQ1VWVnJR86fvogt6D+K0Wxtbana2louZy3lYws6AjGa7e1tVV9fHxdbSCm/ANPFaHZ2dvwTW9ARitH4JragIxbjm9iCjkGML2ILOkYxmr6+PiWljAmSUn4LqQAdsxjN0NCQchwnNnKklHlgmpj19fVoLTUzM6NGRkZUb2+v6ujoUCUlJXxBvgV+FjM6Oqrq6upURUVFtKjMysqKu59K9gghPgU/i4lEIt7Y88DnXfoHvhGzsrISnRZeGhoavB3fRMRXRDSNiL8S0QMi+l7vSER0FVIFOoQYN3/R6d3m5mZCcMXEvNQvCIAfoAPEzM/PxyV2PT09CW2qq6v5dnwN/C5mYmJChUKhuKlSXFwcPfZ7g3LWZhT8LGZwcDDuyoQ/Y2NjCSVAaWkp33VSO3JIJkYf5flpFRGfEdEj9++ampqE6TQwMMDlPQI/iZmamvIWf7FbACFE7rt6J/r/xcXFODG7u7uxgBwRd6SUGZDKENFjt7Pl5eXerXfQcZyzblv+5lVLS0vCqOnu7ubf/QFSGSJqTXIYewgAp3hbRLzufp6bmxs9/nP0Vp6fnx87zwghPoFUxXGcC4j4gscDiPhjkvPIKSKKuG07OzsTRk1bW1vqVdLJKCwsPE1ENxHxzkE7CiJ+43Zcryl6beGsrq7ymukvPhV9TSAQuEhEf7tydAXtpbm5mU/JWjAFRLzvdlzfKXnRB0Mm5icwBSHEFb5Qz83NRYXMzs6qxsZGb8V9G0wCEX93O19VVRV3G8m27Be+fU0kGUT05Xtyl4gQ4m4oFDoDBnICEUc8I+Q5Ilb7+k2rQ3JSSlmDiM1CiM8O+yWLxWKxWCwWi8UC/4J/AIFXMUeG8EM3AAAAAElFTkSuQmCC'), auto;
}
.ac-big-black-cursor,
.ac-big-black-cursor *:not(.ac-wrapper, .ac-wrapper *) {
    cursor: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABpElEQVR4nO3Zz4tOURzH8ReNYUo2JGSHssGCEltFysJCs7Oh/AEsyEpW7JWFhZKllewkzcLC2FnITpSmxo8NYWrMV0/dxTTNPQ+Z57nnnO67Pqv7Xdz3rdP3c7r09PT0DOEZXmGXwokm77BXBSKBORxUgUjgK46rQCTwHSdVIBJYwDkViAQWcVEFIoElXFGBSDS5pRKRwB2sV4FI4CE2qEAk8BhTKhAJPMcWFYhEUza3qUAk8Aa7VSASuTTnWKMMmvOhGkSi6+Yca5zOmnOMIAtdNOcYURbH3ZxjhFkaZ3OOMeR6LSKfShL5gfd4iSe4j9u4jMM5iwwO82nswWYZEP+RqzIihuR34tlHbJQJMWSxTWM2MXNBJkRLfuFsM3M+Mfc2l3t8rJJvOLFsZrJpt20yZ2RArMgXHF1l7kZCZEYGxLIMvvqBlrnt+JmQOaZj4h9ueQ8SIo9k8MdqFjv/YvbIkAW5T0G8SMjcVRDTCZHBGdqhECbwISFzU0FcS4h8bvZOEWxtanvbpp9UEPdWCLzGJWxSGPsxj6c4hXVdv1BPj3b+AMLnG2SeBB6UAAAAAElFTkSuQmCC'), auto;
}

.ac-reading-guide-el {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 999;
    background-color: rgba(180, 31, 100, .8); /* You can change the color to your desired guide color */
    pointer-events: none; /* Prevent the guide from affecting mouse interactions */
}

@media (max-width: 1399.98px) {
    .ac-reading-guide-el{
        height: 9px;
    }
}

@media (max-width: 1199.98px) {
    .ac-reading-guide-el{
        height: 8px;
    }
}

@media (max-width: 991.98px) {
    .ac-reading-guide-el{
        height: 7px;
    }
}

@media (max-width: 767.98px) {
    .ac-reading-guide-el{
        height: 6px;
    }
}

@media (max-width: 575.98px) {
    .ac-reading-guide-el{
        height: 5px;
    }
}

/*text magnifier*/
.ac-magnifier{
    position: fixed;
    overflow: hidden;
    border: solid 2px #ccc;
    background: radial-gradient(#ffffff 50%, #ccc);
    border-radius: 4px;
    z-index:10000;
    cursor: move;
    filter: drop-shadow(-2px -2px 10px rgba(0, 0, 0, 0.05));
}
.ac-magnifier-content{
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    overflow: visible;
    position: absolute;
    display: block;
    transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    -o-transform-origin: left top;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    padding-top: 0;
    cursor: move;
}
.ac-magnifier-glass{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.0;
    -ms-filter: alpha(opacity=0);
    background-color: white;
    cursor: move;
}

/*active button*/
.ac-content-scaling #ac-content-scaling,
.ac-readable-font #ac-readable-font,
.ac-readable-font #ac-readable-font,
.ac-highlight-titles #ac-highlight-titles,
.ac-highlight-links #ac-highlight-links,
.ac-text-magnifier #ac-text-magnifier,
.ac-font-sizing #ac-font-sizing,
.ac-line-height #ac-line-height,
.ac-letter-spacing #ac-letter-spacing,
.ac-dark-contrast #ac-dark-contrast,
.ac-light-contrast #ac-light-contrast,
.ac-high-contrast #ac-high-contrast,
.ac-high-saturation #ac-high-saturation,
.ac-monochrome #ac-monochrome,
.ac-low-saturation #ac-low-saturation,
.ac-mute-sound #ac-mute-sound,
.ac-hide-images #ac-hide-images,
.ac-read-mode #ac-read-mode,
.ac-reading-guide #ac-reading-guide,
.ac-highlight-hover #ac-highlight-hover,
.ac-highlight-focus #ac-highlight-focus,
.ac-big-black-cursor #ac-big-black-cursor,
.ac-text-to-voice #ac-text-to-voice,
.ac-big-white-cursor #ac-big-white-cursor,
/*profile*/
.ac-seizure-safe #ac-seizure-safe,
.ac-vision-impaired #ac-vision-impaired,
.ac-adhd-friendly #ac-adhd-friendly,
.ac-cognitive-disability #ac-cognitive-disability,
.ac-keyboard-navigation #ac-keyboard-navigation,
.ac-blind-users #ac-blind-users,
.ac-color-blind #ac-color-blind,
.ac-dyslexia #ac-dyslexia,
.ac-small #ac-small,
.ac-default #ac-default,
.ac-voice-control #ac-voice-control,
.ac-align-left #ac-text-alignment,
.ac-align-center #ac-text-alignment,
.ac-align-right #ac-text-alignment,
.ac-large #ac-large
{
    background-color: var(--primary) !important;
    color: #FFFFFF !important;
}

/*active svg color*/
.ac-content-scaling #ac-content-scaling svg,
.ac-readable-font #ac-readable-font svg,
.ac-readable-font #ac-readable-font svg,
.ac-highlight-titles #ac-highlight-titles svg,
.ac-highlight-links #ac-highlight-links svg,
.ac-text-magnifier #ac-text-magnifier svg,
.ac-font-sizing #ac-font-sizing svg,
.ac-line-height #ac-line-height svg,
.ac-letter-spacing #ac-letter-spacing svg,
.ac-dark-contrast #ac-dark-contrast svg,
.ac-light-contrast #ac-light-contrast svg,
.ac-high-contrast #ac-high-contrast svg,
.ac-high-saturation #ac-high-saturation svg,
.ac-monochrome #ac-monochrome svg,
.ac-low-saturation #ac-low-saturation svg,
.ac-hide-images #ac-hide-images svg,
.ac-read-mode #ac-read-mode svg,
.ac-reading-guide #ac-reading-guide svg,
.ac-highlight-hover #ac-highlight-hover svg,
.ac-highlight-focus #ac-highlight-focus svg,
.ac-big-black-cursor #ac-big-black-cursor svg,
.ac-text-to-voice #ac-text-to-voice svg,
.ac-mute-sound #ac-mute-sound svg,
.ac-big-white-cursor #ac-big-white-cursor svg,
    /*profile*/
.ac-seizure-safe #ac-seizure-safe svg,
.ac-vision-impaired #ac-vision-impaired svg,
.ac-adhd-friendly #ac-adhd-friendly svg,
.ac-cognitive-disability #ac-cognitive-disability svg,
.ac-keyboard-navigation #ac-keyboard-navigation svg,
.ac-blind-users #ac-blind-users svg,
.ac-color-blind #ac-color-blind svg,
.ac-voice-control #ac-voice-control svg,
.ac-align-left #ac-text-alignment svg,
.ac-align-center #ac-text-alignment svg,
.ac-align-right #ac-text-alignment svg,
.ac-dyslexia #ac-dyslexia svg{
    fill: #FFFFFF !important;
}


.ac-align-center .ac-options__item-button ,
.ac-align-left .ac-options__item-button,
.ac-align-right .ac-options__item-button{
    border-color: #FFFFFF !important;
}

.ac-align-center #ac-align-center,
.ac-align-left #ac-align-left,
.ac-align-right #ac-align-right{
    background-color: #FFFFFF !important;
}

.ac-align-center #ac-align-center svg,
.ac-align-left #ac-align-left svg,
.ac-align-right #ac-align-right svg{
    fill: var(--primary) !important;
}

/*!*profile*!*/
/*.seizure-safe #seizure-safe:after,*/
/*.vision-impaired #vision-impaired:after,*/
/*.adhd-friendly #adhd-friendly:after,*/
/*.cognitive-disability #cognitive-disability:after,*/
/*.keyboard-navigation #keyboard-navigation:after,*/
/*.blind-users #blind-users:after,*/
/*.color-blind #color-blind:after,*/
/*.dyslexia #dyslexia:after*/
/*{*/
/*    content: url(../assets/images/checked.png);*/
/*    position: absolute;*/
/*    right: 10px;*/
/*}*/

.ac-reset-button{
    width: 100%;
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap:10px;
    border-radius: 10px;
    border: none;
    background-color: var(--primary) !important;
    color: #FFFFFF !important;
    cursor: pointer;
    transition: all .1s ease-in-out;
    font-size: 16px;
}

.ac-reset-button svg{
    width: 20px;
    fill: #FFFFFF !important;
}

.ac-reset-button:hover{
    opacity: .8 !important;
}
@media (max-width: 1399.98px) {
    .ac-reset-button{
        padding: 9px 18px;
        gap:9px;
        font-size: 15px;
    }

    .ac-reset-button svg{
        width: 19px;
    }
}

@media (max-width: 1199.98px) {
    .ac-reset-button{
        padding: 8px 16px;
        gap:8px;
        font-size: 14px;
    }

    .ac-reset-button svg{
        width: 18px;
    }
}

@media (max-width: 991.98px) {
    .ac-reset-button{
        padding: 7px 14px;
        gap:7px;
        font-size: 13px;
    }

    .ac-reset-button svg{
        width: 17px;
    }
}

@media (max-width: 767.98px) {
    .ac-reset-button{
        padding: 6px 12px;
        gap:6px;
        font-size: 12px;
    }

    .ac-reset-button svg{
        width: 16px;
    }
}

/*powered by*/
.ac-powered-by{
    width: 100%;
    min-height: 50px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 5px 24px;
    background-color: #F2F2F2;
    /*border-radius: 5px;*/
}

.ac-powered-by__desc{
    font-size: 15px;
    font-weight: 400;
    color: #333333;
    margin: 0 !important;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.ac-powered-by__logo{
    display: block;
    height: 15px;
    width: auto;
    margin-bottom: 3px;
}

.ac-powered-by__logo svg{
    height: 100%;
    width: auto;
}
@media (max-width: 1399.98px) {
    .ac-powered-by{
        min-height: 46px;
        gap: 9px;
        padding: 4.5px 20px;
    }
    .ac-powered-by__logo{
        height: 14.5px;
    }
}

@media (max-width: 1199.98px) {
    .ac-powered-by{
        min-height: 42px;
        gap: 8px;
        padding: 4px 18px;
    }
    .ac-powered-by__logo{
        height: 14px;
        margin-bottom: 3px;
    }
    .ac-powered-by__desc{
        font-size: 14px;
    }
}

@media (max-width: 991.98px) {
    .ac-powered-by{
        min-height: 38px;
        gap: 7px;
        padding: 3.5px 16px;
    }
    .ac-powered-by__logo{
        height: 13.5px;
        margin-bottom: 2.5px;
    }
    .ac-powered-by__desc{
        font-size: 13px;
    }
}

@media (max-width: 767.98px) {
    .ac-powered-by{
        min-height: 34px;
        gap: 6px;
        padding: 3px 14px;
    }
    .ac-powered-by__logo{
        height: 13px;
        margin-bottom: 2px;
    }
    .ac-powered-by__desc{
        font-size: 12px;
    }
}

/*helpers*/
.col-span-2{
    grid-column: span 2;
}
.col-span-3{
    grid-column: span 3;
}


.ac-small .ac-features {
    transform: scale(.9) !important;
    transform-origin: 50% 0;
}

.ac-default .ac-features {
    transform: scale(1) !important;
}

.ac-large .ac-features {
    transform: scale(1.1) !important;
    transform-origin: right bottom;
}

/*text-to-voice*/
.text-to-voice-top{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
body.ac-text-to-voice .text-to-voice-top{
    gap: 1px;
}
.text-to-voice-top svg{
    width: 40px;
}

.text-to-voice-labels{
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap:5px;
}
body.ac-text-to-voice .text-to-voice-labels{
    display: flex;
}

.text-to-voice-label{
    flex: 1;
    height: 4px;
    border-radius: 20px;
    background-color: #cccccc;
    opacity: .5;
    transition: all .2s;
}
.text-to-voice-label.active{
    background-color: white;
    opacity: 1;
}
.active-speak:not(.ac-wrapper){
    background-color: var(--primary) !important;
    color: white !important;
}

/*custom platform*/
/*wp*/
#ac-wrapper button:focus{
    outline: none !important;
}

.ac-wix .ac-features__head,
.ac-wix .ac-features__inner,
.ac-weebly .ac-features__head,
.ac-weebly .ac-features__inner,
.ac-squarespace .ac-features__head,
.ac-squarespace .ac-features__inner{
    width: auto !important;
}