@font-face {
    font-family: OpenSans-Regular ;
    src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face {
    font-family: OpenSans-Bold ;
    src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face {
    font-family: penSans_Condensed-Bold ;
    src: url(../fonts/OpenSans_Condensed-Bold.ttf);
}

body{
    font-family: OpenSans-Regular ;
}
h1,h2,h3,h4,h5,h6{
    font-family: OpenSans-Regular ;
    font-size: calc(16px + 1.5vw);
}
h2{
    margin-bottom: 1.2rem;
}
h4 {
    font-size: calc(14px + 1vw);
    font-weight: 600;
}
p{
	font-weight: 400;
	font-size: calc(16px + 0.7vw);
    line-height: 1.7;
    color: #222222;
    font-family: OpenSans-Regular;
}
a:hover {
    text-decoration: none;
}
li{
    list-style: none;
    position: relative;
    margin-bottom: 15px;
    font-family: OpenSans-Regular;
	font-weight: 400;
	font-size: calc(16px + 0.4vw);
    color: #222222;
    line-height: 1.7;
}
section{
    position: relative;
}

.list-style-disc {
    list-style-type: disc;
}
.list-style-disc li {
    color: #fff;
    list-style-type: disc;
    /* font-size: 18px; */
}
/* .list-style-disc p {
    font-size: 18px;
} */
.ht-50 {
    height: 50vh !important;
}
.h-75 {
    height: 75vh !important;
}

.bg-blue { background-color: #4830D9; }
.bg-dark-blue { background-color: #2F019E;}
.bg-green { background-color: #28B1A2;}
.bg-cyan { background-color: #28B1A2; }
.bg-grey { background-color: #F6F6F6; }



.desktop-hide{
    display: none;
}
.mobile-hide{
    display: block;
}

@media(max-width:767px){
    .desktop-hide{
        display: block;
    }
    .mobile-hide{
        display: none;
    }
}
@media(max-width:767px) and (orientation:landscape){
    .desktop-hide{
        display: none;
    }
}