:root {    
    /* Colors */
    --color-hover: #0198AB;
    --color-primary: #0198AB;    
    --color-secondary: ;  
    --color-text: #3A3A3A;  

    --color-0198AB: #0198AB;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-06185E: #06185E;
    --color-162C79: #162C79;
    --color-478FE2: #478FE2;
}

body {    
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: var(--color-text);
    background-color: var(--color-efebe6);  
    padding: 0px;
    margin: 0px;   
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;  
    -webkit-text-size-adjust: 100%; 
    scroll-behavior:smooth;
}
a:focus,
:focus-visible {
    outline: none;
}
*, ::after, ::before {
    box-sizing: border-box;
}

#window{
    width: 100%; min-height: 100%; overflow-x: hidden;
    transition: transition(transform, .4s);
    -ms-transition: transition(transform, .4s);
    -o-transition: transition(transform, .4s);
    -webkit-transition: transition(transform, .4s);
    -moz-transition: transition(transform, .4s);   
}
.body-wrap{    
    width:100%;
    margin-left: auto;
    margin-right: auto;   
}
.container{
    max-width:1450px; width:100%;  
    padding-left:15px; padding-right:15px;   
    margin: 0 auto; position: relative;
}
figure {
    display: block;    
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

#window:after,
.body-wrap:after,
.container:after,
figure:after{
    content: "";
    display: table;  
    clear: both;
}

p{    
    line-height: 26px;
    margin-bottom: 20px; 
}

a{
    text-decoration:none;     
    color: var(--color-231C1C);    
}
hr {
    margin-top: 16px;
    margin-bottom: 16px;
    border: 0;
    opacity: 1;
    border-top: 1px solid var(--color-border);
}

img, svg {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}
ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    li{
        padding: 0px;
        margin: 0px;
    }
}
.none{
    display: none;
}
.hidescroll {
    overflow: hidden;
}

.gbl{
    margin-top: 70px;
    margin-bottom: 70px;    
}


h1, h2, h3, h4, h5, h6 {    
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
    position: relative;
    line-height: normal; 
    font-family: 'Supercell-Magic';
    font-weight: 600;
    letter-spacing: 1px;
}
h1{
    font-size: 36px;
    line-height: 1.6;
    color: var(--color-white);   
}
h2{
    font-size: 30px;
    line-height: 1.6;
    color: var(--color-211C1D);
}
h4{
    font-size: 14px;
    line-height: 1.6;
    color: var(--color-0198AB);
}
h6{
    font-size: 18px; 
    font-family: "Poppins", sans-serif;
}


.text-center{text-align: center;}
.text-right{text-align: right;}


@media (min-width:768px) {
    .modal-small {max-width:450px; width:100%;}
    .modal-sm {max-width:650px; width:100%;}
    .modal-md {max-width:850px; width:100%;}
    .modal-lg {max-width:1050px; width:100%;}
}

.mt-0{margin-top:0px;}
.mt-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mt-30{margin-top:30px;}
.mt-40{margin-top:40px;}
.mt-50{margin-top:50px;}
.mt-60{margin-top:60px;}
.mt-70{margin-top:70px;}
.mt-80{margin-top:80px;}
.mt-90{margin-top:90px;}
.mt-100{margin-top:100px;}

.mb-0{margin-bottom:0px;}
.mb-10{margin-bottom:10px;}
.mb-20{margin-bottom:20px;}
.mb-30{margin-bottom:30px;}
.mb-40{margin-bottom:40px;}
.mb-50{margin-bottom:50px;}
.mb-60{margin-bottom:60px;}
.mb-70{margin-bottom:70px;}
.mb-80{margin-bottom:80px;}
.mb-90{margin-bottom:90px;}
.mb-100{margin-bottom:100px;}

.pt-0{padding-top:0px;}
.pt-10{padding-top:10px;}
.pt-20{padding-top:20px;}
.pt-30{padding-top:30px;}
.pt-40{padding-top:40px;}
.pt-50{padding-top:50px;}
.pt-60{padding-top:60px;}
.pt-70{padding-top:70px;}
.pt-80{padding-top:80px;}
.pt-90{padding-top:90px;}
.pt-100{padding-top:100px;}

.pb-0{padding-bottom:0px;}
.pb-10{padding-bottom:10px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.pb-50{padding-bottom:50px;}
.pb-60{padding-bottom:60px;}
.pb-70{padding-bottom:70px;}
.pb-80{padding-bottom:80px;}
.pb-90{padding-bottom:90px;}
.pb-100{padding-bottom:100px;}


.row-col-2,
.row-col-3,
.row-col-4{
    display: flex; flex-wrap: wrap; justify-content: center; gap: 35px;
}

.row-col-2 .col{
    width: calc((100% - 35px) / 2);
}

.row-col-3 .col{
    width: calc((100% - 70px) / 3);
}

.row-col-4 .col{
    width: calc((100% - 105px) / 4);
}

@media (max-width:1024px) {
    .row-col-3 .col{
        width: calc((100% - 35px) / 2);
    }
    .row-col-4 .col{
        width: calc((100% - 35px) / 2);
    }
}

@media (max-width:767px) {
    h1{font-size: 30px;}
    h2{font-size: 24px;}

    .row-col-2 .col,
    .row-col-3 .col,
    .row-col-4 .col{
        width: calc((100% - 0px) / 1);
    }
}