.elementor-50 .elementor-element.elementor-element-f283221{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-f283221{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-67910bb *//* ===== PLATFORM TABS FINAL FIX ===== */

.platform-tabs{
    display:grid !important;
    grid-template-columns:40% 60% !important;
    gap:20px !important;
    align-items:start !important;
}

.tab-buttons{
    display:flex !important;
    flex-direction:column !important;
    gap:20px !important;
}

.tab-btn{
    width:100% !important;
    padding:30px !important;
    background:#fff !important;
    border:1px solid #dce7ef !important;
    border-radius:8px !important;

    height:auto !important;
    min-height:220px !important;

    overflow:hidden !important;
    box-sizing:border-box !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;

    box-shadow:none !important;
    transform:none !important;
}

/* TITLE */

.tab-btn strong{
    display:block !important;
    font-size:22px !important;
    line-height:1.3 !important;
    margin-bottom:14px !important;
    color:#06233d !important;
}

/* DESCRIPTION */

.tab-btn span{
    display:block !important;
    width:100% !important;

    font-size:16px !important;
    line-height:1.6 !important;
    color:#667085 !important;

    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;
}

/* REMOVE PINK HOVER */

.tab-btn:hover,
.tab-btn.active{
    background:#fff !important;
    border-color:#4ccf35 !important;
    transform:none !important;
    box-shadow:none !important;
}

/* RIGHT PANEL */

.tab-panel{
    display:none !important;
}

.tab-panel.active{
    display:grid !important;
    grid-template-columns:50% 50% !important;
    overflow:hidden !important;
    border-radius:8px !important;
}

.tab-panel.active img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}

.tab-content{
    padding:28px !important;
}

/* MOBILE */

@media(max-width:1024px){

    .platform-tabs{
        grid-template-columns:1fr !important;
    }

    .tab-panel.active{
        grid-template-columns:1fr !important;
    }

}
/* TEXT OVERFLOW FIX */

.tab-btn{
    overflow:hidden !important;
}

.tab-btn span{
    display:block !important;
    width:100% !important;
    word-break:break-word !important;
    overflow-wrap:break-word !important;
    line-height:1.5 !important;
}

/* REMOVE PINK HOVER */

.tab-btn:hover,
.tab-btn.active{
    background:#ffffff !important;
    border-color:#4ccf35 !important;
    box-shadow:none !important;
    transform:none !important;
}

/* BUTTON TEXT COLOR FIX */

.tab-btn:hover strong,
.tab-btn.active strong{
    color:#06233d !important;
}

.tab-btn:hover span,
.tab-btn.active span{
    color:#667085 !important;
}/* End custom CSS */