@import "https://unpkg.com/open-props/easings.min.css";

.sun-and-moon > :is(.moon, .sun, .sun-beams) {
  transform-origin: center;
}

.sun-and-moon > :is(.moon, .sun) {
  fill: var(--icon-fill);
}

.theme-toggle:is(:hover, :focus-visible) > .sun-and-moon > :is(.moon, .sun) {
  fill: var(--icon-fill-hover);
}

.sun-and-moon > .sun-beams {
  stroke: var(--icon-fill);
  stroke-width: 2px;
}

.theme-toggle:is(:hover, :focus-visible) .sun-and-moon > .sun-beams {
  stroke: var(--icon-fill-hover);
}

[data-theme="dark"] .sun-and-moon > .sun {
  transform: scale(1.75);
}

[data-theme="dark"] .sun-and-moon > .sun-beams {
  opacity: 0;
}

[data-theme="dark"] .sun-and-moon > .moon > circle {
  transform: translateX(-7px);
}

@supports (cx: 1) {
  [data-theme="dark"] .sun-and-moon > .moon > circle {
    cx: 17;
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: no-preference) {
  .sun-and-moon > .sun {
    transition: transform .5s var(--ease-elastic-3);
  }

  .sun-and-moon > .sun-beams {
    transition: transform .5s var(--ease-elastic-4), opacity .5s var(--ease-3);
  }

  .sun-and-moon .moon > circle {
    transition: transform .25s var(--ease-out-5);
  }

  @supports (cx: 1) {
    .sun-and-moon .moon > circle {
      transition: cx .25s var(--ease-out-5);
    }
  }

  [data-theme="dark"] .sun-and-moon > .sun {
    transition-timing-function: var(--ease-3);
    transition-duration: .25s;
    transform: scale(1.75);
  }

  [data-theme="dark"] .sun-and-moon > .sun-beams {
    transition-duration: .15s;
    transform: rotateZ(-25deg);
  }

  [data-theme="dark"] .sun-and-moon > .moon > circle {
    transition-duration: .5s;
    transition-delay: .25s;
  }
}

.theme-toggle {
    --size: 1.85rem;
    --icon-fill: hsl(210 10% 30%);
    --icon-fill-hover: hsl(210 10% 15%);
    background: none;
    border: none;
    padding: 0;
    inline-size: var(--size);
    block-size: var(--size);
    aspect-ratio: 1;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
    outline-offset:5px
}

.theme-toggle > svg {
    inline-size: 100%;
    block-size: 80%;
    stroke-linecap:round;
    border: none;
}

[data-theme=dark] .theme-toggle {
    --icon-fill: hsl(210 10% 70%);
    --icon-fill-hover: hsl(210 15% 90%)
}

@media (hover: none) {
    .theme-toggle {
        --size: 35px
    }
}

:root {
  --as-color-green: rgb(0, 100, 0);
  --as-color-teal: rgb(54, 134, 106);
  --as-color-blue: rgb(0, 0, 255);
  --as-color-red: rgb(255, 0, 0);
  --as-border-color: #ddd;
  --as-box-bg-color: #fff;
  --as-menu-bg-color: #fff;
  --as-color-burger: #000;
  --as-bgcolor-secondary: #eee;
  --as-fields-bgcolor: #fbfbfb;

  --as-bottom-bg-color: #f9f9f9;

  --as-border-radius: .35rem;
  --as-border-radius-big: 100px;
  --as-muted-color: rgba(0, 0, 0, 0.55);
  --as-mark: #f1f0eb;

}

[data-theme="dark"]:root {

  --as-color-primary: #b32123;
  --as-color-secondary: #911c1d;
  --as-color-light: #ec7d7e;
  --as-link-color: #ec7d7e;

  --as-color: rgba(255, 255, 255, 0.87);
  --as-color-inverse: #252525;
  --as-bgcolor: #121212;
  --as-color-burger: #fff;

  --as-bgcolor-secondary: #121212;
  --as-fields-bgcolor: #161616;
  --as-footer-bgcolor: #111111;
  --as-topbar-bgcolor: #111111;

  --as-skeleton-color: #333333;
  --as-bottom-bg-color: #191919;

  --as-border-color: #2a2a2a;
  --as-box-bg-color: #1c1c1d;
  --as-menu-bg-color: #1c1c1d;
  --as-muted-color: rgba(255, 255, 255, 0.55);
  --as-mark: #252525;

}

.offcanvas-menu::-webkit-scrollbar {
  display: none;
}

::selection {
  background: var(--as-color-primary);
  color: #FFF;
}

[data-theme="dark"] .logo-dark {
  display: block !important;
}

[data-theme="dark"] .logo-light {
  display: none !important
}

html.coming-soon body,
html.error-page body {
  background: var(--as-bgcolor-secondary);
  color: var(--as-color);
  height: auto;
}

html.error-page .error-code{
  font-size: 8rem;
  font-weight: bolder;
  color: inherit;
}

body a {
  color: var(--as-link-color);
}

[data-theme="dark"] #sp-bottom {
  background: var(--as-bottom-bg-color);
  background-size: cover;
}

[data-theme="dark"] #sp-header, [data-theme="dark"] #sp-bottom {
  background-image: url('../images/calligraphy-antishubohat-dark.svg') !important;
}

[data-theme="dark"] .alert-info {
  color: #b6e0fb;
  background-color: #2a3a45;
  border-color: #2a3a45;
}

@media (min-width:768px) {
  .blog.articles, .blog.answers {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
  }
}

@media (min-width:992px) and (max-width:1024px) {
  /* html {
    font-size: 14px
  } */
  #sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    font-size: 1rem !important
  }
}

/* html {
  font-size: 14px
} */

@keyframes skeleton-effect-fade {
  0% {
    opacity: 1
  }
  50% {
    opacity: .6
  }
  100% {
    opacity: 1
  }
}

.logo-dark {
  display: none
}

.logo-light {
  display: block
}

.quran {
  color: var(--as-color-green);
}

.hadith {
  color: var(--as-color-teal);
}

.blue {
  color: var(--as-color-blue);
}

.red {
  color: var(--as-color-red);
}

.footnote {
  font-size: 75%;
  padding-top: 15px;
  border-top: 1px solid var(--as-border-color);
}

.color-red {color: red}
.color-0000ff{color:#0000ff}
.color-ff0000{color:#ff0000}
.color-800000{color:#800000}
.color-008000{color:#008000}
.bg-00ffff{background-color:#00ffff}
.bg-ffff00{background-color:#ffff00}

[data-theme="dark"] .color-red {color: rgb(209,94,95)}
[data-theme="dark"] .color-0000ff{color:rgb(119, 176, 213)}
[data-theme="dark"] .color-ff0000{color:rgb(209,94,95)}
[data-theme="dark"] .color-800000{color:#b88179}
[data-theme="dark"] .color-008000{color:rgb(135, 221, 135)}
[data-theme="dark"] .bg-00ffff{background-color:#00ffff;color:#333}
[data-theme="dark"] .bg-ffff00{background-color:#ffff00;color:#333}

[data-theme="dark"]  .quran {
  color: rgb(135, 221, 135);
}

[data-theme="dark"]  .hadith {
  color: rgb(114, 180, 157);
}

[data-theme="dark"]  .blue {
  color: rgb(119, 176, 213);
}

[data-theme="dark"]  .red {
  color: rgb(209,94,95);
}

.border-radius {
  -moz-border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-bottom: .85rem;
  line-height: 1.6
}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 100%;
}

.sp-menu-item a.fa::before, .sp-menu-item a.fab::before, .sp-menu-item a.fas::before, .sp-menu-item a.far::before {
  margin-left: 0;
}

.sp-menu-item .fa, .sp-menu-item .fas, .sp-menu-item .far, .sp-menu-item [class*=" icon-"], .sp-menu-item [class^=icon-] {
  color: var(--as-color-primary);
  margin-left: 5px;
}

.category-module li, .categories-module li, .archive-module li, .latestnews li, .newsflash-horiz li, .mostread li, .form-links li, .list-striped li {
  padding: 0;
  /* margin-bottom: 5px;
  border-bottom: 1px solid var(--as-border-color) */
}
.category-module li:last-child, .categories-module li:last-child, .archive-module li:last-child, .latestnews li:last-child, .newsflash-horiz li:last-child, .mostread li:last-child, .form-links li:last-child, .list-striped li:last-child {
  border-bottom: none;
  margin-bottom: 0
}

.sp-module ul > li > a {
  font-size: 1rem;
  display: inline-block;
  width: 100%;
  padding: 10px 20px;
}

.sp-module.compact {
  padding-top: 10px !important;
  padding-bottom: 10px !important
}

.sp-module .tags a, .tag a, .sp-module .tags .tags-title, .cat-children .cat-item-title, .tagspopular .tags-title {
  font-size: 1rem;
  padding: 5px 15px;
  margin:8px;
  border-radius: 100px;
  background-color: var(--as-border-color);
  color: var(--as-color);
}
.tag a, .tagspopular .tags-title {
  display: block;
  margin: 0 5px
}
.sp-module .tags .tags-title, .tagspopular .tags-title, .article-details .tags .tags-title, .cat-children .cat-chlidren-title {
  background-color: var(--as-color-primary) !important;
  color: #fff !important
}

.article-details .tags>li a, .article-details .tags .tags-title {
  font-size: 1rem;
  padding: 5px 15px;
  border-radius: 100px;
  background-color: var(--as-border-color);
  color: var(--as-color)
}
.cat-children, .breadcrumb, .tags, .tagspopular {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.cat-children::-webkit-scrollbar, .breadcrumb::-webkit-scrollbar, .tags::-webkit-scrollbar, .tagspopular::-webkit-scrollbar {
  display: none;
}
.cat-children .cat-chlidren-title, .tagspopular .tags-title {
  margin-left: 0 !important;
  margin-right: 5px !important;
}
.rtl .cat-children .cat-chlidren-title, .rtl .tagspopular .tags-title {
  margin-right: 0 !important;
  margin-left: 5px !important;
}
.cat-children .cat-item-title {
  margin: 5px
}
.cat-children a {
  color: inherit;
}
.breadcrumb-item {
  display: flex;
  align-items: center;
}
.related-items {
  border-top: 1px solid var(--as-border-color);
  margin-top: 5px;
  padding-top: 10px;
}
.content-showtags {
  padding-top: 15px;
  border-top: 1px solid var(--as-border-color);
  margin-top: 15px
}
.swiper-slide.tags {
  width: auto
}

.sp-module ul > li > a:hover, .sp-module .tags a:hover {
  background: var(--as-border-color);
}
.sp-megamenu-parent {
  z-index: 98
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
  padding: 0;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: var(--as-border-radius);
  border-bottom-right-radius: var(--as-border-radius);
}

.com-sppagebuilder #sp-main-body .row {
  margin: 0
}

/* .mod-tagspopular.tagspopular {
  margin-top: -15px
} */
.offcanvas-menu {
  background: var(--as-box-bg-color);
  color: var(--as-color);
  overflow: scroll;
}
.offcanvas-menu .offcanvas-inner {
  padding: 0 15px 15px 15px;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  width: 100%
}
.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
  margin-right: 0
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li {
  border-color: var(--as-border-color);
}
.offcanvas-menu .offcanvas-inner a, .offcanvas-menu .offcanvas-inner ul.menu > li a, .offcanvas-menu .offcanvas-inner ul.menu > li span {
  color: var(--as-color);
  opacity: 1
}
.offcanvas-menu .offcanvas-inner .sp-contact-info>li>a, .offcanvas-menu .offcanvas-inner .social-icons>li>a {
  opacity: 1
}
.offcanvas-menu .offcanvas-inner .sp-module .awesomplete {
  width: 100%
}
.offcanvas-menu .mod-languages {
  margin: 20px 0;
}
.offcanvas-menu div.mod-languages .dropdown-menu, .offcanvas-menu div.mod-languages .btn-group .btn {
  width: 100%;
}
.offcanvas-menu ul.social-icons {
  display: flex;
  justify-content: center;
  /* margin-bottom: 20px */
}
.offcanvas-menu .categories ul {
  margin:0;
  padding:0;
}
.offcanvas-menu .categories ul li {
  list-style: none;
  border-bottom: 1px solid var(--as-border-color);
}
.rtl .offcanvas-menu .categories ul li a {
  padding-right: 30px;
}
.rtl .offcanvas-menu .categories ul li:before {
  margin-right: 5px
}
.offcanvas_menu .offcanvas-inner a {
  padding-right: 40px;
  border-bottom: 1px solid var(--as-border-color);
}
/* .offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:before {
  content: "\f0c9";
  font-family: "Font Awesome\ 5 Free";
  font-weight: 900;
  color: var(--as-color-primary);
  position: absolute;
  margin-left: 5px;
  margin-right: auto;
  margin-top: 10px;
  font-size: 1rem;
  z-index: 10
}
.rtl .offcanvas-menu.border-menu .offcanvas-inner ul.menu>li:before {
  margin-right: 5px;
  margin-left: auto;
} */
.offcanvas-menu .fa, .offcanvas-menu .fas, .offcanvas-menu .far, .offcanvas-menu [class^=icon-], .offcanvas-menu [class*=\ icon-] {
  color: var(--as-color-primary) !important;
}
.offcanvas-menu .categories .sp-module-title {
  background-color: var(--as-border-color);
  padding: 8px;
  text-align: center;
  -moz-border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}
.rtl .offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
  padding: 15px 40px 15px 10px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a {
  padding: 15px 10px 15px 40px;
}
.pe-2 {
  padding-left: 0;
  margin: 0;
}
.rtl .pe-2 {
  padding-left: .5rem!important;
  padding-right: 0 !important;
}
.offcanvas-menu ul.menu li a span {
  position: absolute;
  left: 5px;
  right: auto;
}
.rtl .offcanvas-menu ul.menu li a span {
  right: 5px;
  left: auto;
}
body.rtl .breadcrumb-item+.breadcrumb-item::before {
  float: right;
  padding-right: 0;
  padding-left: .5rem;
  color: var(--as-color)
}
.breadcrumb-item, body.rtl .float-start {
  padding-left: .5rem;
  font-size: .85rem;
}
.breadcrumb-item.active {
  color: var(--as-color)
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
  margin: 0 0 15px 0;
  padding: 0 15px 10px 15px;
  font-size: 1.15rem;
  font-weight: 700;
  border-bottom: 1px solid var(--as-border-color);
}
.sp-module-title {
  font-size: 1.25rem;
}
.categories ul li:before {
  content: "";
  font-family: "Font Awesome\ 6 Free";
  font-weight: 900;
  color: var(--as-color-primary);
  position: absolute;
  margin-left: 15px;
  margin-right: auto;
  margin-top: 10px;
  font-size: 1rem
}
.rtl .categories ul li:before {
  margin-right: 15px;
  margin-left: auto;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: bold;
}
.rtl .breadcrumb-item+.breadcrumb-item::before {
  content: "\f104";
  font-family: "Font Awesome 6 Free";
}

#sp-left .sp-module.categories ul>li>a, #sp-right .sp-module.categories ul>li>a {
  line-height: normal;
  padding: 10px 15px 10px 40px;
}

.rtl #sp-left .sp-module.categories ul>li>a, .rtl #sp-right .sp-module.categories ul>li>a {
  padding: 10px 40px 10px 15px;
}

#sp-left .sp-module-content, #sp-right .sp-module-content {
  padding: 0px 15px;
}

#sp-left .categories .sp-module-content, #sp-right .categories .sp-module-content {
  padding: 0
}

#sp-left .sp-module ul>li, #sp-right .sp-module ul>li {
  border-bottom: 0.5px solid var(--as-border-color);
}

#sp-left .sp-module ul>li:last-child, #sp-right .sp-module ul>li:last-child {
  border-bottom: none;
}
#sp-left .sp-module, #sp-right .sp-module {
  margin-top: 0
}
#sp-left .sp-module .tagscloud .tag-name, #sp-right .sp-module .tagscloud .tag-name {
  background: var(--as-border-color);
  color: var(--as-color);
  -moz-border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}

#sp-header {
  height: 85px;
  background-image: url('../images/calligraphy-antishubohat.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 60%;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid var(--as-border-color);
}
#sp-header .sp-module.languages {
  margin: 0
}
#sp-left {
  border-right: 1px solid var(--as-border-color);
  border-left: none;
  background-color: var(--as-box-bg-color);
  position: relative;
}
.rtl #sp-left {
  border-left: 1px solid var(--as-border-color);
  border-right: none;
}

/* .sidebar-sticky .sp-column {
  position: fixed;
  top: 80px;
  bottom: 0;
} */

#sp-header .logo {
  height: 85px;
}

#sp-right {
  border-left: 1px solid var(--as-border-color);
  border-right: none;
  background-color: var(--as-box-bg-color);
  position: relative;
}

.rtl #sp-right {
  border-right: 1px solid var(--as-border-color);
  border-left: none;
}

#sp-menu-bar {
  background-color: var(--as-menu-bg-color);
  border-bottom: 1px solid var(--as-border-color);
}

#sp-main-body {
  padding: 0
}

#sp-left .sp-module, #sp-right .sp-module {
  padding: 20px 0;
  border:none;
  margin-left: -15px;
  margin-right: -15px;
}

.sp-megamenu-parent>li:last-child>a {
  padding: 0 15px;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span{
  line-height: 55px;
  /* background: #ddd; */
  /* margin:10px; */
  /* border-radius: var(--as-border-radius); */
}
ul.social-icons {
  display: inline-flex;
}
ul.social-icons li {
  width: 30px;
  height: 30px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0
}
ul.social-icons>li:not(:last-child) {
  margin-right: 10px;
}
.social-icons li a, .social-icons li a:hover {
  font-size: 20px;
  color: #fff !important;
  display: flex
}

li.social-icon-facebook {
  background-color: #1877f2;
}
li.social-icon-twitter {
  background-color: #1da1f2;
}
li.social-icon-telegram {
  background-color: #0088cc;
}
li.social-icon-youtube {
  background-color: #ff0000;
}
li.social-icon-instagram {
  background-color: #c13584;
}

div.mod-languages ul.lang-block li {
  padding: 0 !important
}

div.mod-languages ul li.lang-active {
  background-color: var(--as-border-color) !important;
  padding: 0 !important;
  border-radius: inherit;
}

div.mod-languages .btn-group .btn {
  background: var(--as-border-color);
  height: 30px;
  padding: 0 5px;
  line-height: 30px;
}
div.mod-languages img {
  display: none !important
}
ul.social-icons>li:last-child {
  margin-right: 10px;
}
.rtl ul.social-icons>li:last-child {
  margin-left: 10px
}

div.mod-languages .dropdown-toggle::after {
  vertical-align: 0 !important
}
#sp-header .logo a {
  margin: auto;
}

@media (max-width:991px) {
  .mode-switcher {
    position: absolute;
    left: 0;
    width: auto;
    top: 20px;
  }
  #sp-header {
    box-shadow: 0
  }
  #sp-header .logo {
    height: 80px;
    position: absolute;
    left: 40%;
    right: 40%;
    margin: 0 -25%;
  }
  #offcanvas-toggler {
    height: 80px;
    line-height: 80px;
  }
}
@media (max-width:575px) {
  #sp-header .logo {
    height: 80px;
  }
  #sp-header {
    height: 80px !important;
  }
}
/* .article-introtext {
  display: none
} */
.article-list .article {
  margin-bottom: 30px;
}

.form-control {
  padding: .575rem .75rem;
  border-color: var(--as-border-color);
  -moz-border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}
.mod-finder__search .form-control, .finder .form-control {
  padding: .575rem 4rem .575rem 1.75rem;
}
.rtl .mod-finder__search .form-control, .rtl .finder .form-control {
  padding: .575rem 1.75rem .575rem 4rem;
}

.mod-finder__search .btn, .finder .btn {
  position: absolute;
  border-radius: 0;
  border-top-right-radius: var(--as-border-radius-big) !important;
  border-bottom-right-radius: var(--as-border-radius-big) !important;
}
.rtl .mod-finder__search .btn, .rtl .finder .btn {
  border-top-left-radius: var(--as-border-radius-big) !important;
  border-bottom-left-radius: var(--as-border-radius-big) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.search button, .finder button {
  border: 0;
  border-radius: 0;
  position: absolute !important;
  bottom: 1px;
  top: 1px;
  left: auto;
  right: 1px;
  z-index: 999;
  padding: 0 20px !important;
}
.rtl .search button, .rtl .finder button {
  left: 1px;
  right: auto;
}
.search button .icon-search, .finder button .icon-search {
  line-height: 2
}

.search button:before {
    /* content: "\f002"; */
    color: #fff;
    font-family: FontAwesome;
}
.search {
  width: 100%;
  margin:0 !important;
}

.form-control:focus {
    background-color: var(--as-box-bg-color);
    border-color: var(--as-border-color);
    box-shadow:0 0 0 .25rem rgba(252,13,13,.25)
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: var(--as-box-bg-color);
}
.sp-megamenu-parent > li > a, .sp-module ul > li > a, div.mod-languages .btn-group .btn, .article-list .article .article-header h1 a, .article-list .article .article-header h2 a, .article-info>span a {
  color: var(--as-color);
}
.article-info>span {
  margin-right: 10px;
  margin-left: 0;
  font-size: 0.75rem;
  align-content: end;
}
.rtl .article-info>span {
  margin-left: 10px;
  margin-right: 0
}
.header-modules {
  margin:0;
}
.header-modules .search form:after{
  display: none;
}
.tag-category .article-info {
  padding-top: 15px;
  /* border-top: 1px solid var(--as-border-color); */
}
.search input, .finder input {
    background: var(--as-bgcolor);
    border-color: var(--as-border-color);
    -webkit-border-radius: var(--as-border-radius-big) !important;
    -moz-border-radius: var(--as-border-radius-big) !important;
    border-radius: var(--as-border-radius-big) !important;
}
.input-group-text {
  background-color: var(--as-border-color);
  border-color: var(--as-border-color);
  color: var(--as-color);
  width: 50px;
  justify-content: center;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: var(--as-border-radius-big);
  border-bottom-right-radius: var(--as-border-radius-big);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  /* width: 100% */
}
.awesomplete {
  width: 100%;
}
.mod-finder__search button {
  margin: -1px !important
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #911c1d;
  border-color: #911c1d;
}

.btn {
  -moz-border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}

.related-links {
  margin-top: 15px;
  padding-top: 15px;
  border-bottom: 1px solid var(--as-border-color);
  border-top: 1px solid var(--as-border-color);
}
.related-links .article-header a {
  color: var(--as-color);
}
.related-links .entry-icon {
  margin-top: 15px
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin: 0 -1px;
  border: 1px solid inherit;
  border-top-left-radius: var(--as-border-radius);
  border-bottom-left-radius: var(--as-border-radius);
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.dropdown-menu {
  background: var(--as-box-bg-color);
  border-color: var(--as-border-color);
}
.blog, .article-details, #sp-component .finder, #sp-component .contact, .cat-children {
  padding: 15px;
  margin-bottom: 15px;
  background: var(--as-box-bg-color);
  border-color: var(--as-border-color);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
  border: 1px solid var(--as-border-color);
  position: relative;
}
.blog.articles, .blog.answers {
  background: none;
  border: none;
}
.breadcrumb {
  padding: 0.75rem 1rem;
  background: var(--as-box-bg-color);
  border: 1px solid var(--as-border-color);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
  margin-top: 15px;
}
.article-img-wrap, #videos .sppb-article-img-wrap, .videos .article-intro-image {
   position: relative;
   display: block;
   width: 100%;
   padding-top: 56.25%;
   overflow-y: hidden;

}

.article-img-wrap img, #videos .sppb-article-img-wrap img, .videos .article-intro-image img {
   position:  absolute;
   top: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.videos .article-intro-image, .shorts .article-intro-image {
  margin: 0 !important
}

.article-list .article {
  padding: 0;
  border: 0;
}

.shorts .article-img-wrap, #shorts .article-img-wrap, #shorts .sppb-article-img-wrap, .shorts- .article-intro-image, .sp-module.short .article-img-wrap {
   position: relative;
   display: block;
   width: 100%;
   padding-top: 179.25%;
}

.shorts .article-img-wrap img, #shorts .article-img-wrap img, #shorts .sppb-article-img-wrap img, .shorts .article-intro-image img, .sp-module.short .article-img-wrap img {
   position:  absolute;
   top: 0;
   bottom: 0;
   height: 100%;
   object-fit: cover
}

#shorts .muted, #shorts .article-meta, #shorts .article-meta a, #shorts .article-meta>span,
.sp-module.short .muted, .sp-module.short .article-meta, .sp-module.short .article-meta a, .sp-module.short .article-meta>span {
  color: #fff;
}

.shorts .article-list .article .article-header h2 {
  margin: 0
}
.shorts .article-list .article .article-header h2 a {
  color: #fff;
}
.shorts .article-meta {
  border: none !important;
  color: #fff !important;
}

.shorts .article-info-wrap,
#shorts .article-info-wrap,
.sp-module.short .article-info-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  padding: 20px 8px 8px 8px !important;
  background-color: transparent !important;
  background: #000000;
  background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.75) 100%);
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  color: #fff;
  margin: 0 !important;
  border: none !important
}

#books .article-img-wrap, .sp-module.book .article-img-wrap, #books .sppb-article-img-wrap, .books .article-intro-image {
   position: relative;
   display: block;
   width: 100%;
   padding-top: 148.25%;
}

#books .sppb-article-img-wrap {
   position: relative;
   display: block;
   width: 100%;
   padding-top: 146.25%;
   overflow-y: hidden;
}

#books .sppb-article-img-wrap img {
   position:  absolute;
   top: 0;
   bottom: 0;
   height: 100%;
   width: 100%
}

.article-img-wrap img, .sppb-article-img-wrap img, .videos .article-list .article .article-intro-image img {
  background-color: var(--as-skeleton-color);
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
}
.article-img-wrap, .sppb-article-img-wrap, .videos .article-list .article .article-intro-image, .shorts .article-list .article .article-intro-image, .sp-slider-outer-stage {
  /* background-color: var(--as-skeleton-color); */
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border: none;
  /* animation: skeleton-effect-fade 1s infinite; */
}
.article-img-wrap:before, .sppb-article-img-wrap:before, .videos .article-list .article .article-intro-image:before, .shorts .article-list .article .article-intro-image:before, .sp-slider-outer-stage:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--as-skeleton-color);
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  /* animation: skeleton-effect-fade 1s infinite; */
}

.article-info-wrap h3, .sppb-article-info-wrap h3, .article-list .article .article-header h2 {
  font-size: 1rem;
  margin-top: 15px;
  margin-bottom: 15px;
  height: 50px;
  overflow: hidden;
}

.article .answers .article-header h2, .article-info-wrap h3.answer, .article-info-wrap h3.article, .search-results .articles .article-header h2, .search-results .answers .article-header h2, .tag-category .articles .article-header h2, .tag-category .answers .article-header h2  {
  margin-top: 0
}

.syra_articles_item .entry-icon, .tag-category .article .entry-icon, .related-links .entry-icon {
  margin-right: -15px;
  margin-left: auto;
}
.rtl .syra_articles_item .entry-icon, .rtl .tag-category .article .entry-icon, .rtl .related-links .entry-icon {
  margin-left: -15px;
  margin-right: auto;
}
.syra_articles_item .article-header, .related-links .article-header {
  font-size: 1rem;
  margin-top: 15px;
  margin-bottom: 15px;
  color: var(--as-color);
  font-weight: bold;
}
.syra_articles_item.articles .article-header, .syra_articles_item.answers .article-header {
  margin-top: 0;

}
.syra_articles_container {
  border-top: 1px solid var(--as-border-color);
  padding-top: 15px;
}
.syra_articles_item {
  margin-bottom: 15px;
  border-bottom: 1px solid var(--as-border-color);
}
.syra_articles_item:last-of-type {
  border-bottom: none
}
.addon-article .article-meta>span {
  display: inline-block;
  margin: 0 0 0 5px;
  color: var(--as-muted-color);
  font-size: .75rem;
}
.addon-article figure {
  margin: 0
}
.addon-article {
  margin-bottom: 15px;
  position: relative;
}
.relateditems.addon-article figure {
  margin-bottom: 1rem;
}
.swiper-pagination-bullet {
  background: var(--as-border-color);
  opacity: 1
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: -5px
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 100px;
}
.swiper:not(.banner-slider) {
  padding-bottom: 25px;
}
.banner-slider .swiper-pagination {
  bottom: 0 !important;
}
/* body.rtl .close-offcanvas {
  left: 0;
} */
/* .close-offcanvas {
  top: 0;
  padding: 5px;
  background-color: var(--as-border-color)
} */
#answers .sppb-article-info-wrap, #articles .sppb-article-info-wrap,
.answer .article-info-wrap, .article .article-info-wrap,
.related-article, .tag-category, .categories-list, .osmap-sitemap {
  background-color: var(--as-box-bg-color);
  padding: 15px;
  border: 1px solid var(--as-border-color);
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  margin-bottom: 15px
}

.related-article, .related-item.answers .article-info {
  margin-bottom: 0
}
.tag-category .article {
  border-bottom: 1px solid var(--as-border-color);
  padding-bottom: 30px;
}
.tag-category .category-desc {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--as-border-color);
}
.tag-category h1, .tag-category h2 {
  font-size: 1.35rem;
  margin-top: 15px;
}
.tag-category ul {
  padding: 0;
}
.tag-category .list-group-item h3 {
  font-size: 1.35rem;
  color: var(--as-color);
}
.tag-category .list-group-item {
  border:none;
  border-bottom: 1px solid var(--as-border-color);
  color: var(--as-color);
  padding: .5rem 0;
}
.tag-category .list-group-item:last-child {
  border: none
}
.tag-category .list-group-item:hover {
  background-color: transparent;
}
#sp-footer {
  background: var(--as-box-bg-color);
  color: var(--as-color);
  text-align: center;
}
#sp-bottom {
  padding: 40px 0 0px;
  background: var(--as-bottom-bg-color);
  background-image: url('../images/calligraphy-antishubohat.svg');
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--as-color);
  border-top: 1px solid var(--as-border-color);
}
#sp-footer .container-inner {
  padding: 15px 0;
  border-color: var(--as-border-color);
}
#sp-footer a, #sp-bottom a {
  color: var(--as-muted-color);
}
#sp-bottom .sp-module .sp-module-title {
  color: var(--as-color);
}
#sp-bottom .list-group-item {
  background: transparent;
}
#osmap-ul-uid-mainmenu li a {
  padding-bottom: 10px;
  display: block;
}
/* .sppb-addon-articles .sppb-addon-article {
  background-color: var(--as-bgcolor);
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
}

.sppb-article-info-wrap {
  padding: 15px;
} */

.sppb-article-info-wrap a, .article-info-wrap a {
  color: inherit;
}
.sppb-article-info-wrap a:hover, .sppb-article-info-wrap a:hover {
  color: var(--as-color-primary);
}
.sppb-article-introtext {
  font-size: 1rem;
}

a.fa::before, a.fab::before, a.fas::before, a.far::before {
  font-family: 'Font Awesome\ 6 Free';
  margin-left: 10px;
  font-size: 15px;
}

.offcanvas-menu {
  top: 0;
}
#e-mailit_mobileToolBox {
  z-index: 10 !important
}
#sp-menu ul.social-icons>li:not(:last-child) {
  margin-left: 20px;
  margin-right: 0
}

@media (min-width: 1199px) and (max-width: 1410px) {
  ul.social-icons li {
    width: 26px;
    height: 26px
  }
  .social-icons li a, .social-icons li a:hover {
    font-size: 18px
  }
  .mod-languages .btn.dropdown-toggle {
    font-size: 12px;
  }
}
@media (min-width: 1360px) {
  .tag-category h2 {
    font-size: 1.275rem !important;
  }
}
@media (max-width: 991px) {
  #sp-left, #sp-right {
    order: 2;
  }
}
@media (max-width: 767px) {
  .swiper.border-radius, #videos, #shorts, #answers, #articles, #books, .sp-module.content-box {
    border-radius: 0 !important;
  }
  .sp-module.content-box  {
    border-width: 1px 0px 1px 0px !important;
    margin-bottom: 10px !important
  }
  .sp-module.content-box.answer, .sp-module.content-box.article {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .sp-module.banners {
    margin-top: 0 !important;
    margin-bottom: 10px !important
  }
  #sp-left, #sp-right {
    border-left: none;
    border-right: none;
  }
  .addon-article {
    margin-bottom: 0;
  }
  .breadcrumb {
    margin:10px 0 10px 0;
  }
  #sp-component .sp-column > div, .breadcrumb {
    border-radius: 0 !important;
    border-left: none;
    border-right: none;
    margin-top: 10px;
  }
  #sp-component {
    padding-left: 0;
    padding-right: 0;
  }
  #sp-header:not(.header-sticky) {
    border-bottom: 0;
  }

}

.sppb-col-sm-0, .cols-8 .col-lg-2 {
  position: relative;
  width: 50%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.sppb-btn-default {
  background-color: transparent
}
.e-mailit_toolbox {
  margin-top: 0 !important
}
.article-details .article-info {
  margin-bottom: 0;
  align-content: center;
}
.article-details .article-header h1, .article-details .article-header h2 {
  font-size: 1.25rem;
}
.related-article .article-infos {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.article-details .article-infos {
  border-bottom: 1px solid var(--as-border-color);
  padding-bottom: 15px;
  padding-top: 15px;
  width: 100%;
  border-top: 1px solid var(--as-border-color);
  margin-bottom: 15px
}
.article-details .tags {
  border-bottom: 1px solid var(--as-border-color);
  padding-bottom: 10px;
}
.answers .box-content .article-infos {
  border-top: 1px solid var(--as-border-color);
  padding-top: 15px;
  margin-bottom: -15px;
}
.article-body {
  text-align: justify;
}
.article-body .article-header {
  text-align: left;
}
.rtl .article-body .article-header {
  text-align: right;
}
.article-body ul {
  padding: 0;
  margin: 0;
}

.article-body ul li {
  list-style: none;
  position: relative;
  padding: 15px 30px 15px 0;
  border-bottom: 1px solid var(--as-border-color);
}

.article-body ol {
  list-style: none;
  counter-reset: li;
  margin: 0;
  padding: 0;
}

.article-body ol li {
  position: relative;
  padding: 15px 30px 15px 0;
  border-bottom: 1px solid var(--as-border-color);
}

.article-body ol li {
  counter-increment: li
}

.article-body ul li:last-child, .article-details ol li:last-child {
  border: none;
}

.article-body ul li:before {
  font-family: 'Font Awesome\ 6 Free';
  content: "\f058";
  position: absolute;
  right: 0;
  display: flex;
  align-content: center;
  color: var(--as-color-primary)
}

.article-body ol li::before {
  content: counter(li);
  font-weight: bolder;
  color: var(--as-color-primary);
  position: absolute;
  right: 0;
  display: flex;
  align-content: center;
  width: 1em;
}

.article-body.answers, .answers .related-article, .articles .related-article, .article .article-info-wrap, .answer .article-info-wrap {
  box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

blockquote {
  position: relative;
  border-left: 3px solid var(--as-border-color);
  border-right: none;
  padding-left: 15px;
  padding-right: 0;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 30px
}
.rtl blockquote {
  border-right: 3px solid var(--as-border-color);
  border-left: none;
  padding-right: 15px;
  padding-left: 0;
}
.embed-responsive {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  z-index: 2;
  margin-bottom: 15px
}
.embed-responsive.shorts {
  max-width: 550px;
  width: 100%;
  margin: auto;
}
.embed-responsive .video-image {
  position: absolute;
  top: -16.75%;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: 100%;
  background-repeat: no-repeat
}
.embed-responsive.shorts iframe {
  border-radius: var(--as-border-radius);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}
.shorts.embed-responsive-16by9::before {
  padding-top: 178.25%;
}

.embed-responsive::before {
  display: block;
  content: "";
}

.offcanvas-overlay {
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
}
.offcanvas-active {
  overflow: hidden;
}
.sp-menu-item .fas .fas {
  font-size: 15px
}

/* RECTANGLE */
.responsive-rectangle {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: var(--as-border-radius);
    -moz-border-radius: var(--as-border-radius);
    border-radius: var(--as-border-radius);
    /*margin-bottom: 15px;*/
    margin-bottom: 0;
}

.responsive-rectangle:before {
    content: "";
    display: block;
    padding-top: 56%;
}

.article-container .responsive-rectangle:before {
    padding-top: 48%;
}

.responsive-rectangle .article-intro-image {
    position: absolute;
    top: 0;
    left: 0;
    /* bottom: 0; */
    right: 0;
}

.video-thumbnail .duration {
    background: rgba(0,0,0,.9);
    padding: 3px 12px;
    font-size: 14px;
    color: #fff;
    position: absolute;
    bottom: 5px;
    right: 5px;
    left: auto;
    z-index: 2;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.rtl .video-thumbnail .duration {
  left: 5px;
  right: auto;
}

.video-container, .article-container {
    -webkit-border-radius: var(--as-border-radius);
    -moz-border-radius: var(--as-border-radius);
    border-radius: var(--as-border-radius);
    position: relative;
    border: 0;
}

.video-caption {
    /*position: relative;*/
    padding: 0;
    /*overflow: hidden;*/
}

.relateditems .video-caption {
    position: absolute;
    top: 0;
    width: 100%;
}
.related-item {
  font-size: .85rem;
  margin-bottom: 25px;
}
.related-item.art {
  margin-bottom: 0
}
.related {
  margin-bottom: 10px;
  padding-bottom: 10px;
  /* border-bottom: 1px solid rgba(0,0,0,0.1) */
}

.video-caption .article-intro-image a:before {
    /* content: ''; */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    background: rgba(169, 169, 187, 0.4);
    z-index: 2;
}

.video-caption .article-intro-image a:after {
    /* content: '\f04b'; */
    position: absolute;
    font-family: FontAwesome;
    font-size: 40px;
    color: rgba(255, 255, 255, 0.7);
    left: 50%;
    right: 50%;
    top: 50%;
    bottom: 50%;
    margin: -30px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 3;
}
hr {
  background-color: var(--as-border-color);
  opacity: 1;
}
.video-caption img, .article-caption img {
    display: block;
    max-width: 100%;
    height: auto !important;
    width: 100%;
    margin-top: -9%
}

.mod-articles-category-title {
  font-size: 1rem;
  font-weight: 700;
  color: inherit;
  margin-bottom: 15px;
  display: block;
}
.muted, .article-info, .article-info a, .field-spacer .text {
  color: var(--as-muted-color) !important;
  line-height: 1.4;
  font-size: .75rem
}

.swiper {
  width: 100%;
  height: 100%;
  /* -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius); */
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  overflow-y: hidden;
}
.banner-slider .swiper-slide {
  text-align: center;
  background: var(--as-box-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-slider .swiper-slide img {
  display: block;
  width: 100vw;
  height: 100%;
  object-fit: cover;
}
.swiper-button-next, .swiper-button-prev {
  color: var(--as-color-primary)
}
.swiper-pagination-bullet-active {
  background: var(--as-color-primary)
}
:root {
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-height: 10px;
}
.list-group-item {
  background: var(--as-box-bg-color);
  color: var(--as-color);
  margin-bottom: 0 !important;
  border: 0;
  border-bottom: 1px solid var(--as-border-color);
}
.list-group-item:last-child {
  border-bottom: none
}
.article-info-wrap [class*=" icon-"], .article-info-wrap [class^=icon-], .article-info-wrap [class*= fa-], .article-info-wrap [class^=fa-]
{
  margin-left: 5px;
  font-size: 10px;
  font-weight: bold;
}
.burger-icon>span, .offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
  background-color: var(--as-color-burger)
}
.pagination {
  padding: 0
}
.pagination-wrapper {
  display:none !important;
}
#infscr-loading {
  text-align: center;
  position: relative;
  width: 250px;
  left: 50%;
  right: 50%;
  margin-left: -125px;
  margin-right: -125px;
  margin-bottom:20px
}
.pagination > li > a, .pagination > li > span {
  color: var(--as-color);
}
.page-link, .page-item.disabled .page-link {
  background-color: transparent;
  border: 1px solid var(--as-border-color);
}
.page-item.active .page-link {
  background-color: var(--as-color-primary);
  border-color: var(--as-color-primary);
}
.pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus {
  background-color: var(--as-color-primary);
  border-color: var(--as-color-primary);
  color: #fff
}
.form-control, .form-control:focus {
  color: var(--as-muted-color);
  background-color: var(--as-fields-bgcolor)
}
.sp-module.content-box {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  background-color: var(--as-box-bg-color);
  border-width: 1px 1px 1px 1px;
  border-color: var(--as-border-color);
  border-style: solid;
}
.sp-module.content-box.answer, .sp-module.content-box.article {
  border: none;
  padding: 0;
  background: transparent
}
.sp-module.banners {
  margin-top: 20px;
  margin-bottom: 20px;
}
.intro-text {
  font-size: .85rem;
  margin-bottom: 15px;
  height: 40px;
  overflow: hidden;
  color: var(--as-muted-color);
}
.answer .article-meta, .article .article-meta {
  padding-top: 15px;
  border-top: 1px solid var(--as-border-color);
}

.entry-icon {
  float: left;
  height: 100px;
  margin-right: 20px;
  margin-left: auto;
  /* padding-top: 15px; */
}
.rtl .entry-icon {
  float: right;
  margin-left: 20px;
  margin-right: auto;
}
.entry-icon .fa {
  font-size: 1.5rem;
  color: var(--as-color-primary)
}

.article-details ul:not(.tags) {
  padding: 0;
  margin: 0 0 20px 0;
}

.article-details ul:not(.tags) li {
  list-style: none;
  position: relative;
  padding: 10px 0 10px 30px;
  border-bottom: 0.5px solid var(--as-border-color);
}

.rtl .article-details ul:not(.tags) li {
  padding: 10px 30px 10px 0;
}

.article-details ol {
  list-style: none;
  counter-reset: li;
  margin: 0 0 20px 0;
  padding: 0;
}

.article-details ol li {
  position: relative;
  padding: 10px 0 10px 30px;
  border-bottom: 0.5px solid var(--as-border-color);
}

.rtl .article-details ol li {
  padding: 10px 30px 10px 0;
}

.article-details ol li {
  counter-increment: li
}

.article-details ul:not(.tags) li:last-child,
.article-details ol li:last-child {
  border: none;
}

.article-details ol li::before {
  content: counter(li);
  font-weight: bolder;
  color: var(--as-color-primary);
  position: absolute;
  left: 0;
  right: auto;
  display: inline-block;
  align-content: center;
  width: 1em;
  position: absolute;
}
.rtl .article-details ol li::before {
  right: 0;
  left: auto;
}
.article-details ul:not(.tags) li:before {
  content: "\f111";
  font-family: "Font Awesome 6 Free";
  position: absolute;
  left: 0;
  right: auto;
  display: flex;
  align-content: center;
  color: var(--as-color-primary);
  font-size: .75rem;
  line-height: 1.75rem;
}

.rtl .article-details ul:not(.tags) li:before {
  right: 0;
  left: auto;
}

.summary-top {
  float: right;
  margin-top: -45px;
}
.rtl .summary-top {
  float:left;
}
.bannergroup {
  display: flex;
  align-content: center;
  justify-content: center;
}
.related-items h3 {
  font-size: 1.25rem
}
#article-comments {
  padding: 0;
  margin: 0;
  border: none
}
/* .seek {
  width: 60px;
  display: inline-block;
} */
.social-sharing {
  float: right
}
.rtl .social-sharing {
  float: left;
}

.book-thumbnail {
  box-shadow: 5px 5px 10px rgba(0,0,0,.3);
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}
.book-thumbnail img {
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}

.tag-image {
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}
.answer-title {
  font-weight: bold;
  margin-bottom: 15px;
}
.question {
  padding: 15px;
  background: #f1f0eb;
  margin-bottom: 15px;
}

.quickanswer {
  padding: 15px;
  background: #cbe1d1;
  margin-bottom: 15px;
}

[data-theme="dark"] .question {
  background: #252525;
}

[data-theme="dark"] .quickanswer {
  background: #212d26;
}

@media (max-width:1199px) {
  .sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
    padding: 0 5px;
  }
}

.book-wrapper {
  position: relative;
  text-align: center;
  background: var(--as--skeleton-color);
  overflow: hidden;
}

.book-cover {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: 0 50%;
  -webkit-transform-origin: 0 50%;
  background-size: cover;
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
  box-shadow: inset 2px 1px 3px #ffffff60,
    inset 0 -1px 3px #00000080;
  transition: all .5s ease-in-out;
  -webkit-transition: all .5s ease-in-out;
}

.book-wrapper .book-cover {
  background: transparent;
  background-size: 100% 100%;
}

.book-wrapper .effect {
  width: 7px;
  height: 100%;
  margin-left: 10px;
  border-left: 2px solid #00000010;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 100%);
  transition: all .5s ease;
}

.book-wrapper .light {
  width: 90%;
  height: 100%;
  position: absolute;
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 100%);
  top: 0;
  right: 0;
  opacity: .1;
  transition: all .5s ease;
  -webkit-transition: all .5s ease;
}

.book-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-color: var(--as--skeleton-color);
  background-repeat: no-repeat;
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
}

.responsive-book {
  position: relative;
  overflow: hidden;
  -webkit-border-radius: var(--as-border-radius);
  -moz-border-radius: var(--as-border-radius);
  border-radius: var(--as-border-radius);
  /*margin-bottom: 15px;*/
}

.responsive-book:before {
  content: "";
  display: block;
  padding-top: 142%;
}

.responsive-book .article-intro-image {
  position: absolute;
  top: 0;
  left: 0;
  /* bottom: 0; */
  right: 0;
}
.sp-pre-loader {
  background: var(--as-bgcolor);
}
.sp-pre-loader .sp-loader-bubble-loop  {
  background-color: var(--as-color-primary)
}
.sp-pre-loader .sp-loader-bubble-loop:before, .sp-pre-loader .sp-loader-bubble-loop:after {
  background-color: rgba(224,118,118,.5)
}

/* Preloader */
.sp-pre-loader,
.sp-pre-loader .circle-two>span {
  background: var(--as-bgcolor-secondary);
}

.sp-pre-loader .sp-loader-bubble-loop {
  background-color: var(--as-color-primary)
}

.sp-pre-loader .sp-loader-bubble-loop:before,
.sp-pre-loader .sp-loader-bubble-loop:after {
  background-color: rgba(224, 118, 118, .5)
}

.sp-pre-loader .circle-two>span,
.sp-pre-loader .circle-two>span:before,
.sp-pre-loader .circle-two>span:after {
  border-color: var(--as-color-primary)
}

.sp-pre-loader .circle-two>span:before {
  border-right-color: transparent;
  display: none
}

.sp-pre-loader .circle-two>span:after {
  border-bottom-color: transparent;
  display: none
}

.sp-pre-loader .circle-two>span {
  border-left-color: rgba(0, 0, 0, 0.04);
  border-width: 5px;
}

.summary-title {
  font-size: 1.25rem;
  font-weight: bold;
  color: var(--as-link-color);
  display: block;
  margin-bottom: 15px;
}
.summaries {
  margin-bottom: 20px
}
.accordion-item {
  background: var(--as-fields-bgcolor);
  border-color: var(--as-border-color);
  color: var(--as-color);
}
.accordion-body {
  background-color: var(--as--summary-bgcolor);
}
.accordion-body ol {
  margin: 0
}
.accordion-button, .accordion-button:not(.collapsed) {
  background: transparent;
  color: var(--as-link-color);
}
.rtl .accordion-button::after {
  margin-right: auto;
  margin-left: 0
}
.accordion-button:not(.collapsed) {
  box-shadow: none;
  border-bottom: 1px solid var(--as-border-color);
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
[data-theme="dark"] .accordion-button::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23aaaaaa'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='%23b32123'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/%3e%3c/svg%3e");
}

[data-theme="dark"] .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='%23ec7d7e'%3e%3cpath%20fill-rule='evenodd'%20d='M1.646%204.646a.5.5%200%200%201%20.708%200L8%2010.293l5.646-5.647a.5.5%200%200%201%20.708.708l-6%206a.5.5%200%200%201-.708%200l-6-6a.5.5%200%200%201%200-.708z'/%3e%3c/svg%3e");
}
.list-summary-title {
  cursor: pointer;
}
.association a {
  color: #fff !important;
  padding: 2px 10px 0 10px;
  line-height: 1.3;
}
input[type="text"]:not(.form-control), input[type="email"]:not(.form-control), input[type="url"]:not(.form-control), input[type="date"]:not(.form-control), input[type="password"]:not(.form-control), input[type="search"]:not(.form-control),
input[type="tel"]:not(.form-control), input[type="number"]:not(.form-control), select:not(.form-select):not(.form-control) {
  color: var(--as-color);
  background-color: var(--as-bgcolor);
  border-color: var(--as-border-color);
}
#sp-bottom .sp-module ul>li>a {
  padding: 0px 0 10px 0;
  border-bottom: 1px solid var(--as-border-color);
}
#sp-bottom .sp-module ul>li:last-child>a {
  border-bottom: none
}
#sp-bottom .sp-module ul>li>a:hover, #sp-footer a:hover, #sp-bottom a:hover {
  background: none;
  color: var(--as-color);
}
.card {
  background-color: var(--as-bgcolor);
  border-color: var(--as-border-color);
  color: var(--as-color);
  border-radius: var(--as-border-radius);
}
.finder .btn-secondary.ads {
 border-radius: 0 !important;
 right: 105px;
 left: auto;
 bottom: 0;
 top: 0;
 line-height: 1.95rem;
}
.rtl .finder button {
  top: 0;
  bottom: 0;
}
.rtl .finder .btn-secondary.ads {
  left: 97px;
  right: auto;
}
/* .com-finder figure {
  margin: 0 0 1rem;
} */
.com-finder .tag-category .article-info {
  margin-bottom: 0
}
.mark, mark {
  padding: .1em;
  background-color: var(--as-mark);
  color: var(--as-link-color);
}
.form-select {
  background-color: var(--as-bgcolor);
  border-color: var(--as-border-color);
  color: var(--as-color);
  border-radius: var(--as-border-radius);
}
.js-finder-advanced .card-body {
  font-size: 1rem;
  color: var(--as-muted-color);
}
.awesomplete>ul:before {
  background: var(--as-box-bg-color);
}
.awesomplete>ul {
  background: var(--as-box-bg-color);
  border-color: var(--as-border-color);
  color: var(--as-color);
  z-index: 9999
}
.awesomplete>ul>li:hover, .awesomplete > ul > li[aria-selected="true"] {
  background: var(--as-border-color);
  color: var(--as-color);
}
.awesomplete mark, .awesomplete li mark, .awesomplete li[aria-selected="true"] mark {
  background: var(--as-mark);
  color: var(--as-link-color);
}
.rtl .awesomplete>ul:before{
  right:1em;
  left: auto;
}
.contact-miscinfo {
  background-color: var(--as-fields-bgcolor);
  border: 1px solid var(--as-border-color);
  padding: 20px 20px 0 20px;
  margin: 20px 0;
}
.rtl .me-2 {
  margin-left: .5rem!important;
}
.contact-image img {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  margin: auto;
}
.osmap-sitemap ul {
  padding-right: 0;
  padding-left: 2rem;
}
.rtl .osmap-sitemap ul {
  padding-left: 0;
  padding-right: 2rem;
}
.pager.pagenav {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  padding-top: 20px;
}
.article-details {
  padding-bottom: 70px;
  word-wrap: break-word;
}
.article-details .pager {
  border-color: var(--as-border-color);
  margin: 0 !important;
  padding-top: 15px !important;
}
.article-details .pager>li:before {
  content: '' !important;
}
.article-details .pager>li {
  padding: 0 !important;
  border: 0 !important;
}
.article-details .pager>li a {
  padding: .5rem 2.5rem;
  border: none;
  color: #fff
}
.rtl .pager>li.next {
  float: left;
}
.rtl .pager>li.previous {
  float: right;
}
.sp-megamenu-parent>li.sp-has-child>a:before, .sp-megamenu-parent>li.sp-has-child>span:before {
  font-weight: bold
}
.content-image {
  margin: auto;
  display: inline-block;
}
/* .article-details .related-links:last-of-type {
  border-bottom: none
} */
b, strong {
  font-weight: 900;
}
.syra_articles_container h3 {
  padding-bottom: 15px;
  border-bottom: 1px solid var(--as-border-color);
  margin-bottom: 30px;
}
.related .syra_articles_item {
  padding-bottom: 15px
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.video-js .vjs-tech {
  object-fit: cover;
}
.vjs-poster {
  background-size: cover;
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  margin-bottom: 0
}
.vjs-menu-content li:before {
  display: none !important;
}
.vjs-menu-item:hover {
  background-color: var(--as-border-color);
}
.audio-container {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative
}
.audiojs .play-pause {
  width: 40px !important;
}