/*********************************************
 * Accordion
**********************************************/
@media only screen and (min-width:1024px) {
    #faq .vii-accordion__home-shape {
        display:block;
    }
}

.vii-accordion {
    --va-spacing:24px;
}

.vii-accordion .col {
    padding:90px 0;
}

.vii-accordion .col:before {
    background:linear-gradient(90deg, #e71d2b -50%, #000054 58%);
}

.vii-accordion .col.left {
    width:35%;
    padding-left:var(--vii-gap-side);
}

.vii-accordion .col.left .inner {
    max-width:320px;
}

.vii-accordion .col.left:before {
    right:-50%;
}

.vii-accordion .col.right {
    width:65%;
    padding-right:var(--vii-gap-side);
    padding-left:120px;
}

.vii-accordion .col.right:before {
    width:500px;
}

.vii-accordion .decor.zigzag {
    top:120%;
}

.vii-accordion .decor.arrow {
    top:50%;
    right:100%;
    width:150px;
    transform:translate(50%, -50%);
}

.vii-accordion .decor.star {
    right:15%;
    bottom:97%;
}

.vii-accordion .vii-accordion__home-shape {
    width:580px;
}

.vii-accordion .vii-accordion__home-shape:before,
.vii-accordion .vii-accordion__home-shape:after {
    content:"";
    height:75px;
    display:block;
    background:var(--vii-color-blue);
}

.vii-accordion .vii-accordion__home-shape:before {
    aspect-ratio:425/75;
    margin-left:auto;
}

.vii-accordion .vii-accordion__home-shape:after {
    aspect-ratio:580/75;
}

/* Content */
.vii-accordion__content {
    width:42.5%;
    padding-right:var(--vii-gap-container);
}

.vii-accordion__content-title {
    max-width:365px;
}

.main_content .vii-accordion__content-title-title {
    line-height:1;
    max-width:300px;
}

/* image */
.vii-accordion__content-image {
    max-width:300px;
}

/* Accordion */
.vii-accordion__inner__inner {
    width:66.3%;
}

/* Accordion item */
.vii-accordion__item:not(:last-child):before {
    content:"";
    width:100%;
    height:1px;
    background:rgba(0, 0, 84, .15);
    position:absolute;
    left:0;
    bottom:0;
}

.vii-accordion__item-title {
    background:rgba(0, 0, 0, 0);
    color:var(--vii-color-blue);
    font-size:20px;
    padding:var(--va-spacing) 35px var(--va-spacing) 0;
}

.vii-accordion__item-title:before {
    width:24px;
    aspect-ratio:1;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:var(--vii-font-icomoon);
    content:"\e91c";
    font-size:26px;
    line-height:1;
    color:var(--vii-color-blue);
    font-weight:400;
    position:absolute;
    top:calc(var(--va-spacing) + 0.1em);
    right:0;
}

.vii-accordion__item:first-child .vii-accordion__item-title {
    padding-top:0;
}

.vii-accordion__item:first-child .vii-accordion__item-title:before {
    top:.25em;
}

.vii-accordion__item-content-inner {
    padding-bottom:var(--va-spacing);
    max-width:822px;
}

/* Accordion > active */
.vii-accordion__item-title.active:before {
    content:"\e923";
    color:var(--vii-color-primary);
    border-color:var(--vii-color-primary);
}

.txt_color_white .vii-accordion__item-title.active:before {
    color:var(--vii-color-white);
    border-color:var(--vii-color-white);
}

/* Accordion hover */
@media (hover:hover) {
    .vii-accordion__item-title:hover {
        color:var(--vii-color-red);
    }
}

/* Accordion with text color white */
.txt_color_white .vii-accordion__item:not(:last-child):before {
    background:rgba(255, 255, 255, .3);
}

.txt_color_white .vii-accordion__item-title {
    --vii-color-blue:#fff;
}

.txt_color_white .vii-accordion__item-content-inner {
    color:rgba(255, 255, 255, .8);
}

/* Avoid CLS */
.vii-accordion__accordion:not(.easy-tab-accordion-enabled) .vii-accordion__item:first-child .vii-accordion__item-content {
    display:block;
}

/* decoration */
.vii-accordion__inner .site-accordion__decor.circle-yellow-arrow {
    right:0;
    bottom:calc(100% + 8px);
    transform:translateX(-70%);
}

/*********************************************
 * Accordion Responsive
**********************************************/
@media only screen and (min-width:1024px) {
    .vii-accordion__item-title {
        letter-spacing:-0.04em;
    }
}

@media only screen and (max-width:1180px) {
    .vii-accordion .col {
        padding:60px 0;
    }

    .vii-accordion .col.right {
        padding-left:40px;
    }
}

@media only screen and (max-width:1023px) {
    .vii-accordion {
        --va-spacing:16px;
        padding:40px 20px;
    }

    .vii-accordion:before {
        background:linear-gradient(90deg, #e71d2b -50%, #000054 58%);
    }

    .vii-accordion .col {
        max-width:680px;
        margin:0 auto;
    }

    .vii-accordion .col:before {
        display:none;
    }

    .vii-accordion .col.left {
        width:100%;
        padding:0;
        margin-bottom:24px;
    }

    .vii-accordion .col.right {
        width:100%;
        padding:0;
    }

    /* content */
    .vii-accordion__content {
        padding-right:0;
        display:flex;
        flex-direction:column-reverse;
    }

    .vii-accordion__content-title {
        --vii-spacing-72:24px;
    }

    .main_content .vii-accordion__content-title-title {
        line-height:1.3;
    }

    .vii-accordion__content-image {
        margin-bottom:var(--vii-spacing-20);
    }

    .vii-accordion__content-image-bg {
        display:none;
    }

    .vii-accordion__content-image-bg.hidden {
        display:block;
    }

    .vii-accordion__item-content {
        font-size:14px;
    }

    /* accordion */
    .vii-accordion__item-title {
        font-size:16px;
        line-height:1.55;
    }

    .vii-accordion__item:first-child .vii-accordion__item-title:before {
        top:.2em;
    }

    .vii-accordion__item-content-inner {
        padding-top:0;
    }

    /* row */
    .vc_row:has(.vii-accordion) {
        --vii-spacing-default:32px;
    }
}

@media only screen and (max-width:768px) {
    .vii-accordion__item-title__inner {
        font-weight:500;
    }

    .vii-accordion__item-title:before {
        font-size:20px;
    }

    .vii-accordion__button {
        display:none;
    }
}