.my-features-grid.custom_col_4_col .feature-card{
    max-width:calc(25% - 1.25rem);
    width: 100%;
}
.my-features-grid.custom_col_3_col .feature-card {
    max-width:calc(33.33% - 1.25rem);
    width: 100%;
}
.my-features-grid.custom_col_2_col .feature-card {
    max-width:calc(50% - 1.25rem);
    width: 100%;
}



.my-features-tabs .my-features-tab.active{
    color: #fff;
} 
.my-features-tabs .my-features-tab.active {
    background-color: #30ABDA; /* Example: blue */    
}
            
.my-features-tabs .my-features-tab:nth-child(1).active {
    background-color: #2db088 !important;
}

/* editor */

.my-features-tab-controls .my-features-tabs .my-features-tab.is-active {
   color: #fff;
}

.my-features-tab-controls .my-features-tabs .my-features-tab.is-active {
    background-color: #30ABDA; /* Example: blue */    
 }
        
.my-features-tab-controls .my-features-tabs .my-features-tab:nth-child(1).is-active {
    background-color: #2db088 !important;
 }


.my-features-grid-editor.custom_col_4_col .feature-card{
    max-width:calc(25% - 1.25rem);
    width: 100%;
}
.my-features-grid-editor.custom_col_3_col .feature-card {
    max-width:calc(33.33% - 1.25rem);
    width: 100%;
}
.my-features-grid-editor.custom_col_2_col .feature-card {
    max-width:calc(50% - 1.25rem);
    width: 100%;
} 


/* editor end*/

.my-features-tabs{
    width: fit-content;
    margin: 0 auto;
    padding: 10px;
    background: #ffffff;
    border-radius: 10px;
}

@media only screen and (max-width: 1024px){
    .my-features-grid.custom_col_4_col .feature-card,
    .my-features-grid.custom_col_3_col .feature-card,
    .my-features-grid.custom_col_2_col .feature-card{
        max-width: calc(50% - 1.25rem);
    }

    .my-features-block .my-features-content-wrapper{
        padding: 0;
    }
}

@media only screen and (max-width: 767px){
    .my-features-grid.custom_col_4_col .feature-card,
    .my-features-grid.custom_col_3_col .feature-card,
    .my-features-grid.custom_col_2_col .feature-card{
        max-width: 100%;
    }

    .my-features-block .my-features-content-wrapper{
        padding: 0;
    }

    .my-features-tabs{
        flex-wrap: wrap;
        gap: 10px;
    }
}