/* ==========================================
   KEDTL DIGITAL PLATFORM
   Global Website Styles
   Version 1.0
   ========================================== */


/* ===============================
   GLOBAL PAGE SETTINGS
   =============================== */

html {
    scroll-behavior: smooth;
}


body {
    overflow-x: hidden;
}



/* ===============================
   GLOBAL LINKS
   =============================== */

a {
    transition: var(--transition-normal);
}



/* ===============================
   SECTION UTILITIES
   =============================== */

.kedtl-section {

    padding: var(--space-xl) 0;

}



.kedtl-container {

    max-width: 1200px;
    margin:auto;

}



/* ===============================
   BACKGROUND UTILITIES
   =============================== */


.bg-kedtl-light {

    background: var(--kedtl-light);

}



.bg-kedtl-green {

    background: var(--kedtl-green);
    color:white;

}



.bg-kedtl-navy {

    background: var(--kedtl-navy);
    color:white;

}



/* ===============================
   TEXT UTILITIES
   =============================== */


.text-kedtl-green {

    color:var(--kedtl-green)!important;

}



.text-kedtl-gold {

    color:var(--kedtl-gold)!important;

}



.text-kedtl-navy {

    color:var(--kedtl-navy)!important;

}



/* ===============================
   ANIMATIONS
   =============================== */


.fade-up {

    opacity:0;

    transform:translateY(30px);

    animation:
    fadeUp .8s ease forwards;

}



@keyframes fadeUp {

    to {

        opacity:1;

        transform:translateY(0);

    }

}

section{

    scroll-margin-top:90px;

}


/* ===============================
   RESPONSIVE SETTINGS
   =============================== */


@media(max-width:992px){


.kedtl-section {

    padding:70px 0;

}


}



@media(max-width:768px){


h1 {

    font-size:2.5rem!important;

}


h2 {

    font-size:2rem!important;

}


}