@font-face {
    font-family: "OpenC";
    src: url('../webfonts/OpenSans_Condensed-Regular.ttf');
}

@font-face {
    font-family: "OpenSC";
    src: url('../webfonts/OpenSans_SemiCondensed-Regular.ttf');
}

@font-face {
    font-family: "OpenS";
    src: url('../webfonts/OpenSans-Regular.ttf');
}

@font-face {
    font-family: "OpenB";
    src: url('../webfonts/OpenSans-Bold.ttf');
}

@font-face {
    font-family: "Merriweather";
    src: url('../webfonts/Merriweather-Regular.ttf');
}

.openc {
    font-family: "OpenC";
}

.opensc {
    font-family: "OpenSC";
}

.opens {
    font-family: "OpenS";
}

.openb {
    font-family: "OpenB";
}

.merri {
    font-family: "Merriweather";
}

.bold-text {
    font-weight: bold;
}

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 20px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
}

p {
    margin: 0;
    font-size: 9pt;
}

.pd-5 {
    padding: 0px 50px 0px 50px;
}

.pb4 {
    padding-bottom: 40px;
}

.pb-5 {
    padding-bottom: 50px;
}
.mb-12{
    margin-bottom: 120px;
}
.mt-3 {
    margin-top: 300px;
}
.mt-6 {
    margin-top: 60px;
}
.mt-8{
    margin-top: 80px;
}

.mt-15 {
    margin-top: 150px;
}

.b {
    font-weight: bold;
}

.info-bg {
    background-color: #2DA9E1;
}

.purple-bg {
    background-color: #2C2F74;
}

.btn-success {
    background: #078C45 !important;
}

.mobile {
    display: none !important;
}

.dekstop {
    display: block !important;
}
.vsm{
    display: none !important;
}
.fs-12 {
    font-size: 12pt;
}

p.b1 {
    font-size: 40pt;
    font-weight: bold;
}
p.b2 {
    font-size: 20pt;
    font-weight: bold;
}

.black-text {
    color: #000 !important;
}

@media (max-width: 768px) {
    .mobile {
        display: block !important;
    }
    .dekstop {
        display: none !important;
    }
    .vsm{
        display: none !important;
    }
    .center-mobile {
        text-align: center !important;
    }

    .mtm-6 {
        margin-top: -60px;
    }
}

@media (max-width: 414px) {
    .vsm{
        display: block !important;
    }
    p.b2{
        font-size: 15pt;
    }
  
}