.elementor-32185 .elementor-element.elementor-element-aaec835{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-45ef53a */.my-custom-vertical-tabs {
    display: flex;
    align-items: flex-start;
    padding-left: 40px;
    margin-bottom: -13px;
}

.my-tabs-menu {
    display: flex;
    flex-direction: column;
    margin-right: 40px;
    margin-top: 45px;
}

.my-tab-button {
    padding: 20px 20px;
    border: none;
    background-color: #f7f7f7 !important;
    cursor: pointer;
    margin-bottom: 10px;
    color: #B7BEC6 !important;
    font-family: 'Jakarta sans', sans-serif;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}


.my-hover-style-1:hover {
    background-color: #D3E7FF !important; 
    color: #139AF3 !important;
}

.my-hover-style-2:hover {
    background-color: #FFEFD7 !important; 
     color: #FFA826 !important;
}

.my-hover-style-3:hover {
    background-color:#C7F8E3 !important;; 
     color: #0AC28B !important;
}

.my-hover-style-4:hover {
    background-color: #FFE0CF !important; 
    color: #FF5252 !important;

}
.my-hover-style-1.active {
    background-color: #D3E7FF !important; 
    color: #139AF3 !important;
}

.my-hover-style-2.active {
   background-color: #FFEFD7 !important; 
     color: #FFA826 !important;
}

.my-hover-style-3.active {
    background-color:#C7F8E3 !important;; 
     color: #0AC28B !important;
}

.my-hover-style-4.active {
    background-color: #FFE0CF !important; 
    color: #FF5252 !important;
}
.my-tabs-content {
    flex-grow: 1;
    width: 100%;
}

.my-tab-content {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease, height 0s linear 0.5s;
    height: 0;
    overflow: hidden;
}

.my-tab-content.active {
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease, height 0s;
    height: auto;
}

.my-tab-connector {
    width: 0.9px;
    background-color: #B7BEC6;
    flex-grow: 0;
    height: 30px;
    margin-left: 24px;
}

.my-tab-button + .my-tab-connector {
    margin-top: -10px;
}

.my-tab-button:hover, .my-tab-button.active {
    box-shadow: -2.1px 2.1px 36px 0px #79797926;
    transition: box-shadow 0.3s ease;
}/* End custom CSS */