.idc-tab-btn, .idc-tab-btn-mobile {
    cursor: pointer;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    aspect-ratio: 1 / 1;
    width: 3.5rem;
    
    padding: 0.5rem;
    
    background-color: var(--e-global-color-ba9f15b);
    
    border-radius: 100rem;
    
    margin-right: 24px;
}

.idc-tab-btn--active, .idc-tab-btn-mobile--active {
    background-color: var(--e-global-color-bfd88b7);
    
    margin-right: 0;
}

button.idc-tab-btn:hover, button.idc-tab-btn:focus, button.idc-tab-btn-mobile:hover, button.idc-tab-btn-mobile:focus {
    background-color: var(--e-global-color-ba9f15b);
}

button.idc-tab-btn--active:hover, button.idc-tab-btn--active:focus, button.idc-tab-btn-mobile--active:hover, button.idc-tab-btn-mobile--active:focus {
    background-color: var(--e-global-color-bfd88b7);
}

.idc-tab-btn svg, .idc-tab-btn-mobile svg {
    width: 100%;
}

.idc-tab-btn path, .idc-tab-btn-mobile path {
    fill: var(--e-global-color-2e233b0);
}

.idc-tab-btn--active path, .idc-tab-btn-mobile--active path {
    fill: var(--e-global-color-accent);
}




.idc-tab-content {
    display: none;
}

.idc-tab-content--active {
    display: flex;
}


.idc-tab-content-mobile {
    max-height: 0px;
    height: auto;
    
    transition: max-height 0.5s ease-out;
    
    overflow: hidden;

    border: none;
}

.idc-tab-content-mobile--active {
    max-height: 150rem;
    overflow: hidden;
    transition: max-height 0.5s ease-in;

    border: solid 0px;
    border-bottom-width: var(--idc-diver-width);
    border-color: var(--e-global-color-2e233b0);
}





.idc-icon-check {
    cursor: pointer;
    
    display: flex;
    justify-content: center;
    align-items: center;
    
    aspect-ratio: 1 / 1;
    width: 2.5rem;
    
    padding: 0.2rem;
    
    background-color: var(--e-global-color-bfd88b7);
    
    border-radius: 100rem;
}

.idc-icon-check svg {
    width: 100%;
}

.idc-icon-check path {
    fill: var(--e-global-color-accent);
}









/* TABLET BEGIN */
@media (767px < width <= 1024px) {
    .idc-tab-btn {
        width: 2.5rem;
        
        padding: 0.5rem;
    }

    .idc-icon-check {
        width: 1.8rem;
    }
}
/* TABLET END */

/* MOBILE BEGIN */
@media (width <= 767px) {
    .idc-tab-btn-mobile {
        width: 3rem;
        
        padding: 0.3rem;
    }

    .idc-icon-check {
        width: 1.4rem;
    }
}
/* MOBILE END */