.rc-tab-main-holder {}

.rc-tab-button-holder {
    height: fit-content !important;
}

.rc-tab-button {}

/* BUTTON BASE */

.rc-tab-button-wrapper {
    transition: 0.4s;
}

.rc-tab-button-wrapper:hover {
    cursor: pointer;
}

.rc-tab-button-icon,
.rc-tab-button-icon .elementor-widget-container {
    width: 36px !important;
    min-width: 36px !important;
}

.rc-tab-button-icon .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rc-tab-button-icon .elementor-shortcode {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    background-color: #ffffff80;
    transition: 0.4s;
}

.rc-tab-button-icon .elementor-shortcode div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rc-tab-button-icon svg {
    width: 20px;
    height: 20px;
    margin: auto;
    fill: none;
    stroke: #000000;
    transition: 0.4s;
}

.rc-tab-button-wrapper .rc-tab-button:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1px;
    background: #ffd800;
    transition: 0.4s;
}

/* BUTTON HOVER */
.rc-tab-button-wrapper:hover {
    /*     
    SHADOW AND BG COLOR
    0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); */

    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    background-color: #ffffffb3 !important;
    /* background-image: linear-gradient(to right, #012f6b0d, #012f6b00)!important; */
}

.rc-tab-button-wrapper:hover .rc-tab-button-icon .elementor-shortcode {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

}

.rc-tab-button-wrapper:hover .rc-tab-button-icon svg {

    transform: rotate(6deg) scale(1.1);
}


.rc-tab-button-wrapper:hover .elementor-button {
    color: #012f6b !important;
    transform: translate(3px, 0px) !important;
}


/* BUTTON OPEN */
.rc-tab-button-wrapper.open {
    background-color: #012f6b !important;
}

.rc-tab-button-wrapper.open .rc-tab-button-icon .elementor-shortcode {
    background-color: #ffd800;
}

.rc-tab-button-wrapper.open .rc-tab-button-icon svg {
    fill: none;
    stroke: #012f6b;
}

.rc-tab-button-wrapper.open .elementor-button-text {
    color: #ffffff;
}

/* .rc-tab-button-wrapper.open .rc-tab-button:after {
    width: 100%;
} */

.rc-tab-button span {
    text-align: left !important;
}

.rc-tab-main-content-holder {
    position: relative !important;
    /* height: 770px !important; */
}

.rc-tab-content-holder {
    position: absolute !important;
    top: 0;
    left: 40px;
    opacity: 0;
    /* height: 770px !important; */
    width: 750px !important;
    z-index: 0;
    transition: 0.4s !important;
}

.rc-tab-content-holder.open {
    left: 0;
    opacity: 1;
    transition: 0.8s;
    z-index: 1;
}

/**/
.rc-tab-content-header-holder {
    background: #012f6b;
    border-radius: 8px!important;
    padding: 8px!important;
}

.rc-tab-content-header-holder .elementor-widget-heading::after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 0%;
    height: 1px;
    background: #ffd800;
    transition: 0.4s;
}

.rc-tab-content-holder.open .rc-tab-content-header-holder .elementor-widget-heading::after {
    transition-delay: 0.4s;
    width: 100%;
}

.rc-tab-content-icon .elementor-widget-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rc-tab-content-icon .elementor-shortcode {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background-color: #ffd800;
}

.rc-tab-content-icon .elementor-shortcode div {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.rc-tab-content-icon svg {
    width: 20px;
    height: 20px;
    margin: auto;
    fill: none;
    stroke: #012f6b;
}

.rc-tab-content-header-holder h2{
    color: #ffffff!important;
}

.rc-tab-content-holder h2{
    transform: translate(5px, 0px)!important;
    transition-duration: 0.4s;
}


.rc-tab-content-holder.open h2{
    transform: translate(0px, 0px)!important;
    transition-delay: 0.8s;
}


/************************/
/************************/
/************************/

@media only screen and (max-width: 1249px) {

    .rc-tab-main-content-holder {
        height: 690px !important;
    }

    .rc-tab-content-holder {
        width: 600px !important;
        height: 690px !important;
    }

}

@media only screen and (max-width: 1119px) {

    .rc-tab-button-holder {
        display: none !important;
    }

    .rc-tab-main-content-holder {
        position: unset !important;
        height: unset !important;
    }

    .rc-tab-content-holder {
        position: unset !important;
        opacity: 1;
    }

    .rc-tab-content-holder {
        width: 100% !important;
        height: fit-content !important;
        margin-bottom: 30px !important;
    }
}

@media only screen and (max-width: 759px) {
    .rc-tab-key-benefits-holder {
        grid-template-rows: repeat(2, 1fr) !important;
        grid-template-columns: repeat(1, 1fr) !important;
        row-gap: 0px !important;
    }
}