/* @import url('https://fonts.googleapis.com/css2?family=Almarai:wght@400;700&display=swap'); */
 @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap');
 @font-face {
   font-family: myFirstFont;
   src: url(Somar-Light.otf);
 }

 * {
   font-family: myFirstFont !important;
 }
::placeholder
{
  color: rgba(0,0,0,.6) !important;
}
:root
{
--mainColor :#003221;
--sColor: #c8bb87;
--whiteColor:#fff
}
body{
 margin:0px 62px;
 padding: 0px;
 font-family: poppins;
 scroll-behavior: smooth  !important;
 background: #f1f1f1;
 overflow-x: hidden;
}
html
{
 scroll-behavior: smooth !important

}

img
{
 object-fit: cover;
 object-position: center;
}


ul,li{
 list-style: none;
 padding: 0
}
.container
{
 max-width: 103% !important;
}
.btn-primary
{
 background:#191514;
 /*! height: 45px !important */
}
a{
 text-decoration: none;
}
a:hover
{
 text-decoration: none;
}    .footer {
      background-color: #1a1a1a;
      color: #fff;
      padding: 40px 0 20px;
      font-size: 14px;
    }
    .footer a {
      color: #fff;
      text-decoration: none;
    }
    .footer a:hover {
      text-decoration: underline;
    }
    .footer .form-control {
      background-color: #2c2c2c;
      border: none;
      color: #fff;
    }
    .footer .btn-subscribe {
      background-color: #ffa500;
      color: #000;
      font-weight: bold;
    }
    .footer .tags span {
      display: inline-block;
      background: #2c2c2c;
      margin: 3px;
      padding: 5px 10px;
      border-radius: 3px;
    }
    .footer-bottom {
      border-top: 1px solid #333;
      margin-top: 30px;
      padding-top: 15px;
      font-size: 13px;
      color: #bbb;
    }
    .article-thumb {
      width: 60px;
      height: auto;
      object-fit: cover;
      margin-right: 10px;
    }    .header-top {
      background-color: #fff;
      padding: 20px 0;
    }

    .header-banner img {
      width: 100%;
      max-height: 90px;
      object-fit: contain;
    }

    .main-nav {
      background-color: #ffa500;
      padding: 10px 0;
      position: relative;
      /*! padding: 0; */
    }

    .main-nav a {
      color: #fff;
      font-weight: bold;
      padding: 0 15px;
      text-decoration: none;
      font-size: 22px;
    }
#mainNavbar a::after{
  display: none !important;
}
.dropdown-menu{
  border: unset ;
  border-radius: 0 !important;
  width: 250px !important;
}
.en .dropdown-menu a{
  text-align: left !important;
}
.dropdown-menu a
{
  color: black !important;
  text-align: right;
  font-size: 20px;
  font-weight: normal
}
    .main-nav a:hover {
      text-decoration: underline;
    }

    .subscribe-btn {
      position: absolute;
      right: -80px;
      top: 0;
      background-color: #ffa500;
      color: #fff;
      font-weight: bold;
      padding: 10px 15px;
      border-radius: 3px;
      text-align: center;
    }

    .subscribe-btn i {
      margin-right: 5px;
    }

    .search-box {
      position: relative;
    }

    .search-box input {
      padding-left: 35px;
    }

    .search-box .fa-moon,
    .search-box .fa-search {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      color: #999;
    }

    .search-box .fa-moon {
      left: 10px;
    }

    .search-box .fa-search {
      right: 10px;
    }

    @media (max-width: 991px) {
      .subscribe-btn {
        display: none;
      }
    }    .carousel-item img {
      object-fit: cover;
      height: 500px;
      width: 100%;
    }

    .carousel-caption {
      bottom: 60px;
      text-align: left;
      background: rgba(0, 0, 0, 0.4);
      padding: 20px;
      border-radius: 5px;
    }

    .carousel-caption h5,
    .carousel-caption p {
      color: #fff;
    }

    .carousel-caption small {
      font-size: 14px;
      color: #ddd;
    }

    .subscribe-btn-fixed {
      position: fixed;
      right: 0;
      top: 200px;
      background-color: #ffa500;
      color: #fff;
      font-weight: bold;
      padding: 12px 18px;
      border-radius: 3px 0 0 3px;
      z-index: 9999;
    }

    .subscribe-btn-fixed i {
      margin-right: 6px;
    }

    @media (max-width: 768px) {
      .carousel-caption {
        font-size: 14px;
        padding: 10px;
      }

      .carousel-item img {
        height: 300px;
      }
    }
footer h6{
  font-size: 28px;
}
footer a{
  font-size: 22px
}
p{
  font-size: 24px !important;
}
.carousel-item {
  height: 500px;
  position: relative;
}
.carousel-item img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  filter: brightness(70%);
}
.carousel-caption {
  position: absolute;
  bottom: 30px;
  left: 40px;
  text-align: left;
}
.carousel-caption h5 {
  font-size: 1.5rem;
  font-weight: bold;
}
.carousel-caption p {
  font-size: 1rem;
}    .post-card {
      background: #fff;
      border-radius: 8px;
      overflow: hidden;
      margin-bottom: 20px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    }
    .post-card img {
      width: 100%;
      height: auto;
    }
    .post-card .content {
      padding: 15px;
    }
    .post-card .date {
      font-size: 14px;
      color: #888;
    }
    .btn-orange {
      background: #f58220;
      color: #fff;
      font-weight: bold;
      border: none;
    }
    .btn-orange:hover {
      background: #d86e18;
      color: #fff;
    }
    .sidebar-widget {
      background: #fff;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 20px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.08);
    }
    .section-title {
      font-weight: bold;
      margin-bottom: 15px;
      border-left: 5px solid #f58220;
      padding-left: 10px;
    }
    .video-thumb {
      position: relative;
    }
    .video-thumb img {
      border-radius: 8px;
    }
    .video-thumb .play {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      font-size: 40px;
      color: #fff;
    }.storie
{
  position: relative;
  max-height: 300px;
  overflow: hidden;
  padding: 10px;
  padding-left: 0;
}
.storie img
{
  width: 100%;
  height: auto !important;
  object-position: center;
  object-fit: cover
}
.storie h3, .post h4
{
  font-size: 20px;
  margin: 15px 0;
  color: black;
  font-weight: bold;
  text-transform: capitalize
}
.dark-mode .storie h3{
  color: white !important;
}
.storie h3:hover
{
   color: #f76133 ;
}
.art-trn .col-md-12 .ctn
{
  background-color: #070b15;
  color: white;
  padding: 20px 25px;
  margin: 10px 0;
  margin-bottom: 0;
}
.art-trn .article-trn
{
  overflow: hidden;
  height: 300px;
  max-height: 300px;
  min-height: 300px;
  margin: 10px
}
.article-trn img
{
  height: 50%;
  width: 100%;
  object-fit: cover;
  object-position: center
}
.article-trn .article-header
{
  padding: 20px 0px;
}
.art-trn a
{
  color: white;
}
.art-trn a:hover
{
  color: #fff
}
.dark-mode .tags a
{
  color: white !important;;
  border: 1px solid;
  background: unset !important;
}
.art-trn h2
{
  font-size: 18px
}
.art-noth .col-md-3
{
  padding: 0px 10px;
  padding-left: 0
}
.art-noth .col-md-3 .article-xs
{
  max-height: 200px;
  min-height: 200px;
  overflow: hidden;
  margin: 10px 0;
  border: 1px dashed rgba(0,0,0,.3);
    padding: 10px;
}
.art-noth .col-md-3 .article-xs:hover
{
  background-color: rgba(0,0,0,.1);
}
.article-xs h3
{
  color: black;
  font-size: 20px
}
.article-xs p, .art-cat .article p, .post .pst-tx
{
  color: rgba(0,0,0,.7);
  font-size: 21px !important;
  line-height: 1.2em;
  direction: rtl;
  margin-bottom: 0;
}
.art-cat h1
{
  font-size: 24px;
  font-weight: bold;
  line-height: 1.1em;
  direction: rtl;
  margin-bottom: auto;
}
.art-cat .col-md-12:first-child h1{
  background: #ffa50012;
  padding: 11px;
  border-radius: 10px;
}

.art-cat .article
{
  display: flex;

  margin: 10px 0;
}
.art-cat .article img
{
  width: 100%;
  height: 209px;
  object-fit: cover;
  object-position: center;
  max-width: 100%;
  min-width: 100%;
}

.art-cat .art-cat-header
{
  padding: 10px 15px;
  line-break: auto
}
.art-cat .art-cat-header span:first-child{
  background: #fff3ee;
  padding: 5px;
  border-radius: 10px;
  font-size: 19px;
}
.dark-mode .art-cat .art-cat-header span:first-child
{
  background: unset
}

.art-cat .art-cat-header .date
{
  display: block;
  margin: 10px 0;
  margin-bottom: 7px;
  text-decoration: underline;
  margin-top: 0;
}
.art-cat .art-cat-header a
{
  /*! background-color: black; */
  /*! padding: 5px 10px; */
  color: white;
  font-size: 19px;
  text-transform: capitalize;
  background: orange;
  padding: 5px 12px;
  border-radius: 10px;
}
.art-cat .art-cat-storie
{
  margin: 0px 0px;
  padding: 15px;
  padding-left: 0;
}
right-content .col-md-12
{
  padding-right: 0;
}
.sa-btn-sp
{
  text-align: right;
  margin: 10px 0;
  margin-bottom: 30px
}
.sa-btn-sp a
{
  text-transform: uppercase;
  color: black;
  border: 1px solid black;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 17px;
  margin: 20px
}

.ads
{
  /*! background-color: rgba(0,0,0,.1); */
  height: auto;
  /*! max-height: 400px; */
  /*! min-height: 400px; */
  overflow: hidden;
  margin: 5px 0
}
.ads span
{
  color: black;
  font-size: 22px;
  display: block;
  margin: 180px 90px
}
.tags
{
  /*! margin: 20px 0 */
}
.tags p, .social-media p, .posts p, .aboutus .hd
{
  font-size: 22px;
  font-weight: bold;
  text-transform: uppercase;
  margin: 10px 0;
  /*! margin-top: 50px; */
  font-size: 27px !important;
}
.tags a
{
  display: inline-flex;
  margin: 5px 10px;
  margin-left: 0;
  color: black;
  text-transform: capitalize;
  border: 1px solid rgba(0,0,0,.1);
  padding: 3px 10px;
  font-size: 20px;
}
.aboutus .text-o
{
  color: rgba(0,0,0,.6);
  font-size: 14px
}
.social-media a
{
  color: black;
  font-size: 12px;
  background: #171616 !important;
  border-radius: 10px;
  padding: 8px 11px;
  text-align: center;
  position: relative;
}
.social-media a i
{
  /*! margin: 10px; */
  /*! margin-left: 0; */
  /*! padding: 10px 15px; */
  color: white;
  display: block;
  text-align: center;
}
.social-media .fa-facebook-f
{
  background-color: #4371f9;
}
.social-media .fa-instagram
{
  background-color: #684a33;
}
.social-media .fa-twitter
{
  background-color: #4fa4ee;
}
.social-media .fa-linkedin-in
{
  background-color: #d76643;
}
.social-media .fa-google
{
  background-color: #f55314;
}
.social-media .fa-dribbble
{
  background-color: #fb3e3e;
}

.post
{

  padding: 0px;
  border-bottom: 1px dashed rgba(0,0,0,.2)
}
.post h4
{
  font-size: 22px;
  margin-bottom: 0;
}
.newsletter
{
  background-color: #181615;
  padding: 10px;
  text-align: center;
  color: white;
  margin: 20px 0
}
.newsletter h2
{
  text-transform: capitalize;
  margin: 20px 0
}
.newsletter p
{
  text-transform: capitalize
}
.newsletter input
{
  border-radius: 0px;
  font-size: 22px;
  margin: 10px 0
}
.newsletter .btn
{
  background-color: #fff;
  border: none;
  color: #000;
  text-transform: uppercase;
  font-size: 22px;
}
.footer
{
  background-color: black;
  padding: 50px;
  padding-bottom: 0
}
.footer .col-md-4, .footer .col-md-2
{
  border-right: 1px dashed rgba(0,0,0,.3);
  padding: 10px;
}
.footer h5
{
  text-transform: uppercase;
  font-weight: bold;
  color: white;
}
.footer .aboutus p
{
  margin: 15px 0;
  font-size: 15px;
  color: rgba(255,255,255,.6)
}
.footer .pages ul
{
  list-style: none;
  margin: 10px 0
}
.footer ul li
{
  margin: 10px 0
}
.footer .pages ul a
{
  text-transform: capitalize;
  color: white;
}
.footer .pages ul a:hover
{
  color: rgba(255,255,255,.6)
}
.footer .newsletter
{
  background-color: black;
  margin: 0
}
.footer .newsletter h5
{
  margin-bottom: 20px;
  text-align: left
}
.footer .newsletter .btn
{
  color: white;
  background-color: #f76133;
}
.footer .rights p
{
  color: white
}
.articles-details .drct-header
{
  /*! background-color: rgba(170, 159, 159, 0.1); */
  padding: 3px;
  margin: 5px 0;
  border: 1px solid #0000000a;
  /*! border-radius: 18px; */
}
.articles-details .drct-header a
{
  display: inline-block;
  margin: 10px;
  text-transform: capitalize;
  color: black;
  font-size: 18px;
}
.articles-details .drct-header .active
{
  color: #f76133
}
.articles-details .article-header
{
  margin: 20px 0;
  margin-bottom: 50px;
}
.articles-details .article-header h1, .comments-spc h1,.r-comment h2
{
  text-transform: capitalize;
  font-weight: bold
}
.articles-details .article-body img
{
  width: 100%;
  margin: 20px 0;
  /*! height: 600px; */
  /*! max-height: 600px; */
  /*! min-height: 600px; */
  object-fit: cover;
  object-position: center
}
.articles-details .article-body p
{
  font-size: 24px !important;
  line-height: 1.3em;
  color: rgb(96, 90, 90);
}
.articles-details .article-body .article-pts
{
  background-color: #f0e8e8;
  padding: 30px 30px;
  margin: 60px 0;
  border-radius: 10px;
  list-style: disclosure-closed
}
.articles-details .article-body li
{
  margin: 15px 0;
  padding: 0
}
.articles-details .article-body .article-pts p
{
  margin: 1px 0;
  font-size: 22px
}
.article-sm-dt ul
{
  display: flex;
  list-style: none;
}
.article-sm-dt li
{
  margin: 0px 10px;
}
.article-sm-dt span
{
  font-size: 17px;
  text-transform: capitalize;
  color: rgba(0,0,0,.6)
}
.dark-mode .article-sm-dt span
{
  color: white !important;
}
.article-sm-dt i
{
  margin-right: 5px;
}
.comments
{
  margin: 0px 50px;
  margin-top: 30px;
  border-bottom: 1px dashed rgba(0,0,0,.1);
  padding: 10px;
}
.comment-avatar img
{
  width: 60px;
  height: 60px;
  object-fit: cover;
  object-position: center;
  border-radius: 50%
}
.comment-detail .info
{
  display: flex;
  margin: 10px 0;
  margin-top: 0
}
.comment-detail .info span
{
  margin: 0px 20px;
  margin-left: 0;
  font-size: 22px;
  text-transform: capitalize;
  color: rgba(0,0,0,.6)
}
.comment-detail p
{
  font-size: 20px;
  font-weight: bold
}
.r-comment
{
  margin: 40px 0
}
.r-comment p
{
  color: rgba(0,0,0,.6);
  font-size: 14px;
}
.r-comment label, .r-comment .col-sm-12
{
  padding: 0
}
.r-comment label
{
  text-transform: capitalize;
  letter-spacing: 1px;
  font-weight:bold;
}
.r-comment input, .r-comment textarea
{
  background-color: rgb(242, 241, 241);
  resize: none
}
.r-comment textarea,.contact textarea
{
  height: 200px!important;
  resize: none;
}
.r-comment .btn, .contact form .btn
{
  border: none;
  background-color:  #f76133;
}
.r-comment input:focus, .r-comment textarea:focus, .contact textarea:focus, .contact input:focus
{
  box-shadow: none;
  border: 1px solid #f76133
}
.share-btns
{
  margin-bottom: 20px;
}
.share-btns h3
{
  text-transform: capitalize;
  color: #000;
  margin: 15px 0;
  line-height: 2em;
}
.share-btns a
{
  margin: 20px;
  margin-left: 0;
  color: black;
  border: 1px solid black;
  padding: 5px 10px;
  border-radius: 5px;
}
.cate-arts .col-md-12
{
  padding: 0px
}
.cate-arts .fixed-da
{
  padding: 0px 30px;
  border: none;
}
.cate-arts .col-md-4
{
  margin-top: 15px
}
.cate-arts .col-md-4 p
{
  color: rgba(0,0,0,.6);
  font-size: 15px;
}
.pagination-spc
{
  margin: 50px 0
}
.pagination-spc nav
{
  float: right
}
.pagination-spc nav a
{
  color: rgba(0,0,0,.6)
}
.pagination-spc nav .active .page-link
{
  background-color: #f76133;
  color: white;
  border: 1px solid #f76133
}
.error .error-svg svg, .contact-svg svg
{
  width: 100%
}
.error .inst
{
  margin-top: 250px
}
.error .inst h1
{
  font-size: 73px;
  font-weight: bold
}
.error .inst h2, .error .inst p
{
  text-transform: capitalize
}
.error .inst h2
{
  margin-bottom: 30px
}
.error .inst p
{
  color: rgba(0,0,0,.6);
  font-size: 19px;
  margin-bottom: 60px
}
.error .inst a
{
  background-color: #f76133;
  color: white;
  padding: 10px;
  text-transform: capitalize
}
.contact h1
{
  text-transform: uppercase;
  font-weight: bold
}
.contact p
{
  color: rgba(0,0,0,.6);
  text-transform: capitalize;
  margin-bottom: 50px
}
.contact .label-control, .contact .col-sm-12
{
  padding: 0
}
.contact label
{
  font-weight: bold;
  letter-spacing: 2px
}
.contact form input, .contact form textarea
{
  border-radius: 0;
}
.contact .btn
{
  text-transform: uppercase
}
.contact .box
{
  margin: 50px 0;
  border: 1px dashed rgba(0,0,0,.2);
  padding: 10px;
  padding-bottom: 30px;
  text-align: center;
  transition: .5s
}
.contact .box:hover
{
  transform: scale(1.03);
  transition: .5s
}
.contact .box:hover
{
  background-color: rgba(0,0,0,.1);

}
.contact .box i
{
  display: block;
  font-size: 55px;
  margin: 10px 0;
  color: #f76133
}
.contact .box span
{
  font-size: 22px;
}
.preloader
{
  display: block;
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  z-index: 9999
}
.preloader .logo
{
  margin: 300px auto;
  width: 50%;
  text-align: center;
  animation-name: optocl;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}
@keyframes optocl
{
  0%
  {
    filter: blur(0px)
  }
  25%
  {
    filter: blur(1px)
  }
  50%
  {
     filter: blur(3px)
  }
  100%
  {
     filter: blur(0px)
  }
}
@media only screen and (max-width: 1000px) {
  .container
  {
    max-width: 95%;
    margin: auto;
  }
  img
  {
    max-height: 100%;
    min-width: 100%;
    height: 100%;
    width: auto;
  }
}
.help li
{
  background-color: rgb(238, 238, 238);
  list-style:none;
  padding: 10px;
  margin: 5px 0;
  cursor: pointer;
  position: relative;
  border-radius: 10px
}
.help li h3
{
  text-transform: capitalize;
  font-weight: bold
}
.help li h3:hover
{
  color: #f76133
}
.help li p
{
  color: rgba(0,0,0,.6);
  font-size: 16px;
}
.help .help-a
{
  display: none;
}
 @media only screen and (max-width: 600px) {
  body
   {
     margin: 0
   }
   .main-nav a
   {
     display: block;
     text-align: right;
     color: black;
   }
   .en .main-nav a{
     display: block;
     text-align: left;
   }
   .main-nav{
     padding: 10px 0 !important;
   }
}

.contact-crev {
  position: relative;
  overflow: hidden;
  background: white;
  padding: 40px 0;
}
.contact-crev input
{
  margin: 10px 0
}
.contact-crev.no-crev:after {
  display: none;
}
.contact-crev .btn{
  background: #ffa500;
  color: white;
  font-size:25px;
}
.contact-crev:after {
  content: '';
  width: 80vw;
  height: 80vw;
  border: 200px solid #000;
  border-radius: 50%;
  position: absolute;
  top: -15vw;
  right: -30vw;
  opacity: .01;
  pointer-events: none;
}

.contact-crev input,
.contact-crev textarea {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: transparent;
  padding: 15px;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  font-size: 22px;
}

.contact-crev input:focus,
.contact-crev textarea:focus {
  border-color: #777;
}

.contact-crev textarea {
  min-height: 180px;
}
.sec-lg-head .dot-titl {
  padding: 10px 35px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  display: inline-block;
  position: relative;
}

.sec-lg-head .dot-titl:before, .sec-lg-head .dot-titl:after {
  content: '';
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #f08f74;
}

.sec-lg-head .dot-titl:before {
  left: 15px;
}

.sec-lg-head .dot-titl:after {
  right: 15px;
}

.sec-lg-head .dot-titl.colorbg-1:before, .sec-lg-head .dot-titl.colorbg-1:after {
  background: #c9f31d;
}

.sec-lg-head .dot-titl.colorbg-3:before, .sec-lg-head .dot-titl.colorbg-3:after {
  background: #55e6a5;
}

.sec-lg-head .dot-titl-non {
  padding: 7px 30px;
  font-size: 19px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
  border: 1px solid rgb(0, 0, 0);
  display: inline-block;
}

.sec-lg-head.text-dark .dot-titl {
  border-color: rgba(0, 0, 0, 0.5);
}

.sec-lg-head.text-dark p {
  color: #1d1d1d;
}

.sec-lg-head .svg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200px;
}

.sec-lg-head .path {
  -webkit-animation: dash 33s linear infinite;
  animation: dash 33s linear infinite;
}
.ar .carousel-caption
{
  text-align: right;
  right: 40px !important;
}
.ar .left-content{
  text-align: right
}
.ar .right-content{
  text-align: right
}
.ar .footer
{
 text-align: right
}
.ar .d-flex
{
  flex-direction: row-reverse
}
.ar footer img{
  margin-left: 15px;
  display: none;
}
.ar .articles-details .drct-header
{
  text-align: right
}
.ar .articles{
  text-align: right
}
.ar .articles-details .article-header h1, .comments-spc h1, .r-comment h2
{
  text-align: right
}
.ar .article-sm-dt ul
{
  flex-direction: row-reverse
}
.ar .article-body{
  text-align: right
}
.ar .comment-detail
{
  flex-direction: row-reverse;
  text-align: right;
}
.ar input, .ar textarea
{
  text-align: right !important;
}
@media only screen and (max-width: 600px) {
  .ar .main-nav ul{
    flex-direction: column-reverse;
  }
  .storie h3, .post h4
  {
    margin-top: 0
  }
  .left-content .art-cat > .col-md-12 > h1 {
  font-size: 23px;
    padding: 10px;
    margin: 10px 0;
    border-bottom: 1px solid #31313026;
  color: #3e3b35;
}
  footer{
    padding: 0 !important;
  }
  .footer-bottom
  {
    margin-bottom:  0 !important;
  }
  .carousel
  {
    display: none
  }
  .ads img{
    height: auto
  }
  .img-fluid
  {
    /*! display: none */
  }
  .article-thumb
  {
    width: 50px !important;
  }
  #mainNavbar form{
    margin: 20px 0
  }
  .navbar-brand img{
    width: 90px;
    height: auto !important;
  }
.main-nav
  {
    background: #fef9f0 !important;
    /*! border-bottom: 1px solid #00000014; */
    padding: 0;
  }
  html,body{
    position: relative;
    overflow-x: hidden
  }
  .main .row:nth-child(1){
  }
  .container {
    max-width: 100%;
    margin: auto;
  }
  .main-article
  {
    height: 500px;
    margin-bottom: 5px
  }
  .articles .col-md-3{
    max-width: 49%;
  }
section.main > .container > .row {
  /*! display: flex; */
  flex-direction: column-reverse !important; /* swaps right-content and left-content sides */
}

  .storie
  {
    padding: 10px
  }
  .art-cat-storie
  {
    padding: 5px !important;
  }
  .art-noth .col-md-3 .article-xs
  {
    margin: 10px;
    height: auto;
    mina: min;
    min-height: auto;
  }
  .art-noth .col-md-3 .article-xs p{
    display: none;
  }
  .en section.main > .container > .row
  {
    flex-direction: row !important;
  }
  .storie img
  {
    height: 100px !important;
  }
  .art-cat .article
  {
    display: inline-flex !important;
  }
  .article .row
  {
    margin-bottom: 5px;
    flex-direction: row-reverse;
  }
  .article .row .col-md-6{
    max-width: 49%;
    flex-direction: row-reverse !important;
    padding: 3px !important;
  }
    .article .row .col-md-6 img
  {
    height: 117px;
    border-radius: 10px;
  }
  .article p{
    display: none
  }
  .header-top
  {
    display: none
  }
.art-cat h1
  {
    font-size: 20px;
    margin-bottom: 0;
  }
  .article a:first-child{
    background: unset !important;
    display: block !important;
  }
  .aboutus p{
    font-size: 21px !important;
    line-height: 1.3em !important;
  }
  .art-cat .art-cat-header{
    padding: 0px
  }
  .art-cat-header > a:first-of-type {
  /* your styles here */
    background: unset !important;
    line-height: 1em !important;
    display: block;
  }
  .art-cat .art-cat-header .date
  {
    margin: 0
  }
  .art-cat-header > a:last-child
  {
    /*! display: none */
    color: #d98226 !important;
    font-weight: bold;
    font-size: 16px;
    background: unset;
  }

}
.dark-mode .header-top{
  background: #333232 !important;
}
.dark-mode p, .dark-mode h1{
  color: white !important;
}
.dark-mode section{
  background: #222020 !important;
}
.aboutus p{
  line-height: 1.2em
}
.dark-mode .art-cat .art-cat-header a
{
  background: #ffa500;
}
.dark-mode input, .dark-mode .btn{
  color: white !important;
}
.dark-mode ::placeholder
{
  color: white  !important;
}
.dark-mode .article-xs{
  background: #2f2c2c;
  color: white !important;
  border: 1px dashed #ffffff38 !important;
}
.dark-mode .article-xs h3{
  color: white
}
.dark-mode .articles-details .drct-header a
{
  color: white
}
.dark-mode .comments-spc input, .dark-mode .comments-spc textarea
{
  color: white !important;
  background: #1a1919bd !important;
  border: unset !important;
}
.dark-mode .header-top input
 {
   color: black !!important
}
#mainNavbar form input{
  border-radius: 0px 10px 10px 0px;
  background: #f3b563;
  border: unset !important;
}
#mainNavbar form .btn{
  border: unset ;
    border-radius: 10px 0px 0px 10px;
  background: #262525;
  color: wihte !important;
}
  /* Smooth dropdown hover */
  .navbar .dropdown-menu {
    display: none;
    opacity: 0;
    visibility: hidden;
    margin-top: 0;
    transition: all 0.3s ease;
    right: 0;
  }

  .navbar .dropdown:hover .dropdown-menu {
    display: block;
    opacity: 1;
    visibility: visible;
  }

  /* Optional: make dropdown pretty */
  .dropdown-menu {
    border-radius: 10px;
    padding: 10px 0;
    background-color: #fff;
  }

  .dropdown-item {
    padding: 8px 20px;
    transition: 0.3s;
  }

  .dropdown-item:hover {
    background-color: #ffa500;
    color: #fff !important;
  }

  /* Dark mode compatibility */
  .dark-mode .dropdown-menu {
    background-color: #333;
  }

  .dark-mode .dropdown-item {
    color: #fff;
  }

  .dark-mode .dropdown-item:hover {
    background-color: #555;
  }
  iframe
  {
   width: 100% !important;
   height: 500px !important;
  }
.articles a{
  color: black !important;
}
  .art-cat-header > a:first-of-type {
  background: unset;
  display: block;
  }
  
.art-cat
{
  border-bottom: 1px solid #0000000d !important;
  padding: 11px;
}