html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #000000;
    font-size: 14px;
}


/* Color CSS */

.white-clr,
a.white-clr {
    color: #ffffff;
}

.orange-clr {
    color: #ffb80f;
}

.blue-clr {
    color: #0a52e2;
}

.yellow-clr {
    color: #fff600
}


/* Header Section CSS */

.header-section {
    background-color: #fff;
    padding: 5% 0;
    position: relative;
}

@media(min-width:768px) {
    .header-section {
        padding: 50px 0px 50px;
    }
}


/********features*********/

@font-face {
    font-family: 'handsean';
    src: url(../fonts/handsean.ttf);
}

.handsean {
    font-family: handsean;
}

.footer-section {
    background: #020d13;
    padding: 30px 0px;
}

.footer-ul {
    padding: 0px;
    margin: 0px;
}

.footer-ul li {
    display: inline;
}

@media(min-width:768px) {
    .footer-section {
        padding: 50px 0px;
    }
}

.lightred {
    color: #0a52e2;
}

a.lightred {
    color: #0a52e2;
}

.footer-ul li a:hover {
    color: #fff;
}

@media (min-width: 1600px) {
    .header-left-element {
        position: absolute;
        left: -20px;
        bottom: -52px;
        display: block !important;
    }
    .header-right-element {
        position: absolute;
        bottom: -75px;
        right: 20px;
        display: block !important;
    }
}