.elementor-784 .elementor-element.elementor-element-08f223c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-784 .elementor-element.elementor-element-08f223c{--width:95%;}}/* Start custom CSS for html, class: .elementor-element-dd5be15 *//* =========================================================
   CLASS TABS — FINAL RESPONSIVE FIX
   CLASS 1 TO CLASS 12
========================================================= */


/* =========================================================
   DESKTOP
   ALL 12 CLASSES FIT IN ONE ROW
========================================================= */

@media (min-width:768px){

    .apexClassNav{

        display:grid !important;

        grid-template-columns:
            repeat(12, minmax(0, 1fr)) !important;

        gap:8px !important;

        width:100% !important;

        padding:9px !important;

        overflow:visible !important;

        scrollbar-width:none !important;
    }


    .apexClassBtn{

        width:100% !important;

        min-width:0 !important;

        max-width:none !important;

        padding:
            11px 6px !important;

        white-space:nowrap !important;

        text-align:center !important;

        font-size:16px !important;

        font-weight:700 !important;

        border-radius:11px !important;
    }


    .apexClassBtn:hover{

        transform:translateY(-3px);
    }

}


/* =========================================================
   MOBILE
   6 TABS PER ROW
   2 ROWS = ALL 12 CLASSES VISIBLE
========================================================= */

@media (max-width:767px){

    .apexClassNav{

        display:grid !important;

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;

        gap:6px !important;

        width:100% !important;

        padding:7px !important;

        overflow:visible !important;

        scrollbar-width:none !important;

        border-radius:14px !important;
    }


    .apexClassNav::-webkit-scrollbar{

        display:none !important;
    }


    .apexClassBtn{

        width:100% !important;

        min-width:0 !important;

        max-width:none !important;

        padding:
            10px 3px !important;

        white-space:nowrap !important;

        text-align:center !important;

        font-size:12px !important;

        font-weight:700 !important;

        line-height:1.1 !important;

        border-radius:9px !important;
    }


    .apexClassBtn:hover{

        transform:none !important;
    }


    .apexClassBtn.active{

        box-shadow:
            0 5px 12px
            rgba(8,36,95,.20) !important;
    }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media (max-width:380px){

    .apexClassNav{

        grid-template-columns:
            repeat(6, minmax(0, 1fr)) !important;

        gap:5px !important;

        padding:6px !important;
    }


    .apexClassBtn{

        padding:
            9px 2px !important;

        font-size:11px !important;

        border-radius:8px !important;
    }

}/* End custom CSS */