/* DPI FIX */

:root {
 
    /* PADDING */
    --padding-content: ;
    --padding-module: 60px;

    --h1-font-size: 34px;

}

.href-skew { height: 36px }
.header { padding: 10px 0; }
.hero .col-media { flex-basis: 340px; }
.hero-features dl dd { font-size: 12px; }
.card-category-icon-wrapper { --cciw: 118px; }
.hero-features ul { padding: 15px 0; }
.module-heading .hr-stroke img { max-width: 310px; }
.module-1 .module-heading { margin-bottom: 18px; }
.comp-search { padding: 19px 22px 22px 22px; }

.comp-searchwp form.searchwp-form input.swp-input--search,
.comp-searchwp .search-submit { height: 37px; }
.flex-info .col-info { padding: 60px 60px; }
.comp-welcome .heading.h2 { --h2-font-size: 28px;  }
.footer-hero .heading.h1 { --h1-font-size: 30px; }
.footer-hero .heading .mark::after { width: 236px; height: 27px; }


.page-heading-wrapper .heading.h1 { --h1-font-size: 30px; }
.card-news .col-media picture { width: 76px; height: 76px; padding: 16px; }
.card-news .col-details .heading { font-size: 14px; }


/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                        BOOTSTRAP 5 BREAKPOINTS                                       ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                 SPECIFIC BREAKPOINT RANGES (AVOID USING)                             ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* XS -> SKPPED (dublicated breakpoint below)  */
/* SM */
@media (min-width:576px) and (max-width:767.98px) {} /* @media */
/* MD */
@media (min-width:768px) and (max-width:991.98px) {} /* @media */

/* ══════════╣   The following codes are specifically for iPad (portrait and landscape)    ╠═════════════ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {} /* @media iPad Portrait */

/* LG */
@media (min-width:992px) and (max-width: 1279.98px) {} /* @media */
/* XL */
@media (min-width:1280px) and (max-width: 1365.98px) {} /* @media */
/* 2XL */
@media (min-width:1366px) and (max-width: 1439.98px) {} /* @media */
/* 3XL: */
@media (min-width:1440px) and (max-width: 1599.98px) {} /* @media */
/* 4XL */
@media (min-width:1600px) and (max-width: 1919.98px) {} /* @media */
/* 5XL -> SKPPED (dublicated breakpoint below)  */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                         IF WIDTH EXCEEDS "$" (DO NOT USE ON FULL-WIDTH SITES)                        ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */
@media (min-width: 576px) {
}
@media (min-width: 768px) {}
@media (min-width: 992px) {
	/* DESKTOP MENU */

} /* @media */
@media (min-width: 1280px) {
	.container { max-width: 1170px;  }
} /* @media */
@media (min-width: 1366px) {}
@media (min-width: 1440px) {

}
@media (min-width: 1600px) {

}
/* 5XL */
@media (min-width: 1920px) {
} /* 1920px & Up */

/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║ ####################################   DEVELOPMENT BREAKPOINTS   ##################################  ║ */
/* ╠══════════════════════════════════════════════════════════════════════════════════════════════════════╣ */
/* ║                                         IF WIDTH REACHES "$"                                         ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */

/* 4XL */
@media (max-width: 1919.98px) {
 
} /* @media -----------------------------------| width < 1920px |-------------------------------------------*/

/* 3XL */
@media (max-width: 1599.98px) {
 
} /* @media -----------------------------------| width < 1600px |-------------------------------------------*/

/* 2XL */
@media (max-width: 1439.98px) {
 
} /* @media -----------------------------------| width < 1440px |-------------------------------------------*/

/* XL */
@media (max-width: 1365.98px) {

    :root {
        --padding-module: 20px; 
    }
    
    .module-footer[data-padding="1"] { 
        padding-top: calc(var(--padding-module) * 5); 
    }
   
 
} /* @media -----------------------------------| width < 1366px |-------------------------------------------*/

/* LG */
@media (max-width: 1279.98px) {

     
 
	
} /* @media -----------------------------------| width < 1200px |-------------------------------------------*/

/* MD */
@media (max-width: 991.98px) {
  


} /* @media -----------------------------------| width < 992px |-------------------------------------------*/

/* SM */
@media (max-width: 767.98px) {
	
   :root {
       --h1-font-size: 26px;
    }
    .module-hero { --padding-module: 12px; }

    .hero-features dl { display: flex; flex-wrap: wrap; gap: 0 6px; align-items: center;  }
    .hero-features dl dt { flex-shrink: 0; margin: 0; }
    
    .hero-heading .description { margin-bottom: 25px; }
    .hero { margin-bottom: 10px; }
    .hero-features ul li  { margin-bottom: 10px; }

    .row-categories { justify-content: flex-start; }
    .row-categories .item { flex-basis: 100%; margin-bottom: 2px;  }

    .card-category-icon-wrapper { --cciw: 68px; }
    .module-heading .hr-stroke img { max-width: 252px; }

     a.card-category { display: flex; align-items: center; gap: 0 6px; }
     a.card-category .col-media { flex-shrink: 0; }
     a.card-category .col-details { font-size: 14px; flex-grow: 1; text-align: left;   }

     .card-category-icon { padding: 6px; }

     .card-news .col-media picture { width: 66px; height: 66px; padding: 10px; }
     .card-news .col-media { height: 110px; }
     .card-news .col-details .heading { font-size: 12px; }
     .card-news .col-details .description { font-size: 13px; }

     .tag-actions { flex-wrap: wrap; }

     .flex-info .col-info { padding: 20px 15px; }
     .comp-welcome .heading.h2 { --h2-font-size: 21px; }
     .footer-hero .heading.h1 { --h1-font-size: 21px; }
     .page-heading-wrapper .heading.h1 { --h1-font-size: 21px; }

     .grid-courses { grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }

     .page-heading-wrapper .hr-stroke img { max-width: 80%; }
     .heading-tags { padding: 15px 0; }
     .module-single .comp-courses { margin-bottom: 10px; }

    .formenquiry-heading .heading.h3  { --h3-font-size: 20px; }

    .formenq .wpforms-container .wpforms-field, 
    .formenq .wp-core-ui div.wpforms-container .wpforms-field { padding: 6px 0; }
    .formenq label.wpforms-field-label { margin-bottom: 3px; font-size: 12px; }



  
} /* @media -----------------------------------| width < 768px |-------------------------------------------*/

/* XS */
@media (max-width: 575.98px) and (orientation:landscape) {}
@media (max-width: 575.98px) {
 
    
    

} /* @media -----------------------------------| width < 576px |-------------------------------------------*/

/* ════════════════════════════════════════════╣     END    ╠════════════════════════════════════════════ */
@media screen and (min-width: 320px) and (max-width: 767.98px) and (orientation: landscape) { }
/* ╔══════════════════════════════════════════════════════════════════════════════════════════════════════╗ */
/* ║                                 ¡ NO STYLES BELOW THIS LINE PLEASE !                                 ║ */
/* ╚══════════════════════════════════════════════════════════════════════════════════════════════════════╝ */