/* public/build/main.css */

/* Rebuild Terminal Command: npm run build:css */

/* Import global styles and variables */
@import 'css/base/1-root-variables.css';

/* Import modular styles */

/* Above The Fold */


/* Layout */
@import 'css/layout/normalization.css';
@import 'css/layout/sections.css';
@import 'css/layout/grid.css';

/* base */
@import 'css/base/loading.css';
@import 'css/base/base-styles.css';
@import 'css/base/neumorphism.css';
@import 'css/base/2-typography.css';
@import 'css/base/hyperlinks.css';
/* @import 'css/base/form-element.css'; */
@import 'css/base/buttons.css';
@import 'css/base/fonts.css';


/* Components */
@import 'css/components/main-template/header/header.css';
@import 'css/components/main-template/header/notice-nav.css';
@import 'css/components/main-template/header//banner-nav.css';
@import 'css/components/main-template/header/navbar.css';
@import 'css/components/main-hero/2-hero.css';
@import 'css/components/cta-buttons.css';

@import 'css/components/main-template/footer/footer.css';
/* Start Sub Folders */ 
@import 'css/components/main-template/footer/_section-1-final-cta--table.css';
/* End Sub Folders */ 

@import 'css/components/image-divider/image-divider.css';
@import 'css/components/php-mailer/php-mailer.css';
@import 'css/components/main-template/footer/back-to-top.css';
@import 'css/components/main-template/footer/whatsApp-cta-btn.css';
@import 'css/components/legal-pages/legal-sections.css';  
@import 'css/components/main-template/footer/cookie-consent-banner.css';  


/* Import utility classes from Tailwind CSS */
/* @import 'tailwindcss/base'; */
.container{
    width: 100%
}
@media (min-width: 640px){
    .container{
        max-width: 640px
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px
    }
}
.mx-auto{
    margin-left: auto;
    margin-right: auto
}
.grid{
    display: grid
}
.border{
    border-width: 1px
}
.invert{
    --tw-invert: invert(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}