@import url('https://fonts.googleapis.com/css?family=Mukta:300,400,500,600,700,800');
body{ font-family: 'Mukta', sans-serif;}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Mukta', sans-serif;
}
.uk-link, a {
    color: #444;
}
.uk-link:hover, a:hover {
    color: #c90808;
    text-decoration: none;
}
p {
    font-size: 20px;
    line-height: 38px;
    color: #484848;
    font-weight: 400;
}
.wt-600 {
    font-weight: 600;
}
.bg-header {
    background: #eb0089;
}
.hard--back {
    background: #3569cf;
}
.clip {
    width: 20px;
    height: 20px;
    top: 5px;
    position: relative;
    background: #005952;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
}
.cat-head {
    background: #6d0c1a;
    font-size: 25px;
    font-weight: 900;
    line-height: 47px;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #00346e;
    border-radius: 0;
}
.cattitle {
    color: #ffffff;
    background: #054067;
    font-size: 18px;
    padding: 3px 20px 10px 20px;
    margin: 0;
    font-weight: 400;
    position: relative;
}
.tt-sbz {
    position: relative;
    background: #004d91;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
}
.tt-sbz h1 {
    display: inline-block;
    background: #ee0505;
    font-size: 22px;
    font-weight: 600;
    line-height: 44px;
    padding: 0 10px;
    color: #fff;
}
.tt-sbz a:after {
    content: "\f0c9";
    font-family: fontawesome;
    margin-left: 6px;
}
.tt-sbz a:before {
    content: "";
    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 70% 50%);
    background: #002d54;
    width: 35px;
    height: 100%;
    top: 0;
    left: -28px;
    position: absolute;
    z-index: 9;
}
.tt-sbz a {
    display: inline-block;
    float: right;
    font-size: 16px;
    padding: 0 10px;
    color: #f8f9fa;
    text-decoration: none;
    background: #002d54;
    position: relative;
    line-height: 43px;
}
.headline-2::before {
    content: '';
    width: 10px;
    height: 47px;
    background: #be1029;
    position: absolute;
    left: 0px;
    top: 0;
}
.sidebar {
    background: #006eb8;
    line-height: 36px;
}
.left-0 {
    left: 0 !important;
}
.top-header {
    background: #c90808;
}
.navbar-light .navbar-nav .nav-link, .menu a {
    padding-right: 24px;
    padding-left: 24px;
    line-height: 34px;
    color: #f9f9f9;
    font-size: 17px;
    font-weight: 500;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #f9f9f9;
    background: #ee0505;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: #0056ad;
}
.uk-navbar-dropdown {
    top: 39px !important;
    padding: 8px;
    width: 260px;
    left: 1000px !important;
}
.uk-search-navbar .uk-search-input {
    font-size: 17px;
}
.heading__formall {
    background: #005fff;
    margin-bottom: 25px;
    margin-top: 10px;
}
.heading__formall span {
    position: relative;
    padding: 6px 20px;
    background: #91278f;
    color: #fff;
    font-size: 23px;
    font-weight: 800;
    line-height: 20px;
    overflow: hidden;
}
.heading__formall span:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 14px solid transparent;
    border-right: 28px solid #ffffff00;
    border-top: 50px solid #ffffff;
    top: 0;
    right: -35px;
}
.heading__formall span:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 28px solid #ffffff00;
    border-top: 50px solid #91278f;
    top: 0;
    right: -28px;
}
.heading__formall a {
    float: right;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    font-weight: 700;
    padding: 0 10px;
    position: relative;
}
.heading__formall a:before {content: "\f142";font-family: fontawesome;position: absolute;left: 0;font-weight: 100;}
.cover {
    object-fit: cover;
}
.clock {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
}
.clock:before {
    content: "\f017";
    font-family: fontawesome;
    top: -7px;
    position: absolute;
    left: 0;
    line-height: 25px;
}
.date-break {
    position: relative;
    top: -10px;
}
.text-init {
    color: #c7c7c7;
}
.ht-120 img {
    height: 100px;
    width: 120px;
}
img.ht-370 {
    height: 370px;
}
.ht-170 img {
    height: 170px;
}
.ht-100 img {
    width: 90px;
    height: 90px;
} 
.ht-220 img {
    height: 210px;
}
.ht-150 img {
    height: 135px;
    width: 160px;
}
.tasbir.lazy-load.cover.uk-height-large.img-responsive.uk-width-1-1 {
    height: 650px;
}
.uk-padding-small.main__header.uk-light {
    background: #ea2302;
}
.text-small {
    font-size: 12px;
}
.my-overlay {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(95%,rgb(0, 0, 0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0)0,rgb(0, 0, 0) 100%);
}
.scrollbox {
    height: 455px;
    overflow: auto;
    overflow-x: hidden;
    visibility: hidden;
    padding: 20px;
}
.scrollbox-content,
.scrollbox:hover,
.scrollbox:focus {
    visibility: visible;
}
.scrollbox_delayed {
    transition: visibility 0.2s;
}
.scrollbox_delayed:hover {
    transition: visibility 0s 0.2s;
}
#mybox::-webkit-scrollbar {
    width: 3px;
}
#mybox::-webkit-scrollbar-track {
    border-radius: 10px;
    background: transparent;
}
#mybox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #ff0000;
    padding: 0;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #dc0a1f;
    font-size: 20px;
    font-weight: 700;
}
#back-to-top {
    width: 40px;
    height: 40px;
    padding: 5px;
}
.footer p {
    color: #ddd;
    font-size: 17px;
    line-height: 32px;
}