@font-face {
    font-family: 'Poppins-Regular' ;
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-Light' ;
    src: url('../fonts/Poppins-Light.ttf');
    font-style: normal;
}
@font-face {
    font-family: 'Poppins-SemiBold' ;
    src: url('../fonts/Poppins-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Bitter-Regular' ;
    src: url('../fonts/Bitter-Regular.ttf');
}
@font-face {
    font-family: 'Bitter-Light' ;
    src: url('../fonts/Bitter-Light.ttf');
}

*{
    margin: 0px;
    box-sizing: border-box;
    padding: 0px;
}

/* Typography */
.font-Poppins { font-family: 'Poppins' }
.font-Poppins { font-family: 'Poppins-Regular', sans-serif; font-weight: 500; font-style: normal; }
.font-23 { font-size: 23px }
.font-20 { font-size: 20px }
.font-14 { font-size: 14px }
.font-12 { font-size: 12px }
.no-decoration:hover, .no-decoration:visited, .no-decoration:link, .no-decoration:active { text-decoration: none !important; }
h1 { font-family: 'Poppins-SemiBold', sans-serif;   font-weight: 500;   font-size: 38px;    font-style: normal;     color: #003647; text-align: center; }
h2 { font-family: 'Poppins-Regular', sans-serif;    font-weight: 500;   font-size: 34px;    font-style: normal;     color:#003647;  text-align: center; }
h3 { font-family: 'Poppins-SemiBold', sans-serif;   font-style:normal;  font-size: 30px;    font-style: normal;     color:#003647;  text-align: center; }
h4 { font-family: 'Poppins-Regular', sans-serif;    font-weight: 500;   font-size: 26px;    font-style: normal;     color:#003647;  text-align: center; }
h5 { font-family: 'Poppins-Regular', sans-serif;    font-weight: 500;   font-size: 22px;    font-style: normal;     color:#003647;  text-align: left; }
h6 { font-family: 'Poppins-Regular', sans-serif;    font-weight: 500;   font-size: 18px;    font-style: normal;     color:#003647;  text-align: left; }
p {  font-family: 'Poppins-Light', sans-serif;      font-weight: 400;   font-size: 14px;    font-style: normal;     color:#5a5a5a;  margin-bottom: 0px; line-height:25px; }
p.subtitle { font-size: 18px; font-family: 'Poppins-Bold',sans-serif;   font-weight: 500; font-style: normal; color:#003647; text-align: justify; }
p img.icon { height: 16px; margin-right: 6px; margin-top: -3px; }
li{font-family:'Poppins-Regular', sans-serif; font-style:normal; ;font-size: 16px;text-decoration: none;}
a{font-family:'Poppins-Regular', sans-serif; font-style:normal;text-decoration: none !important; color: #ffffff;text-decoration: none;cursor: pointer; }
a:link:active, a:visited:active {color: #24C6C1;}
.row:not(.form .row){ margin-right: 15px; margin-left: 15px;}
.full-width { width:100%; }


.bg-turquoise { background-color: #003647; }

.cl-white { color: white; }

/* Form Group */
input[type=checkbox] { width: 20px; height: 20px; margin: auto 4px; }
.form-group label { color: #8b8b8b; white-space: nowrap; margin-bottom: 2px; font-size: 14px; font-family: 'Poppins-Regular', sans-serif; }
.form-group .invalid-feedback { color: #dc3545; margin-bottom: 0px; }
.btn { background-color:#24c6c1!important; color:#fff; padding: 8px 20px; font-size: 16px; border: 0px solid transparent; }
.btn:hover { background-color: #f74141!important; }
.btn.disabled, .btn:disabled { background-color:#24c6c1!important; opacity: 0.3; }

/* Alignment */
.d-row { display:flex; flex-direction: row; }
.d-row.v-center { align-items: center; }
.d-row.h-center { justify-content: center; }
.d-row.h-start { justify-content: start; }

.d-column { display:flex; flex-direction:column; }
.d-column.v-center { align-items:center; }
.d-column.h-center { justify-content:center; }
.d-column.g-center { align-items:center; justify-content:center; }

ul { margin-block-start: 0em; }
li { list-style: none!important; }
.ul {
    background-color: #dfdfdf;
    border: 1px solid #c2c2c2;
    padding: 6px;
    border-radius: 3px;
    width: 100%;
}
.li {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    padding: 2px 12px;
    background-color: #f7f7f7;
    margin-bottom: 8px;
}