@font-face {
  font-family: "carsclub";
  src: url("../fonts/SharjahDigitalXNoGaps-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "carsclub";
  src: url("../fonts/SharjahDigitalXNoGaps-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "carsclub";
  src: url("../fonts/SharjahDigitalXNoGaps-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: "carsclub", serif;
  color: #231e18;
}

.overflow {
  overflow: hidden;
}

a {
  text-decoration: none;
  transition: all 0.3s ease;
}

img {
  transition: all 0.3s ease;
}

p {
  color: #042a2b;
  font-weight: 300;
  line-height: 24px;
}

h2 {
  font-weight: 300;
  font-size: 32px;
}

h3 {
  font-weight: 300;
  font-size: 28px;
}

h4 {
  font-weight: 300;
  font-size: 24px;
}

h5 {
  font-weight: 300;
  font-size: 20px;
}

h6 {
  font-weight: 400;
  font-size: 20px;
}

.top-header {
  background: #231e18b3;
  padding: 8px 0;
  font-size: 12px;
  color: #fff;
}

.header-date {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 0;
  margin-top: 4px;
}

.main-header {
  background: #fff;
  padding: 20px 0;
  padding-bottom: 0;
  margin-bottom: 0;
  min-height: 84px;
  z-index: 9;
}

.main-navigation {
  align-items: center;
}

.main-navigation .carsclub-social {
  display: none;
}

.main-navigation ul {
  /* display: flex; */
  margin: 0;
  align-content: stretch;
  justify-content: flex-start;
  height: 100%;
  align-items: center;
  color: #fff;
  list-style-type: none;
  padding-left: 0;
}

.navbar-toggler {
  display: none;
}

.main-navigation ul li {
  padding: 0 17px;
  border-right: 1px rgb(255 255 255 / 30%) solid;
}

.main-navigation ul li:last-of-type {
  border: none;
}

#main-header-con {
  background: rgba(249, 247, 243, 1);
  margin-top: 20px;
  padding: 0;
  display: flex;
  align-items: center;
}
.main-navigation ul li a {
  color: rgba(105, 83, 58, 1) !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400 !important;
  width: 100%;
  padding: 17px 0;
}
.my-sub-menu .nav-item a {
  padding: 10px;
}
.main-navigation ul li a.is-active {
  color: rgba(142, 117, 63, 1) !important;
}

.main-navigation ul li a:hover {
  color: rgba(142, 117, 63, 1) !important;
  transition: all 0.3s ease;
}

.nav-item.dropdown:hover > .nav-link {
  color: rgba(142, 117, 63, 1) !important;
}

.footer-menu ul li a:hover {
  color: #af9b87;
  transition: all 0.3s ease;
}

.single-body {
  margin-top: 0px;
  clear: both;
}

.single-body p {
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0em;
  text-align: justify;
  color: hsl(33, 19%, 12%);
}

.multimedia-image-con {
  overflow: hidden;
}

.card-list-content {
  padding-left: 32px;
  flex: 5;
}

.most-recent-card .card-title a {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.most-recent-card:hover .card-title a {
  text-decoration: underline;
  transition: all 0.3s ease;
}

.book:hover .book-title {
  text-decoration: underline;
}

.most-recent-card:hover img {
  scale: 1.03;
  transition: all 0.3s ease;
}

.cat-page-card:hover .card-title a {
  text-decoration: underline;
}

.cat-page-card:hover .card-list-img img {
  scale: 1.03;
}

.most-recent-card .card-list-content {
  padding-left: 16px;
}

.most-recent-card .card-list .info {
  margin-bottom: 6px;
}

.most-recent-card .card-list {
  padding: 16px 0;
}

.single-image img {
  width: 100%;
  height: auto;
  margin-bottom: 8px;
}

.single-image div:last-of-type {
  color: rgba(35, 30, 24, 0.5);
  font-size: 14px;
  font-weight: 400;
  line-height: 130%;
}

.term-page-title {
  font-size: 32px;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 24px;
  margin: 0;
  display: flex;
  align-items: flex-end;
  line-height: 65%;
}

.term-page-title svg {
  margin-right: 6px;
}

.term-single {
  display: inline-block;
  margin-bottom: 8px;
}

.main-footer {
  background: rgba(249, 247, 243, 1);
  padding-top: 64px;
  position: relative;
}
.footer-con {
  margin-top: 100px;
}
.carsclub-social {
  list-style: none;
  display: flex;
  padding: 0;
  margin-bottom: 0;
  align-items: center;
  justify-content: center;
  margin-top: 0;
  padding-left: 0 !important;
}

.carsclub-social li {
  margin: 0 3px;
}

footer .carsclub-social li {
  margin-right: 20px;
  display: inline-block;
}

/* .carsclub-social li a:hover {
  opacity: 0.7;
} */

/* footer .carsclub-social img {
  border: 1px #615a54 solid;
  border-radius: 100%;
  padding: 3px;
} */
.footer-menu {
  /* margin-top: 32px;
  padding: 32px 0; */
  /* border-top: 1px rgb(240 229 221 / 30%) solid;
  border-bottom: 1px rgb(240 229 221 / 30%) solid; */
}

.footer-menu ul {
  display: flex;
  flex-direction: row;
  margin-bottom: 0;
  list-style: none;
  padding: 0;
  display: block;
  text-align: left;
}

.footer-menu .main ul li {
  margin: 0;
  border: none;
  padding: 0;
}

.footer-menu .second ul li {
  margin-left: 32px;
}

.footer-menu ul li a {
  color: rgba(63, 59, 54, 1);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  text-transform: initial;
}

.copyrights {
  font-size: 12px !important;
  margin: 0;
  padding: 32px 0;
  font-weight: 400 !important;
  text-align: right;
  color: rgba(65, 59, 53, 1);
}

.by-adberries {
  text-align: right;
  padding: 24px 0;
}

#mc_embed_signup {
  background: transparent !important;
  width: auto !important;
}

#mc_embed_signup h2 {
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 24px;
  color: #fff;
  font-family: "IBM Plex Sans Arabic", sans-serif;
}

#mc_embed_signup .mc-field-group {
  width: 100% !important;
}

#mc_embed_signup .mc-field-group input {
  background: transparent;
  border: 1px rgb(240 229 221 / 30%) solid;
  border-radius: 100px;
  width: 100% !important;
  height: 44px;
  padding: 12px 18px !important;
  font-family: "IBM Plex Sans Arabic", sans-serif;
  outline: 0;
}

#mc_embed_signup form {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  flex-wrap: wrap !important;
  margin: 0 !important;
  position: relative;
}

#mc_embed_signup .helper_text {
  background: transparent !important;
  color: #fff !important;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  background: transparent !important;
}

.mc-field-group input::placeholder {
  color: #fff;
}

.top-header .carsclub-social {
  margin: 0;
  justify-content: flex-end;
}

.top-header .carsclub-social img {
  width: 24px;
  height: 24px;
}
.front-page img {
  width: 100%;
  height: auto;
}

.home-section img {
  width: 100%;
  height: auto;
}

.home-section {
  padding: 100px 0;
}

.home-card:hover .home-section-title a {
  transition: all 0.3 ease;
  text-decoration: underline;
}

.views-field-field-image {
  overflow: hidden;
}

.home-card:hover img {
  scale: 1.03;
}

.small-card-right p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.layout--threecol-section img {
  width: 100%;
  height: auto;
}

#block-carsclub-tabs ul {
  margin: 0;
  padding: 0;
}

#block-carsclub-tabs ul li {
  display: inline-block;
  padding: 20px;
  background: #f5f5f2;
}

#block-carsclub-tabs ul li a {
  color: #000;
  text-decoration: none;
}

/* .home-culture-section {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-bottom: 32px;
}

.home-culture-section>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
}

.home-culture-section>.home-art,
.home-culture-section>.home-thoughts,
.home-culture-section>.home-cinema {
    width: initial;
    float: none;
    flex: 0 0 auto;
    width: 33.33333333%;
} */

/* .home-section a {
  color: #231e18;
  font-size: 34px;
  font-weight: 400;
  line-height: 120%;
  text-decoration: none;
  display: block;
} */

.home-section-title a {
  margin: 16px 0;
  margin-bottom: 4px;
}

.home-section .small-card-right a {
  font-size: 20px;
  line-height: 120%;
  overflow: hidden;
}

/* .home-section p {
  color: #231e18;
  text-align: justify;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
} */

/* .home-culture-section .card-title a {
    color: #231E18;
    font-size: 18px;
    font-weight: 400;
    line-height: 110%;
    margin: 0;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.home-culture-section .card-list-content {
    padding-left: 16px;
}

.home-culture-section .home-card-cat {
    padding: 4px 6px;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    background: #73497C;
    display: inline-block;
    margin: 0;
    margin-right: 8px;
}

.home-culture-section .card-list-content .card-short {
    display: none;
}

.home-culture-section .first-cat-page-card .card-list-content .card-short {
    display: block;
}

.home-culture-section .first-cat-page-card .card-list-content .card-title a {
    font-size: 24px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 52px;
}

.home-culture-section .first-cat-page-card .card-list-content .card-short p {

    color: #231E18;
    text-align: justify;
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
    margin-top: 4px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 38px;
}

.home-culture-section .card-list {
    padding: 16px 0;

}

.home-culture-section .first-cat-page-card .card-list-content {
    padding: 16px 0;
} */

/* .home-section,
.home-culture-section {
    padding-bottom: 80px;
} */

.section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 80px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.section-header .section-title {
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 400;
  line-height: 0px;
  text-transform: uppercase;
  display: flex;
  align-items: flex-end;
  line-height: 65%;
}
.section-header .section-title svg {
  margin-right: 6px;
}
.section-header.section-header-opinion {
  color: #20603c;
}

.section-header.section-header-culture {
  color: #73497c;
}

.section-header.section-header-interview {
  color: #3d3562;
}
.section-header.section-header-politics {
  color: #405981;
}

.section-header.section-header-translation {
  color: #405981;
}

.section-header.section-header-multimedia {
  color: #fff;
}

.section-more-link a {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  color: #231e18;
  margin-top: -12px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.section-more-link span {
  position: relative;
  padding: 0px 12px;
}
.section-more-link span:after {
  content: "";
  width: 10px;
  height: 12px;
  position: absolute;
  background: url(../images/more.svg);
  top: 8px;
  right: -5px;
  background-repeat: no-repeat;
}

.home-section .book-cat {
  padding: 4px 6px;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background: #73497c;
  display: inline-block;
  margin-top: 16px;
  margin-right: 8px;
}

.book-title a {
  color: #231e18;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-top: 14px;
  margin-bottom: 0;
}

.home-top-section {
  background: #231e18;
  position: relative;
  display: flex;
  padding: 16px 0;
  z-index: 1;
}

.home-top-section .most-recent-card .card-title a {
  color: #fff;
}

.home-top-section .most-recent-card .post-author {
  color: #fff;
}

.home-top-section .most-recent-card .card-list {
  border-bottom: 1px rgba(255, 255, 255, 0.3) solid;
}

/* .home-top-section:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  background: #231e18;
  left: -50%;
} */

/* .home-top-section:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  background: #231e18;
  right: -50%;
} */

.home-top-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #231e18; /* Set the same background color as the section */
  transform: translateX(-50%); /* Center the pseudo-element */
  z-index: -1; /* Place the pseudo-element behind the section */
}

.home-slider-section {
  width: 66% !important;
}

.home-slider-section .post-author {
  margin-left: 8px;
  color: #fff;
}

.home-sidebar-section {
  width: 33% !important;
}

body {
  overflow-x: hidden;
}

.articleCarousel img {
  width: 100%;
  height: auto;
}

.articleCarousel .carousel-control-next,
.articleCarousel .carousel-control-prev {
  width: 45px;
  height: 74%;
}

.articleCarousel .carousel-control-next-icon,
.articleCarousel .carousel-control-prev-icon {
  width: 100%;
  background-color: #000;
  height: 45px;
  background-size: 60%;
}

.articleCarousel .carousel-caption {
  position: initial;
  text-align: left;
  min-height: 192px;
}

.articleCarousel .carousel-caption h5 a {
  color: #fff;
  font-size: 38px;
  font-weight: 400;
  line-height: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
  min-height: 120px;
}

.articleCarousel .carousel-caption .slider-title a {
  color: #fff;
  font-size: 38px;
  font-weight: 400;
  line-height: 120%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
  min-height: 120px;
}

.articleCarousel {
  margin: 17px 32px 17px 0;
}

.search-block-form {
  position: fixed;
  left: 0;
  width: 100%;
  height: 137px;
  z-index: 999999999;
  background: #fff;
  display: none;
  top: 148px;
  border-top: 1px rgba(214, 208, 193, 1) solid;
  box-shadow: 0px 14px 24px 0px rgba(0, 0, 0, 0.07);
}

.toolbar-tray-open .search-block-form {
  top: 229px;
}

.search-block-form form {
  display: flex;
  margin: auto;
  height: 100%;
  max-width: 1320px;
  align-items: center;
}

.search-block-form form .form-item {
  width: 100%;
}

.search-block-form form .form-item .form-search {
  width: 100%;
  height: 60px;
  background: rgba(243, 244, 246, 1);
  border: none;
  color: rgba(26, 26, 26, 1);
  font-size: 16px;
  font-weight: 100;
  outline: none;
  padding-left: 45px;
  background-image: url(../images/search.svg);
  background-repeat: no-repeat;
  background-position: 20px;
  border-radius: 8px;
}

.search-block-form form .js-form-submit {
  border-radius: 50px;
  background: transparent;
  padding: 15px 40px;
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  border: none;
  color: #042a2b;
  border: 1px dashed #042a2b;
}
.search-block-form form .js-form-submit:hover {
  background: #042a2b;
  color: #d3c7b9;
}

/* Alternatively, if you want to change the color for all input fields in the form */
.search-block-form form input::placeholder {
  font-size: 16px;
  font-weight: 100;
}

.overlay {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99;
  top: 163px;
  left: 0;
  background-color: rgb(35 30 24 / 95%);
  transition: 0.5s;
  display: none;
}

#edit-advanced,
#edit-help-link {
  display: none;
}

/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.js-form-type-search label {
  display: none;
}

.layout-content .search-form .form-wrapper {
  width: 100%;
  border: 1px hsl(32.73deg 18.64% 11.57% / 50%) solid;
  padding: 32px;
  position: relative;
}

.layout-content .search-form .form-wrapper .js-form-type-search {
  width: 100%;
}

.layout-content .form-wrapper .js-form-type-search .form-search {
  width: 100%;
  color: #231e18;
  font-size: 36px;
  font-weight: 400;
  line-height: 0px;
  border: none;
  outline: none;
}

#views-exposed-form-articles-search-page-1 {
  position: relative;
}
#views-exposed-form-solr-search-page-1 {
  position: relative;
  margin-top: 94px;
}

.layout-content .form-wrapper #edit-submit-articles-search,
#views-exposed-form-solr-search-page-1 #edit-submit-solr-search {
  position: absolute;
  right: 32px;
  border-radius: 50px;
  background: transparent;
  color: transparent;
  padding: 0;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
  top: 37px;
  background: url(../images/search.svg);
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 0;
}

.layout-content .form-wrapper #edit-submit-articles-search:hover {
  background: rgb(35 30 24 / 85%);
}

.search-form h2 {
  color: #231e18;
  font-size: 14px;
  font-weight: 300;
  line-height: 0px;
  margin-top: 64px;
  margin-bottom: 16px;
}

.webform-submission-form label {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 6px;
}

.webform-submission-form .form-email,
.webform-submission-form .form-text,
.webform-submission-form .form-textarea {
  height: 52px;
  border: 1px solid rgba(214, 208, 193, 1) !important;
  margin: 0;
  margin-bottom: 32px;
  width: 100%;
  padding: 16px;
  outline: 0;
}

.webform-submission-form .form-email:focus-visible,
.webform-submission-form .form-text:focus-visible,
.webform-submission-form .form-textarea:focus-visible {
  border-color: #231e18;
}

.webform-submission-form .form-textarea {
  height: 106px;
}

.webform-submission-form .form-submit {
  position: initial !important;
  margin-top: 0;
}

.pager__items {
  padding: 0;
  margin: 0;
  margin-top: 32px;
  margin-bottom: 32px;
  text-align: center;
}

.pager__items li {
  display: inline-block;
  margin: 0 2px;
}

.pager__items li a {
  display: flex;
  width: 45px;
  height: 45px;
  /* border: 1px #af9b87 dashed; */
  color: rgba(35, 37, 40, 1);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 200;
}
.pager__items li a:hover {
  background: rgba(142, 117, 63, 1);
  color: #fff;
}

.pager__items li.is-active a {
  background: rgba(142, 117, 63, 1);
  color: #fff;
}

.pager__item.pager__item--next a,
.pager__item.pager__item--last a,
.pager__item.pager__item--first a,
.pager__item.pager__item--previous a {
  font-size: 22px;
}
.layout-sidebar-second h2 {
  font-size: 36px;
  font-weight: 250;
  line-height: 36px;
  color: #042a2b;
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 0px;
}
.layout-sidebar-second h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 4px;
  background: #042a2b;
  width: 75px;
}
#views-exposed-form-articles-search-page-1 label,
#views-exposed-form-solr-search-page-1 label {
  display: none;
}

#views-exposed-form-articles-search-page-1 .form-text,
#views-exposed-form-solr-search-page-1 #edit-search-api-fulltext {
  width: 100%;
  padding: 32px;
  font-size: 36px;
  font-weight: 200;
  line-height: 0;
  margin-bottom: 24px;
  background: rgba(233, 229, 224, 1);
  border: 1px dashed rgba(35, 30, 24, 0.5);
  border-radius: 6px;
  outline: 0;
  height: 89px;
}

#views-exposed-form-articles-search-page-1 .form-text:focus-visible {
  border-color: #231e18;
}
/* 
#views-exposed-form-articles-search-page-1 .button {
    top: 27px;
} */

.single-author {
  float: left;
  margin: 26px 0;
  margin-bottom: 10px;
}

.single-author div {
  display: flex;
  align-items: center;
}

.single-author img {
  width: 46px;
  height: 46px;
  margin-right: 16px;
  border-radius: 100%;
}

.single-author h2 a {
  color: #884825;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
}

.single-author span a {
  color: #884825;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  text-transform: uppercase;
}

.zoom-controls button {
  background: none;
  border: none;
  padding: 0 8px;
}

.addtoany_list.a2a_kit_size_32 > a {
  padding: 0;
}

.toobar-right-con {
  display: flex;
  justify-content: flex-end;
  margin: 26px 0;
  margin-bottom: 10px;
}

.post-author {
  color: #231e18;
  font-size: 12px;
  font-weight: 300;
  line-height: 120%;
  /* 150% */
  text-transform: uppercase;
  /* margin: 0 8px; */
}

.separator {
  padding: 0 8px;
}

.home-translation .post-author {
  margin: 16px 0 0;
  display: block;
}

.home-translation .home-section-title .small-card-right a {
  margin-top: 10px;
}

/* .home-politics .post-author,
.home-interview .post-author {
  margin: 16px 0 0;
  display: block;
} */

.home-culture .info,
.home-politics .info,
.home-interview .info {
  margin: 16px 0 0;
}
.home-politics .info .post-author,
.home-interview .info .post-author {
  margin: 0 8px;
}

.home-culture .info .term-name {
  background: #73497c;
  margin-right: 8px;
}

.home-culture .small-card-right {
  margin-bottom: 32px;
}

.page-home .main-header {
  margin-bottom: 0;
}

section.taxonomy-term--type-author {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

section.taxonomy-term--type-author p {
  flex: 1 0 100%;
  margin-top: 32px;

  color: #000;
  font-size: 20px;
  font-weight: 300;
  line-height: 120%;
  /* 24px */
}

.author-page-section-title {
  color: #231e18;
  font-size: 32px;
  font-weight: 200;
  line-height: 40px;
  text-transform: uppercase;
  margin-top: 64px;
  border-bottom: 1px rgb(35 30 24 / 30%) solid;
  padding-bottom: 16px;
  margin-bottom: 0;
}

.page .col-lg-8 .layout-content {
  position: relative;
}

.header-right {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-switcher .btn-secondary {
  background: none;
  border: none;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 0;
  margin-left: 20px;
  line-height: 15px;
}

.header-switcher .btn-secondary svg {
  margin: 0 3px;
}

.header-switcher .dropdown-menu {
  padding: 10px;
  min-width: 100%;
  top: 7px;
  border-radius: 4px;
}

.header-switcher a {
  display: block;
  color: #000;
  width: 100px;
  padding: 3px 0;
  font-size: 14px;
  width: 100%;
  display: inline-block;
}

.language-switcher-dropdown .dropdown-toggle::after {
  display: none;
}

.page-node-11 .layout-content form {
  width: 60%;
}

.page-node-11 .layout-content form .form-submit {
  border-radius: 50px;
  background: #231e18;
  color: #fff;
  padding: 10px 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
}

.page-node-11 .layout-content form .form-submit:hover {
  background: rgb(35 30 24 / 85%);
}

.page-node-10 .layout-content h1,
.page-node-11 .layout-content h1,
.page-node-12 .layout-content h1 {
  color: #231e18;
  font-size: 32px;
  font-weight: 200;
  line-height: 125%;
  text-transform: uppercase;
  margin-bottom: 48px;
}

.page-node-11 .layout-content h1 {
  margin-bottom: 0;
}

.page-node-11 .layout-content p {
  color: #231e18;
  font-size: 18px;
  font-weight: 300;
  margin: 48px 0 32px;
}

.page-node-10 .layout-content h2,
.page-node-11 .layout-content h2,
.page-node-12 .layout-content h2 {
  color: #231e18;
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 32px;
  margin-top: 32px;
}

.page-node-10 .layout-content h3,
.page-node-11 .layout-content h3,
.page-node-12 .layout-content h3 {
  color: #231e18;
  font-size: 18px;
  font-weight: 600;
  margin-top: 32px;
}

.most-recent-card .card-list .term-name {
  margin-right: 8px;
}

.page-author .cat-page-card .post-author {
  display: none;
}

.page-author .cat-page-card .separator {
  opacity: 0;
  padding: 0 5px;
}

.page-author .first-cat-page-card .card-list {
  display: flex !important;
  padding: 32px 0 !important;
}

.page-author .first-cat-page-card .card-list-content {
  padding-top: 0 !important;
  padding-left: 32px !important;
}

.page-author .first-cat-page-card .card-list-img img {
  max-width: 100% !important;
  height: auto !important;
}

.page-author .first-cat-page-card .card-list .card-title a {
  font-size: 24px !important;
}

.card-search-item .term-name,
.term-name-cul {
  margin-right: 8px;
}

.card-short {
  line-height: 120%;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.card-list .card-short-mob p {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  text-align: justify;
  color: #231e18;
  margin: 0;
  margin-top: 8px;
}

.card-list .card-short-mob {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  text-align: justify;
  color: #231e18;
  margin: 0;
  margin-top: 8px;
}

.card-short-mob {
  display: none;
}

.search-btn:hover svg g {
  opacity: 1;
}

.navbar-expand-lg {
  padding: 0;
}

.carousel-indicators {
  gap: 5px;
  bottom: 200px;
}

.carousel-indicators li {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50%;
  font-size: 0;
}

.carousel-indicators .active {
  background-color: #fff;
}

.main-header .main-menu-con {
  display: flex;
  align-items: center;
}

.small-card-multimedia p {
  display: none !important;
}

.small-card-multimedia .home-section-title a {
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.multimedia-first-item {
  display: flex;
  margin-bottom: 24px;
}

.multimedia-image-con a {
  position: relative;
}

.multimedia-image-con a:after {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  background: url(../images/player.svg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  opacity: 0.8;
}

.small-card-multimedia a:after {
  width: 50px;
  height: 50px;
}

.multimedia-first-item .multimedia-image-con {
  flex: 65%;
}

.multimedia-first-item .multimedia-content-con {
  flex: 35%;
  padding-left: 24px;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
  font-family: "IBM Plex Sans Arabic", sans-serif;
  font-weight: 400 !important;
  color: #ee3535;
}

#mc_embed_signup input.mce_inline_error {
  border-color: #ee3535 !important;
}

#mc_embed_signup .mc-field-group input {
  color: #fff;
  font-weight: 200;
}

#mce-success-response {
  color: #bee7b6;
}

.search-results-label {
  color: #231e18;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 139px;
  border-bottom: 1px rgb(35 30 24 / 30%) solid;
  display: block;
  width: 100%;
  padding-bottom: 19px;
  font-weight: 400;
}

.search-results-label strong {
  font-weight: 600;
}
.search-no-results-label {
  position: initial !important;
}

/* .layout-sidebar-second {
  padding-top: 75px;
} */
/* .page-taxonomy-term-21 .layout-sidebar-second,
.page-taxonomy-term-407 .layout-sidebar-second,
.page-taxonomy-term-399 .layout-sidebar-second,
.page-taxonomy-term-8 .layout-sidebar-second,
.page-taxonomy-term-9 .layout-sidebar-second,
.page-taxonomy-term-6 .layout-sidebar-second,
.view-page-multimedia .layout-sidebar-second {
  padding-top: 37px;
} */

/* .page-node-article .layout-sidebar-second,
.page-node-multimedia .layout-sidebar-second {
  padding-top: 0;
} */

.page404 .content h1 {
  color: var(--Primary, #231e18);
  font-size: 100px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0;
}

.page404 .content span {
  color: #231e18;
  font-size: 32px;
  font-weight: 200;
  line-height: 40px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 48px;
  border-bottom: 1px rgb(35 30 24 / 30%) solid;
}

.page404 .content p {
  color: #231e18;
  font-size: 18px;
  font-weight: 300;
  margin: 50px 0;
}

#mc-embedded-subscribe {
  width: 20px;
  height: 20px;
  background: url(../images/subscribe.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 16px;
  border: none;
  top: 44px;
}

.page-login {
  margin: auto;
}

.page-login label {
  display: block;
  color: #000;
  font-size: 18px;
  font-weight: 200;
  margin-bottom: 6px;
}

.page-login #edit-submit {
  border-radius: 50px;
  background: var(--Primary, #231e18);
  color: #fff;
  padding: 10px 32px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  border: none;
  margin-top: 20px;
}

.page-login .form-text {
  height: 40px;
  border: 1px solid rgb(35 30 24 / 50%);
  margin: 0;
  margin-bottom: 20px;

  padding: 0 12px;
  outline: 0;
}

.type-Multimedia .card-list-img a {
  position: relative;
}

.type-Multimedia .card-list-img a:after {
  content: "";
  position: absolute;
  width: 35px;
  height: 35px;
  background: url(../images/player.svg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  opacity: 0.8;
}

.view-page-multimedia .cat-page-card .card-list-img a {
  position: relative;
}

.view-page-multimedia .cat-page-card .card-list-img a:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/player.svg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  opacity: 0.8;
}
body:not(.paged).view-page-multimedia
  .cat-page-card.first-cat-page-card
  .card-list-img
  a:after {
  width: 92px;
  height: 92px;
}

.slider-image-container.type-Multimedia a {
  position: relative;
}
.slider-image-container.type-Multimedia a:after {
  content: "";
  position: absolute;
  width: 92px;
  height: 92px;
  background: url(../images/player.svg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  opacity: 0.8;
}

.page-category .layout-content .term-name {
  display: none;
}

/* Change the white to any color */
#search-block-form input:-webkit-autofill,
#search-block-form input:-webkit-autofill:hover,
#search-block-form input:-webkit-autofill:focus,
#search-block-form input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #af9b87 inset !important;
}
/*Change text in autofill textbox*/
#search-block-form input:-webkit-autofill {
  -webkit-text-fill-color: #fff !important;
}

.placeholder {
  background-color: #000;
  color: #fff;
  padding: 0 7px;
}

.card-search-item.type-Multimedia .card-list-img {
  position: initial;
}
.card-search-item.type-Multimedia .card-list-img a {
  position: relative;
}

.card-search-item.type-Multimedia .card-list-img a:after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  background: url(../images/player.svg);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-size: cover;
  opacity: 0.8;
}

.layout-sidebar-second {
  position: sticky;
  top: 0;
}
.menu-close {
  display: none;
}

.main-header {
  position: relative;
  transition: all 0.1s ease;

  background-color: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.07);
}

.toolbar-horizontal .main-header,
.touchevents .main-header {
  top: 42px;
}
#main-header-con {
  transition: opacity 0.3s ease, height 0.3s ease;
  /* overflow: hidden; */
}

#main-header-con.hidden {
  opacity: 0;
  height: 0;
}

/* .header-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  transition: all 0.1s ease;
  background: #042a2b;
  top: 0px;
  padding: 12px 0;
  min-height: 84px;
}

.toolbar-horizontal .header-sticky {
  top: 39px;
}
.toolbar-horizontal.toolbar-tray-open .header-sticky {
  top: 78px;
}

.header-sticky img {
  height: 50px;
}

.header-sticky .search-btn {
  top: 13px;
} */

.toolbar-menu .menu-item {
  background: #f5f5f2;
}

.sidebar-ad-con {
  text-align: center;
  margin: 20px 0;
  background: #f9f9fa;
  padding: 20px 0;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.sidebar-ad-con:after {
  content: "Advertisement";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}

html[lang="so"] .sidebar-ad-con:after {
  content: "Xayeysiis";
}

.sidebar-ad-con .ad-side-label {
  margin: 0;
  margin-top: 10px;
}

.sidebar-ad-con iframe {
  position: sticky;
  top: 101px;
}
.full-ad {
  text-align: center;
}
.full-ad iframe {
  text-align: center;
}
.ad-full-label {
  margin-top: 10px;
  margin-bottom: 0;
}
.page-home .ad-gpt-pro {
  text-align: center;
  height: 140px;
  background: #f9f9fa;
  margin: 20px 0;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.page-home .ad-gpt-pro:after {
  content: "Advertisement";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
  font-size: 12px;
}

html[lang="so"] .page-home .ad-gpt-pro:after {
  content: "Xayeysiis";
}

.full-ad .ad-gpt-pro {
  height: 140px;
  background: #f9f9fa;
  margin: 20px 0;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.full-ad .ad-gpt-pro:after {
  content: "Advertisment";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 12px;
}
html[lang="so"] .full-ad .ad-gpt-pro:after {
  content: "Xayeysiis";
}
.home-opinion .taxonomy-term--type-author {
  display: flex;
  align-content: center;
  align-items: center;
}
.home-opinion .taxonomy-term--type-author img {
  width: 30px;
  border-radius: 100%;
}

.home-opinion .taxonomy-term--type-author h2 {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  margin: 0 8px;
}
.home-opinion .taxonomy-term--type-author span {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  margin: 0 8px;
}
.home-opinion-con {
  background: #e0e7e2;
  padding: 80px 0 32px 0;
  margin-top: 80px;
  position: relative;
  z-index: 1;
}

.home-opinion-con:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #e0e7e2;
  transform: translateX(-50%);
  z-index: -1;
}
.home-opinion-con .section-header {
  margin-top: 0;
}

.home-opinion .opinion-image-con {
  display: none;
}
.home-opinion .opinion-first-item .opinion-image-con {
  display: initial;
}
.home-opinion .opinion-first-item {
  display: flex;
}

.opinion-image-con,
.opinion-content-con {
  flex: 50%;
  overflow: hidden;
}

.home-opinion .opinion-image-con {
  margin-right: 32px;
}

.home-opinion .opinion-first-item .taxonomy-term--type-author img {
  width: 50px;
}

.home-opinion .small-card-opinion .opinion-content-con {
  margin-top: 32px;
  border-top: 4px #20603c solid;
  padding-top: 16px;
}

.home-opinion .opinion-content-con p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  padding-left: 38px;
}

.home-opinion .home-section-title a {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 38px;
  position: relative;
  color: #20603c;
}
.home-opinion .opinion-first-item .home-section-title a {
  font-size: 34px;
  line-height: 40px;
  padding-left: 60px;
}
.home-opinion .opinion-first-item .opinion-content-con p {
  padding-left: 60px;
}
.home-opinion .home-section-title a:before {
  position: absolute;
  content: "";
  background: url(../images/qu.svg);
  width: 30px;
  height: 20px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
}

.home-opinion .opinion-first-item .home-section-title a:before {
  width: 50px;
  height: 33px;
}

.page-category .post-author img {
  display: none;
}

.page-taxonomy-term-8 .post-author img {
  width: 40px;
  border-radius: 100%;
  margin-right: 10px;
  display: initial;
}

.page-taxonomy-term-8 .post-author .taxonomy-term--type-author {
  display: flex;
  align-items: center;
}
.page-category .post-author h2 {
  color: #231e18;
  font-size: 12px;
  font-weight: 300;
  line-height: 120%;
  text-transform: uppercase;
  margin: 0;
}

.page-taxonomy-term-8 .cat-page-card .card-title {
  position: relative;
}

.page-taxonomy-term-8 .cat-page-card .card-title:before {
  position: absolute;
  content: "";
  background: url(../images/qu.svg);
  width: 40px;
  height: 27px;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: contain;
}
.page-taxonomy-term-8 .cat-page-card .card-title,
.page-taxonomy-term-8 .cat-page-card .card-short,
.page-taxonomy-term-8 .cat-page-card .card-short-mob {
  padding-left: 50px;
}
body:not(.paged).page-taxonomy-term-8 .first-cat-page-card .card-title,
body:not(.paged).page-taxonomy-term-8 .first-cat-page-card .card-short,
body:not(.paged).page-taxonomy-term-8 .first-cat-page-card .card-short-mob {
  padding-left: 78px;
}

body:not(.paged).page-taxonomy-term-8 .first-cat-page-card .post-author img {
  width: 62px;
  height: 62px;
}

body:not(.paged).page-taxonomy-term-8 .first-cat-page-card .card-title:before {
  width: 62px;
  height: 40px;
}

body:not(.paged).page-taxonomy-term-8 .first-cat-page-card .card-list .info {
  margin-bottom: 32px;
}

.term-Politics,
.term-21,
.term-407,
.term-399 {
  background: #405981;
}
.term-page-Translation,
.term-page-21,
.term-page-407,
.term-page-399 {
  color: #405981;
}
.term-page-399 svg,
.term-page-21 svg,
.term-page-407 svg {
  fill: #405981;
}

.home-card:hover .opinion-content-con img {
  scale: none;
}

.home-top-section .most-recent-card:last-of-type .card-list {
  border-bottom: none;
}

.more-by,
.related-title {
  color: #231e18;
  font-size: 32px;
  font-weight: 200;
  line-height: 40px;
  text-transform: uppercase;
  border-bottom: 1px rgb(35 30 24 / 30%) solid;
  padding-bottom: 16px;
  margin-bottom: 0 !important;
}

.sidebar-second-item {
  position: sticky;
  top: 130px;
}

.single-body .ad-gpt-pro {
  height: 140px;
  background: #f9f9fa;
  margin: 20px 0;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.ads-content {
  display: none;
}

.footer-bottom {
  background: rgba(249, 247, 243, 1);
  border-top: 1px #e4e4e4 solid;
  padding-top: 10px;
}

.footer-bottom ul {
  margin-bottom: 0;
}
.footer-bottom ul {
  padding: 0;
  padding-top: 30px;
}
.footer-bottom ul li {
  display: inline-block;
  margin-right: 20px;
}
.footer-bottom ul li a {
  color: rgba(63, 59, 54, 1);
}

.language-switcher-con a[hreflang="en"] {
}

.language-switcher-con a[hreflang="ar"] {
}

.language-switcher-con a {
  background-image: url("../images/ar.svg");
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 28px !important;
  background-color: #fff !important;
  padding: 9px 16px !important;
  border-radius: 35px !important;
  border: 1px #fff solid !important;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: 16px;
  display: inline-block;
  width: 76px;
  height: 44px;
  border: 1px #fff solid !important;
  text-align: right;
  text-transform: uppercase;
  font-size: 14px;
  color: rgba(26, 26, 26, 1);
}
.language-switcher-con a:hover {
  border: 1px #6a533b solid !important;
  color: #6a533b;
}
/* .language-link.is-active {
  display: none;
} */

html[lang="ar"] .language-switcher-con a[hreflang="ar"] {
  display: none;
}

html[lang="en"] .language-switcher-con a[hreflang="en"] {
  display: none;
}
.home-recent {
  display: flex;
  flex-wrap: wrap;
}

.section-title {
  font-size: 48px;
  font-weight: 250;
  line-height: 48px;
  padding-bottom: 24px;
  color: #042a2b;
  position: relative;
  margin-bottom: 80px;
  text-transform: capitalize;
}
.section-title:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 4px;
  background: #042a2b;
  width: 75px;
}

.card-small .card-title a {
  font-size: 28px;
  font-weight: 400;
  line-height: 33.6px;
  color: #042a2b;
  margin-bottom: 3px;
}
.card-small .card-short p {
  font-size: 18px;
  font-weight: 300;
  line-height: 21.6px;
  color: #042a2b;
  margin-bottom: 0;
}

.card-small {
  border-bottom: 1px #d3c7b9 solid;
  padding: 24px 0;
  height: 100%;
}

.card-cat {
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  padding: 2px 8px;
  background: #006265;
  border-radius: 21px;
  color: #fff;
  text-transform: capitalize;
  margin-right: 12px;
}

.card-date {
  font-size: 14px;
  font-weight: 250;
  line-height: 21px;
  color: #042a2b;
}

.home-recent .col-lg-6:nth-of-type(7n) .card-small,
.home-recent .col-lg-6:nth-of-type(8n) .card-small {
  border-bottom: none;
}

.show-btn {
  font-size: 24px;
  font-weight: 300;
  line-height: 24px;
  color: #042a2b;
  background: transparent;
  padding: 15px 40px;
  border: 1px dashed #042a2b;
  border-radius: 50px;
  width: auto;
  margin: auto;
  margin-top: 50px;
  display: inline-block;
  position: relative;
  padding-right: 50px;
}
.show-btn:after {
  content: "";
  background: url(../images/arrow-more.svg);
  width: 13px;
  height: 13px;
  background-repeat: no-repeat;
  position: absolute;
  right: 28px;
  top: 21px;
}

.home-studies-con .show-btn:after {
  background: url(../images/arrow-more-w.svg);
}
.home-studies-con .show-btn:hover:after {
  background: url(../images/arrow-more.svg);
}
.show-btn-con {
  text-align: center;
}

.home-books .owl-theme .owl-nav {
  position: absolute;
  top: -126px;
  right: 0;
}

.home-books .owl-theme .item a {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  display: block;
  color: #042a2b;
}
.home-books-con.home-section {
  padding: 100px 0;
  margin-top: 40px;
}

.page-node-1 .home-books-con.home-section {
  margin-top: 0px;
}
.home-books-con {
  background: #e9e5e0;
  position: relative;
  z-index: 1;
}
.home-books-con:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #e9e5e0;
  transform: translateX(-50%);
  z-index: -1;
}

.owl-theme .owl-nav button:hover {
  background: transparent !important;
}

.page-category .card-small {
  padding: 48px 0;
}

.page-category .section-title {
  margin-bottom: 0;
}

.tags-list a {
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  color: #af9b87;
  border: 1px #af9b87 dashed;
  border-radius: 20px;
  padding: 7px 18px;
  margin-right: 12px;
  margin-bottom: 12px;
  display: inline-block;
}
.tags-list {
  display: flex;
  flex-wrap: wrap;
}
.tags-title {
  margin-bottom: 24px;
  margin-top: 70px;
}

.share-label {
  font-size: 18px;
  font-weight: 400;
  line-height: 31.21px;
  color: #af9b87;
}

.share-con {
  margin: 0;
  display: flex;
  align-items: center;
}
.addtoany_list.a2a_kit_size_32 a > span {
  width: auto;
  color: rgba(63, 59, 54, 1);
  font-size: 14px !important;
}
.share-con img {
  margin: 0 8px;
}

.single-title {
  font-size: 48px;
  font-weight: 200;
  line-height: 57.6px;
  color: #042a2b;
  margin-bottom: 24px;
}

.single-date {
  font-size: 14px;
  font-weight: 200;
  line-height: 21px;
  color: #042a2b;
}
.single-cat {
  margin-bottom: 30px;
  padding-top: 48px;
}
.single-cat a {
  font-size: 20px;
  font-weight: 300;
  line-height: 34.68px;
  color: #006265;
  text-transform: capitalize;
  position: relative;
  padding-left: 40px;
}
.single-cat a:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  left: 0;
  background: url(../images/back.svg);
}

.layout-sidebar-second .card-small {
  padding: 24px 0 !important;
}
.layout-sidebar-second .card-small .card-title a {
  font-size: 22px;
  font-weight: 400;
  line-height: 26.4px;
}

.card-book {
  display: flex;
  align-items: center;
}

.publication-books-con {
  background: #e9e5e0;
  position: relative;
  z-index: 1;
}

.publication-books-con:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #e9e5e0;
  transform: translateX(-50%);
  z-index: -1;
}

.dark-page-con {
  background: #e9e5e0;
  position: relative;
  z-index: 1;
}

.dark-page-con:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #e9e5e0;
  transform: translateX(-50%);
  z-index: -1;
}

.page-section {
  padding: 50px 0;
}

.book-card-image {
  flex: 1;
}
.book-card-image img {
  width: 100%;
  height: auto;
  box-shadow: 5px 8px 15px 0px rgba(0, 0, 0, 0.25);
}
.card-book:hover img {
  box-shadow: 5px 8px 15px 0px rgba(4, 42, 43, 0.5);
}
.book-card-content {
  flex: 2;
  margin-left: 24px;
}

.page-node-books .col-lg-4 {
  display: none;
}
.page-node-books .col-lg-8 {
  width: 100%;
  margin-top: 50px;
}

.page-node-books .author-img-con {
  display: none;
}

.page-node-books .group-left,
.page-node-books .group-right {
  margin-top: 100px;
}
.page-node-books .ds-2col > .group-left {
  width: 30%;
  margin-right: 20px;
  margin-bottom: 40px;
}
.page-node-books .ds-2col > .group-left img {
  max-width: 100%;
  height: auto;
}
.single-book img {
  box-shadow: 5px 8px 15px 0px rgba(0, 0, 0, 0.25);
}
.single-book {
  padding-bottom: 24px;
  border-bottom: 1px rgba(233, 229, 224, 1) solid;
}
.book-info {
  display: flex;
  margin-top: 10px;
}
.book-info .field__label {
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  color: #042a2b;
  width: 120px;
}
.book-info .book-info-value {
  font-size: 14px;
  font-weight: 250;
  line-height: 19.6px;
  padding-right: 15px;
}

.home-bio .group-left {
  width: 17%;
}
.home-bio .group-left img {
  margin-right: 20px;
}
.home-bio .group-left .carsclub-social {
  margin-right: 20px;
  margin-top: 20px;
}
.home-bio .group-middle {
  width: 40%;
}
.home-bio .group-right {
  width: 32%;
}
.home-bio .group-middle a {
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  color: #006265;
}

.page-biography .group-left {
  width: 30%;
  background: #e9e5e0;
  padding: 20px 24px;
  border: 2px dashed #af9b87;
  border-radius: 6px;
  text-align: center;
  position: sticky;
  top: 100px;
}

.home-bio .group-middle a svg {
  margin-left: 8px;
}
.page-biography .group-right {
  width: 70%;
}
.page-biography .group-left ul {
  text-align: initial;
  list-style-type: none;
  padding-left: 10px;
}
.page-biography .group-left ul a {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  color: #006265;
  margin-bottom: 9px;
  display: block;
}
.page-biography .group-left img {
  width: 100px;
  height: auto;
}
.page-biography h1 {
  font-size: 21px;
  font-weight: 200;
  line-height: 26px;
  color: #042a2b;
  margin: 8px 0;
}
.page-biography .group-left .main-li a {
  position: relative;
}

.page-biography .group-left .main-li > a:before {
  position: absolute;
  content: "";
  left: -19px;
  top: 9px;
  height: 9px;
  width: 17px;
  background: url(../images/ul.svg);
  background-repeat: no-repeat;
}

.page-biography .group-right {
  padding-left: 26px;
}
.page-biography .group-left .carsclub-social {
  margin-top: 0;
  margin-bottom: 20px;
}
.page-biography .group-right p {
  color: #042a2b;
  font-size: 20px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 20px;
}

.page-biography .group-right h2 {
  font-size: 48px;
  font-weight: 250;
  line-height: 48px;
  padding-bottom: 24px;
  color: #042a2b;
  position: relative;
  margin-bottom: 24px;
  text-transform: capitalize;
}
.page-biography .group-right h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 4px;
  background: #042a2b;
  width: 75px;
}

.page-biography .group-right h3 {
  font-size: 32px;
  font-weight: 300;
  line-height: 38px;
  padding-bottom: 24px;
  color: #042a2b;
}
.page-biography .group-right h4 {
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  padding-bottom: 24px;
  color: #042a2b;
}

.page-biography .a2a_kit_size_32 {
  margin: 24px 0;
  margin-top: 0;
  display: flex;
  align-items: center;
}
.page-biography .share-label {
  margin-right: 10px;
}
.page-category .home-books-con .section-title {
  margin-bottom: 85px;
}

.home-books-con .section-title {
  margin-bottom: 24px;
}
.books-desc {
  font-size: 18px;
  font-weight: 250;
  line-height: 21.6px;
  color: #042a2b;
  max-width: 50%;
}
.home-books {
  margin-top: 50px;
}

.page-title {
  font-size: 48px;
  font-weight: 400;
  line-height: 100%;
  color: rgba(0, 0, 0, 1);
  padding-bottom: 24px;
  position: relative;
  z-index: 1;
  padding-bottom: 34px;
  margin-bottom: 0;
  margin: 10px 0;
  padding-top: 80px;
}
/* .page-title:after {
  position: absolute;
  bottom: 16px;
  left: 0;
  content: "";
  height: 4px;
  background: #042a2b;
  width: 75px;
} */

.layout-sidebar-second {
  padding-top: 148px;
}
.sidebar-tweeter {
  padding-top: 200px;
}

.card-video .card-date {
  padding-left: 44px;
  position: relative;
}

.card-video .card-date:before {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  background: url(../images/play.svg);
  left: 0;
  top: -6px;
}
.card-small:hover .card-date:before {
  background: url(../images/play-green.svg);
}

.page-node-23 .page-section,
.page-node-47 .page-section {
  padding: 50px 150px;
}

.page-biography .main-header {
  margin-bottom: 50px;
}

.page-node-books .home-books-con {
  display: none;
}

.book-info:last-of-type {
  margin-bottom: 40px;
}

/* .language-switcher-con {
  position: absolute;
  right: 111px;
  bottom: 14px;
  cursor: pointer;
} */

.search-btn {
  /* position: absolute;
  right: 66px;
  bottom: 14px; */
  cursor: pointer;
  margin-left: 12px;
}
.menu-second {
  position: absolute;
  right: 0;
  display: flex;
  top: 7px;
  gap: 10px;
  /* flex-direction: row-reverse; */
}

/* .home-studies-con:before {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  background: #84492d;
  right: -50%;
}

.home-studies-con:after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  width: 50%;
  background: #84492d;
  left: -50%;
} */

.home-section-ar {
  display: none;
}

.home-studies-con .section-more-link span:after {
  background: url(../images/more-w.svg);
  background-repeat: no-repeat;
}
.home-studies-con {
  background: #006265;
  position: relative;
  z-index: 1;
}
.home-studies-con .section-header {
  margin-top: 0;
}
.home-studies-con:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: #006265; /* Set the same background color as the section */
  transform: translateX(-50%); /* Center the pseudo-element */
  z-index: -1; /* Place the pseudo-element behind the section */
  background-image: url(../images/study-back.svg);
  background-repeat: no-repeat;
  background-position: right bottom;
}

.home-studies-con .section-more-link a,
.home-studies-con .home-section a {
  color: #fff;
}
.home-studies-con .multimedia-first-item .home-section a {
  margin-top: 0;
}

.home-studies-con .home-section p {
  color: rgb(255 255 255 / 85%);
}
.home-studies-con .section-title {
  color: #fff;
}
.home-studies-con .section-title:after {
  border-color: #fff;
  background: #fff;
}
.home-studies-con .card-small,
.home-studies-con .card-small .card-title a,
.home-studies-con .card-small .card-short p {
  color: #fff;
  border-color: #fff;
}
.home-studies-con .card-date {
  color: #fff;
}
.home-studies-con .col-lg-6:nth-of-type(3n) .card-small,
.home-studies-con .col-lg-6:nth-of-type(4n) .card-small {
  border-bottom: none;
}
.home-studies-con .show-btn {
  color: #fff;
  border: 1px dashed #fff;
}

.home-studies-con .card-video .card-date:before {
  background: url(../images/play-w.svg);
}

.books-nav {
  position: fixed;
  top: 0;
  right: 0;
  background: #eae4dd;
  overflow: scroll;
  overflow-x: hidden;
  height: 100%;
  padding-top: 79px;
}

.toolbar-tray-open .books-nav {
  padding-top: 150px;
}

.books-nav img {
  /* padding: 50px 60px; */
  height: auto;
  width: 128px;
  box-shadow: 5px 8px 15px 0px rgba(0, 0, 0, 0.25);
}

.books-nav .books-item {
  padding: 50px 60px;
  height: auto;
  border-left: 4px rgba(211, 199, 185, 1) solid;
}

.books-nav::-webkit-scrollbar {
  width: 0;
}
.books-nav .books-item:hover {
  background: #d3c7b9;
  border-left: 4px rgba(4, 42, 43, 1) solid;
}

.card-small:hover .card-title a {
  color: #006265;
}
.home-studies-con .card-small:hover .card-title a {
  color: #af9b87;
}
.home-studies-con .card-small:hover .card-date:before {
  background: url(../images/play-dark.svg);
}
.home-bio .group-middle a:hover svg {
  fill: #006265;
}
.home-bio .group-middle a:hover svg path {
  fill: #fff;
}

.show-btn:hover {
  background: #042a2b;
  color: #d3c7b9;
}
.show-btn:hover:after {
  background: url(../images/arrow-more-gold.svg);
}
.home-studies-con .show-btn:hover {
  color: #042a2b;
  background: #fff;
}

/* .search-btn:hover svg {
  fill: #af9b87;
}
.search-btn:hover svg path {
  fill: #042a2b;
}
.search-btn:hover svg rect {
  stroke: none;
} */

.search-btn,
.wrapper-accessible {
  font-weight: 400;
  font-size: 14px;
  line-height: 28px;
  background: #fff !important;
  padding: 9px 16px !important;
  border-radius: 35px;
  border: 1px #fff solid !important;
}
.search-btn:hover,
.wrapper-accessible:hover {
  border: 1px rgba(105, 83, 58, 1) solid !important;
  color: rgba(105, 83, 58, 1) !important;
}
.search-btn:hover svg path,
.wrapper-accessible:hover svg path {
  fill: rgba(105, 83, 58, 1);
}

.language-link[hreflang="ar"]:hover {
  background-image: url(../images/ar-dark.svg);
}
.language-link[hreflang="en"]:hover {
  background-image: url(../images/en-dark.svg);
}

.search-block-form .search-btn:hover {
  border: 1px #fff solid !important;
  opacity: 0.8;
}
.search-block-form .search-btn:hover svg path:last-of-type {
  fill: #fff;
}
/* .owl-nav button:hover svg {
  fill: #006265;
}
.owl-nav button:hover svg path {
  stroke: #fff;
} */

.carsclub-social li svg:hover {
  fill: #fff;
}
.carsclub-social li svg:hover rect {
  stroke: none;
}
.carsclub-social li svg:hover path {
  fill: #042a2b;
}

.page-biography .group-left .carsclub-social li svg:hover {
  fill: rgba(4, 42, 43, 1);
}
.page-biography .group-left .carsclub-social li svg:hover rect {
  stroke: none;
}
.page-biography .group-left .carsclub-social li svg:hover path {
  fill: #fff;
}

.page-biography .group-left ul a:hover {
  color: #042a2b;
}
.owl-carousel .owl-item:hover a {
  color: #8e753f;
}

.page404 .language-switcher-con {
  display: none;
}
.page404 + .home-books-con {
  display: none;
}
.page404 .layout-content {
  padding: 100px 0;
}

.author-img-con {
  background-image: url(../images/page-title-single.svg);
  background-repeat: repeat;
  padding: 35px 20px;
}
.single-video + .author-img-con {
  display: none;
}

.home-books .item img {
  box-shadow: 5px 8px 15px 0px rgba(0, 0, 0, 0.25);
  margin-bottom: 34px;
}
.home-books .item img:hover {
  box-shadow: 5px 8px 15px 0px rgba(4, 42, 43, 0.5);
}
.partners {
  padding: 59px;
  display: none;
}
.page-node-1 .partners {
  display: block;
}
.partners-list {
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-item {
  margin: 0 40px;
}

.page-node-28 .section-title {
  margin-top: 50px;
}

.page-login .home-books-con {
  display: none;
}
.login-container {
  padding: 100px 0;
}

.search-close {
  display: none;
}

.mobile-header {
  display: none;
}

.book-link {
  overflow: hidden;
  float: left;
  margin-right: 24px;
  margin-top: 15px;
}
.book-link a {
  color: transparent;
  display: inline-block;
  width: 100%;
}

.book-link-center {
  background: url(../images/a-center-book-link.svg);
  background-repeat: no-repeat;
  background-size: contain;

  height: 35px;
  width: 35px;
}
.book-link-amazon {
  background: url(../images/amazon-book-link.svg);
  background-repeat: no-repeat;
  background-size: contain;

  height: 35px;
  width: 165px;
}
.book-link-google {
  background: url(../images/google-book-link.svg);
  background-repeat: no-repeat;
  background-size: contain;

  height: 35px;
  width: 95px;
}

.card-search .book-card-content {
  flex: 3;
}

.card-search {
  padding: 48px 0;
}

.single-cat.single-cat-book {
  padding-top: 0;
  margin-bottom: 24px;
}

.twitter-feed {
  padding: 10px;
  max-height: 427px;
  overflow-y: scroll;
  width: 100%;
  overflow-x: hidden;
  text-align: right;
}
.twitter-feed .tweet {
  border: 1px dashed rgba(175, 155, 135, 1);
  border-radius: 4px;
  margin-bottom: 20px;
  padding: 10px;
}

.twitter-feed .tweet small {
  color: rgba(4, 42, 43, 1);
  font-size: 14px;
  line-height: 21px;
  font-weight: 200;
}
.twitter-feed .tweet p {
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  color: rgba(4, 42, 43, 1);
  direction: rtl;
}
.twitter-feed .tweet p a {
  color: #042a2b;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
}
/* Scrollbar width */
.twitter-feed::-webkit-scrollbar {
  width: 6px; /* Width of the scrollbar */
  height: 200px; /* Height of the horizontal scrollbar */
}

/* Track (background) */
.twitter-feed::-webkit-scrollbar-track {
  background: rgba(211, 199, 185, 1); /* Color of the scrollbar track */
}

/* Handle (the draggable part) */
.twitter-feed::-webkit-scrollbar-thumb {
  background: rgba(175, 155, 135, 1); /* Color of the scrollbar handle */
  border-radius: 10px; /* Rounded corners */
}

/* Handle on hover */
.twitter-feed::-webkit-scrollbar-thumb:hover {
  background: rgba(211, 199, 185, 1);
}

.tweets-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.tweets-header h2 {
  font-size: 20px !important;
  font-weight: 250 !important;
  line-height: 36px !important;
  color: #042a2b !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  text-align: left;
}
.tweets-header h2:after {
  display: none !important;
}
.tweets-header p {
  margin-bottom: 0;
}
.tweets-header a {
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  background: rgba(4, 42, 43, 1);
  border-radius: 39px;
  padding: 10px 20px;
  color: #fff;
  display: inline-block;
  margin-bottom: 0;
}
footer .main .navbar-expand-lg {
  display: flex;
  justify-content: center;
}

.desktop-header {
  object-fit: cover;
  height: 334px;
}

.section-title a {
  color: #042a2b !important;
}

#facebook-con {
  display: none;
}

.facebook-header-title {
  display: none;
}

.social-nav .btn {
  opacity: 0.5;
  margin: 3px;
  padding: 0;
}
.social-nav .btn.is-active {
  opacity: 1;
}
footer .my-sub-menu {
  display: none !important;
}
footer .dropdown svg {
  display: none !important;
}

.gov-logo {
  text-align: right;
}

#main-header-con {
  margin-top: 20px;
}

.footer-bottom-content {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.footer-span {
  margin-left: 0;
  font-size: 20px;
  font-weight: 400;
  margin-top: 200px;
  display: block;
}
.news-card {
  margin-bottom: 48px;
  border-left: 1px rgba(214, 208, 193, 1) solid;
  padding-left: 25px;
  transition: ease-in-out 0.3s;
}
.news-card img {
  border-radius: 6px;
  width: 100%;
  height: auto;
}
.news-card-content .card-info {
  font-weight: 400;
  line-height: 44px;
  padding-top: 42px;
  padding-bottom: 20px;
  font-size: 14px;
  color: rgba(65, 59, 53, 1);
}

.news-card-content .card-title a {
  font-weight: 400;
  font-size: 24px;
  line-height: 32px;
  color: rgba(26, 26, 26, 1);
}

#block-carsclub-breadcrumbs ol {
  list-style-type: none;
  padding-left: 0;
}
#block-carsclub-breadcrumbs ol li {
  display: inline-block;
}

.top-banner-section {
  height: 255px;
  padding: 43px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 80px;
  margin-top: 151px;
}
.page-node-page .top-banner-section {
  margin-bottom: 0;
}

#block-carsclub-addtoanysharebuttons {
  text-align: right;
}

#block-carsclub-addtoanysharebuttons {
  background: #fff;
  padding: 5px 14px;
  padding-right: 22px;
  border-radius: 50px;
  display: flex;
  flex-direction: row-reverse;
  float: right;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 30px;
  z-index: 99999999;
}
#block-carsclub-addtoanysharebuttons h2 {
  color: rgba(63, 59, 54, 1);
  font-size: 14px;
  margin: 0;
  margin-left: 10px;
  line-height: 28px;
  font-weight: 400;
}

.js-form-item-sort-by {
  display: none;
}

.card-link a {
  background: rgba(249, 247, 243, 1);
  display: inline-block;
  padding: 20px;
  border-radius: 100px;
  line-height: 0;
  color: rgba(63, 59, 54, 1);
  margin-top: 42px;
  font-size: 16px;
  border: 1px rgba(214, 208, 193, 1) solid;
  position: relative;
  padding-right: 55px;
  height: 50px;
  display: inline-flex;
  align-items: center;
}
.card-link a:hover {
  border-color: #8e753f;
  color: #8e753f;
}
.card-link a:after {
  content: "";
  position: absolute;
  width: 51px;
  height: 51px;
  background: url(../images/readmore.svg);
  top: -1px;
  right: -4px;
  transition: ease-in-out 0.3s;
}
.card-link:hover a:after {
  content: "";
  position: absolute;
  width: 51px;
  height: 51px;
  background: url(../images/readmore-hover.svg);
  top: -1px;
  right: -4px;
}

.news-card:hover {
  border-color: #8e753f;
  transition: ease-in-out 0.3s;
}
.news-card:hover .card-link a {
  color: #8e753f;
  border-color: #8e753f;
  transition: ease-in-out 0.3s;
}
.news-card:hover .card-link a:after {
  border-color: #8e753f;
  background: url(../images/readmore-hover.svg);
  transition: ease-in-out 0.3s;
}

.card-image-con {
  overflow: hidden;
  border-radius: 8px;
}
.news-card:hover img {
  transform: scale(1.05);
  transition: ease-in-out 0.3s;
}
label[for="edit-sort-order"] {
  display: none;
}

/* Exposed form wrapper as flex container */
.views-exposed-form {
  display: flex;
  flex-wrap: wrap; /* wrap to next line on small screens */
  gap: 1rem; /* spacing between fields */
  align-items: flex-start;
}
.views-exposed-form .input {
  width: 100%;
}
/* All form items inside the exposed form have the same width */
.views-exposed-form .form-item,
.views-exposed-form .form-actions {
  flex: 1 1 150px; /* all elements grow/shrink equally */
  min-width: 120px; /* optional: prevent being too small */
}

/* Optional: make the Apply button same height as other fields */
.views-exposed-form .form-actions input.form-submit {
  height: 53px;
  width: 100%;
}

.my-sub-menu {
  border-radius: 0;
  height: auto !important;
  top: 0;
  border: none;
  left: -9px;
  text-align: left;
  border-top: 2px #8e7c6a solid;
  width: 250px;
}

.main-navigation .my-sub-menu li a {
  color: rgba(26, 26, 26, 1) !important;
}

/* .main-navigation .my-sub-menu li {
  position: relative;
}
.main-navigation .my-sub-menu li:before {
  background: url(../images/arrow-menu.svg);
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
} */
.main-navigation .my-sub-menu li:hover {
  background: rgba(249, 247, 243, 1);
}

.my-sub-menu .nav-item {
  border-right: none;
  padding: 0 7px;
}

.sub-icon {
  display: none;
}
.my-sub-menu .nav-item .sub-icon {
  display: block;
  margin-right: 7px;
  position: absolute;
  right: 0;
}
.my-sub-menu .nav-item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.my-sub-menu .nav-item svg {
  transition: transform 0.3s ease; /* smooth animation */
}
.my-sub-menu .nav-item:hover svg {
  transform: rotate(-30deg); /* rotate 30 degrees */
  transition: transform 0.3s ease; /* smooth animation */
}
.my-sub-menu .nav-item:hover svg path {
  fill: rgba(142, 117, 63, 1);
}

.view-leadership .top-banner-section {
  background-image: url(../images/banners/leadership.png) !important;
}

#block-carsclub-breadcrumbs ol li a {
  color: rgba(26, 26, 26, 1);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-decoration: underline;
}
#block-carsclub-breadcrumbs ol li {
  color: rgba(26, 26, 26, 1);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
.membership-card {
  margin-bottom: 96px;
}
.membership-card img {
  margin-top: 39px;
  width: 100%;
  height: auto;
}
.membership-title {
  font-weight: 400;
  font-size: 48px !important;
  color: rgba(26, 26, 26, 1);
  max-width: 70%;
  margin-bottom: 35px;
}

.membership-body {
  font-weight: 400;
  line-height: 28px;
  font-size: 18px;
  color: rgba(63, 59, 54, 1);
}

.membership-name {
  color: rgba(78, 64, 34, 1);
  font-weight: 700;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 16px;
  padding-top: 20px;
  display: block;
  position: relative;
  margin-top: 28px;
}
.membership-name:before {
  content: "";
  width: 47px;
  height: 2px;
  background: rgba(78, 64, 34, 1);
  position: absolute;
  top: 0;
}
.membership-position {
  color: rgba(65, 59, 53, 1);
  font-weight: 400;
  line-height: 23px;
  font-size: 18px;
}

.year-selector-wrapper {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

.nav-arrow {
  background: transparent;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  padding: 0 0.5rem;
}

.year-selector-scroll {
  overflow-x: auto;
  scroll-behavior: smooth;
  flex: 1;
}

.year-selector {
  display: flex;
  gap: 1rem;
  white-space: nowrap;
}

.year-selector input[type="radio"] {
  display: inline-block;
  margin: 0;
}
.form-select {
  border-color: rgba(214, 208, 193, 1);
  max-width: 350px;
  margin-bottom: 48px;
}
.form-select option {
  font-size: 16px;
}
.form-select:focus {
  box-shadow: none;
}

.full-section {
  background: rgba(249, 247, 243, 1);
  padding: 100px 0;
  position: relative;
}

.full-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: rgba(249, 247, 243, 1);
  transform: translateX(-50%);
  z-index: -1;
}

.regulations-wrapper .views-exposed-form {
  display: initial;
}

.form-text {
  border: 1px rgba(214, 208, 193, 1) solid;
  width: 85%;
  border-radius: 4px;
  height: 52px;
  margin-bottom: 40px;
  font-size: 16px;
  padding: 16px;
  padding-left: 40px;
}

.journey-card {
  background: #fff;
  border: 1px rgba(214, 208, 193, 1) solid;
  border-radius: 16px;
  padding: 32px;
  transition: ease-in-out 0.3s;
}

.journey-card:hover,
.publications-card:hover {
  border-color: rgb(106 83 59);
  transition: ease-in-out 0.3s;
}
.journey-card:hover .card-link a,
.publications-card:hover .card-link a {
  border-color: #8e753f;
  color: #8e753f;
}

.journey-card:hover .card-link a:after,
.publications-card:hover .card-link a:after {
  background: url(../images/readmore-hover.svg);
  transition: ease-in-out 0.3s;
}

.journey-card h4 {
  color: rgba(26, 26, 26, 1);
  font-weight: 400;
  line-height: 32px;
  font-size: 20px;
  margin-bottom: 8px;
}
.journey-card time {
  font-size: 14px;
  color: rgba(63, 59, 54, 1);
}
.journey-card p {
  font-size: 16px;
  line-height: 28px;
}
.regulations-card {
  border-color: rgba(229, 231, 235, 1);
}

.form-list-links li a {
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  color: rgba(63, 59, 54, 1);
  padding: 12px;
  display: block;
}
.form-list-links li {
  margin-bottom: 12px;
}
.form-list-links li.is-active {
  border-left: 2px rgba(142, 117, 63, 1) solid;
}
.form-list-links li.is-active a {
  color: rgba(142, 117, 63, 1);
}

.section {
  padding: 90px 0;
}

.view-display-event-page .top-banner-section {
  background-image: url(../images/banners/events.png) !important;
}
.view-display-news-page .top-banner-section {
  background-image: url(../images/banners/news.png) !important;
}
.view-display-multimedia-page .top-banner-section {
  background-image: url(../images/banners/gallery.png) !important;
}

.page-node-news .top-banner-section {
  background-image: url(../images/banners/single.png) !important;
}
.page-node-event .top-banner-section {
  background-image: url(../images/banners/single.png) !important;
}

.page-node-multimedia_gallery .top-banner-section,
.page-node-publications_reports .top-banner-section {
  background-image: url(../images/banners/single-gallery.png) !important;
}

.view-news .top-banner-section {
  background-image: url(../images/single-banner.png) !important;
}

.view-publications-reports .top-banner-section {
  background-image: url(../images/banners/Publications-Reports.png) !important;
}

.page-node-30 .top-banner-section {
  background-image: url(../images/banners/media.png) !important;
}

.view-media-center .form-text {
  width: 100%;
  margin-top: 0;
}
.form-select {
  height: 52px;
  padding: 12px 16px;
}

.cards-list.list-view .row {
  display: block;
}

.cards-list.list-view .view-item {
  width: 100%;
}

.cards-list.grid-view .row {
  display: flex;
  flex-wrap: wrap;
}

.cards-list.grid-view .view-item {
  width: 33.333%; /* Adjust as desired */
}

.view-toggle {
  position: absolute;
  top: 0;
  right: 0;
}
.view-toggle button {
  background: none !important;
  border: none !important;
}

.view-toggle button.active svg path {
  fill: #8e753f;
}

.view-display-multimedia-page .news-card {
  padding-top: 20px;
}
.image-stack {
  position: relative;
  display: block;
  border-radius: 12px;
  overflow: visible;
  box-shadow: none;
  z-index: 1;
}

/* Create the stacked tab effect */
.image-stack::before,
.image-stack::after {
  content: "";
  position: absolute;
  top: -11px;
  left: 8px;
  right: 8px;
  bottom: 10px;
  background: rgba(189, 189, 189, 1); /* background color for the "stack" */
  border-radius: 6px;
  z-index: -1;
  box-shadow: none;
}

.image-stack::after {
  top: -21px;
  left: 17px;
  right: 17px;
  bottom: 20px;
  background: rgba(235, 235, 235, 1);
  z-index: -2;
}

/* Main image styling */
.image-stack img {
  display: block;
  width: 100%;
  border-radius: 6px;
}

.list-view .news-card {
  display: flex;
  align-items: center;
  position: relative;
}
.list-view .news-card img {
  max-width: 300px;
  height: auto;
}
.list-view .news-card-content {
  width: 100%;
  padding: 0 30px;
}
.list-view .card-link a {
  position: absolute;
  right: 20px;
  top: 75px;
  margin: 0;
}

.list-view .card-info {
  padding-top: 0;
}

.news-header {
  padding: 25px 0;
  background: rgba(105, 83, 58, 1);
  display: flex;
  color: #fff !important;
  gap: 28px;
  position: relative;
  justify-content: space-between;
}

.news-header-left,
.news-header-right {
  display: flex;
  color: #fff !important;
  gap: 28px;
  position: relative;
}
.news-event-time,
.news-event-location {
  display: flex;
  gap: 8px;
}

.news-header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: rgba(105, 83, 58, 1);
  transform: translateX(-50%);
  z-index: -1;
}

.news-tags div {
  display: inline-flex;
  gap: 4px;
  position: relative;
}
.news-tags div div:after {
  content: ",";
  position: relative;
  left: -3px;
}
.news-tags div div:last-of-type:after {
  content: none;
}
.page-node-news .top-banner-section,
.page-node-event .top-banner-section,
.page-node-multimedia_gallery .top-banner-section {
  margin-bottom: 0;
}

.page-node-news .top-banner-section .container {
  position: relative;
}
.news-gallery-wrapper {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}

.news-gallery-wrapper .owl-nav {
  position: absolute;
  right: 4%;
  bottom: 20px;
}
.news-body {
  margin-top: 64px;
  margin-bottom: 128px;
}
.news-body p {
  color: rgba(26, 26, 26, 1);
  font-size: 30px !important;
  line-height: 36px;
}

.view-display-event-page .news-card {
  position: relative;
}
.view-display-event-page .card-date {
  position: absolute;
  top: 24px;
  background: #fff;
  left: 47px;
  border-radius: 20px;
  font-weight: 12px;
  padding: 2px 12px;
}
.view-display-event-page .news-card-content .card-info {
  padding-top: 20px;
}

.event-details {
  display: flex;
  margin-top: 18px;
  gap: 36px;
}

.event-details .event-location {
  background: url(../images/location.svg);
  background-repeat: no-repeat;
  padding-left: 17px;
  background-size: 14px;
  line-height: 17px;
}
.event-details .event-time {
  background: url(../images/time.svg);
  background-repeat: no-repeat;
  padding-left: 17px;
  background-size: 14px;
  line-height: 17px;
}
.view-display-event-page .card-date {
  background-image: url(../images/calender.svg);
  background-repeat: no-repeat;
  padding-left: 28px;
  background-size: 11px;
  line-height: 22px;
  background-position: 10px;
}

.news-gallery-masonry {
  column-count: 2; /* Number of columns */
  column-gap: 16px; /* Gap between columns */
  padding: 60px 0;
}

.masonry-item {
  break-inside: avoid; /* Prevent items from breaking across columns */
  margin-bottom: 16px; /* Gap between rows */
}

.masonry-item img {
  width: 100%; /* Fill the column width */
  display: block;
}

.publications-card {
  display: flex;
  border: 1px rgba(229, 231, 235, 1) solid;
  padding: 32px;
  border-radius: 6px;
  justify-content: space-between;
  transition: ease-in-out 0.3s;
}

.publications-card .card-title {
  color: rgba(26, 26, 26, 1);
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
}

.publications-card:hover {
  border-color: rgba(142, 117, 63, 1);
  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.1);
}

.section-header .card-link a {
  margin: 0;
}
.section-header-title {
  margin: 0;
}

.hero-banner {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}
.hero-banner:after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.09) 40.45%,
    #000000 100%
  );
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
}
.hero-banner img {
  width: 100%;
  height: auto;
  position: relative;
}

.hero-banner__title {
  position: absolute;
  top: 40%;
  max-width: 35%;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  color: #fff;
  font-size: 48px;
  line-height: 54px;
  z-index: 999;
}

.scroll-down {
  z-index: 99999999;
  position: absolute;
  bottom: 40px;
  left: 0;
  width: 100%;
}
.scroll-down a {
  font-size: 14px;
  color: #fff;
}
.home-impact {
  padding: 100px 0;
}
.impact-item {
  border-left: 1px rgba(217, 217, 217, 1) solid;
  padding-left: 20px;
  padding-top: 183px;
  margin-right: 100px;
  position: relative;
}

.impact-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -14px;
  /* background: url(../images/pulse.svg); */
  width: 28px;
  height: 28px;
  /* z-index: 99999999999999; */
  background-size: cover;
  background-image: radial-gradient(
    50% 50% at 50% 50%,
    rgb(35 35 35 / 70%) 0%,
    rgba(255, 255, 255, 0.7) 100%
  );
}

.home-impact .item__label {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  color: rgba(0, 0, 0, 1);
}
.home-impact .item__value div {
  font-weight: 700;
  font-style: Bold;
  font-size: 61px !important;
  line-height: 34px;
  color: rgba(53, 53, 53, 1);
  margin-top: 38px;
  margin-bottom: 16px;
}
.home-impact .item__description {
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  color: rgba(0, 0, 0, 1);
}

.impact-item:hover .item__value {
  color: rgba(142, 117, 63, 1);
}

.impact-item:hover {
  /* border-right: 1px rgba(53, 53, 53, 1) solid;
  border-left-color: transparent; */
}

.home-impact {
  background: url(../images/impact-back.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.home-section-header-pre-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 16px;
  line-height: 44px;
  color: rgba(142, 117, 63, 1);
}
.home-section-header-pre-title svg {
  margin-right: 10px;
}
.home-section-header-title {
  font-weight: 400;
  font-size: 36px;
  line-height: 44px;
  color: rgba(0, 0, 0, 1);
  margin-top: 9px;
  margin-bottom: 31px;
}

.home-section-header-description {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 40px;
}

.home-media-section .home-section-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 64px;
}
.home-media-section .home-section-header-title {
  margin-bottom: 0;
}
.home-section-header .left {
  max-width: 43%;
  position: relative;
}

.home-section-con {
  display: flex;
  position: relative;
}

.home-section-item {
  flex: 1;
  transition: all 0.5s ease;
}
.home-section-item:hover {
  flex: 1.5;
  transition: all 0.5s ease;
}
.home-section-item .news-card {
  padding-right: 24px;
}

#block-carsclub-content .home-section {
  padding-bottom: 0;
}
.items-block {
  padding-bottom: 0;
}

.publications-home-slider-con {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}

.publications-home-card .news-card-content {
  position: absolute;
  top: 30%;
  left: 140px;
  color: #fff;
}
.publications-home-card {
  position: relative;
}
.publications-home-card .news-card-content .card-title a {
  color: #fff;
  margin-bottom: 80px;
  font-size: 44px;
  line-height: 46px;
}
.publications-home-card .card-body p {
  color: #fff;
  font-size: 18px;
}

#main-header-con.header-sticky {
  margin-top: 0;
}

.footer-section h5 {
  color: rgba(78, 64, 34, 1);
  font-weight: 700;
  margin-bottom: 35px;
}

.newsletter-title {
  font-weight: 700;
  font-style: Bold;
  font-size: 20px;
  line-height: 100%;
  color: rgba(78, 64, 34, 1);
  margin-bottom: 28px;
}

.owl-carousel .owl-item img {
  border-radius: 6px;
}

.views-exposed-form .form-text {
  background: url(../images/search.svg);
  background-repeat: no-repeat;
  background-position: 13px;
}

.contact-info-section {
  padding: 64px 0;
}

.contact-info-section .card {
  border: 1px rgba(214, 208, 193, 1) solid;
}
.contact-info-section .card svg {
  margin-bottom: 30px;
}
.contact-info-section .card-body {
  padding: 24px;
}

.contact-form-section {
  background: rgba(249, 247, 243, 1);
  padding: 64px 0;
  position: relative;
}
.contact-form-section img {
  width: 100%;
}
.contact-form-section:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background: rgba(249, 247, 243, 1);
  transform: translateX(-50%);
  z-index: -1;
}

.webform-section .col-lg-6 {
  width: 49%;
  display: inline-block;
}
.iti,
.webform-section-wrapper {
  width: 100% !important;
}
.my-row .webform-section-wrapper {
  display: flex;
  justify-content: space-between;
}

.js-webform-telephone-international {
  padding-left: 50px !important;
}

.webform-button--submit {
  background: rgba(249, 247, 243, 1);
  display: inline-block;
  padding: 20px;
  border-radius: 100px;
  line-height: 0;
  color: rgba(63, 59, 54, 1);
  margin-top: 42px;
  font-size: 16px;
  border: 1px rgba(214, 208, 193, 1) solid;
  position: relative;
  padding-right: 65px;
  height: 50px;
  display: inline-flex;
  align-items: center;
}

.webform-button--submit {
  position: absolute !important;
  background: url(../images/readmore.svg);
  background-position: right center;
  background-repeat: no-repeat;
}

.webform-button--submit:hover {
  border-color: #8e753f;
  color: #8e753f;
  background: url(../images/readmore-hover.svg);
  background-position: right;
  background-repeat: no-repeat;
}

.webform-container {
  height: 100%;
  background: #fff;
  padding: 56px;
}

.contact-info-section h6 {
  font-weight: 400;
  color: rgba(26, 26, 26, 1);
  font-size: 18px;
}
.contact-info-section .contact-values,
.contact-info-section a,
.contact-info-section p {
  color: rgba(63, 59, 54, 1);
  font-size: 14px;
  font-weight: 400;
}
.contact-values-email {
  color: rgba(142, 117, 63, 1) !important;
  text-decoration: underline;
}
.contact-form-section h2 {
  font-weight: 400;
  line-height: 100%;
  color: rgba(26, 26, 26, 1);
  font-size: 36px;
  margin-bottom: 20px;
}

.view-search .views-exposed-form {
  display: block;
}
.view-search .top-banner-section {
  display: none;
}
.view-search .form-text {
  width: 100%;
  border: none;
  background-color: rgba(243, 244, 246, 1);
  margin-top: 30px;
}
.view-search .content-type-list {
  list-style-type: none;
  padding: 0;
  display: flex;
  gap: 20px;
  margin-bottom: 64px;
}

.view-search .content-type-list li a {
  background: rgba(243, 244, 246, 1);
  border: 1px rgba(255, 255, 255, 1) solid;
  padding: 16px;
  border-radius: 100px;
  color: rgba(26, 26, 26, 1);
  font-size: 14px;
  line-height: 28px;
}
.view-search .news-card {
  border: none;
  border-bottom: 1px rgba(214, 208, 193, 1) solid;
  padding-bottom: 49px;
  padding-left: 0;
}

.journey-year-carousel .owl-stage-outer {
  font-size: 18px;
  border: 1px rgba(214, 208, 193, 1) solid;
  border-radius: 8px;
  padding: 4px;
  margin-bottom: 64px;
}
.journey-year-carousel .owl-prev {
  font-size: 18px;
  position: absolute;
  left: -78px;
  top: 0;
}

.journey-year-carousel .owl-next {
  font-size: 18px;
  position: absolute;
  right: -78px;
  top: 0;
}

.journey-year-carousel .owl-item a {
  font-size: 18px;
  color: rgba(63, 59, 54, 1);
  padding: 4px 16px;
  display: inline-block;
}
.journey-year-carousel .owl-item .item.active a {
  background: rgba(142, 117, 63, 1);
  border-radius: 8px;
  color: #fff;
}

.my-custom-newsletter-block form {
  position: relative;
}
.my-custom-newsletter-block form .form-email {
  width: 100%;

  height: 83px;
  border-radius: 16px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 24px;
  border: none;
}
.my-custom-newsletter-block form label,
.my-custom-newsletter-block form .description {
  display: none;
}
.my-custom-newsletter-block form .form-submit {
  position: absolute;
  right: 10px;
  top: 9px;
  border-radius: 10px;
  padding: 24px;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: #fff;
  background: rgba(105, 83, 58, 1);
  border: none;
}

.sharja-footer-logo {
  position: absolute;
  right: 0;
  bottom: 45px;
}
#edit-field-year-value {
  background: none;
}

.main-navigation .navbar-nav > li:first-child,
.main-navigation .navbar-nav > li:first-child > a {
  padding-left: 0;
}

.impact-select-item {
  cursor: pointer;
}
.impact-select-item .item__value div {
  min-height: 44px;
  transition: 0.5s;
}
.impact-select-item.active .item__value div {
  font-size: 79px !important;
  transition: 0.5s;
  min-height: 60px;
  color: #8e753f;
}

.impact-select-item.active .impact-item:after {
  background-image: radial-gradient(
    circle,
    rgba(242, 123, 33, 1) 0%,
    /* solid center */ rgba(242, 123, 33, 0.9) 10%,
    /* still strong */ rgba(242, 123, 33, 0.4) 30%,
    /* fade begins */ rgba(242, 123, 33, 0.2) 55%,
    /* softer */ rgba(242, 123, 33, 0.05) 75%,
    /* very soft edge */ rgba(242, 123, 33, 0) 100%
      /* fully transparent outer edge */
  );
  scale: 2;
  border-radius: 100%;
}

.home-section-hero {
  position: sticky;
  top: 0;
}
.home-section-dark {
  background: rgba(246, 247, 248, 1);
}
.home-section-stat {
  background: #fff;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  padding-bottom: 200px !important;
  font-size: 18px;
  /* position: sticky;
  top: 0;
  left: 0; */
}

.home-section-dark {
  background: rgba(246, 247, 248, 1);

  position: relative;
}
.home-section-dark:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  background-color: rgba(246, 247, 248, 1);
  transform: translateX(-50%);
}
/* .home-section-dark.home-section-news:before {
  border-top-right-radius: 100px;
  border-top-left-radius: 100px;
  margin-top: -100px;
} */

#sticky-section {
  background: rgba(249, 247, 243, 1);
  border-bottom: 1px rgb(157 143 115) solid;
}

#sticky-section.stick-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1050;
  bottom: 10px;
  background: transparent;
  max-width: 865px;
  margin: auto;
  border: 2px solid;
  border-image-source: linear-gradient(
    90deg,
    #ffffff00 0%,
    #e5e7eb 53.37%,
    #e5e7eb 73.08%,
    #ffffff00 100%
  );
  border-image-slice: 1;
  padding: 16px 0;
  backdrop-filter: blur(14px);
  border-radius: 1000px;
  background: #ffffff80;
}

#social-media-list {
  position: relative;
}

#social-media-list .carsclub-social {
  position: absolute;
  bottom: 40px;
  left: -55px;
  flex-direction: column;
}
#social-media-list .carsclub-social li {
  z-index: 9999;
}
#social-media-list .carsclub-social li a {
  font-size: 18px;
  background: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 1px #787f87 solid;
  z-index: 9999;
  margin-top: 10px;
}
#social-media-list .carsclub-social li a:hover {
  border-color: #6a533b;
}
#social-media-list .carsclub-social li a:hover svg path {
  fill: #6a533b;
}
#social-media-list .hideme {
  display: none;
}

.mobile-submenu-panel {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #fff;
  z-index: 99999;
  transition: right 0.3s ease;
  overflow-y: auto;
  padding-bottom: 50px;
}

.mobile-submenu-panel.open {
  right: 0;
}

.mobile-submenu-panel .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #eee;
  background: #f9f9f9;
  padding-top: 0;
}

.mobile-submenu-panel button {
  background: none;
  border: none;
  font-size: 18px;
  padding: 10px;
}

.mobile-submenu-panel {
  background: #f9f9f9;
  height: 100vh;
  padding: 20px;
  list-style-type: none;
}
.mobile-submenu-panel li {
  border-bottom: 1px solid rgba(214, 208, 193, 1);
  padding: 2px 0;
}
.mobile-submenu-panel li a {
  color: rgba(105, 83, 58, 1) !important;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400 !important;
  padding: 16px 0;
}
.mobile-search-icon {
  display: none;
}