@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800;900&display=swap');


@font-face{font-family: 'UthmanTN1';	src: url("/Haseen/website/fonts/UthmanTN1.otf") }
@font-face{font-family: 'UthmanTN1Bold';	src: url("/Haseen/website/fonts/UthmanTN1-bold.otf") }


body{
    font-size: 14px;
    font-family: 'Tajawal', sans-serif!important;
    font-weight: 500;
}

.logo {
    padding: 10px 40px 0px 0px;
    background: #b6add6;
    background-image: linear-gradient(#959595, #dddddd, #959595);
    background-image: url(/Haseen/website/images/banner1.jpg);
}
.logo:before{
    /* background-image: linear-gradient(#959595, #dddddd, #959595);
    background-image: url(/Haseen/website/images/banner1.jpg); */
    background: #f5f5f5;
    background-size: contain;
    border-right: 4px solid #e1e1e1;
    border-right: 2px solid #49ad9a;
}
.logo img {
    max-height: 90px;
}

.home-slider5 .info {
    background: rgb(15 100 145 / 55%);
}
.home-slider5 .info .post-details{
    max-width: 550px;
}
.tp-caption.LargeTitle,
.tp-caption.Title {
    color: #fff;
}
.tp-caption.LargeTitle{
    font-size: 40px;
}
.buy-btn {
    /*background: #7d64cc;
    border-radius: 0px;
    border-bottom: 3px #6248b2 solid;*/
    background: #49ad9a;
    border-radius: 0px;
    border-bottom: 3px #328276 solid;
}

.breaking-news-ticker {
    border: solid 1px #0f6491;
}

.bn-label {
    background-color: #0f6491;
}

.grid-sidebar-block .view-all-link {
    background: #eee;
    padding: 5px 12px;
}

.top-grid .grid_description a.tag {
    background: #49ad9a;
    color: #fff;
}

.bn-seperator {
    background-image: url(/Haseen/website/images/logo.png);
}



/* Video Gallery */
.video-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 450px;
    position: relative;
    overflow: hidden;
}

.video-item .post-video {
    position: absolute;
    top: 46%;
    margin: auto;
    text-align: center;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    left: 0;
    right: 0;
    z-index: 2;
    margin: auto;
}

.video-item .post-video:before {
    display: none;
}

.video-item .post-video .ts-play-btn {
    z-index: 1;
    border: none;
}

.video-tab-list {
    height: 450px;
    padding: 30px 5px 30px 30px;
    overflow: hidden;
}

.video-tab-list img.sidebar-img {
    width: 100px;
    height: auto;
    margin-right: 15px;

}

.video-tab-list .post-tab-list {
    padding: 0;
}

.video-tab-list .post-tab-list li {
    margin-bottom: 15px;
}

.video-tab-list .post-tab-list li .post-title {
    color: #fff;
}

.video-tab-list .post-tab-list li:last-child {
    margin-bottom: 0;
}

.bg-dark-item {
    background: #121524;
}

.fade.in {
    opacity: 1;
}

.video-tab-list .nav {
    width: auto !important;
}

.media {
    display: flex;
    align-items: flex-start;
}

.post-content {
    z-index: 1;
    position: relative;
}

.post-tab-list .post-content.media:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 5px;
}

.bg-dark-item .post-tab-list .post-content.media:last-of-type {
    border-bottom: none;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.post-title {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.post-video .ts-play-btn {
    position: relative;
    top: 0;
    left: 0;
    right: auto;
    font-size: 20px;
    width: 60px;
    height: 60px;
    border: 1px solid #92999a;
    border-radius: 50%;
    padding: 18px 0;
    display: block;
    text-align: center;
    font-size: 15px;
    background: #00292f;
    float: left;
    color: #fff;
    margin-right: 20px;
}

.post-video .ts-play-btn:hover {
    background: #d72924;
}

.post-style-item4 {
    padding-bottom: 0;
}

.post-style-item4 .ts-post-thumb {
    margin-bottom: 0;
}

.post-style-item4 .item:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.75) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.75) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.75) 100%);
}

.video-section .nav-pills>li.active>a,
.video-section .nav-pills>li.active>a:focus,
.video-section .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #1c2136;
}

.video-section .nav>li>a {
    padding: 0;
}

.video-section .nav>li>a:focus,
.video-section .nav>li>a:hover {
    text-decoration: none;
    background-color: #1c2136;
}

.video-section .nav-pills>li {
    float: none;
}

.video-section {
    padding: 30px 0px 60px 0;
    background: #23292e;
    overflow: hidden;
}

.video-section .tab-content {
    padding: 0 0;
}

.video-section .tab-content>.active {
    margin-top: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 5px;
    background-color: #414450;
}

/* End Video Gallery */


#nav > li > a{
    text-transform: capitalize;
    font-size: 15px;
    letter-spacing: 0;
}
#nav > li > a > span {
    padding: 0 13px;
}

.header-banner .top-nav,.header-banner .top-social {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 0;
}

.header-banner .top-nav li {
    display: inline-block;
    margin-right: 16px;
}
.header-banner .top-nav li a{
    font-size: 15px;
    color: #fff;
    line-height: 40px;
}

.top-social li {
    display: inline-block;
    line-height: 39px;
    color: #fff;
  }
  
.top-social li a {
    color: #fff;
    font-size: 14px;
    padding: 0 7px;
}
.top-social li.lang a{
    font-family: 'Tajawal', sans-serif;
}
  
.top-social li.ts-date {
    padding: 0 14px;
    margin-left: 19px;
    background: #49ad9a;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
}
/* .top-social .lang{
    margin-right: 20px;
} */



/* dark mode switcher btn */

.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 34px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #49ad9a;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #49ad9a;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }

  .grid-sidebar-block .main-block-1 ul li{
    grid-template: auto/200px 1fr;
  }
  .popular-posts ul li{
    grid-template: auto/70px 1fr;
  }

  /* .popular-posts ul li{
      margin-bottom: 0;
  } */
  .grid-sidebar-block .main-block-1 ul li .content-info h4 a{
      font-size: 22px;
  }
  .article-slider h3{
      font-size: 16px;
  }

  .blog-side .content-info h4 a {
    font-size: 14px;
}
.grid-sidebar-block .main-block ul li .content-info h4 a{
    font-size: 19px;
}
.grid-sidebar-block .grid_description a.tag,
.article-slider .grid_description a.tag,
.newsletter-wrap button.subscribe{
    color: #fff;
}
#container_form_news2 input[type="text"]{
    color: #444;
}
#toTop{
    background-color: #0f6491;
}
#toTop:hover {
    background-color: #46ad9a;
}
.footer-logo{
    text-align: center;
}
.footer-logo img {
    height: 70px;
}
.footer-about p {
    color: #fff;
}
footer a,footer address{
    font-size: 16px;
}
footer .coppyright{
    font-size: 14px;
}
.footer-logo {
    text-align: center;
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 50%;
    background: #fff;
    border: 4px solid #0f6491;
}

footer .links i, footer address i{
    margin-right: 5px;
}
footer address span{
    direction: ltr;
}
.home-slider5 .tp-leftarrow.default:hover, .home-slider5 .tp-rightarrow.default:hover {
    background-color: #49ad9a;
    color: #fff;
}

.mobile-menu .expand{
    color: #49ad9a;
}
.mobile-menu .mm-search{
    background-color: #49ad9a;
}
.mobile-menu li a.active{
    color: #49ad9a;
}

.navbar-collapse form[role="search"].active input{
    border: 2px solid #49ad9a !important;
}

.about p{
    font-size: 18px;
}
.category .blog-wrapper .entry-content{
    grid-template: auto/294px 1fr;
}
.category .blog-wrapper .entry-content .post-content {
    padding: 25px 25px 25px 0;
}

.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}
.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 9px 18px rgba(0,0,0,0.12), 0 5px 7px rgba(0,0,0,0.05);
}

.thm-post iframe {
    max-width: 100%;
} 
.post-img img{
    width: 100%;
}
.blog-post p{
    font-size: 18px;
}
.page-heading {
    padding: 70px 0 70px 0;
    background-size: cover;
    border-bottom: none;
    text-align: center;
    background-repeat: no-repeat;
    background-image: url(/Haseen/website/images/category-bg2.jpg);
    background-position: bottom;
}


.page-title h1, .page-title h2{
    text-transform: capitalize;
}
.contact-info{
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px;
    display: block;
    z-index: 1;
      background: #fff;
    border:1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all .3s;
   }
   .contact-info:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 0%;
      transition: .5s;
      background: #0f6491;
      /* background: linear-gradient(to right top, #0f6491, #865cb3, #9e75ca, #ae8ad4, #e3c9ff); */
      z-index: -1;
      border-radius: 30px;
  }
  
  .contact-info:hover:after {
      width: 100%;
  }
  
  .contact-info span {
          display: block;
      width: 60px;
      height: 60px;
      border: 5px solid #f6f6f6;
      line-height: 50px;
      font-size: 30px;
      border-radius: 50%;
      margin: 0px auto;
      position: relative;
      margin-bottom: 20px;
      overflow: hidden;
  
      
  }
  .contact-info:hover span {
  
      border: 5px solid #fff;   
  }
  .contact-info span i{
      z-index: 1;
      width: 100%;
      height: 100%;
      line-height: 50px;
      color: #0f6491;
  }
  .contact-info:hover span i{
    color: #fff;
  }
  .contact-info h4{
    font-size: 20px;
    margin-bottom: 5px;
   }
   .contact-info h6{
    font-size: 16px;
    color: #222;
    direction: ltr;
   }
   .contact-info:hover h4{
    color: #fff;
   }
   .contact-info:hover h6{
    color: #fff;
   }

   .form-horizontal .control-label{
       font-size: 16px;
       text-align: left;
   }

   .contactform .btn{
       font-size: 18px;
       letter-spacing: 0px !important;
   }
   .page-not-found img{
       height: 250px;
   }
   .page-not-found .btn-home {
        background-color: #46ad9a;
    }

    


a.social-div{
    text-align: center;
}
.social_row{
    /* grid-template-columns: repeat(3, minmax(0, 1fr)); */
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-column-gap: 2px;
}

.top-grid h3{
    letter-spacing: 0;
}


/* 
.top-grid .grid_image {
    max-height: 210px;
}
.grid-sidebar-block .grid_image {
    height: 300px;
}
.article-slider .grid_image{
	height: 200px
}
#best-seller .owl-item .item{
	width: 100%
}
.grid-sidebar-block .main-block ul li .featured-thumb img {
    width: 100%;
    height: 80px;
}

.grid-sidebar-block .main-block-1 ul li .featured-thumb img{
    height: 135px;   
}
.blog-side .featured-thumb img{
    height: 55px;
}

.category .blog-wrapper .entry-content img{
    max-height: 185px;
    width: 100%;
} 
.video-tab-list img.sidebar-img{
    height: 70px;
}

.top-grid .grid_item:nth-child(2) .grid_image{
    max-height: 440px;
} */

a.social-div span{
    display: none;
}
.blog-post .row{
    margin-top: 30px;
}




/* 22_1_2022 */

#nav li.drop-menu:hover ul{
    width: 200px;
}
#nav > li.drop-menu ul li ul.level2{
    left: 200px !important;
}
#nav li.drop-menu ul li:hover > a {
    color: #49ad9a;
}
.grid-sidebar-block .main-block-1 .cate-heading h2{
    min-width: 220px;
}
.blog-post h1{
    font-size: 36px;
    font-family: 'UthmanTN1Bold','Tajawal', sans-serif!important;
}
.blog-post p, .thm-post ul li {
    font-size: 20px;
    margin-bottom: 10px;
    color: #000;
    letter-spacing: 0;
    text-align: justify;
    font-family: 'UthmanTN1Bold','Tajawal', sans-serif!important;
    font-weight: 500;
}


.navbar-form .search-btn{
    width: 40px;
}

.top-grid li:nth-child(2) .post_title a{
    font-size: 120%;
}
.sidebar a, .sidebar .block-layered-nav .price .sub{
    font-weight: 500;
}
#nav li.drop-menu ul li a{
    font-size: 14px;
    color: #000;
    font-weight: 500;
}
#nav ul.level2 a{
    opacity: 1;
}

.comment-respond .comment-form input,
.comment-respond .comment-form textarea{
    color: #444;
}
.blog-post .comment-form .bnt-comment {
    width: auto;
    letter-spacing: 0px!important;
    font-weight: 500;
}

.statistics ul li{
    width: 32%;
    display: inline-block;
    background: #0f6491;
    border-radius: 5px;
    text-align: center;
    padding: 10px 4px;
}

.statistics ul li i{
    display: block;
    font-size: 16px;
    margin-bottom: 9px;
    color: #fff;
}
.statistics ul li b{
    display: block;
    font-size: 18px;
    margin-bottom: 4px;
    font-weight: bold;
    color: #fff;
}
.statistics ul li span{
    font-weight: 500;
    color: #fff;
}

.grid-sidebar-block .main-block.dark-skin .cate-heading{
    border-bottom: 1px #363c40 solid;
    background: #23292e;
}
.grid-sidebar-block .main-block.dark-skin {
    background-color: #23292e;
}
.grid-sidebar-block .main-block.dark-skin ul li{
    border-bottom: 1px solid #363c40;
}
.grid-sidebar-block .main-block.dark-skin ul li .content-info h4 a{
    color: #fff;
}
.grid-sidebar-block .main-block.dark-skin .view-all-link{
    background: #444b50;
    color: #fff;
}


.grid-sidebar-block .main-block-1.dark-skin .cate-heading{
    background: #23292e;
    border-bottom: 1px #363c40 solid;
}
.grid-sidebar-block .main-block-1.dark-skin {
    background-color: #23292e;
}
.grid-sidebar-block .main-block-1.dark-skin ul li {
    border-bottom: 1px solid #363c40;
}
.grid-sidebar-block .main-block-1.dark-skin ul li .content-info h4 a{
    color: #fff;
}
.grid-sidebar-block .main-block-1.dark-skin ul li .content-info p {
    color: #c3c3c3;
}
.grid-sidebar-block .main-block-1.dark-skin .view-all-link {
    background: #444b50;
    color: #fff;
}


@media (min-width: 992px) {
    .top-social li {
        margin-right: 20px;
    }

    .top-social li:last-child {
        margin-right: 0;
    }

    .map {
        padding-right: 30px;
        border-right: 1px solid #e7e7e7;
    }
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
    .blog-post h1 {
        font-size: 26px;
    }

    .blog-post .post-meta li:last-child {
        display: block;
    }

    .col-main {
        margin-top: 0px;
    }
}

@media (max-width: 767px) {
    .page-heading {
        padding: 30px 0 30px 0;
    }

    .header-banner .col-lg-4,
    .header-banner .col-lg-8 {
        text-align: center;
    }
    .header-banner .col-lg-3,
    .header-banner .col-lg-9 {
        text-align: center;
    }

    .news_lable {
        display: none;
    }

    .header-logo a {
        text-align: center;
    }

    .top-social li a {
        padding: 0 30px;
    }

    .top-social li.ts-date {
        display: none;
    }

    .logo {
        padding: 5px 10px !important;
    }

    .logo img {
        max-height: 50px;
    }

    .logo:before {
        border-left: 0px !important;
        border-right: 0px !important;
    }

    .logo {
        float: none !important;
    }

    /* .icon-plus {
        display: none;
    } */

    .mobile-menu [class^="icon-"]:before{
        content: none;
    }
    .expand.icon-plus {
        display: block;
    }

    .article-slider h3 {
        font-size: 15px;
    }

    .grid-sidebar-block .main-block-3 h3 a {
        font-size: 22px;
    }

    .grid-sidebar-block .main-block ul li .content-info h4 a {
        font-size: 17px;
    }

    .top-grid li:nth-child(2) .post_title a {
        font-size: 110%;
    }
    /* 16-1-2022 */
    /* span#ctlSiteHeader1_Span53{
        display: none;
    }
    .top-social li a {
        padding: 0 10px;
    } */
   
    .video-item{
        height: 220px;
    }

    .video-section .col-lg-8.pl-0.pt-30{
        padding-top: 0 !important;
    }

}

@media (min-width: 768px){

    .header-logo {
        overflow-y: clip;
    }

    .logo:before {
        height: 177px;
    }
}
@media only screen and (min-width: 768px) and (max-width:1300px) {
    .header__nav {
        flex: 0 0 71%;
    }
}

.navbar-collapse form[role="search"].navbar-form.active .search-btn .glyphicon-search:before{
    content: "\e014";
}

@media only screen and (max-width: 768px) {
    .article-slider .grid_image{
        height: 150px
    }
    .article-slider .grid_image {
        height: auto;
        max-height: 140px;
    }
    .grid-sidebar-block .main-block-1 ul li .featured-thumb img {
        height: auto;
        max-height: 220px;
    }
    .footer-logo{
        margin: auto;
    }
}


/* 14-3-2022 */
span.sharelbl{
    font-size: 14px;
    font-weight: 600;
    float: left;
    margin-right:5px;
}
span.sharelbl i {
    padding-right: 3px;
}
.a2a_svg {
    height: 26px !important;
    line-height: 26px !important;
    width: 26px !important;
}

/* searchbox */
.searchbox{
    background: #ededed;
}
.searchform{
    margin: 10px;
}
@media (min-width: 992px) {
    .searchform{
        /* margin: 10px auto; */
        margin: auto;
        width: 50%;
        padding: 10px;
    }
}

.searchform input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: right;
    width: 90%;
    background: #fff;
  }
  

  .searchform button {
    float: right;
    width: 10%;
    padding: 10px;
    background: #0f6491;
    color: white;
    font-size: 17px;
    border: 1px solid #0f6491;
    border-right: none; 
    cursor: pointer;
  }
  
  .searchform button:hover {
    background: #3e8684;
  }
  
  .searchform::after {
    content: "";
    clear: both;
    display: table;
  }

  .blog-post .row.content-header{
    margin: 0; 
    border-top: 0;
    margin-bottom: 20px;
}
.fontsize{
    text-align: right;
}
  .fontsize .input-group-btn .btn{
    background: #fff;
    border-bottom: 0;
    color: #000;
    -webkit-transition: .2s;
    transition: .2s;
  }
  .fontsize .input-group-btn .btn:hover{
    color: #333;
  }
  .fontsize .input-group-btn .btn:focus{
    outline:none!important;
  }
  .fontsize .input-group-btn .btn:active:hover{
    background-color: #fff;
    box-shadow: none;
}


.printbtn{
    color: #ffffff;
    letter-spacing: 0px!important;
    background: #383838;
    padding: 5px 15px;
    border-bottom: 0;
}
.printbtn:hover{
    color: #ffffff;
    background: #000;
    padding: 5px 15px;
    border-bottom: 0;
}
.error-report{
    color: #0f6491;
    letter-spacing: 0px!important;
    background: transparent;
    padding: 4px 15px;
    border-bottom: 0;
    border: 1px solid #0f6491;
    border-radius: 5px;
}
.error-report:hover{
    color: #ffffff;
    background: #000;
    padding: 5px 15px;
    border-bottom: 0;
    border-radius: 5px;
}
.popover-content {
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 4%), 0 6px 15px 0 rgb(0 0 0 / 2%);
    background-color: #e6f9f8;
    font-family:  Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
}
.popover.top > .arrow:after {
    border-top-color: #e6f9f8;
}
.custom_ol{
    list-style: none !important;
}
.custom_ol li{
    list-style: none !important;
}
#hamish{
    font-size: 20px;
    color: #000;

}
.well.hamish{
    margin-top: 1rem;
    background-color: #fafafa;
    border: 1px solid #f1f1f1;
}

.tiplink{
    color: #3b6e6c;
}
.tiplink:hover{
    color: #443d4b;
}

#hawamish-btn{
    display: inline-block;
    margin-top: 10px;
    border-bottom: none;
    border-radius: 20px;
    min-width: 150px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background-color:#0f6491;
}
#hawamish-btn[aria-expanded="true"]{
   
    background-color: #000;
}

/* 6-4-2022 */

.blog-post{
    position: relative;
}
.articlei-icons{
    position: -webkit-sticky;
    position: sticky;
    /* left: 0; */
    top: 0;
    z-index: 1020;
}

.mb-3, .my-3 {
    margin-bottom: 2rem!important;
}

.article_v_menu{
    margin-left: -60px;
    width: 50px;
    margin-top: 40px;
    z-index: 20;
}
.article_v_menu a{
    color: #0f6491;
    font-size: 18px;
}

.stick_v_menu {
    position: fixed !important;
    top: 10px !important;
    width: 100%;
}

.position-absolute{
    position: absolute !important
}

.tooltip.top{
    min-width: 80px;
    box-shadow: 0 8px 8px 0 rgb(0 0 0 / 4%), 0 6px 15px 0 rgb(0 0 0 / 2%);
    
}
.tooltip-inner {
    max-width: 200px;
    background-color: #e6f9f8;
    font-family: Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 500;
    color: #000;
    border: 1px solid #4a5050;
  }


.article_v_menu_mob .list-group-horizontal .list-group-item
{
    display: inline-block;
    margin-bottom: 0;
    margin-left:-4px;
    margin-right: 0;
    border: 0;
}
.article_v_menu_mob .list-group-horizontal .list-group-item a{
    color: #0f6491;
    font-size: 18px;
}



  @media print {
    .searchform, .top-grid, .fl-nav-menu, .header__nav,
    .fontsize, #hawamish-btn, .bottom-section, .comment-content,
    .sidebar,
    .article-slider,
    .footer-inner, .footer-top .social, .articlei-icons,
    .error-report{
        display: none !important;
    }

    .header-logo{
        padding-bottom: 20px !important;
    }
  
  }


 /* 11-4-2022 */
 .article-slider .grid_description a.tag{
    background: #49ad9a;
 }
 .blog-side .widget_categories{
    background-color: #3d5283;
 }
 .blog-side .widget_categories ul{
    background-color: #3d5283;
 }
 .blog-side .widget_categories li {
    border-bottom: 1px #51689c solid;
}
.sidebar .widget_categories a{
    color: #fff;
}
.blog-side .widget_categories span.count{
    background: #fff;
}
.blog-side .widget_categories h2{
    color: #fff;
}

.blog-post h1, .blog-side h2, .blog-post p, .thm-post ul li{
    color: #0b0f51;
}




.grid-sidebar-block .main-block-3 .cate-heading h2,
.grid-sidebar-block .main-block .cate-heading h2,
.best-pro .new_title h2,
.grid-sidebar-block .main-block-1 .cate-heading h2 {
    /* background: #437d8e; */
    background: #0f6491;
    
}

.comment-form .bnt-comment,
.contactform .btn{
    background: #0f6491;
    border-bottom: 3px #0c5074 solid;
    color: #fff;
}
.videoGallery .rsThumb.rsNavSelected {
	background-color: #0f6491 !important;
	border-bottom-color: #0f6491 !important;
}


/* 31_5_2022 */


.main-link{
    text-align: center;
    margin-bottom: 20px;
  }
  .main-link a{
    font-size: 22px;
    color:#0f6491; ;
  }
  .main-link p{
      font-size: 22px;
      color: #0b0f51;
  }

  .links-page .social_row{
    display: block;
  }
  .links-page .social_row a.social-div {
    text-align: center;
    display: block;
    margin-bottom: 10px;
  }
  .links-page .social_row.left-icon a:before{
    float: left;
  }

.blog-wrapper.important-links .entry-content {
    overflow: hidden;
    display: grid;
    -ms-grid-columns: 116px 6px 1fr;
    grid-template: auto/116px 1fr;
}
.blog-wrapper.important-links .entry-content .blog_entry-title{
  font-size: 22px;
}
.blog-wrapper.important-links .entry-content .post-content {
    padding: 35px 0px 35px 0;
}

.important-links-btn a {
    display: block;
    margin-bottom: 10px;
    padding: 12px 10px;
    background: #0f6491;
    border-bottom: none;
    border: 2px #054f76  solid;
    color: #fff;
    letter-spacing: 0px !important;
    font-weight: 600;
    white-space: normal;
    direction: rtl;
}
.important-links-btn a:hover,
.important-links-btn a:focus{
    padding: 12px 10px;
    border-bottom: none;
    background: transparent;
    border: 2px solid #0f6491;
    color: #000;
}
  @media (max-width:768px) {
    .main-link p, .main-link a{
    font-size: 16px;
    }
  .main-link a:hover{
    color:#49ad9a; ;
  }
  .main-link .icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #0f6491;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
  }
  .main-link a:hover .icon{
    background-color:#49ad9a; ;
  }
  .main-link a i{
    color: #fff;
  }
  .blog-wrapper.important-links .entry-content .blog_entry-title{
    font-size: 16px;
  }
  .blog-wrapper.important-links .entry-content{
    grid-column-gap: 13px;
  }
  .blog-wrapper.important-links .entry-content{
    grid-template: auto/123px 1fr;
  }
}


.blog_entry_category{
    margin-bottom: 20px;
}
.blog_entry_category a{
    background: #0f6491;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 8px 12px;
    position: relative;
    font-size: 14px;
    margin-left: 10px;
    
}

.post-meta li a.post_category{
    background: #0f6491;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    padding: 5px 8px;
    position: relative;
    font-size: 13px;
    margin-left: 5px;
    border-radius: 5px;
}

.overlay22 {
    height: 100%;
    width: 100%;
    position: fixed; 
    z-index: 1; 
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0, 0.9); 
    overflow-x: hidden; 
    transition: 0.5s; 
  }


  .sticky {
    height: 64px;
    background: #fff !important;
    box-shadow: 0 10px 15px rgb(0 0 0 / 10%);
  }

  @media only screen and (min-width: 320px) and (max-width: 479px){
    .blog-post .post-meta li:last-child{
        display: inline-block;
    }
  }

  


  
/*Tree View*/

.tree, .tree ul {
    margin:0;
    padding:0;
    list-style:none
  }
  .tree ul {
    margin-right:1em;
    position:relative
  }
  .tree ul ul {
    margin-right:.5em
  }
  .tree ul:before {
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    right: 0;
    border-right: 1px solid
  }
  .tree li {
    margin:0;
    padding:0 1em;
    line-height:2em;
    color:#369;
    font-weight:700;
    font-size: 18px;
    position:relative;
  }
  .tree ul li:before {
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    right: 0
  }
  .tree ul li:last-child:before {
    background:#fff;
    height:auto;
    top:1em;
    bottom:0
  }
  .indicator {
    margin-left :5px;
    color: #49ad9a;
  }
  .tree li a {
    text-decoration: none;
    color:#369;
    font-size: 16px;
  }
  .tree li button, .tree li button:active, .tree li button:focus {
    text-decoration: none;
    color:#369;
    border:none;
    background:transparent;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    outline: 0;
  }
  
  .topics .blog-wrapper .entry-content{
    grid-template: auto/120px 1fr;
    grid-column-gap: 12px;
  }
  .topics .blog-wrapper .entry-content .post-content {
    padding: 10px;
  }
  .topics .blog-wrapper .entry-content .blog_entry-title{
    font-size: 20px;
  }
  .topics .blog-wrapper .entry-content .featured-thumb{
    height: 100%;
  }
  .topics .blog-wrapper img{
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .topic .blog-post h1{
    font-size: 28px;
  }
  
  .list1 li{
    font-size: 16px;
    line-height: 2;
  }
  .list1 li span{
    min-width: 100px;
    display: inline-block;
    font-weight: bold;
  }
  .panel-group .panel {
    margin-bottom: 15px;
  }
  .panel-title>a{
    display: block;
  }
  .panel-title>a:hover {
    color: #0f6491;
  }
  .page-heading.indexing .page-title h2{
    color: #000;
    font-size: 36px;
  }
  .sidebar.indexing .block{
    padding: 20px 0;
  }
  
  
/*************************
  Basic margin padding
*************************/
.m-0{margin-top:0;margin-right:0;margin-bottom:0;margin-left:0}.p-0{padding-top:0;padding-right:0;padding-bottom:0;padding-left:0}.p-10{padding:20px}.p-20{padding:20px}.p-30{padding:20px}.p-40{padding:20px}.p-50{padding:20px}.mt-0{margin-top:0}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.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}.mt-110{margin-top:110px}.mt-120{margin-top:120px}.mt-130{margin-top:130px}.mt-140{margin-top:140px}.mt-150{margin-top:150px}.mr-0{margin-right:0}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.mr-40{margin-right:40px}.mr-50{margin-right:50px}.mr-60{margin-right:60px}.mr-70{margin-right:70px}.mr-80{margin-right:80px}.mr-90{margin-right:90px}.mr-100{margin-right:100px}.mr-110{margin-right:110px}.mr-120{margin-right:120px}.mr-130{margin-right:130px}.mr-140{margin-right:140px}.mr-150{margin-right:150px}.mb-0{margin-bottom:0}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.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}.mb-110{margin-bottom:110px}.mb-120{margin-bottom:120px}.mb-130{margin-bottom:130px}.mb-140{margin-bottom:140px}.mb-150{margin-bottom:150px}.ml-0{margin-left:0}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.ml-40{margin-left:40px}.ml-50{margin-left:50px}.ml-60{margin-left:60px}.ml-70{margin-left:70px}.ml-80{margin-left:80px}.ml-90{margin-left:90px}.ml-100{margin-left:100px}.ml-110{margin-left:110px}.ml-120{margin-left:120px}.ml-130{margin-left:130px}.ml-140{margin-left:140px}.ml-150{margin-left:150px}.pt-0{padding-top:0}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.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}.pt-110{padding-top:110px}.pt-120{padding-top:120px}.pt-130{padding-top:130px}.pt-140{padding-top:140px}.pt-150{padding-top:150px}.pr-0{padding-right:0}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.pr-40{padding-right:40px}.pr-50{padding-right:50px}.pr-60{padding-right:60px}.pr-70{padding-right:70px}.pr-80{padding-right:80px}.pr-90{padding-right:90px}.pr-100{padding-right:100px}.pr-110{padding-right:110px}.pr-120{padding-right:120px}.pr-130{padding-right:130px}.pr-140{padding-right:140px}.pb-0{padding-bottom:0}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.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}.pb-110{padding-bottom:110px}.pb-120{padding-bottom:120px}.pb-130{padding-bottom:130px}.pb-140{padding-bottom:140px}.pb-150{padding-bottom:150px}.pl-0{padding-left:0}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pl-40{padding-left:40px}.pl-50{padding-left:50px}.pl-60{padding-left:60px}.pl-70{padding-left:70px}.pl-80{padding-left:80px}.pl-90{padding-left:90px}.pl-100{padding-left:100px}.pl-110{padding-left:110px}.pl-120{padding-left:120px}.pl-130{padding-left:130px}.pl-140{padding-left:140px}.pl-150{padding-left:150px}.ptb-0{padding:0}.ptb-10{padding:10px 0}.ptb-20{padding:20px 0}.ptb-30{padding:30px 0}.ptb-40{padding:40px 0}.ptb-50{padding:50px 0}.ptb-60{padding:60px 0}.ptb-70{padding:70px 0}.ptb-80{padding:80px 0}.ptb-90{padding:90px 0}.ptb-100{padding:100px 0}.ptb-110{padding:110px 0}.ptb-120{padding:120px 0}.ptb-130{padding:130px 0}.ptb-140{padding:140px 0}.ptb-150{padding:150px 0}.mtb-0{margin:0}.mtb-10{margin:10px 0}.mtb-15{margin:15px 0}.mtb-20{margin:20px 0}.mtb-30{margin:30px 0}.mtb-40{margin:40px 0}.mtb-50{margin:50px 0}.mtb-60{margin:60px 0}.mtb-70{margin:70px 0}.mtb-80{margin:80px 0}.mtb-90{margin:90px 0}.mtb-100{margin:100px 0}.mtb-110{margin:110px 0}.mtb-120{margin:120px 0}.mtb-130{margin:130px 0}.mtb-140{margin:140px 0}.mtb-150{margin:150px 0}