/*
Theme Name: Mawthuq
Theme URI: https://www.mawthuq.net/
Author: EDC team
Author URI: https://www.edc.org.kw/
Description: The Mawthuq WordPress Theme is designed to display data appropriately and manage content, articles, books, videos and audios with the ability to control the way the template and content are displayed flexibly with full management in the control panel for all template settings, whether the home page, sections, pages, articles, news or books.
Requires at least: 6.1
Tested up to: 6.6
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Tags: e-commerce, blog, portfolio, one-column, two-columns, custom-colors, custom-menu, custom-logo, sticky-post, threaded-comments, right-sidebar, left-sidebar, grid-layout, custom-background, rtl-language-support, featured-images, wide-blocks, editor-style, full-site-editing, block-patterns, block-styles, style-variations, template-editing, translation-ready
Text Domain: edc-mawthuq
Domain Path: /languages
*/

:root {
  --transition: all 0.2s cubic-bezier(0.19, 0.68, 0.49, 1.21);
  --transition2: all .3s linear;
  --main-color: #0089f7;
  --text-color: #2a2b39;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: #fff;
  font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-color);
}

a {
  text-decoration: none;
}

h1 {
  font-size: 24px;
  font-weight: 900;
}

h2 {
  font-size: 22px;
  font-weight: 800;
}

h3 {
  font-size: 18px;
  font-weight: 700;
}

h4,
h5 {
  font-size: 17px;
  font-weight: 700;
}

iframe {
  width: 100%;
}

.top-nav {
  border-top: 3px solid var(--main-color);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-left: none;
  border-right: none;
  margin-bottom: 0px;
  min-height: 40px
}

.top-nav .nav-link {
  color: var(--text-color);
}

.top-nav .nav-link:hover {
  color: var(--main-color);
}

.search_form_404 {
  text-align: center;
}

.main-content {
  margin-top: 30px;
}

.logo {
  position: absolute;
}

.logo_1 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.site_logo {
  float: left;
  width: 270px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}

.site_logo img {
  max-width: 250px;
  -webkit-transition: all .4s linear !important;
  transition: 0.5s;
}

.site_menu {
  float: right;
  padding: 15px 0;
}

.header2-container {
  padding: 0 0 15px 0;
}

.header2-logo {
  text-align: center;
}

.header2-text {
  text-align: center;
}

.header2-text a {
  color: #007c9f;
}

.header2-text a:hover {
  color: #f16725;
}

.header2-text h3 {
  font-size: 16px;
  color: #777;
  padding-bottom: 15px;
}

.header2-ads {
  text-align: center;
  margin-top: 15px;
}

.footer_title {
  color: #fff;
  margin-bottom: 15px;
  font-size: 20px;
}

.footer-widget-1 .widget,
.footer-widget-2 .widget,
.footer-widget-3 .widget,
.footer-widget-4 .widget,
.footer-widget-5 .widget {
  margin-top: 15px;
}

.logo-nav {
  position: relative;
  min-height: 85px;
}

.only-ads-container {
  text-align: center;
}

.only-ads-container img {
  max-width: 100%;
}

.ads_container {
  position: absolute;
  top: 5px;
  right: 0;
  z-index: 999;
}

.ads_container img {
  max-width: 100%;
  max-height: 70px;
}

.ads_container_1 {
  margin-top: 15px;
  text-align: right;
}

.ads_container_1 img {
  max-width: 100%;
}

.main_bar_1 {
  margin-top: 5px;
}

.below_menu_code {
  text-align: center;
  margin-bottom: 10px;
}

.below_menu_code a {
  margin: 0 5px;
}

.below_menu_code .fa {
  font-size: 24px;
}

.below_menu_code .btn {
  font-size: 24px;
  border: 1px solid #ddd;
}

.header_ads {
  margin-top: 25px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.header_ads_big {
  margin-top: 10px;
  margin-right: 15px;
}

.btn18,
.dtl28 {
  overflow: hidden;
}

.over_hidden {
  overflow: hidden;
}

.top-social {
  max-height: 25px;
}

.top-social ul {
  margin-top: 0;
}

.top-social .fa,
.top-social .fab {
  font-size: 20px;
}

.top-social img.no-icon {
  width: 14px;
  vertical-align: baseline !important;
  margin: 0 3px;
}

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

.top-social .svg-inline--fa {
  font-size: 18px;
}

.top-menu {
  padding-bottom: 0;
}

.top-menu li a {
  padding-top: 6px;
  padding-bottom: 9px;
}

.box-read-more a {
  color: var(--main-color);
}

.box-read-more a:hover {
  color: var(--text-color);
}

.video-read-more a {
  color: #e36968;
}

.mawthuq-sticky {
  background-color: #ffffff;
  border-bottom: 1px dotted #ddd;
  top: 0;
  position: fixed;
  width: 100%;
  max-width: 100%;
  z-index: 98;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%);
  -webkit-transition: all .4s linear !important;
  opacity: 0.9;
  transition: 0.5s;
}

.mawthuq-sticky+.layout_1 {
  padding-top: 102px;
}

.tab-content {
  padding: 15px;
}

.tab-content h5 {
  border-top: 0px solid #dde6e8;
  padding: 5px 0 0 0;
  margin-bottom: 0;
}

.category-posts {
  background-color: #ffffff;
  border: 1px dotted #ddd;
  /*
  box-shadow: 1px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 10px 15px 0px rgba(0, 0, 0, 0.2);
  */
  padding: 15px;
  margin-bottom: 15px;
}

.blog-posts .category-posts:last-child {
  margin-bottom: 0;
}

.box-post-list {
  padding-left: 10px;
  padding-right: 0px;
}

.box-post-list li {
  padding: 15px 0 10px;
  overflow: hidden;
  border-bottom: 1px solid #dedede;
}

.box-post-list li:last-child {
  border-bottom: 0px;
}

.box-post-meta {
  margin: 5px 0 0px 0;
  font-size: 12px;
}

.box-post-meta2 {
  margin: 10px 0 0 15px;
}

.box-post-title h3 a {
  color: #2c3e50;
}

.box-post-excerpt {
  color: #666;
  margin-top: 10px;
}

.filters ul {
  margin-left: 33%;
  margin-top: -50px;
}

.filters ul li {
  display: inline-block;
  padding: 15px;
}

.filters ul li .activec {
  border-top: 3px solid #e36968;
  padding-top: 14px;
}

.activec {
  color: #e36968 !important;
}

.activec::after {
  content: " ";
  background: url(images/arrow-down.png) bottom center no-repeat;
  display: block;
  height: 33px;
  margin-bottom: -40px;
  text-align: center;
  margin-left: 30%;
  width: 19px;
}

.btn18 .ovrly,
.dtl28 .dtl {
  height: 100%;
  position: absolute;
}

.filters ul li a {
  color: #666;
}

.dtl28,
.dtl28 img {
  position: relative;
}

.home-books-container {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #eef2f5;
  border-bottom: 2px solid #d0d5d9;
  margin-bottom: 30px;
  border-radius: 5px;
}

.home-books-container img {
  width: 100%;
  border-radius: 5px;
}

.home-books-container .book-download a {
  font-size: 15px !important;
}

.home-books-container h2 {
  font-size: 25px;
  font-weight: 700;
}

.home-books-container h4 {
  font-size: 14px;
  font-weight: 400;
}

.books-container-tpl-3 {
  background-color: #fff;
  padding: 0px;
  border: 1px solid #ddd;
  margin-bottom: 15px;
}

.cuadro_intro_hover {
  padding: 0px;
  position: relative;
  overflow: hidden;
  height: 220px;
  border-radius: 5px;
}

.cuadro_intro_hover:hover .caption {
  opacity: 1;
  transform: translateY(-150px);
  -webkit-transform: translateY(-150px);
  -moz-transform: translateY(-150px);
  -ms-transform: translateY(-150px);
  -o-transform: translateY(-150px);
}

.cuadro_intro_hover img {
  z-index: 4;
}

.cuadro_intro_hover .caption {
  position: absolute;
  top: 175px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.cuadro_intro_hover .blur {
  background-color: rgba(64, 48, 44, 0.8);
  height: 300px;
  z-index: 5;
  position: absolute;
  width: 100%;
}

.cuadro_intro_hover .caption-text {
  z-index: 10;
  color: #fff;
  position: absolute;
  height: 300px;
  text-align: center;
  /*top:-13px;*/
  width: 100%;
  padding: 10px;
  font-size: 15px;
}

.cuadro_intro_hover .caption-text a {
  color: #fff;
}

.books-container-tpl-4 {
  height: 390px;
}

.books-container-tpl-4 .caption {
  top: 325px !important;
}

.caption-text>p>.glyphicon-edit {
  display: none;
}

.home-books-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.home-books-title h2 {
  padding-bottom: 0px;
  padding-left: 15px;
  margin-bottom: 0px;
  padding-top: 0px;
  margin-top: 0px;
  font-weight: 500;
  font-size: 18px;
}

.home-books-body {
  padding: 0;
}

.books-bg {
  background: url(images/diamond_upholstery.png) top center #fff;
  padding: 30px 0;
  border: 1px solid #dde6e8;
}

.dtl28 {
  width: 85%;
  margin: auto;
}

.dtl28 .dtl h3,
.dtl28 .dtl p {
  margin-bottom: 10px;
  color: #fff;
}

.dtl28 img {
  top: 0;
  left: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.dtl28 .dtl,
.dtl28 .dtl a,
.dtl28 .dtl h3,
.dtl28 .dtl p {
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
}

.dtl28 .dtl {
  background: rgba(26, 28, 39, .9);
  width: 100%;
  top: 10px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: all .3s;
}

.btn18,
.btn18 img {
  position: relative;
}

.dtl28 .dtl a,
.dtl28 .dtl h3,
.dtl28 .dtl p {
  position: relative;
  transition: all .3s;
}

.dtl28 .dtl h3 {
  padding: 10px 15px;
  width: 100%;
  left: -100%;
  background: #333;
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}

.dtl28 .dtl p {
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.2;
  left: 100%;
  margin-top: 15px;
  text-align: justify;
}

.book-cover,
.box-book-title cite a,
.box-title,
.btn18 .buttons .fa,
.count,
.counts,
.theme-date,
.dtl28 .dtl a,
.social-bg h4 {
  text-align: center;
}

.btn18 .buttons .fa,
.dtl28 .dtl a,
.btn18 .buttons .fab,
.btn18 .buttons .fas {
  font-size: 16px;
  text-decoration: none;
}

.btn18 {
  width: 100%;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
  box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, .3);
}

.btn18 img {
  width: 100%;
  top: 0;
  left: 0;
}

.btn18 .ovrly {
  background: rgba(0, 0, 0, .5);
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.btn18 .buttons {
  position: absolute;
  top: 35%;
  left: 50%;
  width: 330px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn18 .buttons .fa,
.btn18 .buttons .fab,
.btn18 .buttons .fas {
  background: #fff;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  box-shadow: 0 0 1px rgba(0, 0, 0, .3);
  display: inline-block;
  line-height: 40px;
  width: 40px;
  height: 40px;
  opacity: 0;
  -webkit-transform: rotateZ(-360deg);
  -moz-transform: rotateZ(-360deg);
  -ms-transform: rotateZ(-360deg);
  -o-transform: rotateZ(-360deg);
  transform: rotateZ(-360deg);
  position: relative;
  -webkit-transition: -webkit-transform .3s, opacity .3s;
  -moz-transition: -moz-transform .3s, opacity .3s;
  -o-transition: -o-transform .3s, opacity .3s;
  transition: transform .3s, opacity .3s;
  color: rgba(50, 50, 50, .9);
}

.faith-messages-content .btn18 .buttons {
  top: unset;
  bottom: -6px;
  left: 14%;
}

.faith-messages-content .btn18 .buttons .fab,
.faith-messages-content .btn18 .buttons .fas {
  background: rgba(255, 255, 255, .8);
}

.dtl28 .dtl a {
  margin: 30px 70px 0 0;
  display: block;
  background: #00bff3;
  border: 1px solid #24d0ff;
  border-radius: 2px;
  color: #fff;
  left: 100%;
  float: right;
  font-weight: 700;
  padding: 5px 10px;
}

.buttons a {
  float: left;
}

.buttons a:hover {
  color: #1abc9c !important;
}

.btn18:hover .buttons .fa,
.btn18:hover .buttons .fab,
.btn18:hover .buttons .fas {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  transform: rotateZ(0);
}

#latest-books_mov_1_col_4_2>.carousel-inner>.carousel-item>.col-md-3>.latest-books_wrapper>.latest-books_header>h3>a,
#latest-books_mov_1_col_4_2>.carousel-inner>.item>.col-md-3>.latest-books_wrapper>.latest-books_header>h3>a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 133px;
  display: block;
}

#latest-books_mov_1_col_4_2>.carousel-inner>.carousel-item>.col-md-3>.latest-books_wrapper>.latest-books_image,
#latest-books_mov_1_col_4_2>.carousel-inner>.item>.col-md-3>.latest-books_wrapper>.latest-books_image {
  max-height: 150px;
}

.btn18:hover .ovrly {
  opacity: 1;
}

.cap-title,
.theme-date {
  position: absolute;
}

.box-title h2 {
  color: #2c3e50;
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
}

.box-title span {
  color: #7a8e9b;
}

.book-box {
  background-color: #fff;
  border: 1px solid #e7e7e7;
}

.book-cover {
  padding: 20px 0;
}

.box-book-title {
  padding: 15px 20px 0;
}

.box-book-title cite a {
  font-size: 16px;
  font-weight: 700;
  color: #2c3e50;
  line-height: 20px;
  font-style: normal;
}

.company a,
.tweet-body time {
  font-style: italic;
}

.box-book-title cite a:hover {
  color: #21c2f8;
  text-decoration: none;
}

.box-book-meta {
  margin: 5px 20px 10px;
}

.social-counters {
  background-color: #fff;
  border: 1px solid #dde6e8;
  padding: 5px 20px;
  /*
  margin-top: 15px;
  */
}

.counter {
  padding: 5px;
}

.social-row {
  margin-bottom: 20px;
}

.social-counters-row {
  margin-right: 0;
  margin-left: 0;
}

.social-bg {
  background-color: #e7e9ec;
}

.social-bg h4 {
  margin: 5px 0 0;
}

.counts {
  padding: 0 0 5px;
  color: #859aa8;
}

.count {
  font-weight: 700;
  font-size: 17px;
}

.db a,
.fb a,
.gp a,
.ig a,
.pt a,
.sc a,
.tw a,
.vm a,
.yt a {
  background-color: #1f518b;
  color: #fff;
  font-size: 26px;
  padding: 5px 10px;
  text-align: center;
  width: 100%;
  display: block;
}

.tw a {
  background-color: #00bff3;
}

.yt a {
  background-color: #e13535;
}

.ig a {
  background-color: #f0a860;
}

.vm a {
  background-color: #3498db;
}

.sc a {
  background-color: #f54b17;
}

.db a {
  background-color: #f77ec3;
}

.pt a {
  background-color: #a61c1c;
}

.gp a {
  background-color: #67b807;
}

.widget-tabs {
  margin: 15px 0;
  background: #fff;
  border: 1px solid #e7eced;
}

.textwidget {
  display: block;
  padding: 0;
}

.textwidget img {
  max-width: 100%;
}

.mauthuq-footer .textwidget {
  padding: 0;
  color: #fff;
}

.mauthuq-footer .textwidget ul {
  padding: 0;
}

.widget-box-content .thumb-size-x img {
  padding-top: 0;
}

.widget-box-content figure {
  margin: 0;
}

.mawthuq-books .d-block {
  min-height: 300px;
}

.nav-tabs.nav-justified>li>a {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 0;
  color: #666;
}

#recent h5 {
  padding: 0 20px;
}

#popular h5 {
  padding: 0 10px;
}

.nav-tabs.nav-justified>.active>a,
.nav-tabs.nav-justified>.active>a:focus,
.nav-tabs.nav-justified>.active>a:hover {
  border: none;
}

.widget-box-head,
.widget-slider,
.widgettitle {
  border-bottom: 1px solid #dde6e8;
}

.widgettitle {
  padding: 15px;
}

.nav-tabs.nav-justified>li {
  background: #ecf0f1;
}

.nav-tabs.nav-justified>.active {
  border-radius: none;
  border-top: 3px solid #007860;
  background-color: #fff;
}

.nav-tabs.nav-justified>.active>a {
  color: #2c3e50;
}

.widget-box-head {
  padding: 15px;
  margin-bottom: 0;
}

.widget-title {
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  font-weight: 600;
}

.widget-box-head .widget-title {
  margin: 0;
  padding: 0;
  font-weight: 700;
  font-size: 20px;
}

.widget-slider {
  padding: 0 15px;
  background-color: #fff;
  border-right: 1px solid #dde6e8;
  border-left: 1px solid #dde6e8;
  border-top: 3px solid #60bf59;
  margin: 30px 0;
}

.cap-title {
  bottom: 0;
  background: rgba(26, 28, 39, .8);
  color: #fff;
  padding: 10px;
  width: 100%
}

.cap-title h3 {
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: 5px;
}

.widget-text-content {
  background-color: #fff;
  border: 1px solid #eef2f5;
  border-bottom: 2px solid #d0d5d9;
  margin-bottom: 15px;
  padding: 15px;
}

.widget-book {
  background-color: #fff;
  border: 1px solid #ddd;
  margin: 0 0 15px 0;
  border-radius: 7px;
}

.widget-book-head {
  padding: 0;
  margin-bottom: 15px;
}

.widget-book-head h3 {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 0;
}

.widget-book-head h3:after {
  content: "";
  width: 80px;
  height: 5px;
  background-color: #e2a600;
  margin-top: 10px;
  display: block;
}

.widget-book-content {
  padding: 15px;
}

.quran-sciences-list,
.quran-app-list {
  margin-top: 15px;
  border: none;
}

.widget-box {
  background-color: #fff;
  border-top: 3px solid #007860;
  border-right: 1px solid #dde6e8;
  border-left: 1px solid #dde6e8;
  border-bottom: 1px solid #dde6e8;
  margin-bottom: 15px;
  margin-top: 0 !important;
}

.widget-box h5 {
  margin-left: 0;
}

.widget-box-read-more a {
  color: #7b88bf;
}

.widget-sub h4 a:hover {
  color: #7b88bf;
  text-decoration: none;
}

.breadcrumb {
  margin: 10px 0;
  background: 0 0;
}

.breadcrumb>.active {
  color: #fff;
}

.breadcrumb li a {
  color: #00bff3;
}

.breadcrumb-type-1 .breadcrumb {
  margin: 0 0 !important;
}

.breadcrumb-type-1 h1 {
  text-align: center;
}

.cat-title {
  padding: 15px 0 15px 0;
  background-color: var(--text-color);
  color: #fff;
  margin-bottom: 15px;
}

.cat-title h1 {
  color: #fff;
}

.larg-slider {
  padding: 30px;
  background-color: #18254d;
  color: #fff;
}

.blog-posts {
  position: relative;
}

.single-post .blog-posts {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 15px;
}

.archive-template {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 15px;
}

.post-tpl {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 15px;
}

.blog-posts p:last-child {
  margin-bottom: 0;
}

.category-page {
  margin-bottom: 15px;
}

.category-page .category-page-container {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 15px;
}

.page .page-template {
  margin-bottom: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 15px;
}

.book-view-single {
  margin: 0;
}

.post-larg-thumb {
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #ecf0f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}

.center {
  display: table;
  margin: 20px auto;
}

.theme-date,
.theme-date span,
.highlight {
  display: block;
}

.archive2 .box-post-list {
  padding: 10px;
  margin: 0;
  list-style: none;
}

.archive2 .box-post-list li {
  background: #fff;
  border: 1px solid #ecf0f1;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.article_header {
  padding: 0;
}

.article_header .post-title {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
  margin-top: 0 !important;
}

.sticky-post .post-title {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.entry-content {
  font-size: 18px;
  font-weight: 500;
}

.entry-content a {
  color: #02bff3;
}

.entry-content img {
  max-width: 100%;
}

.entry-content li {
  list-style-type: square;
}

.theme-date {
  background-color: #21c2f8;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  padding: 8px;
  right: 0;
  top: 0;
}

.theme-date span {
  font-size: 14px;
  font-weight: 400;
}

.post-meta-single {
  font-size: 12px;
  margin: 0 0;
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 10px;
}

.post-meta {
  margin: 0 20px;
}

.post-title {
  padding-bottom: 0px;
  background: none;
}

.post-title h1 {
  font-size: 24px;
  font-weight: 600;
}

.post-title h2 {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 10px;
}

.blog-posts .post-title {
  border-bottom: 1px #ddd solid;
  margin-bottom: 15px;
  padding-bottom: 10px;
  padding-top: 0;
}

.blog-posts .post-title h1,
.blog-posts .post-title h2 {
  margin-bottom: 0 !important;
}

.book-box-single {
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #ecf0f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 15px;
}

.book-box-single .post-title {
  margin-top: 0px !important;
}

.book-download {
  text-align: center;
  padding: 15px 0;
  margin-top: 15px;
}

.book-download a {
  font-size: 25px;
}

.search-books {
  min-height: 265px;
  overflow: hidden;
}

.secondary_title_single {
  text-align: center;
}

.article-image {
  position: relative;
  margin-bottom: 15px;
  text-align: center;
}

.article-image img {
  max-width: 100%;
}

.article-image figcaption {
  padding: 10px;
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  display: block;
  color: #fff;
  text-align: center;
}

.quran-verse {
  background: url(images/quran.png) center left no-repeat;
  margin: 10px 40px;
  padding: 10px 10px 10px 60px;
  border: 1px solid #a0aeb5;
  border-left: 6px solid #a0aeb5;
  color: #1a1c27;
  font-weight: 700;
  font-size: 16px;
  min-height: 70px;
}

.quran-verse p {
  padding-top: 10px;
}

.quran-verse a {
  color: #00bff3;
}

.highlight {
  border: 1px solid #97b4c7;
  background-color: #666;
  margin: 0 10px 0 20px;
  color: #fff;
  width: 250px;
  padding: 15px;
  text-align: justify;
  float: right;
}

.entry-content .youtube {
  background: none !important;
  width: auto !important;
  border: none !important;
  padding: none !important;
}

.article-share,
.article-tags {
  border: 1px solid #ecf0f1;
  background-color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
  display: flex;
  width: 100%
}

.tagz {
  display: flex;
  align-items: center;
  background-color: #34495e;
}

.article-tags ul {
  padding: 15px 20px;
  margin: 0;
}

.tagc {
  align-items: center;
}

.home-slider-box {
  margin-bottom: 15px;
}

.article-share ul {
  padding: 10px 20px;
  margin: 0;
  width: 70%;
  float: left;
}

.article-tags li {
  padding: 0 5px;
}

.article-share ul li {
  display: inline-block;
  margin-left: 10px;
}

.article-tags li a {
  color: #666;
  font-style: italic;
}

.article-tags li a:hover {
  color: #21c2f8;
}

.article-tags span,
.social-share,
.tagz {
  float: left;
  color: #fff;
  padding: 15px 20px;
}

.social-share {
  background-color: #21c2f8;
  display: flex;
  align-items: center;
}

.share-fb a,
.share-gp a,
.share-ins a,
.share-pt a,
.share-tm a,
.share-tw a {
  color: #666;
  font-size: 20px;
  padding: 0 10px;
}

.author-box,
.related-posts {
  background-color: #fff;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 10px;
  border: 1px solid #ecf0f1;
  margin: 0 0 30px;
}

.author-social ul {
  left: 10px;
  padding: 0;
  position: relative;
}

.author-social ul li {
  display: inline-block;
}

.article-rating {
  border: 1px solid #ecf0f1;
  background-color: #fff;
  padding: 15px;
  margin-bottom: 20px;
  text-align: center;
}

.article-rating .rating-form {
  margin-top: 1px;
}

.rating-form {
  margin-top: 0;
}

.rating-form .form-group {
  position: relative;
  border: 0;
  margin: 0;
}

.rating-form .form-legend {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-size: 2rem;
}

.post-rate .rating-form .form-item {
  background: 0 0 !important;
}

.rating-form .form-item {
  position: relative;
  margin: auto;
  text-align: center;
  direction: rtl;
  background-color: #2c3e50;
  padding: 5px 10px;
}

.rating-form .form-legend+.form-item {
  padding-top: 10px;
}

.rating-form input[type=radio] {
  position: absolute;
  left: -9999px;
}

.rating-form label {
  display: inline-block;
  cursor: pointer;
}

.rating-form .rating-star {
  display: inline-block;
  position: relative;
}

.rating-form input[type=radio]:checked+label:before {
  right: 25px;
  opacity: 1;
}

.rating-form input[type=radio]+label:after {
  position: absolute;
  right: 5px;
  top: 96px;
  font-size: 16px;
  font-size: 1.6 rem;
  opacity: 0;
  direction: ltr;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form input[type=radio]:checked+label:after {
  opacity: 1;
}

.rating-form label .fa {
  font-size: 16px;
  color: #ffab00;
  line-height: 28px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form .btn-reset,
.rating-form .form-action {
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form input[type=radio]:checked~label .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:focus~label .fa-star-o,
.rating-form label:hover .fa-star-o,
.rating-form label:hover~label .fa-star-o {
  opacity: 0;
}

.rating-form label .fa-star {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.rating-form input[type=radio]:checked~label .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:focus~label .fa-star,
.rating-form label:hover .fa-star,
.rating-form label:hover~label .fa-star {
  opacity: 1;
}

.rating-form input[type=radio]:checked~label .fa-star {
  color: gold;
}

.rating-form .ir {
  position: absolute;
  left: -9999px;
}

.rating-form .form-action {
  opacity: 0;
  position: absolute;
  left: 5px;
  bottom: -40px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form input[type=radio]:checked~.form-action {
  cursor: pointer;
  opacity: 1;
}

.rating-form .btn-reset {
  display: inline-block;
  margin: 0;
  padding: 4px 10px;
  border: 0;
  font-size: 10px;
  font-size: 1rem;
  background: #fff;
  color: #333;
  cursor: auto;
  border-radius: 5px;
  outline: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.rating-form .btn-reset:focus,
.rating-form .btn-reset:hover {
  background: gold;
}

.rating-form input[type=radio]:checked~.form-action .btn-reset {
  cursor: pointer;
}

.rating-form .form-output {
  display: none;
  position: absolute;
  right: 15px;
  bottom: -45px;
  font-size: 16px;
  font-size: 2rem;
  opacity: 0;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.article-tags li,
.bottom-social>li,
.tags ul li {
  display: inline-block;
}

.no-js .rating-form .form-output,
.rating-form input[type=radio]:checked~.form-output {
  right: 5px;
  opacity: 1;
}

.share-fb,
.share-gp,
.share-ins,
.share-pt,
.share-tm,
.share-tw {
  float: left;
  padding: 10px;
}

.company,
.job-title {
  color: #00bff3;
  font-weight: 700;
}

.company a,
.company a:hover {
  color: #1b78c7;
}

.mauthuq-footer {
  background: #333;
}

.mauthuq-footer .footer_title {
  padding-top: 30px;
}

.low-footer {
  background-color: #222;
  border-top: 1px solid #222;
  min-height: 45px;
  color: #fff;
  margin-top: 30px;
}

.low-footer .container {
  position: relative;
}

.bottom-social {
  margin: 0;
  padding: 0;
}

.bottom-social li {
  float: left;
  margin: 5px 0;
  margin-right: 5px;
}

.footer-logo,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4,
.footer-widget-5 {
  margin: 5px 0 0 0;
}

.footer-logo {
  margin-bottom: 15px;
}

.bottom-social li a {
  display: block;
  font-size: 18px;
  padding: 5px;
}

.footer-widget-1>p {
  color: #758590;
  margin: 30px 0;
  text-align: justify;
}

.footer-widget-2 h3,
.footer-widget-3 h3,
.footer-widget-4 h3,
.footer-widget-5 h3,
.footer-widget-1 h3 {
  color: #fff;
  margin-bottom: 10px;
}

.footer-widget-2 .box-post-list .box-sub-title h4 a {
  color: #758590;
}

.footer-widget-2 .box-post-list .box-sub-title h4 a:hover {
  color: #00bff3;
  text-decoration: none;
}

.footer-widget-2 .box-post-list li {
  border-bottom: 1px solid #243240;
  padding: 15px 0;
}

.tags ul {
  margin-left: -30px;
}

.tags ul li a {
  display: block;
  float: left;
  padding: 8px 10px;
  background: 0 0;
  border: 1px solid #ddd;
  margin: 2px;
  color: #666 !important;
}

.tags ul li a:hover {
  background: #666;
  color: #fff !important;
  border: 1px solid #666;
  text-decoration: none;
}

.footer-apps {
  display: inline-block;
  width: 100%;
  margin-top: 15px;
}

.ios-app,
.android-app {
  background-color: #222;
  border-radius: 15px;
  text-align: center;
  color: #fff;
  padding: 10px;
}

.ios-app:hover,
.android-app:hover {
  background-color: #444;
}

.ios-app a,
.android-app a {
  color: #fff;
}

.ios-app .fa-brands,
.android-app .fa-brands {
  font-size: 20px;
  margin-right: 7px;
}

.footer-chating {
  margin-top: 15px;
}

.fa-square {
  color: #00bff3;
  font-size: 12px !important;
  padding: 0 5px 5px 0;
}

.site-links {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0;
}

.site-links li {
  display: block;
  padding: 5px 0;
  border-bottom: 0px solid #243240;
}

.site-links li a {
  font-weight: 400;
}

.site-links li a:hover {
  color: #00bff3;
  text-decoration: none;
}

.site-links .children {
  padding-left: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.pull-right li,
.pull-left li {
  display: inline-block;
  padding: 5px;
}

.pull-right li a,
.pull-left li a {
  color: #666;
}

.pull-right li a:hover,
.pull-left li a:hover {
  color: #00bff3;
  text-decoration: none;
}

.row_breadcrumb {
  color: #666;
}

.row_breadcrumb h1 {
  color: #fff;
  padding: 5px;
}

.row_breadcrumb h1 a {
  color: #666;
}

.page-title {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}

.page-title h1 {
  margin-bottom: 0;
  padding-bottom: 7px;
  border-bottom: 4px solid #ddd;
  display: inline-block;
}

@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.hvr-buzz:active,
.hvr-buzz:focus,
.hvr-buzz:hover {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: .15s;
  animation-duration: .15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.fa-fw,
.fa-li {
  text-align: center;
}

.fa.fa-pull-left,
.fa.pull-left {
  margin-right: .3em;
}

.fa,
.fab,
.fas {
  padding-right: 5px;
}

.bottom-social .fas,
.bottom-social .fab,
.slide .fas {
  padding-right: 5px;
  padding-left: 5px;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}

.fa.fa-pull-right,
.fa.pull-right {
  margin-left: .3em;
}

.fa-ul>li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: .14285714em;
}

.fa-li.fa-lg {
  left: -1.85714286em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: .08em solid #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right,
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

article footer .post-like {
  margin-top: 1em
}

.like {
  background: url(images/icons.png) no-repeat;
  width: 15px;
  height: 16px;
  display: block;
  float: left;
  margin-right: 4px;
  -moz-transition: all 0.2s ease-out 0.1s;
  -webkit-transition: all 0.2s ease-out 0.1s;
  transition: all 0.2s ease-out 0.1s
}

.post-like a:hover .like {
  background-position: -16px 0;
}

.voted .like,
.post-like.alreadyvoted {
  background-position: -32px 0;
}

.post-ratings img,
.post-ratings-loading img,
.post-ratings-image img {
  width: 30px !important;
  height: 30px !important;
  margin: 0 5px !important;
}

.bottom_boxes {
  color: #fff;
}

h3.headtitle {
  color: #1592b6;
  margin-top: 0;
  margin-bottom: 15px;
}

.entry-meta {
  background-color: #DFE6EB;
  padding: 5px 15px;
}

.edit-link a {
  color: #08B6FF;
  display: block;
}

.edit-link a:hover {
  color: #EF9809;
}

.post-edit-link::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f044";
  font-size: 18px;
  padding: 5px;
}

.category-posts-list {
  padding: 5px 20px 20px 20px;
  background-color: #fff;
}

.category-posts-container .category-posts-template-2:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.toplevel {
  display: block;
  padding: 10px;
  border-bottom: 1px solid #E6ECEF;
}

.toplevel:last-child {
  border-bottom: none;
}

.toplevel a {
  color: #40302c;
  font-size: 15px;
}

.toplevel a:hover {
  text-decoration: none;
  color: #cc9600;
}

.accordion-toggle .fas,
.accordion-toggle .fa {
  color: #e2a600;
}

.accordion-body {
  padding: 0 8px;
}

.accordion-body>li {
  display: block;
  padding: 8px 0 10px 0;
  border-bottom: 1px solid #E6ECEF;
}

.accordion-body>li:last-child {
  border-bottom: none;
}

.accordion-body>li>a {
  font-size: 16px;
  color: #666;
}

.link-list {
  padding: 0;
  margin-bottom: 0;
}

.link-list li ul {
  padding-top: 10px;
}

.link-list li ul li a {
  color: #666;
  font-size: 16px;
}

.navbar-nav .nav-item a {
  color: var(--text-color)
}

.navbar-nav .nav-item a:hover {
  color: var(--main-color)
}

.navbar-nav .dropdown-menu .nav-item {
  border-bottom: 1px solid #ddd;
  padding-bottom: 0;
  margin-bottom: 0;
}

.navbar-nav .dropdown-menu .nav-item:hover {
  border-bottom: 1px solid var(--main-color);
}

.navbar-nav .dropdown-menu .nav-item:hover a {
  color: var(--main-color);
}

.navbar-nav .dropdown-menu .nav-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff !important;
  background-color: var(--main-color);
}

.navbar-default .navbar-nav>li>a {
  color: #3f4f5e;
}

.navbar-default .navbar-nav>li>.active {
  color: #0c7e67;
}

.Mawthuq_Recent_Posts_Widget .block-heading h2 {
  padding: 10px 10px 5px 10px;
}

#mawthuq_recent_posts_widget-3 h2::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f19a";
  color: #df5a49;
}

#mawthuq_recent_posts_widget-3 h2 {
  color: #df5a49;
}

#mawthuq_recent_posts_widget-4 h2::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f179";
  color: #3b5998;
}

#mawthuq_recent_posts_widget-4 h2 {
  color: #3b5998;
}

#mawthuq_recent_posts_widget-5 h2::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f019";
  color: #57a863;
}

#mawthuq_recent_posts_widget-5 h2 {
  color: #57a863;
}

#mawthuq_recent_posts_widget-6 h2::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f1e6";
  color: #e69f22;
}

#mawthuq_recent_posts_widget-6 h2 {
  color: #e69f22;
}

#mawthuq_recent_posts_widget-8 h2::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f02d";
  color: #666;
}

#mawthuq_recent_posts_widget-8 h2 {
  color: #666;
}

#mawthuq_recent_posts_widget-9 h2::before {
  font-family: "Font Awesome 5 Solid";
  display: none;
  content: "\f008";
  color: #df5a49;
}

#mawthuq_recent_posts_widget-9 h2 {
  color: #df5a49;
}

.block-excerpt {
  margin: 15px 0 0 0;
}

.widgets {
  width: 100%;
}

.mauthuq-footer .widget ul li {
  border-bottom: 1px solid #666;
  color: #fff;
  padding-bottom: 7px;
  margin-bottom: 10px;
  list-style: none;
}

.mauthuq-footer .widget ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.mauthuq-footer .widget ul li a {
  color: #dedede;
  text-decoration: none;
}

.mauthuq-footer .widget ul li a:hover {
  color: var(--main-color);
  text-decoration: none;
}

.widget h4 {
  color: #00ad8a;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
  padding: 5px 0;
  text-align: center;
}

.category-items {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
  padding: 15px;
  margin: 0;
}

.category-items:hover {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
}

.gray .radio-item,
.white .radio-item {
  padding: 15px;
}

.posts-container-box {
  background: none !important;
  border: none !important;
}

.posts-container-box .radio-item {
  border: 1px solid #ddd;
  border-radius: 10px;
}

.radio-thumb {
  text-align: center;
}

.category-items-title {
  text-align: center;
}

.category-items-title h2 {
  font-weight: 600 !important;
}

.category-items-excerpt {
  font-size: 13px;
  color: #666;
  margin-top: 15px;
}

.category-items-excerpt p {
  margin-bottom: 0;
}

.category-items-meta {
  margin-top: 15px;
  font-size: 13px;
  color: #999;
}

.category-items-meta ul {
  margin-bottom: 0;
}

.radio-box-btn {
  margin: auto;
  margin-top: 10px;
  border-top: 1px solid #f2f2f2;
  display: block;
}

.radio-box-btn2 {
  margin: 0;
  border-top: 1px solid #f2f2f2;
}

.radio-box-btn2 ul {
  margin: 0;
  padding: 0;
}

.radio-box-btn ul {
  margin: 15px 0 0 0;
  padding: 0;
}

.radio-box-btn ul li,
.radio-box-btn2 ul li {
  display: inline-block;
  margin: 0 5px 0 0;
  border-radius: 2px;
  background: #ebecee;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #ccc;
}

.radio-box-btn ul li:last-child,
.radio-box-btn2 ul li:last-child {
  margin-right: 0;
}

.radio-box-btn ul li a,
.radio-box-btn2 ul li a {
  color: #24211d;
}

.radio-box-btn ul li a:hover,
.radio-box-btn2 ul li a:hover {
  color: #fab423;
}

.box-item {
  background-color: #fff;
  padding: 10px;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 15px;
}

.box-item:hover {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
}

.box-item-title h4 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 0;
  color: #333;
}

.radio-player {
  background-color: #fff;
  border: 1px solid #f2f2f2;
  border-bottom: 1px solid #dfe0e2;
  padding: 10px;
  margin: 15px 0;
  border-radius: 3px;
}

.radio-content-title {
  display: inline-block;
  margin: -20px 0 0 60px;
}

.radio-date {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 55px;
  background-color: #f2cc85;
  text-align: center;
  font-size: 24px;
  font-family: 'Roboto Slab', serif;
  font-weight: 700;
  padding: 5px;
}

.radio-date span {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  display: block;
  padding: 5px;
  text-transform: uppercase;
}

.radio-copy-source {
  margin-top: 15px;
}

.radio-copy-source .form-control {
  direction: ltr;
  text-align: left;
}

.ctegory-cards {
  margin-bottom: 15px;
}

.card-item {
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom: 6px solid #ccc;
  padding: 15px;
  border-radius: 10px;
}

.card-item:hover {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-bottom: 6px solid #a8a7a7;
}

.ctegory-cards .card-excerpt p {
  margin-bottom: 0;
  font-size: 14px;
}

.ctegory-cards .card-thumb {
  text-align: center;
  margin-bottom: 10px;
}

.ctegory-cards .card-thumb img {
  width: 100%;
  height: auto;
}

.ctegory-cards .card-title {
  text-align: center;
  margin-bottom: 15px;
}

.ctegory-cards .card-title a:hover {
  color: #1a98bc !important;
}

.ctegory-cards .card-title header {
  background-color: #fff;
  padding: 0 0 0 0;
}

.container-books {
  border: none !important;
}

.mawthuq-section-title {
  margin: auto;
  display: block;
  padding: 20px 10px;
  text-align: center;
  margin-bottom: 20px;
}

.radio-title-single {
  padding: 0px 10px 20px 10px;
}

.main-title {
  background: none;
}

.main-title h3 {
  color: #24211d;
  font-size: 30px;
  padding-bottom: 15px;
}

.main-title:after {
  content: "";
  background-color: #fab423;
  width: 80px;
  height: 5px;
  margin: auto;
  clear: both;
  display: block;
}

.title-desc {
  padding: 10px 0;
  display: block;
  font-style: italic;
  font-size: 13px;
  color: #666;
}

.div_radio_container {
  padding: 10px 0;
  margin: 0 0 15px 0;
  background-color: #fff;
}

.div_radio_container audio {
  min-height: 40px;
}

.div_radio_container h3 {
  text-align: center;
}

.div_radio_player {
  text-align: center;
  margin: 30px 0 10px 0;
}

.div_radio_icons {
  text-align: center;
  padding: 10px 0;
}

.div_radio_icons img {
  margin: 0 3px 3px 3px;
  display: inline;
}

.div_radio_icons .fas,
.div_radio_icons .fa {
  margin: 0 3px;
}

/*download table*/
table.download-table {
  border-collapse: separate;
  background: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
}

.download-table thead {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.download-table thead th {
  font-size: 16px;
  font-weight: 700;
  color: #24211d;
  text-align: left;
  padding: 20px;
  border-bottom: 1px solid #ebecee;
}

.download-table thead th:first-child {
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.download-table thead th:last-child {
  -moz-border-top-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

.download-table tbody tr td {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  color: #5f6062;
  font-size: 13px;
  padding: 20px 20px 20px 20px;
  border-bottom: 1px solid #e0e0e0;
}

.download-table tbody tr:nth-child(2n) {
  background: #f0f3f5;
}

.download-table tbody tr:last-child td {
  border-bottom: none;
}

.download-table tbody tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.download-table tbody tr:last-child td:last-child {
  -moz-border-bottom-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.download-table tbody:hover>tr td {
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}

.download-table tbody:hover>tr:hover td {
  text-shadow: none;
  color: #2d2d2d;
  filter: progid: DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  transition: 0.2s all;
}

.d-table {
  margin-bottom: 30px;
}

.listen {
  color: #24211d;
  font-size: 18px;
}

.soura {
  width: 70%;
}

.down {
  width: 15%;
  text-align: center;
}

.main_bar_1 .main-nav li ul li {
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
}

.main_bar_1 .dropdown-menu>li>a:focus,
.main_bar_1 .dropdown-menu>li>a:hover {
  color: #262626;
  text-decoration: none;
  background: none;
}

.dropdown-menu {
  min-width: 250px;
}

.header-type-2 .bg-light {
  background: none !important;
  margin-bottom: 0px;
}

.header-type-2 .main_bar_1 {
  margin-top: 0px;
}

.header-type-2 .header_ads {
  margin: 0px 15px 0 0;
}

.header-type-2 .ads_container_1 {
  margin-top: 0;
}

.header-type-2 .logo_1 {
  margin-top: 0;
}

.lang-flags-header-1 {
  margin-top: 10px;
}

div#recaptcha-submit-btn-area {
  text-align: right;
  padding-right: 15px;
}

.navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
}

.navbar {
  margin-bottom: 0;
}

.lang-flags {
  background-color: #fff;
  padding: 10px;
  min-height: 43px;
  text-align: center;
}

.lang-flags img {
  margin: 0 5px;
}

.nav-languages {
  display: none;
}

.main-menu .container {
  position: relative;
}

.main-menu .moretext {
  position: absolute;
  right: 15px;
  top: 5px;
  background: #fff;
  padding: 5px 5px;
  border-radius: 5px;
  z-index: 9999;
}

.main-menu .flags img {
  margin: 0 3px;
}

.block-title,
.entry-header,
.box-sub-title header {
  background: none !important;
}

.widget-ads {
  text-align: center;
}

.custom-text-widget {
  padding: 15px;
  background-color: #fff;
  background-repeat: repeat;
  color: #fff;
  margin-top: 15px;
  line-height: 25px;
  text-align: justify;
}

.custom-text-widget h3 {
  color: #fff;
  font-size: 20px;
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px dotted #f2f2f2;
}

div.custom-text-content {
  margin-bottom: 15px;
  border-bottom: 1px dotted #f2f2f2;
}

.custom-text-widget-blue {
  background-image: url("css/theme/images/patterns/blue-background-pattern.jpg");
}

.custom-text-widget-wood {
  background-image: url("css/theme/images/patterns/wood_pattern.jpg");
}

.custom-text-widget-lite-green {
  background-image: url("css/theme/images/patterns/lite-green.jpg");
  color: #333;
}

.custom-text-widget-dark-green {
  background-image: url("css/theme/images/patterns/dark-green.jpg");
}

.custom-text-widget-blocks-white {
  background-image: url("css/theme/images/patterns/blocks-white.jpg");
  color: #000;
}

.custom-text-widget-blocks-white h3 {
  color: #666;
  border-bottom: 1px dotted #666;
}

.custom-text-widget-blocks {
  background-image: url("css/theme/images/patterns/blocks.jpg");
}

.custom-text-widget-dark-blue {
  background-image: url("css/theme/images/patterns/dark-blue.jpg");
}

.custom-text-widget-red {
  background-image: url("css/theme/images/patterns/red.jpg");
}

.custom-text-widget-teal {
  background-image: url("css/theme/images/patterns/teal.jpg");
}

.custom-text-widget-yellow {
  background-image: url("css/theme/images/patterns/yellow.jpg");
  color: #666;
}

.custom-text-widget-yellow h3 {
  color: #333;
  border-bottom: 1px dotted #333;
}

.custom-video-widget {
  margin-top: 15px;
}

.widget-box .custom-video-widget {
  padding-top: 0px;
  padding-bottom: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

.box-content-style {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.box-content-style .row {
  margin-bottom: 20px;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 5px;
  background-color: #fff;
  border: 1px solid #ccc;
}

.box-content-style .row img {
  padding-top: 15px;
}

.box-content-style li a {
  font-weight: 600;
}

.box-content-style h3 {
  margin-top: 0px;
  margin-bottom: 15px;
}

.box-content-style p {
  color: #666 !important;
}

.box-content-style-blue {
  background-color: #E3F2FD;
  border-color: #2196F3;
}

.box-content-style-blue,
.box-content-style-blue h3,
.box-content-style-blue h4,
.box-content-style-blue a {
  color: #2196F3 !important;
}

.box-content-style-green {
  background-color: #E8F5E9;
  border-color: #4CAF50;
}

.box-content-style-green,
.box-content-style-green h3,
.box-content-style-green h4,
.box-content-style-green a {
  color: #4CAF50 !important;
}

.box-content-style-yellow {
  background-color: #FFFDE7;
  border-color: #FFEB3B;
}

.box-content-style-yellow,
.box-content-style-yellow h3,
.box-content-style-yellow h4,
.box-content-style-yellow a {
  color: #F57F17 !important;
}

.box-content-style-blue-grey {
  background-color: #ECEFF1;
  border-color: #607D8B;
}

.box-content-style-blue-grey,
.box-content-style-blue-grey h3,
.box-content-style-blue-grey h4,
.box-content-style-blue-grey a {
  color: #37474F !important;
}

.box-content-style-pink {
  background-color: #FCE4EC;
  border-color: #E91E63;
}

.box-content-style-pink,
.box-content-style-pink h3,
.box-content-style-pink h4,
.box-content-style-pink a {
  color: #EC407A !important;
}

.box-content-style-purple {
  background-color: #F3E5F5;
  border-color: #9C27B0;
}

.box-content-style-purple,
.box-content-style-purple h3,
.box-content-style-purple h4,
.box-content-style-purple a {
  color: #9C27B0 !important;
}

.box-content-style-red {
  background-color: #FFEBEE;
  border-color: #F44336;
}

.box-content-style-red,
.box-content-style-red h3,
.box-content-style-red h4,
.box-content-style-red a {
  color: #F44336 !important;
}

.box-content-style-teal {
  background-color: #E0F2F1;
  border-color: #009688;
}

.box-content-style-teal,
.box-content-style-teal h3,
.box-content-style-teal h4,
.box-content-style-teal a {
  color: #009688 !important;
}

.box-content-style-indigo {
  background-color: #E8EAF6;
  border-color: #3F51B5;
}

.box-content-style-indigo,
.box-content-style-indigo h3,
.box-content-style-indigo h4,
.box-content-style-indigo a {
  color: #3F51B5 !important;
}

.box-content-style-cyan {
  background-color: #E0F7FA;
  border-color: #00BCD4;
}

.box-content-style-cyan,
.box-content-style-cyan h3,
.box-content-style-cyan h4,
.box-content-style-cyan a {
  color: #00BCD4 !important;
}

.qurantranslations {
  padding: 0;
}

.qurantranslations .qurantranslations-icons {
  padding: 15px;
  background-color: #f7f7f7;
  border: 1px solid #e7e7e9;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 4px;
}

.qurantranslations .qurantranslations-icons img {
  margin-right: 5px;
  margin-left: 5px;
}

.category-posts-template-2 {
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: 15px;
  padding: 10px;
}

.category-posts-template-2 h3 {
  margin-top: 0;
  padding-top: 0;
}

.category-moshaf-icons {
  text-align: center;
}

.category-moshaf-surah {
  text-align: center;
  margin-top: 15px;
  margin-bottom: 10px;
}

.category-moshaf-surah p {
  color: #666;
}

.category-moshaf-surah select {
  padding: 10px;
}

.category-moshaf-icons img {
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 10px;
}

.qurantranslations .qurantranslations-player {
  padding: 15px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: center;
  border-radius: 4px;
}

.qurantranslations .qurantranslations-player audio {
  height: 35px;
}

.qurantranslations .qurantranslations-player h4 {
  margin-bottom: 15px;
  padding-bottom: 15px;
  margin-top: 0;
  border-bottom: 1px dotted #ccc;
}

.qurantranslations .qurantranslations-player h4 span {
  font-size: 13px;
  color: #8ec63d;
}

.qurantranslations .qurantranslations-surah {
  margin-top: 25px;
}

.qurantranslations .qurantranslations-surah-name {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  margin-bottom: 15px;
  font-size: 14px;
}

.qurantranslations .qurantranslations-surah-name .surah_order_number {
  border-radius: 50%;
  background-color: #f2f2f2;
  color: #333;
  font-size: 12px;
}

.qurantranslations .surah-active {
  border-bottom: 1px dotted #8ec63d;
}

.qurantranslations .surah-active .surah_order_number {
  border-bottom: 1px dotted #8ec63d;
  background-color: #8ec63d;
}

.qurantranslations .surah-active a {
  color: #8ec63d;
}

.qurantranslations .qurantranslations-surah-name .surah-title-first {
  color: #666;
  font-size: 15px;
  font-weight: 600;
}

.qurantranslations .qurantranslations-surah-name span:hover.surah-title-first {
  color: #8ec63d;
}

.qurantranslations .qurantranslations-surah-name .surah-title-second {
  color: #333;
  font-size: 12px;
  display: block;
  padding-left: 40px;
}

.surah_order_number_1 {
  padding: 10px 15px;
}

.surah_order_number_2 {
  padding: 10px 10px;
}

.surah_order_number_3 {
  padding: 10px 8px;
}

.qurantranslations .qurantranslations-surah-name a {
  font-size: 13px;
}

.qurantranslations-msahef {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.qurantranslations-msahef h3 {
  padding-top: 0;
  margin-top: 0;
}

.qurantranslations-msahef .qurantranslations-icons {
  text-align: center;
}

.qurantranslations-msahef .qurantranslations-icons img {
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
}


/* carousel cards */
ul.thumbnails {
  margin: 0px;
  padding: 0;
}

.control-box {
  padding: 0;
  position: absolute;
  top: 40%;
  z-index: 55555555555;
  width: 100%;
}

.pager li {
  list-style-type: none;
}

.pager {
  width: 100%;
  margin: auto;
  padding-right: 0;
}

.slide-left {
  float: left;
  width: 50px;
}

.slide-left>a,
.slide-right>a {
  padding: 5px 8px !important;
  background-color: rgba(0, 0, 0, 0.82) !important;
  border: 1px solid rgba(0, 0, 0, 0.85) !important;
  color: #fff !important;
  border-radius: 2px !important;
}

.cards-box .slide-left>a,
.cards-box .slide-right>a {
  padding: 15px 15px !important;
}

.SocialShare {
  text-align: center;
}

.cards-box .carousel-control-next,
.cards-box .carousel-control-prev {
  width: 50px !important;
}

.slide-right {
  float: right;
  width: 50px;
}

.dynamicTile .col-sm-6 {
  padding: 3px;
}

.dynamicTile .col-sm-4 {
  padding: 5px;
}

.tilecaption {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  margin: 0 !important;
  text-align: center;
  color: white;
  font-family: Segoe UI;
  font-weight: lighter;
}

/*slider cards end */
.cards-box {
  margin-bottom: 0;
  background-color: #fff;
  border: 1px solid #e7eced;
  padding: 0;
}

.cards-box-head {
  margin: 0;
  padding-bottom: 0px;
  border: none;
  border-top: 3px solid #3EA8A7;
}

.cards-body .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.box-cards-title {
  margin-top: 20px;
  padding: 0 15px;
}

.cards-body {
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid #dde6e8;
  margin-top: 5px;
}

.cards-box-head h2 {
  margin: 0 0 0 0;
  padding: 0 0;
  line-height: 33px
}

.cards-box-head .without-icon {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 10px;
}

.archive-post {
  background-color: #fff;
  border: 1px solid #e7eced;
  padding: 0;
  margin: 0;
}

.archive-post .box-post-title {
  margin-top: 10px;
}

.cards-box .box-larg-thumb img {
  padding: 0 0 0 0;
}

.cards-category {
  padding: 5px 0;
  position: absolute;
  right: 15px;
  font-size: 15px;
  font-weight: 400;
}

.cards-category a {
  font-weight: 400;
}

.cards-category a:hover {
  color: #00878E !important;
}

.cards-icon,
.box-icon {
  padding: 15px;
  margin-right: 10px;
}

.cards-box-head {
  border-top: 3px solid #fba51e;
  position: relative;
}

.cards-template-1,
.cards-template-2,
.cards-template-3 {
  border: 1px solid #ddd;
}

.cards-template-1 .cards-icon,
.cards-template-1 .box-icon {
  color: #fff;
  background-color: #fba51e;
}

.cards-template-1 .cards-category a {
  color: #fba51e;
}

.cards-template-2 .cards-box-head {
  border-top: 3px solid #2e3192;
}

.cards-template-2 .cards-icon,
.cards-template-2 .box-icon {
  color: #fff;
  background-color: #2e3192;
}

.cards-template-2 .cards-category a {
  color: #2e3192;
}

.cards-template-3 .cards-box-head {
  border-top: 3px solid #1875e9;
}

.cards-template-3 .cards-icon,
.cards-template-3 .box-icon {
  color: #fff;
  background-color: #1875e9;
}

.cards-template-3 .cards-category a {
  color: #1875e9;
}

.cards-template-4 .cards-box-head {
  border-top: 3px solid #616c7a;
}

.cards-template-4 .cards-icon,
.cards-template-4 .box-icon {
  color: #fff;
  background-color: #616c7a;
}

.cards-template-4 .cards-category a {
  color: #616c7a;
}

.cards-template-5 .cards-box-head {
  border-top: 3px solid #9a5ab7;
}

.cards-template-5 .cards-icon,
.cards-template-5 .box-icon {
  color: #fff;
  background-color: #9a5ab7;
}

.cards-template-5 .cards-category a {
  color: #9a5ab7;
}

.cards-template-6 .cards-box-head {
  border-top: 3px solid #84b75a;
}

.cards-template-6 .cards-icon,
.cards-template-6 .box-icon {
  color: #fff;
  background-color: #84b75a;
}

.cards-template-6 .cards-category a {
  color: #84b75a;
}

.cards-template-7 .cards-box-head {
  border-top: 3px solid #845b32;
}

.cards-template-7 .cards-icon,
.cards-template-7 .box-icon {
  color: #fff;
  background-color: #845b32;
}

.cards-template-7 .cards-category a {
  color: #845b32;
}

.cards-template-8 .cards-box-head {
  border-top: 3px solid #cb4141;
}

.cards-template-8 .cards-icon,
.cards-template-8 .box-icon {
  color: #fff;
  background-color: #cb4141;
}

.cards-template-8 .cards-category a {
  color: #cb4141;
}

.cards-template-9 .cards-box-head {
  border-top: 3px solid #7c7351;
}

.cards-template-9 .cards-icon,
.cards-template-9 .box-icon {
  color: #fff;
  background-color: #7c7351;
}

.cards-template-9 .cards-category a {
  color: #7c7351;
}

.cards-template-10 .cards-box-head {
  border-top: 3px solid #42399d;
}

.cards-template-10 .cards-icon,
.cards-template-10 .box-icon {
  color: #fff;
  background-color: #42399d;
}

.cards-template-10 .cards-category a {
  color: #42399d;
}

.post-template-box {
  margin-bottom: 30px;
  background-color: #fff;
}

.post-template-box li {
  list-style-type: circle !important;
}

.post-template-body {
  padding: 15px;
}

.post-template-body .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.first-row {
  margin-bottom: 15px;
}

.post-template-title {
  margin-top: 20px;
  padding: 0 15px;
}

.post-template-head {
  margin-bottom: 15px;
  text-align: center;
}

.post-template-head h2 {
  line-height: 33px;
  color: #fff;
  padding-top: 15px;
  padding-bottom: 15px;
  width: 75%;
  margin: 0 auto;
  font-size: 30px;
  font-weight: 600;
  border-bottom: 1px dotted #fff;
}

.post-template-body h3 {
  color: #fff;
  padding-top: 0px;
  padding-bottom: 5px;
  margin-top: 0;
  font-size: 20px;
  font-weight: 600;
}

.post-template-read {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.post-template-first {
  margin-bottom: 15px;
  padding: 0;
}

.post-template-second {
  margin-bottom: 0px;
  padding: 0;
}

.post-template-first-style {
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 15px;
}

.post-template-first-style h3 {
  padding: 10px;
}

.post-template-first-style .caption {
  padding: 0px;
  text-align: center;
}

.post-template-first-style .thumbnail {
  margin-bottom: 0px;
}

.ptb-1 {
  color: #fff;
  background-color: #fba51e;
}

.ptb-1 a {
  color: #fff !important;
}

.ptb-2 {
  color: #fff;
  background-color: #88B04B;
}

.ptb-2 a {
  color: #fff !important;
}

.ptb-3 {
  color: #fff;
  background-color: #D65076;
}

.ptb-3 a {
  color: #fff !important;
}

.ptb-4 {
  color: #fff;
  background-color: #DD4124;
}

.ptb-4 a {
  color: #fff !important;
}

.ptb-5 {
  color: #fff;
  background-color: #C3447A;
}

.ptb-5 a {
  color: #fff !important;
}

.counter-container {
  background-color: #fff;
  margin-top: 15px;
  margin-bottom: 5px;
  padding: 0px;
}

.count-title {
  font-size: 30px;
  font-weight: 600;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}

.count-text {
  font-size: 13px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
}

.fa-2x {
  margin: 0 auto;
  float: none;
  display: table;
  color: #4ad1e5 !important;
}

.counter-title-heading {
  text-align: center;
  margin-bottom: 25px;
  padding-top: 0;
  margin-top: 30px;
  font-size: 35px;
  font-weight: 700;
}

.counter-sub-title {
  text-align: center;
  padding-top: 0;
  margin-top: 0;
}

.count-small-title {
  color: #4ad1e5 !important;
  font-size: 18px;
  margin: 0 auto;
  float: none;
  display: table;
}

.counter-loop {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #ddd;
  background-color: #fff;
}

.counter-loop .counter {
  background-color: #f2f2f2;
  padding: 20px 0;
  border-radius: 5px;
  margin-bottom: 0px;
}

.counter-loop .count-text {
  font-size: 17px;
  font-weight: normal;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: unset;
}

.stats-form {
  text-align: center;
}

.counter-separator .sep-shadow {
  height: 1px;
  overflow: visible;
  border: none;
  background: none;
  background: linear-gradient(left, rgba(150, 150, 150, 0) 0%, rgba(150, 150, 150, 0) 15%, rgba(150, 150, 150, 0.65) 50%, rgba(150, 150, 150, 0) 85%, rgba(150, 150, 150, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}

.counter-separator {
  border: 0 solid #e7e6e6;
  clear: both;
  position: relative;
  z-index: 11;
}

.spinner {
  height: 50px;
  width: 50px;
  margin: 0px auto;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
  -webkit-animation: rotation .6s infinite linear;
  -moz-animation: rotation .6s infinite linear;
  -o-animation: rotation .6s infinite linear;
  animation: rotation .6s infinite linear;
  border-left: 6px solid rgba(256, 256, 256, .15);
  border-right: 6px solid rgba(256, 256, 256, .15);
  border-bottom: 6px solid rgba(256, 256, 256, .15);
  border-top: 6px solid rgba(256, 256, 256, .8);
  border-radius: 100%;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}

@-moz-keyframes rotation {
  from {
    -moz-transform: rotate(0deg);
  }

  to {
    -moz-transform: rotate(359deg);
  }
}

@-o-keyframes rotation {
  from {
    -o-transform: rotate(0deg);
  }

  to {
    -o-transform: rotate(359deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

.main-container {
  padding: 10px 15px;
}

.skyblue {
  background-color: #22c8ff;
}

.deepskyblue {
  background-color: #00bfff;
}

.darkerskyblue {
  background-color: #00a6dd;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

.carousel .icon-container,
.carousel-caption button {
  background-color: #09c;
}

.carousel .icon-container {
  display: inline-block;
  font-size: 25px;
  line-height: 25px;
  padding: 1em;
  text-align: center;
  border-radius: 50%;
}

.carousel-caption button {
  border-color: #00bfff;
  margin-top: 1em;
}

/* Animation delays */
.carousel-caption h3:first-child {
  animation-delay: 1s;
}

.carousel-caption h3:nth-child(2) {
  animation-delay: 2s;
}

.carousel-caption button {
  animation-delay: 3s;
}

.book-title-card {
  color: #666;
  text-align: center;
}

.book-title-card a {
  color: #666;
}

.flagitem {
  margin-right: 5px !important;
  margin-left: 5px !important;
}

.flagitem a {
  margin-right: 0 !important;
  margin-left: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.flagitem img {
  margin: 0;
}

.firstflag {
  margin: 0;
}

.container-404-flag {
  margin-bottom: 5px;
  position: relative;
}

.container-flag-current {
  background-color: #ddd;
}

.navbar-header,
.top-menu-bar {
  position: relative;
}

.navbar-brand {
  padding: 0;
}

.navbar-brand img {
  max-width: 250px;
}

.navbar-custom-text {
  padding: 0;
}

.navbar-custom-text ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.navbar-custom-text ul li {
  float: left;
  margin-right: 20px;
}

.row-counts {
  background-color: #fff;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.row-counts-bg {
  text-align: center;
  background-color: #f2f2f2;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 15px;
  margin-bottom: 15px;
  padding-top: 15px;
}

.row-counts-icon {
  font-size: 35px;
  color: #1E73BF;
}

.row-counts p {
  font-size: 25px;
  color: #666;
  margin-top: 15px;
  font-weight: 600;
}

.row-counts h2 {
  margin-top: 0;
  padding-top: 0;
}

.row-counts-list {
  padding: 0;
  margin: 0;
}

.row-counts-list li {
  padding: 0;
  margin: 0;
}

.sub-menu-item a .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-right: 4px dashed;
  border-right: 4px solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}

.nav-search {
  padding: 3px 10px !important;
}

.top-form {
  position: relative;
}

#searchform>button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  height: 30px;
  padding: 3px 12px;
  background: rgba(19, 174, 239, 1.00);
  color: #fff;
  border-color: rgba(19, 174, 239, 1.00);
}

.top-search {
  height: 30px;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: none;
}

.content-mobile {
  display: none;
}

.footer-menu {
  position: absolute;
  left: 0;
  top: 0;
  display: inline;
}

.footer-menu li {
  display: inline-block;
  margin: 0 10px;
  color: #fff !important;
}

.footer-menu li a {
  color: #fff;
}

.footer-span {
  position: absolute;
  right: 0;
  top: 10px;
}

.top-search-submit {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0 !important;
  padding: 2px 12px;
  color: #666;
  border-color: #ddd;
  background: #ddd;
}

.top-search-submit:hover {
  color: #fff;
  border-color: #ccc;
  background: #ccc;
}

.mawthuq-body-fixed {
  padding-top: 70px;
}

.mawthuq-body-fixed .quran-sciences-search,
.mawthuq-body-fixed .cat-title,
.mawthuq-body-fixed .quran-radio {
  margin-top: 70px;
}

.quran-radio-content {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 7px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.quran-radio-main-title {
  margin-bottom: 20px;
  text-align: center;
}

.quran-radio-main-title h2 {
  font-size: 25px;
  font-weight: 700;
  border-bottom: 3px solid #666;
  padding-bottom: 10px;
  display: inline-block;
}

.quran-radio-sticky-top {
  position: sticky;
  top: 0;
  text-align: center;
  background: #fff;
  padding: 15px;
}

.review-card-body .review-stars,
.review-card-body .review-date {
  left: unset;
  right: 15px;
}

.quran-sciences-categories {
  background-color: #fff;
  padding: 15px 0;
}

.quran-sciences-categories-container {
  padding: 30px 15px 15px 15px;
  border: 1px solid #ddd;
}

.qs-category {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ddd;
}

.qs-category h2 {
  text-align: center;
  margin-bottom: 25px;
  font-size: 28px;
}

.quran-sciences-category {
  margin-bottom: 5px;
  text-align: center;
}

.quran-sciences-academy {
  margin-bottom: 30px;
}

.quran-sciences-category h2,
.quran-sciences-category-last h2 {
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fab423;
}

.quran-sciences-academy h2,
.quran-sciences-academy-last h2 {
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 15px;
  color: #fab423;
  text-align: center;
}

.quran-sciences-academy h3,
.quran-sciences-academy-last h3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fab423;
}

.quran-sciences-category h2 a,
.quran-sciences-category-last h2 a,
.quran-sciences-academy h2 a,
.quran-sciences-academy-last h2 a {
  color: #fab423;
}

.quran-sciences-category-last,
.quran-sciences-academy-last {
  margin-bottom: 0;
  text-align: center;
}

.quran-sciences-category .list-inline-item,
.quran-sciences-category-last .list-inline-item,
.quran-sciences-authors-container .list-inline-item {
  padding: 10px;
  border-bottom: 3px solid #ddd;
  margin-bottom: 10px;
  font-size: 1.2rem;
}

.quran-sciences-authors {
  background-color: #eee;
  padding: 15px 0;
}

.quran-sciences-authors-container {
  padding: 0;
}

.quran-sciences-author {
  text-align: center;
  position: relative;
  background-color: #fff;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 10px;
  transform: translateY(0);
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.quran-sciences-author:hover {
  /*
	box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	*/
  border-color: #ccc;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  transition: .3s;
  transform: translateY(-4px);
}

.quran-sciences-author img {
  width: 70%;
  padding: 7px;
  border-radius: 50%;
  margin-bottom: 10px;
  border: 1px solid #ccc;
}

.quran-app-image img,
.quran-app-list .div-aprove-book img {
  border-radius: 65px;
}

.quran-app-list .container-box-13 {
  border: none;
}

.widget-slider-posts img {
  border-radius: 0 !important;
}

.quran-sciences-loop {
  background-color: #fff;
  margin-bottom: 0;
  border: 1px solid #ddd;
}

.quran-sciences-loop-text {
  padding: 15px 0;
}

.quran-sciences-loop-excerpt {
  margin-top: 15px;
}

.single-book .quran-sciences-loop-icon {
  background: #333;
  margin-top: 15px;
  color: #fff;
  text-align: center;
  padding: 15px;
  border-radius: 7px;
}

.single-book .quran-sciences-loop-icon h4 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
}

.single-book .quran-sciences-loop-icon a {
  font-size: 30px;
  color: #fff;
}

.single-book-image {
  margin-bottom: 10px;
}

.quran-sciences-archive {
  margin-top: 15px;
}

.quran-sciences-archive-loop {
  position: relative;
  background-color: #fff;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 15px;
}

.quran-sciences-archive-loop h3 {
  font-weight: 600;
}

.quran-sciences-archive-loop span {
  color: #ff6e03;
  font-weight: 600;
}

.quran-sciences-archive-loop:before {
  content: '';
  position: absolute;
  top: -2px;
  bottom: auto;
  right: -2px;
  left: auto;
  width: 20px;
  height: 20px;
  border-right: 2px solid #fab423;
  border-top: 2px solid #fab423;
  z-index: 1;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  background: 0 0;
}

.quran-sciences-archive-loop:after {
  content: '';
  position: absolute;
  bottom: -2px;
  top: auto;
  left: -2px;
  right: auto;
  width: 20px;
  height: 20px;
  border-left: 2px solid #fab423;
  border-bottom: 2px solid #fab423;
  z-index: 1;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -moz-transform: none;
  -ms-transform: none;
  -webkit-transform: none;
  transform: none;
  background: 0 0;
}

.quran-sciences-archive-title {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
  margin-top: 10px;
}

.container-columns {
  position: relative;
  background-color: #fff;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 7px;
}

.quran-sciences-row,
.qs-container-columns {
  position: relative;
  background-color: #fff;
  margin-bottom: 15px;
  border: 1px solid #ddd;
  border-radius: 7px;
  padding: 15px;
  border-top: 2px solid #fab423;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
  box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
}

.quran-sciences-row:before,
.qs-container-columns:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 10;
  top: -6px;
  left: calc(50% - 5px);
  right: calc(50% - 5px);
  background: #fe9728;
  transform: rotate(45deg);
  border: 1px solid #fff;
}

.quran-sciences-row .main-title h3,
.container-columns .main-title h3 {
  font-size: 25px;
  padding-bottom: 10px;
}

.quran-sciences-row .mawthuq-section-title,
.container-columns .mawthuq-section-title {
  padding: 5px 10px 20px 10px;
  text-align: center;
}

.quran-sciences-row .main-title:after {
  height: 3px;
}

.quran-sciences-row .overlay-item .custom-owl-item-title h3,
.container-columns .overlay-item .custom-owl-item-title h3 {
  font-size: 15px;
  line-height: 20px;
}

.single-book,
.single-card {
  position: relative;
  margin-top: 15px;
  padding: 15px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 2px solid #fab423;
  /*
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
	box-shadow: 0 1px 4px rgb(0 0 0 / 30%);
	*/
  margin-bottom: 15px;
}

.single-book h1,
.single-card h1,
.single-book h2,
.single-card h2 {
  margin-bottom: 15px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.single-book-details,
.single-card-details {
  margin-bottom: 15px;
}

.single-book-icon,
.single-card-icon {
  color: #333;
  font-weight: 600;
}

.single-book:before,
.single-card:before {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 10;
  top: -6px;
  left: calc(50% - 5px);
  right: calc(50% - 5px);
  background: #f7a426;
  transform: rotate(45deg);
  border: 1px solid #fff;
}

.breads .active {
  color: #666;
}

.mawthuq-overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}

.mawthuq-overlay-content {
  position: relative;
  top: 8%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.mawthuq-overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.mawthuq-overlay a:hover,
.mawthuq-overlay a:focus {
  color: #f1f1f1;
}

.mawthuq-overlay .mawthuq-closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.mawthuq-overlay .top-social {
  margin-bottom: 15px;
}

.mawthuq-overlay .top-social a {
  font-size: 25px;
}

.mawthuq-overlay .main-nav li a {
  font-size: 20px !important;
  color: #818181 !important;
}

.mawthuq-overlay .main-nav li a:hover {
  color: #f1f1f1 !important;
}

.mawthuq-overlay .dropdown-menu {
  width: 100%;
  border-radius: 0;
}

.mawthuq-overlay #searchform {
  padding: 0 15px;
}

#libarchive-top {
  overflow: auto;
  height: 300px;
}

@media screen and (max-height: 450px) {
  .mawthuq-overlay {
    overflow-y: auto;
  }

  .mawthuq-overlay a {
    font-size: 20px
  }

  .mawthuq-overlay .mawthuq-closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

#headerAdvSliderCarousel {
  max-height: 115px;
}

#headerAdvSliderCarousel .carousel-item {
  transition-property: opacity;
  max-width: 728px;
  float: right;
  margin-right: 0;
}

.custom-owl-item {
  padding: 7px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 7px;
  box-shadow: 0 0 0 1px rgb(0 0 0 / 20%);
  transition: all 200ms ease-out;
}

.custom-owl-item:hover {
  box-shadow: 0 10px 16px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}

.custom-owl-item-image {
  text-align: center;
  margin-bottom: 10px;
}

.overlay-item .custom-owl-item-image {
  margin-bottom: 0;
}

.custom-owl-item-title {
  text-align: center;
}

.custom-owl-item-title h1,
.custom-owl-item-title h2,
.custom-owl-item-title h3 {
  font-size: 17px;
}

.custom-owl-item-title a {
  color: #333;
}

.custom-owl-item .books-download,
.custom-owl-item .books-author {
  margin-top: 15px;
  margin-bottom: 5px;
  color: #ff6e03;
}

.overlay-item {
  position: relative;
}

.overlay-item .carousel-caption {
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  bottom: 0;
  right: 0;
  left: 0;
}

.overlay-item .custom-owl-item-image img {
  opacity: 1;
  transition: .5s ease;
  backface-visibility: hidden;
}

.overlay-item:hover .custom-owl-item-image img {
  opacity: 0.3;
}

.overlay-item:hover .custom-owl-item-title {
  opacity: .8;
}

.overlay-item .custom-owl-item-title {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #222;
  color: #fff;
  padding: 30px 10px 10px 10px;
  border-radius: 7px;
}

.overlay-item .custom-owl-item-title a,
.overlay-item .custom-owl-item-title a:hover {
  color: #fff;
}

.overlay-item .custom-owl-item-title h3 {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}

.overlay-item .books-download,
.overlay-item .books-author {
  margin-top: 15px;
  margin-bottom: 5px;
  color: yellow !important;
}

.overlay-item .overlay-4 {
  position: absolute;
  background: rgba(57, 57, 57, 0.5);

  display: flex;
  align-items: center;
  justify-content: center;

  left: 0;
  bottom: 100%;
  height: 0;
  width: 100%;
  overflow: hidden;
  backdrop-filter: blur(8px) brightness(80%);
  transition: all .3s ease-in-out;
}

.overlay-item:hover .overlay-4 {
  bottom: 0;
  height: 100%;
}

.overlay-item .overlay-4 h3 {
  text-align: center;
  padding: 0 45px;
}

.overlay-item .overlay-4 a:hover {
  color: #f2f2f2;
}

.owl-carousel .owl-stage-outer {
  padding-bottom: 25px;
}

.header-type-x .navbar {
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.author-books-name {
  text-align: center;
}

.author-books-name h3 {
  font-size: 30px;
  margin: 30px 0;
}

.quran-sciences-copyright {
  text-align: center;
  margin-top: 15px;
}

.quran-sciences-copyright .copyright-icon {
  font-size: 30px;
}

.div-aprove-book {
  position: relative;
}

.publication-license {
  position: absolute;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  right: calc(50% - 12px);
  bottom: -11px;
  padding: 0;
  border: 0 solid #dadde1;
  z-index: 3;
  font-size: 15px;
  line-height: normal;
}

.book-license-1 .fas {
  color: #ff7761;
}

.book-license-2 .fas {
  color: #0a84e3;
}

.book-license-3 .fas {
  color: #44b09e;
}

.filterDiv {
  display: none;
}

.btnActive {
  color: #333;
  background-color: #eee;
  border-color: #ddd;
}

.show {
  display: block;
}

.home-quranic-researcher {
  background: #fff url('images/patterns/random_grey_variations.png') top center;
  padding-bottom: 30px;
  margin-bottom: 0 !important;
  border: none;
}

.islamic-gray {
  margin-bottom: 0 !important;
  padding-bottom: 30px !important;
  padding-top: 15px !important;
  background-color: #f5f5f7;
  background-image: url('images/patterns/islamic_bg_3.png'), url('images/patterns/islamic_bg_4.png');
  background-position: top right, left top;
  background-size: contain !important;
  background-repeat: no-repeat, no-repeat;
}

.home-quranic-researcher .main-title h3,
.home-quranic-researcher a,
.home-quranic-researcher .title-desc {
  color: #fff !important;
}

.qs-home-stats {
  position: relative;
  margin-bottom: 30px;
}

.qs-home-stats-title {
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 20px;
  padding: 10px;
  margin-top: 15px;
}

.qs-home-stats-title h4 {
  font-size: 25px;
  padding-bottom: 10px;
  padding-top: 10px;
  display: inline-block;
  color: #333;
  font-weight: 600;
}

.qs-home-stats-icon {
  margin-bottom: 10px;
  color: #7fcbc9;
  font-size: 45px;
}

.qs-home-stats-content {
  text-align: center;
}

.qs-home-stats-content .icons {
  color: #7fcbc9;
  font-size: 25px;
}

.widget-recent-posts .other-posts {
  border-top: 1px solid #ddd !important;
  background-color: #fff !important;
  padding: 0 !important;
  padding-top: 20px !important;
}

.textwidget .container-box {
  border: none !important;
  margin: 0 !important
}

.hadeeth-api-language,
.hadeeth-api-category,
.hadeeth-api-language-active {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  background: #fff;
}

.hadeeth-api-language-active {
  border: 1px solid #02bff3;
  background: #1cceff;
  color: #fff;
}

.hadeeth-api-language-active a {
  color: #fff;
}

.hadeeth-container {
  position: relative;
  background-image: url("images/bg/005.jpg");
}

.hadeeth-bg {
  position: relative;
  overflow: hidden;
  opacity: 1;
  margin: 0 !important;
  border: none !important;
}

.hadeeth-content {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgba(0, 0, 0, .5);
  opacity: .9;
  z-index: 2;
}

.hadeeth-content h3 {
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}

.faith-messages-content {
  background-color: #222222;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 0;
  border-radius: 15px;
  margin-top: 15px;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 16%);
  min-height: 175px;
}

.faith-messages-text {
  background-color: rgba(0, 0, 0, .2);
  border-radius: 15px;
  color: #fff;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 35px;
  padding: 30px 65px 15px 65px;
  -webkit-transition: all .4s linear;
  transition: 0.5s;
  min-height: 175px;
}

.faith-messages-text:hover {
  background-color: rgba(0, 0, 0, .5);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.home-faith-messages {
  background: #fff url('images/patterns/debut_dark.png') top center;
  /*background: #fff url('images/letter.jpg') top center;*/
  background-size: contain;
  background-repeat: repeat;
  border: none;
  padding: 0;
  margin: 0;
}

.home-faith-messages .main-title h3,
.home-faith-messages .title-desc {
  color: #fff;
}

.quran-sciences-benefits {
  background-color: #ffffff;
  border: 1px dotted #ddd;
  box-shadow: 1px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 10px 15px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 10px 15px 0px rgba(0, 0, 0, 0.2);
  padding: 15px;
}

.quran-sciences-benefits a {
  color: #000;
}

.quran-sciences-benefits h2 {
  border-bottom: 1px solid #777;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.faith-messages-content .btn18,
.quran-sciences-benefits .btn18 {
  -webkit-box-shadow: none;
  -moz-box-shadow: unset;
  box-shadow: none;
}

.quran-text {
  margin-bottom: 30px;
  text-align: justify;
  text-align-last: center;
  border: 1px solid #ddd;
  padding: 15px;
  background: #f7f7f7;
  border-radius: 15px;
}

.quran-text-surah-name {
  margin-bottom: 30px;
  font-family: 'Naskh', serif;
  font-size: 35px;
  font-weight: 700;
}

.quran-text-ayah {
  line-height: 50px;
  background-color: #fff;
  display: inline;
  font-size: 26px;
  text-align: right;
  direction: rtl;
  transition: ease 0.6s;
  -webkit-tap-highlight-color: transparent;
  font-weight: 700;
}

.quran-text-ayah:hover {
  background-color: #f2f2f2;
}

.quran-text-ayah-number {
  font-family: "Traditional Arabic", "Times New Roman";
  font-size: 25px;
  white-space: nowrap;
  color: #c94c4c;
}

.strange-words {
  margin-bottom: 30px;
}

.strange-words th {
  color: #0089f7;
}

.guidances-loop {
  border-bottom: 1px solid #ddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.guidances-loop h3 {
  margin-bottom: 0;
}

.guidances-loop a {
  color: #333
}

.quran-ayah,
.quran-font {
  font-family: 'Naskh', serif;
  font-size: 30px;
  font-weight: 400;
}

.fmms {
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
  background: none;
}

.fms_none {
  background-size: cover;
}

.fms_blue {
  background-image: url("css/theme/images/patterns/blue-background-pattern.jpg");
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
}

.fms_wood {
  background-image: url("css/theme/images/patterns/wood_pattern.jpg");
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
}

.fms_lite_green {
  background-image: url("css/theme/images/patterns/lite-green.jpg");
  color: #333;
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
}

.fms_dark_green {
  background-image: url("css/theme/images/patterns/dark-green.jpg");
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
}

.fms_blocks_white {
  background-image: url("css/theme/images/patterns/blocks-white.jpg");
  color: #000;
  background-size: auto;
  background-position: top;
  background-repeat: repeat;
  padding: 30px 0;
}

.fms_blocks_white .faith-messages-text {
  color: #000000;
}

.fms_blocks {
  background-image: url("css/theme/images/patterns/blocks.jpg");
}

.fms_dark_blue {
  background-image: url("css/theme/images/patterns/dark-blue.jpg");
}

.fms_red {
  background-image: url("css/theme/images/patterns/red.jpg");
}

.fms_teal {
  background-image: url("css/theme/images/patterns/teal.jpg");
}

.fms_yellow {
  background-image: url("css/theme/images/patterns/yellow.jpg");
  color: #333;
}

.fms_always_grey {
  background-image: url("css/theme/images/patterns/toptal/always_grey.png");
}

.fms_asanoha {
  background-image: url("css/theme/images/patterns/toptal/asanoha.png");
  color: #333;
}

.fms_batthern {
  background-image: url("css/theme/images/patterns/toptal/batthern.png");
  color: #333;
}

.fms_beanstalk {
  background-image: url("css/theme/images/patterns/toptal/beanstalk.png");
  color: #333;
}

.fms_beige_tiles {
  background-image: url("css/theme/images/patterns/toptal/beige-tiles.png");
  color: #333;
}

.fms_black_thread {
  background-image: url("css/theme/images/patterns/toptal/black_thread.png");
}

.fms_blue_snow {
  background-image: url("css/theme/images/patterns/toptal/blue-snow.png");
}

.fms_bo_play_pattern {
  background-image: url("css/theme/images/patterns/toptal/bo_play_pattern.png");
}

.fms_bright_squares {
  background-image: url("css/theme/images/patterns/toptal/bright_squares.png");
  color: #333;
}

.fms_checkerboard_cross {
  background-image: url("css/theme/images/patterns/toptal/checkerboard-cross.png");
  color: #333;
}

.fms_checkered_pattern {
  background-image: url("css/theme/images/patterns/toptal/checkered_pattern.png");
  color: #333;
}

.fms_chevron {
  background-image: url("css/theme/images/patterns/toptal/chevron.png");
  color: #333;
}

.fms_circles_light {
  background-image: url("css/theme/images/patterns/toptal/circles-light.png");
  color: #333;
}

.fms_confectionary {
  background-image: url("css/theme/images/patterns/toptal/confectionary.png");
  color: #333;
}

.fms_congruent_outline {
  background-image: url("css/theme/images/patterns/toptal/congruent_outline.png");
  color: #fff;
}

.fms_congruent_outline a,
.fms_dark_wood a,
.fms_darkness a,
.fms_fancy_cushion a,
.fms_grey_wash_wall a {
  color: #fff;
}

.fms_congruent_pentagon {
  background-image: url("css/theme/images/patterns/toptal/congruent_pentagon.png");
  color: #333;
}

.fms_congruent_pentagon .faith-messages-text {
  color: #222;
}

.fms_connectwork {
  background-image: url("css/theme/images/patterns/toptal/connectwork.png");
  color: #333;
}

.fms_contemporary_china {
  background-image: url("css/theme/images/patterns/toptal/contemporary_china.png");
  color: #333;
}

.fms_cork_board {
  background-image: url("css/theme/images/patterns/toptal/cork-board.png");
  color: #333;
}

.fms_crissXcross {
  background-image: url("css/theme/images/patterns/toptal/crissXcross.png");
}

.fms_dark_embroidery {
  background-image: url("css/theme/images/patterns/toptal/dark_embroidery.png");
}

.fms_dark_wood {
  background-image: url("css/theme/images/patterns/toptal/dark_wood.png");
  color: #fff;
}

.fms_dark_grey_terrazzo {
  background-image: url("css/theme/images/patterns/toptal/dark-grey-terrazzo.png");
}

.fms_darkness {
  background-image: url("css/theme/images/patterns/toptal/darkness.png");
  color: #fff;
}

.fms_dark_paths {
  background-image: url("css/theme/images/patterns/toptal/dark-paths.png");
}

.fms_dark_triangles {
  background-image: url("css/theme/images/patterns/toptal/dark-triangles.png");
}

.fms_denim {
  background-image: url("css/theme/images/patterns/toptal/denim.png");
}

.fms_diagonal_striped_brick {
  background-image: url("css/theme/images/patterns/toptal/diagonal_striped_brick.png");
}

.fms_diagonal_squares {
  background-image: url("css/theme/images/patterns/toptal/diagonal-squares.png");
}

.fms_double_bubble_dark {
  background-image: url("css/theme/images/patterns/toptal/double-bubble-dark.png");
}

.fms_eight_horns {
  background-image: url("css/theme/images/patterns/toptal/eight_horns.png");
}

.fms_email_pattern {
  background-image: url("css/theme/images/patterns/toptal/email-pattern.png");
}

.fms_escheresque_ste {
  background-image: url("css/theme/images/patterns/toptal/escheresque_ste.png");
}

.fms_fancy_cushion {
  background-image: url("css/theme/images/patterns/toptal/fancy-cushion.png");
  color: #fff;
}

.fms_fishnets_and_hearts {
  background-image: url("css/theme/images/patterns/toptal/fishnets-and-hearts.png");
}

.fms_floor_tile {
  background-image: url("css/theme/images/patterns/toptal/floor-tile.png");
}

.fms_food {
  background-image: url("css/theme/images/patterns/toptal/food.png");
}

.fms_footer_lodyas {
  background-image: url("css/theme/images/patterns/toptal/footer_lodyas.png");
}

.fms_funky_lines {
  background-image: url("css/theme/images/patterns/toptal/funky-lines.png");
}

.fms_gold_scale {
  background-image: url("css/theme/images/patterns/toptal/gold_scale.png");
}

.fms_gplaypattern {
  background-image: url("css/theme/images/patterns/toptal/gplaypattern.png");
}

.fms_graphy {
  background-image: url("css/theme/images/patterns/toptal/graphy.png");
}

.fms_gray_sand {
  background-image: url("css/theme/images/patterns/toptal/gray_sand.png");
}

.fms_green_cup {
  background-image: url("css/theme/images/patterns/toptal/green_cup.png");
}

.fms_green_dust_scratch {
  background-image: url("css/theme/images/patterns/toptal/green_dust_scratch.png");
}

.fms_green_gobbler {
  background-image: url("css/theme/images/patterns/toptal/green_gobbler.png");
}

.fms_grey_wash_wall {
  background-image: url("css/theme/images/patterns/toptal/darkness.png");
  color: #fff;
}

.fms_halftone_yellow {
  background-image: url("css/theme/images/patterns/toptal/halftone-yellow.png");
}

.fms_hexellence {
  background-image: url("css/theme/images/patterns/toptal/hexellence.png");
}

.fms_hixs_pattern_evolution {
  background-image: url("css/theme/images/patterns/toptal/hixs_pattern_evolution.png");
}

.fms_hotel_wallpaper {
  background-image: url("css/theme/images/patterns/toptal/hotel-wallpaper.png");
}

.fms_hotel_wallpaper_black {
  background-image: url("css/theme/images/patterns/toptal/hotel-wallpaper-black.png");
}

.fms_light_grey_floral_motif {
  background-image: url("css/theme/images/patterns/toptal/light_grey_floral_motif.png");
}

.fms_light_veneer {
  background-image: url("css/theme/images/patterns/toptal/light-veneer.png");
}

.fms_lined_paper {
  background-image: url("css/theme/images/patterns/toptal/lined_paper.png");
}

.fms_memphis_mini {
  background-image: url("css/theme/images/patterns/toptal/memphis-mini.png");
}

.fms_more_leaves {
  background-image: url("css/theme/images/patterns/toptal/darkness.png");
}

.fms_more_leaves_on_green {
  background-image: url("css/theme/images/patterns/toptal/more-leaves-on-green.png");
}

.fms_moroccan_flower {
  background-image: url("css/theme/images/patterns/toptal/moroccan-flower.png");
}

.fms_morocco_blue {
  background-image: url("css/theme/images/patterns/toptal/morocco-blue.png");
}

.fms_old_map {
  background-image: url("css/theme/images/patterns/toptal/old_map.png");
}

.fms_old_wall {
  background-image: url("css/theme/images/patterns/toptal/old_wall.png");
}

.fms_oriental {
  background-image: url("css/theme/images/patterns/toptal/oriental.png");
}

.fms_oriental_tiles {
  background-image: url("css/theme/images/patterns/toptal/oriental-tiles.png");
}

.fms_paisley {
  background-image: url("css/theme/images/patterns/toptal/paisley.png");
}

.fms_papyrus {
  background-image: url("css/theme/images/patterns/toptal/papyrus.png");
}

.fms_paven {
  background-image: url("css/theme/images/patterns/toptal/paven.png");
}

.fms_pineapplecut {
  background-image: url("css/theme/images/patterns/toptal/pineapplecut.png");
}

.fms_pink_rice {
  background-image: url("css/theme/images/patterns/toptal/pink_rice.png");
}

.fms_pinstriped_suit {
  background-image: url("css/theme/images/patterns/toptal/pinstriped_suit.png");
}

.fms_pipes {
  background-image: url("css/theme/images/patterns/toptal/pipes.png");
}

.fms_polka_dots {
  background-image: url("css/theme/images/patterns/toptal/polka-dots.png");
}

.fms_pool_table {
  background-image: url("css/theme/images/patterns/toptal/pool_table.png");
}

.fms_prism {
  background-image: url("css/theme/images/patterns/toptal/prism.png");
}

.fms_pyramid {
  background-image: url("css/theme/images/patterns/toptal/pyramid.png");
}

.fms_random_grey_variations {
  background-image: url("css/theme/images/patterns/toptal/random_grey_variations.png");
}

.fms_real_cf {
  background-image: url("css/theme/images/patterns/toptal/real_cf.png");
}

.fms_regal {
  background-image: url("css/theme/images/patterns/toptal/regal.png");
}

.fms_restaurant {
  background-image: url("css/theme/images/patterns/toptal/restaurant.png");
}

.fms_retina_wood {
  background-image: url("css/theme/images/patterns/toptal/retina_wood.png");
}

.fms_ricepaper {
  background-image: url("css/theme/images/patterns/toptal/ricepaper.png");
}

.fms_ripples {
  background-image: url("css/theme/images/patterns/toptal/ripples.png");
}

.fms_shattered {
  background-image: url("css/theme/images/patterns/toptal/shattered.png");
}

.fms_spiration_dark {
  background-image: url("css/theme/images/patterns/toptal/spiration-dark.png");
}

.fms_squares {
  background-image: url("css/theme/images/patterns/toptal/squares.png");
}

.fms_starring {
  background-image: url("css/theme/images/patterns/toptal/starring.png");
}

.fms_struckaxiom {
  background-image: url("css/theme/images/patterns/toptal/struckaxiom.png");
}

.fms_sun_pattern {
  background-image: url("css/theme/images/patterns/toptal/sun-pattern.png");
}

.fms_tiny_grid {
  background-image: url("css/theme/images/patterns/toptal/tiny_grid.png");
}

.fms_tree_bark {
  background-image: url("css/theme/images/patterns/toptal/tree_bark.png");
}

.fms_trees {
  background-image: url("css/theme/images/patterns/toptal/trees.png");
}

.fms_triangles_pattern {
  background-image: url("css/theme/images/patterns/toptal/triangles_pattern.png");
}

.fms_tweed {
  background-image: url("css/theme/images/patterns/toptal/tweed.png");
}

.fms_upfeathers {
  background-image: url("css/theme/images/patterns/toptal/upfeathers.png");
}

.fms_vichy {
  background-image: url("css/theme/images/patterns/toptal/vichy.png");
}

.fms_vintage_wallpaper {
  background-image: url("css/theme/images/patterns/toptal/vintage-wallpaper.png");
}

.fms_wavy_dots {
  background-image: url("css/theme/images/patterns/toptal/wavy-dots.png");
}

.fms_wheat {
  background-image: url("css/theme/images/patterns/toptal/wheat.png");
}

.fms_wild_oliva {
  background-image: url("css/theme/images/patterns/toptal/wild_oliva.png");
}

.fms_woven {
  background-image: url("css/theme/images/patterns/toptal/woven.png");
}

.fms_xv {
  background-image: url("css/theme/images/patterns/toptal/xv.png");
}

.fms_y_so_serious {
  background-image: url("css/theme/images/patterns/toptal/y-so-serious.png");
}

.fms_xv .faith-messages-text,
.fms_wavy_dots .faith-messages-text,
.fms_vichy .faith-messages-text,
.fms_contemporary_china .faith-messages-text,
.fms_tiny_grid .faith-messages-text,
.fms_hexellence .faith-messages-text {
  color: #222;
}

.container-box-hadeeth {
  border: none;
  color: #fff;
  margin: 0;
}

.hadeeth-title {
  text-align: center;
  font-size: 20px;
}

.hadeeth-explanation {
  text-align: center;
  font-size: 20px;
}

.hadeeth-mtn {
  text-align: center;
  font-size: 25px;
  font-weight: 600;
}

.hadeeth-meta {
  text-align: center;
}

.islamic-gray .hadeeth-title,
.islamic-gray .hadeeth-explanation,
.islamic-gray .hadeeth-mtn,
.white-bg .hadeeth-title,
.white-bg .hadeeth-explanation,
.white-bg .hadeeth-mtn,
.white .hadeeth-title,
.white .hadeeth-explanation,
.white .hadeeth-mtn,
.gray .hadeeth-title,
.gray .hadeeth-explanation,
.gray .hadeeth-mtn {
  color: #333;
}

.mawthuq-top-text {
  position: relative;
  background-color: #fff;
  text-align: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.faith-messages-images,
.card-images {
  border: 2px solid #7fcbc9;
  border-radius: 15px;
  max-width: 350px;
  padding: 15px;
  text-align: center;
  margin: auto;
  margin-bottom: 15px;
}

.faith-messages-images p,
.card-images p {
  margin-top: 5px;
}

#quranic-researcher-area a {
  color: #333 !important;
}

.card-categories {
  margin-top: 15px;
}

.benefits-container {
  margin: 15px 0;
}

.benefit-container,
.benefits-list {
  margin-top: 15px;
}

.single-benefit {
  margin: 15px 0;
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 15px;
}

.single-benefit h1,
.benefits-list h1 {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-weight: 700;
}

.benefits-list h2 {
  font-weight: 700;
}

.benefits-list hr {
  margin: 10px 0 25px 0;
}

.single-benefit:last-child p:last-child {
  margin-bottom: 0;
}

.benefits-list p {
  margin-bottom: 7px;
}

.quran-sciences-benefits p:last-child {
  margin-bottom: 0;
}

.benefit-container {
  text-align: center;
}

.benefit-container h2 {
  margin-bottom: 0;
  font-weight: 700;
}

.benefit-children {
  margin-top: 15px;
}

.reciter-loop {
  padding: 0;
}

.reciter-surah {
  position: relative;
  padding: 5px 10px;
  border: 1px solid #ddd;
  border-radius: 7px;
}

.reciter-surah:hover {
  background: rgba(204, 204, 204, .15);
}

.reciter-surah .surah {
  margin-bottom: 0;
  cursor: pointer;
}

.reciter-surah-active {
  border: 1px solid #ccc;
  background: rgba(204, 204, 204, .2);
}

.reciter-surah-active p {
  font-weight: 700;
}

.reciter-surah-info {
  position: absolute;
  right: 10px;
  top: 7px;
}

#reciter_audio_container {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 5px;
  color: #fff;
  width: 100%;
  z-index: 999;
  background: #3e3f48;
}

#reciter_audio_container h4 {
  text-align: center;
  margin-top: 5px;
  margin-bottom: 10px;
  font-weight: 700;
  color: #fff;
}

#reciter_audio {
  display: none;
  width: 100%;
}

audio::-webkit-media-controls-panel {
  background: rgba(62, 63, 72, .8);
  color: #fff;
}

audio::-webkit-media-controls-play-button {
  background-color: #fff;
  border-radius: 50%;
}

audio::-webkit-media-controls-play-button:hover {
  background-color: rgba(204, 204, 204, .6);
}

audio::-webkit-media-controls-mute-button {
  background-color: #fff;
  border-radius: 50%;
}

audio::-webkit-media-controls-current-time-display {
  color: #fff;
}

audio::-webkit-media-controls-time-remaining-display {
  color: #fff;
}

audio::-webkit-media-controls-timeline {
  background-color: #fff;
  border-radius: 25px;
  margin-left: 10px;
  margin-right: 10px;
}

audio::-webkit-media-controls-volume-slider {
  background-color: #fff;
  border-radius: 25px;
  padding-left: 8px;
  padding-right: 8px;
}

.grunion-field-wrap {
  margin-bottom: 15px;
}

.category-books {
  background: #fff;
  border: 1px solid #ddd;
  padding: 15px;
  margin-bottom: 0;
  border-radius: 7px;
}

.quran-api-loop {
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 7px;
}

.quran-api-loop a {
  color: #333;
}

.quran-api-loop p {
  color: #666;
  margin-bottom: 0;
}

.quran-api-loop-number {
  position: absolute;
  right: 0;
  top: 0;
  width: 25px;
  height: 25px;
  color: #fff;
  background-color: #7fcbc9;
  text-align: center;
  line-height: normal;
}

.go-page {
  border: 1px solid #ddd;
  border-radius: 7px;
  margin: 0;
  padding: 5px;
  cursor: pointer;
}

.go-page:hover,
.go-page-active {
  border: 1px solid #ccc;
  background-color: rgba(204, 204, 204, .7);
}


.category-posts-slider .carousel-item {
  min-height: 75px;
}

.quran-sciences-archive-loop:hover {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
}

.quran-sciences-archive-loop:hover a {
  color: #3498db;
}

#content div.sharedaddy,
#main div.sharedaddy,
div.sharedaddy {
  padding: 0 15px;
}

.last-updated {
  padding: 10px 0;
}

@media only screen and (min-width: 768px) {
  .navbar-nav .dropdown-menu {
    top: 30px;
  }

  .navbar-custom-text-mobile {
    display: none;
  }

  #main_nav_top {
    display: none !important;
  }

  .navbar-brand-custom {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .logo-nav .logo img {
    max-width: 250px;
  }

  .ads_container img {
    max-width: 350px !important;
  }

  .top-nav .nav-link,
  .today-date {
    font-size: 14px;
  }

  .today-date {
    display: none;
  }

  .top-social .fa,
  .top-social .fab {
    font-size: 16px;
  }

  .list-inline-item:not(:last-child) {
    margin-left: .1rem;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: .2rem;
    padding-right: .2rem;
  }

  h1 {
    font-size: 22px;
    font-weight: 800;
  }

  h2 {
    font-size: 20px;
    font-weight: 800;
  }

  h3 {
    font-size: 19px;
    font-weight: 700;
  }

  .main-title h3 {
    font-size: 22px;
  }

  .gray,
  .white {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .navbar-brand img {
    max-width: 170px;
  }

  .navbar-nav .nav-item a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .mawthuq-body-fixed {
    padding-top: 10px;
  }

  .site_logo {
    width: 150px;
    padding-bottom: 10px;
  }

  .mawthuq-body-fixed .quran-radio {
    margin-top: 15px;
  }

  .quran-radio-sticky-top {
    top: 5px;
  }

  .content-mobile {
    display: inline;
  }

  .content-mobile .top-social {
    display: inline-block;
  }

  .alignleft,
  .alignright {
    float: none !important;
    display: block;
    text-align: center;
    margin: 10px auto !important;
  }

  .navbar-custom-text-mobile {
    display: inline;
    margin: 0 auto;
  }

  .navbar-custom-text-mobile ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  .navbar-custom-text-mobile ul li {
    float: left;
    margin-right: 20px;
  }

  .header2-container,
  .header-type-2,
  .ads_container_1,
  .carousel-indicators .logo_1,
  .today-date,
  .main-menu-2,
  .navbar-custom-text {
    display: none;
  }

  .main-nav {
    float: inherit !important;
  }

  .control-box {
    top: 20% !important;
  }

  .show .top-social {
    position: static;
    margin-top: 10px;
  }

  .top-social ul {
    margin: 0;
    padding: 0;
  }

  .top-social li a:first-child {
    padding-left: 0px !important;
  }

  .nav-languages {
    display: block;
    border: 1px solid #ddd;
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
  }

  .nav-languages a {
    color: #333;
  }

  .dropdown-menu {
    min-width: unset;
    width: 100%;
  }

  .navbar {
    margin-bottom: 1px;
  }

  .main_bar_1 {
    display: block !important;
    margin-top: 0px;
  }

  /*.lang-flags */
  .below_menu_code {
    margin-top: 10px;
  }

  .container {
    overflow: hidden;
  }

  .article-rating {
    float: none !important;
  }

  .box-post-meta {
    clear: both;
  }

  .logo-nav .logo img {
    max-width: 250px;
  }

  .ads_container img {
    max-width: 350px !important;
  }

  .quran-sciences-archive-loop h3 {
    margin-top: 10px;
    text-align: center;
  }

  .faith-messages-content .btn18 .buttons {
    bottom: -26px;
    left: 66%;
  }

  .timeline-period-name {
    width: 100px !important;
    height: 200px !important;
  }

  .timeline-page-title {
    font-size: 16px !important;
    right: 15px !important;
  }

  .timeline-period-time {
    font-size: 14px !important;
  }

  .timeline-period-date {
    font-size: 14px !important;
  }

  h1 {
    font-size: 22px;
    font-weight: 800;
  }

  h2 {
    font-size: 20px;
    font-weight: 800;
  }

  h3 {
    font-size: 19px;
    font-weight: 700;
  }

  .main-title h3 {
    font-size: 22px;
  }

  .gray,
  .white {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .only-ads-container {
    margin-bottom: 10px;
  }

  .navbar-brand img {
    max-width: 170px;
  }
}

@media screen and (max-width: 600px) {
  .low-footer {
    min-height: unset;
    margin-top: 30px;
    padding-bottom: 10px;
  }

  .footer-menu {
    display: block;
    position: unset;
    text-align: center;
  }

  .footer-span {
    position: unset;
    display: block;
    text-align: center;
  }

  .header-type-x {
    display: none;
  }

  .main-menu {
    display: none !important;
  }

  .ads_container img {
    max-width: 380px;
    max-height: 70px;
  }

  .today-date {
    display: none;
  }

  .logo-nav,
  .carousel-indicators {
    display: none;
  }

  #mawthuq_slider_3 .carousel-item {
    max-height: 250px !important;
  }

  .carousel-caption-excerpt {
    display: none;
  }

  .logo-nav .logo {
    display: none;
  }

  #mawthuq_slider_3 .carousel-caption {
    right: unset !important;
    left: unset !important;
    max-width: unset !important;
    width: 100% !important;
  }

  .logo-nav .ads_container {
    display: block;
    position: unset;
    text-align: center;
  }

  .top-nav .nav-link {
    font-size: 14px;
  }

  .top-social .fa,
  .top-social .fab {
    font-size: 16px;
  }

  .list-inline-item:not(:last-child) {
    margin-left: .1rem;
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-left: .2rem;
    padding-right: .2rem;
  }
}