/* AIA Style */
/* 1. Use a more-intuitive box-sizing model */
@font-face {
    font-family: 'Zabal DEMO';
    src: url('../fonts/ZabalDEMO-Regular.woff2') format('woff2'),
        url('../fonts/ZabalDEMO-Regular.woff') format('woff'),
        url('../fonts/ZabalDEMO-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zabal DEMO';
    src: url('../fonts/ZabalDEMO-Medium.woff2') format('woff2'),
        url('../fonts/ZabalDEMO-Medium.woff') format('woff'),
        url('../fonts/ZabalDEMO-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zabal DEMO';
    src: url('../fonts/ZabalDEMO-Bold.woff2') format('woff2'),
        url('../fonts/ZabalDEMO-Bold.woff') format('woff'),
        url('../fonts/ZabalDEMO-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Zabal DEMO';
    src: url('../fonts/ZabalDEMO-ExtraBold.woff2') format('woff2'),
        url('../fonts/ZabalDEMO-ExtraBold.woff') format('woff'),
        url('../fonts/ZabalDEMO-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mona+Sans:ital,wght@0,200..900;1,200..900&display=swap'); 

body {
    line-height: 1.5;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size:18px;
    font-family: "Poppins", sans-serif;    
}
a, p, ul, ol, li, strong, span, em, b, i, u, section, nav, article, header, footer, main, body, div, h1, h2, h3, h4, h5, h6, sup, sub, figure, img, figcaption, video, caption, canvas, svg, form, picture, input, button, textarea, select, option{
    margin: 0;
    padding: 0;
    text-decoration: none;
}  
img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
}
input,
button,
textarea,
select {
    font: inherit;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    overflow-wrap: break-word;
}
p {
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    text-wrap: pretty;
    margin-bottom: 25px;
}
p:last-child{
    margin-bottom: 0 !important;
}
p:empty{display: none;}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: 'Zabal DEMO';
}

h4, .h4{
        font-size: 18px;
        color: #000000;
        font-weight: 600;
        line-height:1.4;
        margin-bottom: 8px;
        
}
ul, ol{
    list-style: none;
}
ul li, ol li{
    font-size: 18px;
    line-height: normal;
    color: #000;
    line-height: 1.4;
}
ul.customList li{
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 20px;
}
ul.customList li li{
    list-style-type: circle;
}
ol li{
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 20px;
}
#root,
#__next {
    isolation: isolate;
}
.whiteText{
    color: #fff !important;
}
/* GENERAL Css */
.rel{
    position: relative !important;
}
.abs{
    position: absolute !important;
}
.fix{
    position: fixed;
}
.stat{
    position: static;
}

/* main */
section{
    width: 100%;
    height: auto;
    overflow: hidden;
}


.blueText{
    color: #0083F8 !important;
}


.fltLft{
	float: left;
}
.fltRgt{
	float: right;
}


/* Margin Bottom */
.mb_100{
	margin-bottom: 100px !important;
}
.mb_90{
	margin-bottom: 90px !important;
}
.mb_85{
	margin-bottom: 85px !important;
}
.mb_80{
	margin-bottom: 80px !important;
}
.mb_75{
	margin-bottom: 75px !important;
}
.mb_70{
	margin-bottom: 70px !important;
}
.mb_65{
	margin-bottom: 65px !important;
}
.mb_60{
	margin-bottom: 60px !important;
}
.mb_55{
	margin-bottom: 55px !important;
}
.mb_50{
	margin-bottom: 50px !important;
}
.mb_45{
	margin-bottom: 45px !important;
}
.mb_40{
	margin-bottom: 40px !important;
}
.mb_35{
	margin-bottom: 35px !important;
}
.mb_30{
	margin-bottom: 30px !important;
}
.mb_25{
	margin-bottom: 25px !important;
}
.mb_20{
	margin-bottom: 20px !important;
}
.mb_18{
	margin-bottom: 18px !important;
}
.mb_15{
	margin-bottom: 15px !important;
}
.mb_10{
	margin-bottom: 10px !important;
}
.mb_05{
	margin-bottom: 5px;
}


.tac{
    text-align: center;
}
.tal{
    text-align: left;
}
.tar{
    text-align: right;
}
.tae{
    text-align: end;
}
.taj{
    text-align: justify;
}


.db{
    display: block !important;
}
.dib{
    display: inline-block !important;
}
.df{
    display: flex !important;
}
.fw{
    flex-wrap: wrap !important;
}
.aifs{
    align-items: flex-start !important;
}
.aic{
    align-items: center !important;
}
.aife{
    align-items: flex-end !important;
}
.jcc{
	justify-content: center !important;
}
.jcfs{
    justify-content: flex-start !important;
}
.jcfe{
	justify-content: flex-end !important;
}
.jcfe{
	justify-content: end !important;
}
.jcsb{
    justify-content: space-between !important;
}
.jcsa{
	justify-content: space-around !important;
}
.jcse{
	justify-content: space-evenly !important;
}
.fdr{
    flex-direction: row;
}
.fdrr{
    flex-direction: row-reverse;
}
.fdc{
    flex-direction: column;
}
.fdcr{
    flex-direction: column-reverse;
}


/*  FONT uSED

font-family: 'Queensila';

font-family: "Montserrat", serif; 
*/