@font-face {
    font-family: 'yekan';
    src: url(fonts/Yekan/Yekan.eot);
    src: url(fonts/Yekan/Yekan.eot?#iefix) format(“embedded-opentype”), url(fonts/Yekan/Yekan.woff) format(“woff”), url(fonts/Yekan/Yekan.ttf) format(“truetype”), url(fonts/Yekan/Yekan.svg#BYekan) format(“svg”);
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'YekanFont';
    src: url('fonts/YekanFont/Yekan.eot');
    /* IE9 Compat Modes */
    src: url('fonts/YekanFont/Yekan.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/YekanFont/Yekan.woff2') format('woff2'), /* Modern Browsers */
    url('fonts/YekanFont/Yekan.woff') format('woff'), /* Modern Browsers */
    url('fonts/YekanFont/Yekan.otf') format('opentype'), /* Open Type Font */
    url('fonts/YekanFont/Yekan.ttf') format('truetype');
    /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
    text-rendering: optimizeLegibility;
    font-display: auto;
}

@font-face {
    font-family: 'BKoodkBd';
    src: url('fonts/BKoodk/BKoodkBd.eot');
    src: local('fonts/BKoodk/BKoodkBd'), url('fonts/BKoodk/BKoodkBd.woff') format('woff'), url('fonts/BKoodk/BKoodkBd.ttf') format('truetype');
}

.modern-yekan-font {
    font-family: 'YekanFont' !important;
}

.modern-green-bg {
    background-color: #28a745;
}

.modern-green-text {
    color: #28a745;
}

.modern-green-shadow {
    box-shadow: 0px 0px 5px 2px #28a745;
}

.modern-red-bg {
    background-color: #dc3545;
}

.modern-red-text {
    color: #dc3545;
}

.modern-red-shadow {
    box-shadow: 0px 0px 5px 2px #dc3545;
}

.modern-blue-bg {
    background-color: #007bff;
}

.modern-blue-text {
    color: #007bff;
}

.modern-blue-shadow {
    box-shadow: 0px 0px 5px 2px #007bff;
}

.modern-indigo-bg {
    background-color: #6610f2;
}

.modern-indigo-text {
    color: #6610f2;
}

.modern-indigo-shadow {
    box-shadow: 0px 0px 5px 2px #6610f2;
}

.modern-purple-bg {
    background-color: #6f42c1;
}

.modern-purple-text {
    color: #6f42c1;
}

.modern-purple-shadow {
    box-shadow: 0px 0px 5px 2px #6f42c1;
}

.modern-pink-bg {
    background-color: #e83e8c;
}

.modern-pink-text {
    color: #e83e8c;
}

.modern-pink-shadow {
    box-shadow: 0px 0px 5px 2px #e83e8c;
}

.modern-orange-bg {
    background-color: #fd7e14;
}

.modern-orange-text {
    color: #fd7e14;
}

.modern-orange-shadow {
    box-shadow: 0px 0px 5px 2px #fd7e14;
}

.modern-yellow-bg {
    background-color: #ffc107;
}

.modern-yellow-text {
    color: #ffc107;
}

.modern-yellow-shadow {
    box-shadow: 0px 0px 5px 2px #ffc107;
}

.modern-teal-bg {
    background-color: #20c997;
}

.modern-teal-text {
    color: #20c997;
}

.modern-teal-shadow {
    box-shadow: 0px 0px 5px 2px #20c997;
}

.modern-cyan-bg {
    background-color: #17a2b8;
}

.modern-cyan-text {
    color: #17a2b8;
}

.modern-cyan-shadow {
    box-shadow: 0px 0px 5px 2px #17a2b8;
}

.modern-border {
    border-radius: 25px;
}

.modern-new-red {
    background-color: #ff6150;
    color: #fff;
    border-radius: 50px;
}