/* =========================================================
   CFCCA (C3I) — نسخة عربية مستقلة، RTL كامل
   قالب: Gavias Batiz — Drupal 11
   ملاحظة: تم تنظيم وتنظيف هذا الملف بالكامل من نسخة سابقة
   متراكمة كانت تحتوي على تكرارات وتعارضات بين RTL/LTR.
   تم الحفاظ على نفس الألوان والتخطيط العام للتصميم الحالي.
========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@100..900&display=swap');

/* =========================================================
   1. أساسيات عامة + اتجاه الصفحة
========================================================= */

html {
  direction: rtl;
}

body {
  background: #ffffff;
  direction: rtl;
  text-align: right;
  overflow-x: hidden;
  font-family: 'Alexandria', sans-serif;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Alexandria', sans-serif;
}

img {
  border: 0;
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

a:hover, a:focus, a:active {
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
  outline: none !important;
}

ul {
  margin: 0;
  padding: 0;
  margin-bottom: 0 !important;
}

.container {
  max-width: 100%;
}

@media (max-width: 1199px) {
  .container {
    width: 100% !important;
  }
}

.stuck {
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  background: #d5d5d5;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2);
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
}

footer#footer, header.header-v2 .main-menu {
  background: #036c3c !important;
}

/* أرقام لاتينية يجب أن تبقى بالاتجاه الصحيح دائماً (لا تنعكس مع RTL) */
[dir="ltr"],
.c3i-stat-number,
.c3i-topbar-item[href^="tel:"],
.c3i-topbar-item[href^="mailto:"],
.c3i-footer-address span,
#block-gavias-batiz-contact .field__item p {
  direction: ltr;
  unicode-bidi: isolate;
}
/* =========================================================
   2. الشريط العلوي (Topbar): البريد، الهاتف، اللغة، فضاء الطالب
========================================================= */

.topbar {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 32px !important;
  background: #076138 !important;
  border: 0 !important;
}

.topbar .container {
  width: 100% !important;
  max-width: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.topbar .row {
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.topbar .topbar-left {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.topbar .topbar-right {
  display: none !important;
}

.topbar .breaking-news,
.topbar .breaking-news .clearfix,
.topbar .breaking-news .content-inner,
.topbar .breaking-news .content-inner > div,
#block-gavias-batiz-topbar,
#block-gavias-batiz-topbar .content,
#block-gavias-batiz-topbar .block-content,
#block-gavias-batiz-topbar .field__item {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
}

.topbar-left.col-sm-8.col-xs-12 {
  width: 100% !important;
}

/* الحاوية: RTL كامل، الترتيب البصري (فضاء الطالب يمين، اللغة بجانبه،
   ثم الهاتف والبريد) ينتج طبيعياً من display:flex + direction:rtl
   دون أي قلب يدوي. الهاتف والبريد فقط يُجبران LTR داخلياً. */
.c3i-topbar {
  width: 100%;
  min-height: 32px;
  background: linear-gradient(90deg, #076138 0%, #076138 50%, #004827 100%);
  color: #fff;
  font-family: 'Alexandria', sans-serif;
  direction: rtl;
}

.c3i-topbar-inner {
  width: 100%;
  max-width: 1360px;
  min-height: 32px;
  margin: 0 auto;
  padding: 0 28px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.c3i-topbar-left,
.c3i-topbar-right {
  display: flex;
  align-items: center;
}

.c3i-topbar-left {
  gap: 28px;
}

.c3i-topbar-right {
  gap: 0;
}

.c3i-topbar-item {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: rgba(255,255,255,.92) !important;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none !important;
}

/* البريد والهاتف فقط: يبقيان LTR داخل سياق RTL العام */
.c3i-topbar-item[href^="tel:"],
.c3i-topbar-item[href^="mailto:"] {
  direction: ltr;
  unicode-bidi: isolate;
}

.c3i-topbar-item i {
  color: rgba(255,255,255,.82);
  font-size: 16px;
}

.c3i-topbar-item:hover,
.c3i-topbar-item:hover i {
  color: #ffc928 !important;
}

/* قائمة اللغات */
.c3i-language-switcher {
  position: relative;
}
.c3i-language-switcher a{
    color: #fff;
    font-weight: 300;
}

.c3i-language-current {
  height: 32px;
  padding: 0 18px;
  border: 0;
  background: transparent;
  color: rgba(255,255,255,.96);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}

.c3i-language-current:hover {
  color: #ffc928;
}

.c3i-language-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 160px;
  margin: 0;
  padding: 8px 0;
  list-style: none;
  background: #fff;
  border: 1px solid #e1e7eb;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 14px 30px rgba(15,23,42,.14);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
  z-index: 999;
}

.c3i-language-switcher:hover .c3i-language-menu,
.c3i-language-switcher:focus-within .c3i-language-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.c3i-language-menu a {
  display: block;
  padding: 10px 15px;
  color: #004827 !important;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none !important;
  white-space: nowrap;
}

.c3i-language-menu a:hover {
  background: #f2f7f4;
  color: #005c32 !important;
}

/* زر فضاء الطالب */
.c3i-student-space {
  min-height: 32px;
  padding: 0 16px;
  background: #e8b84b;
  color: #17310f !important;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none !important;
  transition: background .22s ease, color .22s ease;
}

.c3i-student-space:hover {
  background: #ffc928;
  color: #004827 !important;
}

@media (max-width: 768px) {
  .c3i-topbar-inner {
    padding: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }

  .c3i-topbar-left {
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
    padding: 10px 12px;
  }

  .c3i-topbar-right {
    width: 100%;
    justify-content: center;
  }

  .c3i-language-switcher,
  .c3i-student-space {
    flex: 1;
  }

  .c3i-language-current,
  .c3i-student-space {
    width: 100%;
    justify-content: center;
  }

  .c3i-language-current {
    background: rgba(255,255,255,.06);
  }

  .c3i-language-menu {
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
  }
}

/* =========================================================
   3. الهيدر: الشعار، القائمة الرئيسية (header-v2)
========================================================= */

header .site-branding {
  padding: 20px 0 10px;
}

@media (max-width: 991px) {
  header .site-branding {
    padding: 15px 0;
  }
}

header a.site-branding-logo {
  background: 0 0 !important;
}

header.header-v2 {
  position: relative;
}

header.header-v2 .header-main {
  background: #fff;
}

header.header-v2 .header-main .site-branding {
  padding: 27px 0 10px;
}

@media (max-width: 650px) {
  header.header-v2 .header-main .branding-region {
    width: 100%;
    text-align: center;
  }

  header.header-v2 .header-main .branding-region .site-branding {
    padding-top: 0;
  }

  header.header-v2 .header-main .branding-region .site-branding a.site-branding-logo {
    display: inline-block;
  }

  header.header-v2 .header-main .header-right {
    width: 100%;
    text-align: center;
  }
}

header.header-v2 .main-menu {
  position: relative;
  z-index: 99;
  margin-bottom: 26px;
  box-shadow: -4px 7px 12px 0 #ddd;
}

header.header-v2 .area-main-menu .area-inner {
  position: relative;
}

header.header-v2 .area-main-menu .area-inner ul.gva_menu > li > a {
  color: #fafffd;
}

@media (min-width: 991px) {
  header.header-v2 .area-main-menu .area-inner ul.gva_menu > li > a {
    padding: 11px 17px;
    font-size: 14px;
    line-height: 27px;
    font-weight: 400;
  }

  header.header-v2 .area-main-menu .area-inner ul.gva_menu > li.menu-item--active-trail > a {
    color: #ba4848 !important;
    border-bottom: 2px solid #fff;
    background: #e2e2e2;
  }
}

header.header-v2 .area-main-menu .area-inner ul.gva_menu > li > a:hover {
  background: #009673;
  color: #ffffff;
}

header.header-v2 .menu-bar span {
  background: #fff !important;
}

header.header-v2 .block {
  overflow: visible;
  padding: 0;
  margin: 0;
}

.main-menu .area-main-menu .area-inner {
  min-height: 45px;
}

.main-menu .area-main-menu .area-inner .block {
  margin-bottom: 0;
}

.main-menu .area-main-menu .area-inner .block .block-content {
  padding: 0;
}

.col-lg-2.col-md-4.col-xs-4.branding-region {
  float: right;
  width: 100%;
}

.area.highlighted .content-inner {
  padding: 0;
  margin-bottom: 0;
  color: #f0f0f0;
}

.area.highlighted .content-inner a {
  color: #000000;
}

.area.highlighted .content-inner a:hover {
  color: #a70000;
}

.gav-help-region {
  display: none !important;
}
/* =========================================================
   4. القائمة الرئيسية (Mega Menu) — سطح المكتب
   ملاحظة: تم دمج 3 نسخ متكررة من هذا القسم في القالب الأصلي
   إلى نسخة واحدة، مع تصحيح كل اتجاهات RTL.
========================================================= */

.list-menu ul li {
  list-style: none;
  padding: 15px 2px;
  font-size: 14px;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

.list-menu ul li:last-child {
  border-bottom: none;
}

ul.menu > li {
  position: relative;
  padding: 3px 0;
}

.area-main-menu .menu-toggle {
  display: none;
}

@media (min-width: 991px) {
  .menu-hover .navigation {
    position: relative;
    clear: both;
  }

  .menu-hover .navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .menu-hover .navigation .gva_menu {
    width: 100%;
    position: relative;
    font-size: 0;
  }

  .menu-hover .navigation .gva_menu li {
    position: relative;
    font-size: 13px;
    border-right: 1px solid #057b47;
  }

  /* محاذاة الروابط: يمين للعربية بدلاً من اليسار */
  .menu-hover .navigation .gva_menu li a {
    text-align: right !important;
  }

  .menu-hover .navigation .gva_menu li a .icaret {
    margin-right: 0;
    border: none !important;
  }

  .menu-hover .navigation .gva_menu li.menu-item--active-trail > a {
    color: #f7ff00 !important;
  }

  .menu-hover .navigation .gva_menu > li {
    display: inline-block;
  }

  .menu-hover .navigation .gva_menu > li.gva-mega-menu {
    position: static !important;
  }

  .menu-hover .navigation .gva_menu > li.gva-mega-menu > .sub-menu {
    width: 100%;
  }

  .menu-hover .navigation .gva_menu > li.gva-mega-menu > .sub-menu > li {
    border-bottom: none;
  }

  .menu-hover .navigation .gva_menu > li.gva-mega-menu > .sub-menu .sub-menu {
    display: block;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 99%;
  }

  .menu-hover .navigation .gva_menu > li:hover > ul.sub-menu,
  .menu-hover .navigation .gva_menu > li:hover div.sub-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 99%;
    -webkit-transform: rotateX(0);
    -moz-transform: rotateX(0);
    -ms-transform: rotateX(0);
    -o-transform: rotateX(0);
    transform: rotateX(0);
    border-top: 2px solid #27924a;
  }

  .menu-hover .navigation .gva_menu > li:hover > ul.sub-menu > ul,
  .menu-hover .navigation .gva_menu > li:hover > ul.sub-menu > li,
  .menu-hover .navigation .gva_menu > li:hover > ul.sub-menu > div,
  .menu-hover .navigation .gva_menu > li:hover div.sub-menu > ul,
  .menu-hover .navigation .gva_menu > li:hover div.sub-menu > li,
  .menu-hover .navigation .gva_menu > li:hover div.sub-menu > div {
    visibility: visible;
    z-index: 11;
  }

  .menu-hover .navigation .gva_menu > li:hover > a:after {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .menu-hover .navigation .gva_menu > li > a {
    display: block;
    position: relative;
    font-size: 16px;
    padding: 10px 31px;
    text-align: center;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
  }

  .menu-hover .navigation .gva_menu > li > a:hover,
  .menu-hover .navigation .gva_menu > li > a.is-active {
    color: #009673;
  }

  .menu-hover .navigation .gva_menu > li.megamenu.menu-columns-2 > ul.sub-menu > li {
    width: 50%;
    float: right;
  }

  .menu-hover .navigation .gva_menu > li.megamenu.menu-columns-3 > ul.sub-menu > li {
    width: 33.33%;
    float: right;
  }

  .menu-hover .navigation .gva_menu > li.megamenu.menu-columns-4 > ul.sub-menu > li {
    width: 25%;
    float: right;
  }

  .menu-hover .navigation .gva_menu > li.megamenu.menu-columns-5 > ul.sub-menu > li {
    width: 20%;
    float: right;
  }

  .menu-hover .navigation .gva_menu > li.menu-list ul.sub-menu {
    min-width: 250px;
  }

  .menu-hover .navigation .gva_menu > li.menu-list ul.sub-menu > li {
    border-bottom: 1px solid rgba(0,0,0,.1);
  }

  .menu-hover .navigation .gva_menu > li.menu-list ul.sub-menu > li > a {
    padding: 10px 15px;
    text-transform: uppercase;
  }

  .menu-hover .navigation .gva_menu .megamenu {
    position: static;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu {
    width: 100%;
    padding: 20px;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li {
    padding: 0 15px;
    position: static;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu {
    position: static;
    border-width: 0;
    padding: 0;
    min-width: inherit;
    width: 100%;
    background-color: transparent;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu {
    display: block !important;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li > ul.sub-menu li a {
    padding: 0;
    font-size: 14px;
    margin-bottom: 5px;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li > a {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    padding: 0 0 5px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-weight: 600;
    color: #000;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li > a:before {
    content: none;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li > a:hover {
    text-indent: 0;
  }

  .menu-hover .navigation .gva_menu .megamenu > .sub-menu > li:hover ul {
    transform: translate(0,0);
  }

  /* القائمة المنسدلة الفرعية: تفتح من اليمين بدل اليسار */
  .menu-hover .navigation .gva_menu .sub-menu {
    top: 99%;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    min-width: 230px;
    background-color: #00703c;
    z-index: 999;
    right: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
    box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
    padding: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-90deg);
    -ms-transform: rotateX(-90deg);
    -o-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
  }

  .menu-hover .navigation .gva_menu .sub-menu > ul,
  .menu-hover .navigation .gva_menu .sub-menu > li,
  .menu-hover .navigation .gva_menu .sub-menu > div {
    visibility: hidden;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
    z-index: -11;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li:last-child {
    border: none;
    margin-bottom: 0;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li > a {
    display: block;
    padding: 6px;
    text-align: right;
    line-height: 25px;
    text-decoration: none;
    color: #ffffff;
    font-size: 13px;
    text-transform: none;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li > a:after,
  .menu-hover .navigation .gva_menu .sub-menu > li > a:before {
    display: none;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li > a:hover,
  .menu-hover .navigation .gva_menu .sub-menu > li > a:focus,
  .menu-hover .navigation .gva_menu .sub-menu > li > a:active {
    color: #fffa75;
    background: #0f682b;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li ul {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 250px;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    z-index: 11;
  }

  .menu-hover .navigation .gva_menu .sub-menu > li:hover > ul {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 99%;
    display: block;
    right: 100%;
  }
}

@media (min-width: 991px) and (max-width: 1199px) {
  .menu-hover .navigation .gva_menu > li > a {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.mega-menu-block .sub-menu {
  padding: 20px !important;
}

.gva-mega-menu .post-block .post-title a {
  font-size: 14px;
}

.gva-mega-menu .block-blocktabs {
  position: relative;
  overflow: hidden !important;
}

.gva-mega-menu .block-blocktabs .ui-widget {
  font-size: 14px;
}

.gva-mega-menu .block-blocktabs .ui-tabs-nav {
  padding: 30px;
  position: relative;
  top: 0;
  width: 23%;
  float: right;
  margin-left: 2%;
  background: #f6f6f6 !important;
}

.gva-mega-menu .block-blocktabs .ui-tabs-nav:after {
  content: "";
  width: 100%;
  height: 500px;
  background: #f6f6f6 !important;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}

.gva-mega-menu .block-blocktabs .ui-tabs-nav > li {
  background: 0 0;
  padding: 0 !important;
  margin: 0 !important;
  position: relative;
  z-index: 11;
  width: 100%;
  float: none;
  clear: both;
  border: none !important;
}

.gva-mega-menu .block-blocktabs .ui-tabs-nav > li > a {
  font-size: 13px;
  text-transform: uppercase !important;
  font-weight: 700;
  padding-bottom: 10px;
  width: 100%;
}

.gva-mega-menu .block-blocktabs .ui-tabs-nav > li:last-child > a {
  padding-left: 0;
}

.gva-mega-menu .block-blocktabs .ui-tabs-nav > li.ui-tabs-active > a {
  color: #000;
}

.gva-mega-menu .block-blocktabs .ui-tabs-panel {
  float: right;
  width: 75%;
}

.gva-mega-menu .block-menu .gva_menu li {
  display: block;
  width: 100%;
  float: right;
}

.gva-mega-menu .block-menu .gva_menu li a {
  color: #000 !important;
  font-size: 14px;
  padding: 5px 0 !important;
  font-weight: 500 !important;
  text-transform: capitalize;
}

.gva-mega-menu .block-menu .gva_menu li a:hover {
  color: #009673 !important;
}

.topbar .topbar-left ul.gva_menu > li {
  float: right;
}

.topbar .topbar-left ul.gva_menu > li a {
  position: relative;
  padding: 0 10px;
  font-size: 13px;
}

.topbar .topbar-left ul.gva_menu > li a:after {
  content: "";
  width: 1px;
  height: 15px;
  background: rgba(0,0,0,.1);
  position: absolute;
  top: 1px;
  right: 0;
  z-index: 11;
}

.topbar .topbar-left ul.gva_menu > li:first-child a:after {
  display: none;
}

header .menu-another {
  position: absolute;
  cursor: pointer;
  top: 50%;
  right: 0;
  margin-top: -15px;
}

header .menu-another .menu-bar {
  position: static;
  margin-top: 0;
}

header .menu-another .content-inner {
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 99;
  min-width: 275px;
  background: #fff;
  -webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.1);
  box-shadow: 4px 4px 4px rgba(0,0,0,.1);
  padding: 10px 20px;
  display: none;
  border: 1px solid #009673;
}

header .menu-another .content-inner:after {
  content: "";
  border: 10px solid transparent;
  border-bottom-color: #009673;
  position: absolute;
  bottom: 100%;
  left: 10px;
  z-index: 1;
}

header .menu-another .content-inner.show-view {
  display: block;
}

header .menu-another .content-inner ul li {
  padding: 0;
  display: block;
  width: 100%;
  float: none;
}

header .menu-another .content-inner ul li a {
  padding: 8px 0 !important;
  color: #000 !important;
}

header .menu-another .content-inner ul li a:hover {
  color: #009673 !important;
}

.nav-tabs {
  border: none;
}

.nav-tabs > li {
  float: right;
  margin-left: 15px;
  list-style: none;
}

.nav-tabs > li:last-child {
  margin-left: 0;
}

.nav-tabs > li > a {
  font-weight: 600;
  color: #bababa;
  padding: 8px 14px;
  border: none;
  font-size: 12px;
  text-transform: uppercase;
  background: 0 0;
}

.nav-tabs > li > a i {
  margin-left: 5px;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:active {
  color: #009673;
}

.nav-tabs > li.active > a,
.nav-tabs > li > a.active {
  color: #009673;
}

.page-user-login .nav-tabs,
.page-user-register .nav-tabs,
.page-user-pass .nav-tabs {
  margin-bottom: 20px;
}

.page-user-login .nav-tabs > li > a,
.page-user-register .nav-tabs > li > a,
.page-user-pass .nav-tabs > li > a {
  padding: 8px 10px !important;
}

.block.navy .block-title, .block.navy .list-links-tabs, .block.navy .wtitle,
.list-links-tabs.navy .block-title, .list-links-tabs.navy .list-links-tabs, .list-links-tabs.navy .wtitle {
  color: #23569c !important;
  border-top-color: #23569c !important;
}

.region-main-menu .block {
  background: 0 0;
}

.region-main-menu .block .block-content {
  padding: 0;
}

.gsc-tabs .tabs_wrapper.tabs_horizontal .nav-tabs {
  margin: 5px 0;
  padding: 10px;
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
  box-shadow: 0 1px 6px rgba(0,0,0,.1);
  background: #fff;
}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs {
  width: 25%;
  float: right;
}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li {
  -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.1);
  box-shadow: 0 1px 6px rgba(0,0,0,.1);
  background: #fff;
  display: block;
  margin-bottom: 20px;
  width: 100%;
  margin-left: 0;
  padding-left: 0;
}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li a {
  width: 100%;
}

.gsc-tabs .tabs_wrapper.tabs_vertical .nav-tabs > li:last-child {
  margin-bottom: 0;
}

.gsc-tab-views.style-1 .list-links-tabs .nav-tabs {
  z-index: 1;
  border: none;
}

.gsc-tab-views.style-1 .list-links-tabs .nav-tabs > li {
  margin: 0;
}

.gsc-tab-views.style-1 .list-links-tabs .nav-tabs > li a {
  border: none !important;
  margin: 0 0 0 10px !important;
  text-align: center;
  padding: 5px 10px;
  background: 0 0;
  line-height: 1;
  position: relative;
  font-weight: 600;
  display: inline-block;
  border-radius: 3px;
}

.gsc-tab-views.style-1 .list-links-tabs .nav-tabs > li.active a {
  color: #fff;
  background: #009673;
}

.gsc-tab-views.style-1 .list-links-tabs .nav-tabs > li.active a:before {
  opacity: 1;
  filter: alpha(opacity=100);
}

.gsc-tab-views.style-2 .list-links-tabs .nav-tabs,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs {
  z-index: 1;
  border: none;
  width: 100%;
}

.gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li {
  margin: 0;
  border-left: 1px solid #e8e8e8;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

.gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li a,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li a {
  border: none !important;
  color: #000;
  padding: 0 15px !important;
  margin: 0 !important;
  background: 0 0 !important;
  line-height: 34px;
  position: relative;
  font-weight: 500;
}

.gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li:hover a,
.gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li:focus a,
.gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li:active a,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li:hover a,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li:focus a,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li:active a {
  color: #009673;
}

.gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li.active a,
.gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li.active a {
  color: #009673;
}

@media (max-width: 991px) {
  .gsc-tab-views.style-2 .list-links-tabs .nav-tabs > li a,
  .gsc-tab-views.style-3 .list-links-tabs .nav-tabs > li a {
    padding: 5px 10px !important;
  }
}

.sidebar .block-menu ul li {
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: none !important;
  float: right;
  width: 100%;
}

.sidebar .block-menu ul li a {
  padding: 10px 20px 10px 10px;
  display: block;
  border: 1px solid #eee;
  text-transform: none;
  font-size: 13px;
  overflow: hidden;
  position: relative;
  font-weight: 400 !important;
  color: #000;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

.sidebar .block-menu ul li a:after {
  display: none;
}

.sidebar .block-menu ul li a:before {
  content: "";
  position: absolute;
  top: 10px;
  right: -20px;
  font-family: fontawesome;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  visibility: hidden;
  color: #009673;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

.sidebar .block-menu ul li a:hover,
.sidebar .block-menu ul li a:focus,
.sidebar .block-menu ul li a:active {
  color: #009673;
  padding-right: 40px;
}

.sidebar .block-menu ul li a:hover:before,
.sidebar .block-menu ul li a:focus:before,
.sidebar .block-menu ul li a:active:before {
  right: 20px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.sidebar .block-menu ul li.menu-item--active-trail > a {
  color: #009673 !important;
  padding-right: 40px;
}

.sidebar .block-menu ul li.menu-item--active-trail > a:before {
  right: 20px;
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.sidebar .block-menu ul li.menu-item--active-trail > a:after {
  display: none;
}

.portfolio-filter ul.nav-tabs {
  display: inline-block;
  border: none;
}

.portfolio-filter ul.nav-tabs > li {
  margin-bottom: 10px;
}

.portfolio-filter ul.nav-tabs > li > a {
  font-size: 12px;
  padding: 8px 15px;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 15px;
  border: 1px solid rgba(0,0,0,.1);
  background: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

.portfolio-filter ul.nav-tabs > li > a.active,
.portfolio-filter ul.nav-tabs > li > a:hover,
.portfolio-filter ul.nav-tabs > li > a:focus,
.portfolio-filter ul.nav-tabs > li > a:active {
  color: #009673 !important;
  border-color: #009673 !important;
}
/* =========================================================
   5. زر القائمة (الهمبرغر) + القائمة الجانبية للهاتف
   تصحيح: القائمة تنزلق الآن من اليمين بدلاً من اليسار،
   لتطابق اتجاه القراءة العربي.
========================================================= */

.menu-bar {
  height: 32px;
  width: 36px;
  position: absolute;
  cursor: pointer;
  top: 50%;
  left: 0;
  margin-top: -15px;
  color: #55518e;
}

@media (max-width: 1199px) {
  .menu-bar {
    left: 15px;
  }
}

.menu-bar:hover {
  -webkit-box-shadow: 0,0,10px,.3;
  box-shadow: 0,0,10px,.3;
}

.menu-bar span {
  display: block;
  width: 24px;
  height: 2px;
  background-color: #000;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

.menu-bar span.one {
  top: 6px;
}

.menu-bar span.two {
  top: 0;
  bottom: 0;
}

.menu-bar span.three {
  bottom: 6px;
}

.menu-bar.show-view span.two {
  opacity: 0;
  filter: alpha(opacity=0);
}

.menu-bar.show-view span.one,
.menu-bar.show-view span.three {
  top: 0;
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.menu-bar.show-view span.three {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

a.feed-icon {
  display: none;
}

.post-meta.category-background {
  display: none;
}

@media (max-width: 991px) {
  body .body-page {
    position: relative;
    right: 0;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
  }

  /* القائمة الجانبية: تنزلق من اليمين (RTL) */
  .gva-offcanvas-inner {
    position: fixed !important;
    background: #fff;
    right: 0;
    width: 100%;
    max-width: 400px;
    top: 0;
    bottom: 0;
    z-index: 999;
    height: auto;
    overflow-y: auto;
    overflow-x: hidden;
    webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
    box-shadow: 0 4px 4px 1px rgba(0,0,0,.2);
    padding: 10px 20px;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -moz-transform: translateX(100%);
  }

  .gva-offcanvas-inner.show-view {
    width: 80%;
    margin-top: 42px;
    -webkit-transition: all .35s;
    -o-transition: all .35s;
    transition: all .35s;
    -moz-transition: all .35s;
    -ms-transition: all .35s;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
  }

  .gva-offcanvas-inner .close-offcanvas {
    text-align: center;
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }

  .gva-offcanvas-inner .close-offcanvas a {
    width: 30px;
    height: 30px;
    border: 1px solid #009673;
    border-radius: 50%;
    display: inline-block;
    color: #009673;
    font-size: 12px;
    line-height: 28px;
  }

  .gva-offcanvas-inner .close-offcanvas a:hover {
    cursor: pointer;
    color: #000 !important;
    border-color: #000;
  }

  .gva-offcanvas-inner .block {
    border-top: 1px solid rgba(0,0,0,.1);
    padding: 30px 0;
    margin-bottom: 0;
  }

  .gva-offcanvas-inner .block.no-border {
    border: none;
  }

  .gva-offcanvas-inner .block .block-title,
  .gva-offcanvas-inner .block > h2 {
    padding: 15px 30px;
    margin-bottom: 15px;
    margin-top: 0;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0,0,0,.1);
  }

  .gva-offcanvas-inner .block .block-title span,
  .gva-offcanvas-inner .block > h2 span {
    color: #fff;
    display: block;
  }

  .gva-offcanvas-inner .block .block-content {
    padding-left: 35px;
    padding-right: 35px;
  }

  .gva-offcanvas-inner .block.navigation {
    border: none;
    padding-top: 10px;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu {
    width: 100% !important;
    background: 0 0 !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .ripple-container {
    display: none !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li {
    display: block;
    clear: both;
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding: 5px 0;
    background: 0 0;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li:last-child {
    border-bottom: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li:after,
  .gva-offcanvas-inner .gva-navigation .gva_menu > li:before {
    content: none;
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li > a {
    display: block;
    width: 100%;
    line-height: 36px;
    font-size: 14px;
    padding: 0;
    font-weight: 600;
    color: #000 !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li > a:after,
  .gva-offcanvas-inner .gva-navigation .gva_menu > li > a:before {
    content: none;
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li > a:hover {
    color: #009673 !important;
    background: 0 0 !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.menu-item--active-trail {
    background: 0 0 !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.menu-item--active-trail > a {
    color: #009673;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.menu-parent:hover .sub-menu {
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li ul.menu.sub-menu {
    padding-right: 20px !important;
    padding-left: 0 !important;
    margin-bottom: 10px;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li ul.menu.sub-menu .icaret {
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li ul.menu.sub-menu li a {
    font-size: 13px;
    line-height: 24px;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-transform: none;
    margin-left: 18px;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li ul.menu.sub-menu li a:hover {
    color: #009673 !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li ul.menu.sub-menu ul.sub-menu {
    display: block !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.mega-menu-block {
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.megamenu > .sub-menu > li {
    width: 100% !important;
    float: none !important;
    display: block;
    padding: 0;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.megamenu > .sub-menu > li > a {
    padding: 0;
    border: 0;
    margin: 0;
    font-size: 14px;
    text-transform: uppercase !important;
    color: #000;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu > li.megamenu > .sub-menu > li.block-image {
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu li a {
    text-transform: uppercase;
    position: relative;
    display: block;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu li a:hover {
    color: #009673;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu li a .icaret {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 3px;
    bottom: 0;
    left: -23px;
    font-size: 12px;
    color: #ff9400;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu li a .icaret.nav-minus:before {
    content: "";
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu li a .icaret:before {
    position: absolute;
    font-family: FontAwesome;
    content: "";
    text-transform: inherit;
    right: 50%;
    top: 50%;
    -webkit-transform: translate(50%,-50%);
    -ms-transform: translate(50%,-50%);
    -o-transform: translate(50%,-50%);
    transform: translate(50%,-50%);
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu li ul {
    display: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
    -ms-transition: none;
    min-width: inherit;
    display: none;
    width: 100%;
    position: static;
    padding: 0 !important;
    visibility: visible;
    border: 0;
    background: 0 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu:after,
  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu:before {
    content: none;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu li a {
    border-width: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 13px;
    text-transform: uppercase;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu li a:before,
  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu li a:after {
    content: none !important;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu li a:hover {
    text-indent: 0;
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu ul {
    display: none;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
  }

  .gva-offcanvas-inner .gva-navigation .gva_menu .sub-menu .block-image {
    display: none;
  }

  #menu-bar::after {
    content: "Menu";
    width: 108px;
    margin-right: 0;
    margin-left: 44px;
    line-height: 32px;
    color: #fdffed;
    display: block;
  }

  header .gva-search-region {
    right: 0;
  }
} 

.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item h2 {
  line-height: 38px;
  font-size: 23px;
  color: #0c418a;
}
/* =========================================================
   7. بلوك الإحصائيات (chiffresclesduc3i)
   تصحيح: الأرقام الآن بـ direction:ltr و unicode-bidi:isolate
   حتى لا تنقلب ترتيب الأرقام والرموز (+، المسافات) بسبب RTL.
========================================================= */

#block-gavias-batiz-chiffresclesduc3i {
  clear: both;
  width: 100%;
  margin: 32px 0 42px;
  padding: 0;
  overflow: visible;
  font-family: 'Alexandria', sans-serif;
}

#block-gavias-batiz-chiffresclesduc3i > .block-title {
  width: 100% !important;
  display: flex !important;
  align-items: center;
  gap: 14px;
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}

#block-gavias-batiz-chiffresclesduc3i > .block-title::before {
  content: "\f201";
  font-family: FontAwesome;
  width: 30px;
  height: 30px;
  min-width: 33px;
  border-radius: 12px;
  background: #ffc928;
  color: #005c32;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

#block-gavias-batiz-chiffresclesduc3i > .block-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #dfe5e9;
  margin-right: 12px;
}

#block-gavias-batiz-chiffresclesduc3i > .block-title span {
  background: none !important;
  color: #004827 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Alexandria', sans-serif !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  white-space: nowrap;
}

#block-gavias-batiz-chiffresclesduc3i > .block-title span::before,
#block-gavias-batiz-chiffresclesduc3i > .block-title span::after {
  display: none !important;
}

#block-gavias-batiz-chiffresclesduc3i .content,
#block-gavias-batiz-chiffresclesduc3i .block-content,
#block-gavias-batiz-chiffresclesduc3i .field__item,
#block-gavias-batiz-chiffresclesduc3i .c3i-stats-block {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  display: block !important;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stats-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 20px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-card {
  min-height: 235px;
  background: #fff;
  border: 1px solid #e2e7eb;
  border-radius: 18px;
  padding: 28px 16px 26px;
  text-align: center;
  box-shadow: 0 10px 26px rgba(0,0,0,.055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-card:hover {
  transform: translateY(-5px);
  border-color: #005c32;
  box-shadow: 0 18px 38px rgba(0,0,0,.12);
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-icon {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #edf7ee;
  color: #005c32;
  margin: 0 0 22px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-icon i {
  display: block;
  font-size: 25px;
  color: #005c32;
  transition: transform .25s ease;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-card:hover .c3i-stat-icon i {
  transform: scale(1.08);
}

/* الرقم: يبقى بترتيبه الصحيح دائماً (لا ينعكس مع RTL) */
#block-gavias-batiz-chiffresclesduc3i .c3i-stat-number {
  margin: 0;
  color: #005c32;
  /* font-family: 'Alexandria', sans-serif !important; */
  font-size: 28px;
  font-weight: 700;
  line-height: 1.05;
  text-align: center;
  letter-spacing: -1px;
  white-space: nowrap;
  direction: ltr;
  unicode-bidi: isolate;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-number::after {
  content: "";
  display: block;
  width: 48px;
  height: 4px;
  background: #ffc928;
  border-radius: 20px;
  margin: 18px auto 18px;
}

#block-gavias-batiz-chiffresclesduc3i .c3i-stat-label {
  color: #151515;
  font-family: 'Alexandria', sans-serif !important;
  font-size: 13px;
  font-weight: 300;
  line-height: 1.35;
  text-align: center;
}

@media (max-width: 991px) {
  #block-gavias-batiz-chiffresclesduc3i .c3i-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-card {
    min-height: 220px;
  }
}

@media (max-width: 576px) {
  #block-gavias-batiz-chiffresclesduc3i {
    margin: 28px 0 36px;
  }

  #block-gavias-batiz-chiffresclesduc3i > .block-title {
    gap: 12px;
  }

  #block-gavias-batiz-chiffresclesduc3i > .block-title::before {
    width: 42px;
    height: 42px;
    min-width: 42px;
    font-size: 18px;
  }

  #block-gavias-batiz-chiffresclesduc3i > .block-title::after {
    display: none;
  }

  #block-gavias-batiz-chiffresclesduc3i > .block-title span {
    font-size: 22px !important;
    white-space: normal;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stats-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-card {
    min-height: 205px;
    padding: 26px 16px;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-icon {
    width: 76px;
    height: 76px;
    margin-bottom: 20px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-icon i {
    font-size: 34px;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-number {
    font-size: 36px;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-label {
    font-size: 15px;
  }
}
/* =========================================================
   8. بلوك "لقاءات وزيارات" (معرض الصور + الـ Lightbox)
========================================================= */

#block-gavias-batiz-views-block-top-photos-block-1 {
  width: 100%;
  margin: 40px 0 52px !important;
  padding: 0 !important;
  direction: rtl;
  font-family: 'Alexandria', sans-serif !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 > .block-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 > .block-title::before {
  content: "\f03e";
  font-family: FontAwesome;
  width: 35px !important;
  height: 35px !important;
  min-width: 35px !important;
  border-radius: 12px !important;
  background: #ffc928 !important;
  color: #004827 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 18px !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 > .block-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #dfe5e9;
  margin-right: 12px;
}

#block-gavias-batiz-views-block-top-photos-block-1 > .block-title span {
  background: transparent !important;
  color: #004827 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 > .block-title span::before,
#block-gavias-batiz-views-block-top-photos-block-1 > .block-title span::after {
  display: none !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 .content,
#block-gavias-batiz-views-block-top-photos-block-1 .block-content,
#block-gavias-batiz-views-block-top-photos-block-1 .view-content-wrap,
#block-gavias-batiz-views-block-top-photos-block-1 .item,
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body,
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 .views-field-title {
  display: none !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 .view-content-wrap {
  position: relative !important;
  padding: 16px !important;
  background: #ffffff !important;
  border: 1px solid #e1e7eb !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .07) !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img {
  width: 100% !important;
  height: 190px !important;
  max-width: 100% !important;
  object-fit: cover !important;
  display: block !important;
  border-radius: 14px !important;
  margin: 0 !important;
  cursor: zoom-in !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, .08) !important;
  transition: transform .32s ease, filter .32s ease, box-shadow .32s ease !important;
  opacity: 0;
  transform: translateY(16px);
  animation: c3iGalleryItemIn .55s ease forwards;
}

#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(1) { animation-delay: .04s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(2) { animation-delay: .10s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(3) { animation-delay: .16s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(4) { animation-delay: .22s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(5) { animation-delay: .28s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(6) { animation-delay: .34s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(7) { animation-delay: .40s; }
#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-child(8) { animation-delay: .46s; }

#block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:hover {
  transform: translateY(-4px) scale(1.02) !important;
  filter: brightness(.92) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .16) !important;
}

@keyframes c3iGalleryItemIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* زر "عرض المزيد من الصور" */
#block-gavias-batiz-views-block-top-photos-block-1 footer {
  width: 100%;
  margin: 5px 0 0 !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

#block-gavias-batiz-views-block-top-photos-block-1 footer a {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 35px;
  padding: 0 22px !important;
  border-radius: 999px;
  background: #005c32 !important;
  color: #ffffff !important;
  border: 1px solid #005c32 !important;
  /* font-family: 'Alexandria', sans-serif !important; */
  font-size: 11px !important;
  /* font-weight: 800 !important; */
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(0, 92, 50, .18);
  transition: transform .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, gap .25s ease;
}

#block-gavias-batiz-views-block-top-photos-block-1 footer a::after {
  content: "\f061";
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: normal;
  color: #ffc928;
  line-height: 1;
  transition: transform .25s ease;
  transform: scaleX(-1);
}

#block-gavias-batiz-views-block-top-photos-block-1 footer a:hover {
  background: #004827 !important;
  border-color: #004827 !important;
  color: #ffffff !important;
  transform: translateY(-3px);
  gap: 14px;
  box-shadow: 0 16px 34px rgba(0, 72, 39, .28);
}

#block-gavias-batiz-views-block-top-photos-block-1 footer a:hover::after {
  transform: scaleX(-1) translateX(4px);
}

#block-gavias-batiz-views-block-top-photos-block-1 footer a:focus {
  outline: 3px solid rgba(255, 201, 40, .45);
  outline-offset: 3px;
}

/* الـ Lightbox الخاص بالمعرض (يعمل بدون اتجاه نصي محدد، فقط تموضع أيقونات) */
.c3i-gallery-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0, 0, 0, .86);
  opacity: 0;
  transition: opacity .25s ease;
}

.c3i-gallery-lightbox.is-open {
  display: flex;
  opacity: 1;
}

.c3i-gallery-lightbox-inner {
  position: relative;
  width: min(1120px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  animation: c3iLightboxZoom .25s ease;
}

.c3i-gallery-lightbox-figure {
  width: 100%;
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.c3i-gallery-lightbox-img {
  max-width: 100%;
  max-height: 78vh;
  border-radius: 16px;
  object-fit: contain;
  box-shadow: 0 30px 70px rgba(0,0,0,.45);
  background: #111;
}

.c3i-gallery-lightbox-caption {
  width: min(900px, 92vw);
  margin-top: 14px;
  padding: 14px 18px;
  border-radius: 14px;
  background: rgba(255,255,255,.12);
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  backdrop-filter: blur(8px);
}

.c3i-gallery-lightbox-caption:empty {
  display: none;
}

.c3i-gallery-lightbox-close,
.c3i-gallery-lightbox-prev,
.c3i-gallery-lightbox-next {
  position: absolute;
  border: 0;
  background: rgba(255,255,255,.14);
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, transform .2s ease;
}

.c3i-gallery-lightbox-close:hover,
.c3i-gallery-lightbox-prev:hover,
.c3i-gallery-lightbox-next:hover {
  background: #005c32;
  transform: scale(1.05);
}

.c3i-gallery-lightbox-close {
  top: -18px;
  left: -18px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 0;
}

.c3i-gallery-lightbox-close::before {
  content: "\f00d";
  font-family: FontAwesome;
  font-size: 18px;
}

.c3i-gallery-lightbox-prev,
.c3i-gallery-lightbox-next {
  top: 50%;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  transform: translateY(-50%);
  font-size: 0;
}

/* "السابق" يمين الصورة، "التالي" يسارها (منطقي مع تدفق المعرض RTL) */
.c3i-gallery-lightbox-prev {
  right: -72px;
}

.c3i-gallery-lightbox-next {
  left: -72px;
}

.c3i-gallery-lightbox-prev::before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 34px;
}

.c3i-gallery-lightbox-next::before {
  content: "\f104";
  font-family: FontAwesome;
  font-size: 34px;
}

.c3i-gallery-lightbox-counter {
  position: absolute;
  right: 50%;
  bottom: -42px;
  transform: translateX(50%);
  color: #fff;
  background: rgba(255,255,255,.14);
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 13px;
  font-weight: 700;
  direction: ltr;
}

@keyframes c3iLightboxZoom {
  from { opacity: 0; transform: scale(.96); }
  to { opacity: 1; transform: scale(1); }
}

@media (max-width: 991px) {
  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img {
    height: 210px !important;
  }

  .c3i-gallery-lightbox-prev {
    right: 12px;
  }

  .c3i-gallery-lightbox-next {
    left: 12px;
  }
}

@media (max-width: 576px) {
  #block-gavias-batiz-views-block-top-photos-block-1 {
    margin: 30px 0 38px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 > .block-title span {
    font-size: 21px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 > .block-title::after {
    display: none !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .view-content-wrap {
    padding: 10px !important;
    border-radius: 18px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img {
    height: 220px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 footer {
    margin-top: 18px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 footer a {
    width: 100%;
    min-height: 42px;
    font-size: 13px !important;
  }

  .c3i-gallery-lightbox {
    padding: 18px;
  }

  .c3i-gallery-lightbox-img {
    max-height: 72vh;
    border-radius: 12px;
  }

  .c3i-gallery-lightbox-caption {
    font-size: 13px;
    padding: 11px 14px;
  }

  .c3i-gallery-lightbox-close {
    top: -8px;
    left: -8px;
  }

  .c3i-gallery-lightbox-prev,
  .c3i-gallery-lightbox-next {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .c3i-gallery-lightbox-prev {
    right: 8px;
  }

  .c3i-gallery-lightbox-next {
    left: 8px;
  }
}

/* =========================================================
   9. بلوك "مراقبو الحركة الجوية" (البرامج)
========================================================= */

#block-gavias-batiz-nosprogrammesdeformation {
  width: 100%;
  margin: 34px 0 44px !important;
  padding: 0 !important;
  direction: rtl;
  font-family: 'Alexandria', sans-serif !important;
}

#block-gavias-batiz-nosprogrammesdeformation > .block-title {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#block-gavias-batiz-nosprogrammesdeformation > .block-title::before {
  content: "\f19d";
  font-family: FontAwesome;
  width: 30px !important;
  height: 30px !important;
  min-width: 24px !important;
  border-radius: 50% !important;
  background: #ffc928 !important;
  color: #004827 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 12px !important;
  box-shadow: none !important;
}

#block-gavias-batiz-nosprogrammesdeformation > .block-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #dfe5e9;
  margin-right: 14px;
}

#block-gavias-batiz-nosprogrammesdeformation > .block-title span {
  background: transparent !important;
  color: #004827 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  /* font-size: 22px !important; */
  /* font-weight: 800 !important; */
  line-height: 1.25 !important;
  white-space: nowrap !important;
}

#block-gavias-batiz-nosprogrammesdeformation > .block-title span::before,
#block-gavias-batiz-nosprogrammesdeformation > .block-title span::after {
  display: none !important;
}

#block-gavias-batiz-nosprogrammesdeformation .content,
#block-gavias-batiz-nosprogrammesdeformation .block-content,
#block-gavias-batiz-nosprogrammesdeformation .field__item,
#block-gavias-batiz-nosprogrammesdeformation .c3i-programs-block {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: both !important;
  display: block !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-programs-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card {
  min-height: 265px !important;
  background: #fff !important;
  border: 1px solid #dfe5e9 !important;
  border-radius: 9px !important;
  padding: 24px 22px 20px !important;
  text-align: center !important;
  box-shadow: none !important;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card::before,
#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card::after {
  display: none !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(0, 92, 50, .45) !important;
  box-shadow: 0 12px 28px rgba(15, 23, 42, .08) !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-icon {
  width: 74px !important;
  height: 72px !important;
  margin: 0 0 16px !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
  color: #005c32 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-shadow: none !important;
  transition: transform .25s ease !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-icon i {
  color: #237f55 !important;
  font-size: 36px !important;
  line-height: 1 !important;
  font-weight: normal !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card:hover .c3i-program-icon {
  transform: translateY(-3px) !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-air-control-icon i.fa-plane {
  position: absolute !important;
  top: 14px !important;
  left: 6px !important;
  font-size: 18px !important;
  transform: rotate(18deg) !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card h3 {
  /* min-height: 54px !important; */
  margin: 0 0 14px !important;
  color: #005c32 !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: center !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card p {
  margin: 0 0 20px !important;
  color: #161616 !important;
  font-size: 11px !important;
  /* font-weight: 500 !important; */
  line-height: 25px !important;
  text-align: center !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a {
  margin-top: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #6f7472 !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: color .25s ease, gap .25s ease !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a::before,
#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a::after {
  display: none !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a i {
  color: #005c32 !important;
  font-size: 12px !important;
  transition: transform .25s ease !important;
  transform: scaleX(-1);
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a:hover {
  color: #003f23 !important;
  gap: 12px !important;
}

#block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a:hover i {
  transform: scaleX(-1) translateX(3px) !important;
}

#block-gavias-batiz-nosprogrammesdeformation.c3i-programs-ready .c3i-program-card {
  opacity: 0;
  transform: translateY(18px);
}

#block-gavias-batiz-nosprogrammesdeformation.c3i-programs-visible .c3i-program-card {
  animation: c3iProgramsSimpleIn .6s ease forwards;
}

#block-gavias-batiz-nosprogrammesdeformation.c3i-programs-visible .c3i-program-card:nth-child(1) { animation-delay: .04s; }
#block-gavias-batiz-nosprogrammesdeformation.c3i-programs-visible .c3i-program-card:nth-child(2) { animation-delay: .12s; }
#block-gavias-batiz-nosprogrammesdeformation.c3i-programs-visible .c3i-program-card:nth-child(3) { animation-delay: .20s; }
#block-gavias-batiz-nosprogrammesdeformation.c3i-programs-visible .c3i-program-card:nth-child(4) { animation-delay: .28s; }

@keyframes c3iProgramsSimpleIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991px) {
  #block-gavias-batiz-nosprogrammesdeformation .c3i-programs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card {
    min-height: 240px !important;
  }
}

@media (max-width: 576px) {
  #block-gavias-batiz-nosprogrammesdeformation {
    margin: 28px 0 36px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation > .block-title::after {
    display: none !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation > .block-title span {
    font-size: 20px !important;
    white-space: normal !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-programs-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card {
    min-height: auto !important;
    padding: 24px 18px 20px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card h3 {
    min-height: auto !important;
  }
}
/* =========================================================
   10. بلوك الفيديو
   تصحيح: direction:rtl، وتعريب شارة "Video" إلى "فيديو"،
   مع تصحيح مواضع التراكب والتسمية.
========================================================= */

#block-gavias-batiz-views-block-videos-block-1 {
  width: 100%;
  margin: 40px 0 52px !important;
  padding: 0 !important;
  direction: rtl;
  font-family: 'Alexandria', sans-serif !important;
}

#block-gavias-batiz-views-block-videos-block-1 > .block-title {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

#block-gavias-batiz-views-block-videos-block-1 > .block-title::before {
  content: "\f03d";
  font-family: FontAwesome;
  width: 36px !important;
  height: 36px !important;
  min-width: 37px !important;
  border-radius: 12px !important;
  background: #ffc928 !important;
  color: #004827 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 14px !important;
}

#block-gavias-batiz-views-block-videos-block-1 > .block-title::after {
  content: "";
  flex: 1;
  height: 1px;
  background: #dfe5e9;
  margin-right: 12px;
}

#block-gavias-batiz-views-block-videos-block-1 > .block-title span,
#block-gavias-batiz-views-block-videos-block-1 > .block-title span a {
  background: transparent !important;
  color: #004827 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  /* font-size: 26px !important; */
  /* font-weight: 800 !important; */
  line-height: 1.25 !important;
  text-transform: none !important;
  text-decoration: none !important;
}

#block-gavias-batiz-views-block-videos-block-1 > .block-title span::before,
#block-gavias-batiz-views-block-videos-block-1 > .block-title span::after {
  display: none !important;
}

#block-gavias-batiz-views-block-videos-block-1 .content,
#block-gavias-batiz-views-block-videos-block-1 .block-content,
#block-gavias-batiz-views-block-videos-block-1 .view-content-wrap,
#block-gavias-batiz-views-block-videos-block-1 .item {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  clear: none !important;
}

#block-gavias-batiz-views-block-videos-block-1 .view-content-wrap {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
}

#block-gavias-batiz-views-block-videos-block-1 .item {
  position: relative !important;
  background: #fff !important;
  border: 1px solid #e1e7eb !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .07) !important;
  transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
  animation: c3iVideoCardIn .65s ease forwards;
  opacity: 0;
  transform: translateY(18px);
}

#block-gavias-batiz-views-block-videos-block-1 .item:nth-child(1) { animation-delay: .04s; }
#block-gavias-batiz-views-block-videos-block-1 .item:nth-child(2) { animation-delay: .12s; }
#block-gavias-batiz-views-block-videos-block-1 .item:nth-child(3) { animation-delay: .20s; }
#block-gavias-batiz-views-block-videos-block-1 .item:nth-child(4) { animation-delay: .28s; }

#block-gavias-batiz-views-block-videos-block-1 .item:hover {
  transform: translateY(-6px) !important;
  border-color: rgba(0, 92, 50, .42) !important;
  box-shadow: 0 20px 44px rgba(15, 23, 42, .14) !important;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video {
  position: relative !important;
  overflow: hidden !important;
  background: #0f172a !important;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video .field-content,
#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video a {
  display: block !important;
  position: relative !important;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video img {
  width: 100% !important;
  height: 185px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: transform .35s ease, filter .35s ease !important;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video a::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.34) 100%);
  transition: background .3s ease;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video a::after {
  content: "\f04b";
  font-family: FontAwesome;
  position: absolute;
  right: 50%;
  top: 50%;
  z-index: 3;
  width: 45px;
  height: 45px;
  transform: translate(50%, -50%);
  border-radius: 50%;
  background: #ffc928;
  color: #004827;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0px;
  font-size: 19px;
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
  transition: transform .28s ease, background .28s ease, color .28s ease;
}

#block-gavias-batiz-views-block-videos-block-1 .item:hover .views-field-field-video img {
  transform: scale(1.06) !important;
  filter: brightness(.82) !important;
}

#block-gavias-batiz-views-block-videos-block-1 .item:hover .views-field-field-video a::after {
  transform: translate(50%, -50%) scale(1.08);
  background: #004827;
  color: #ffc928;
}

/* شارة "فيديو" — تمت ترجمتها من "Video" الإنجليزية */
#block-gavias-batiz-views-block-videos-block-1 .views-field-field-video::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 4;
  padding: 6px 11px;
  border-radius: 999px;
  background: rgba(0,72,39,.92);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-title {
  padding: 17px 18px 20px !important;
  min-height: 110px;
  display: flex !important;
  align-items: flex-start !important;
}

#block-gavias-batiz-views-block-videos-block-1 .views-field-title a {
  color: #111 !important;
  font-size: 15px !important;
  font-weight: 550 !important;
  line-height: 33px !important;
  text-decoration: none !important;
  transition: color .25s ease !important;
}

#block-gavias-batiz-views-block-videos-block-1 .item:hover .views-field-title a {
  color: #005c32 !important;
}

#block-gavias-batiz-views-block-videos-block-1 .item::after {
  content: "";
  position: absolute;
  right: 18px;
  left: 18px;
  bottom: 0;
  height: 4px;
  border-radius: 999px 999px 0 0;
  background: #ffc928;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform .28s ease;
}

#block-gavias-batiz-views-block-videos-block-1 .item:hover::after {
  transform: scaleX(1);
}

@keyframes c3iVideoCardIn {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991px) {
  #block-gavias-batiz-views-block-videos-block-1 .view-content-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .views-field-field-video img {
    height: 205px !important;
  }
}

@media (max-width: 576px) {
  #block-gavias-batiz-views-block-videos-block-1 {
    margin: 30px 0 38px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 > .block-title::after {
    display: none !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 > .block-title span,
  #block-gavias-batiz-views-block-videos-block-1 > .block-title span a {
    font-size: 21px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .view-content-wrap {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .views-field-field-video img {
    height: 220px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .views-field-title {
    min-height: auto;
    padding: 15px 16px 18px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .views-field-field-video a::after {
    width: 50px;
    height: 50px;
    font-size: 17px;
  }
}

/* =========================================================
   11. بلوك "كلمة القائد"
========================================================= */

div#block-gavias-batiz-klmtmalyalwzyr blockquote {
  padding-right: 8px;
  font-size: 12px !important;
  background: #ffffff !important;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

div#block-gavias-batiz-klmtmalyalwzyr blockquote p {
  font-size: 13px;
}

div#block-gavias-batiz-klmtmalyalwzyr blockquote a {
  color: #000000;
  background: #f8be38;
  padding: 3px 6px;
  border-radius: 4px;
  width: 64px;
  text-align: center;
  font-size: 12px;
}

div#block-gavias-batiz-jmyalhqwqmhfwzt {
  float: right;
  margin-top: 15px;
}

div#block-gavias-batiz-jmyalhqwqmhfwzt img {
  float: right;
  width: 30px;
  margin: 3px;
}

div#block-gavias-batiz-jmyalhqwqmhfwzt p {
  color: #ffe6b8;
}

/* =========================================================
   12. بلوك "مزايا التكوين في مركز C3I" (لماذا تختار C3I)
========================================================= */

.c3i-sidebar-why-card {
  width: 100%;
  margin: 0 !important;
  padding: 14px !important;
  background: #ffffff !important;
  border: 1px solid #e1e7eb !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .07) !important;
  overflow: hidden !important;
  font-family: 'Alexandria', sans-serif !important;
  direction: rtl;
}

.c3i-sidebar-why-photo {
  width: 100% !important;
  height: 150px !important;
  margin: 0 0 16px !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  background: #f3f7f5 !important;
}

.c3i-sidebar-why-photo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border-radius: 0 !important;
  transition: transform .35s ease, filter .35s ease !important;
}

.c3i-sidebar-why-card:hover .c3i-sidebar-why-photo img {
  transform: scale(1.05) !important;
  filter: brightness(.94) !important;
}

.c3i-sidebar-why-points {
  margin: 0 0 16px !important;
  padding: 0 !important;
  list-style: none !important;
}

.c3i-sidebar-why-points li {
  position: relative !important;
  margin: 0 0 10px !important;
  padding: 0 28px 0 0 !important;
  color: #2a2a2a !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 26px !important;
}

.c3i-sidebar-why-points li::before {
  content: "\f00c" !important;
  font-family: FontAwesome !important;
  position: absolute !important;
  right: 0 !important;
  top: 1px !important;
  width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  background: #005c32 !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 10px !important;
}

.c3i-sidebar-why-more {
  width: 100% !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  padding: 0 14px !important;
  border-radius: 11px !important;
  background: #005c32 !important;
  color: #ffffff !important;
  font-size: 13px !important;
  /* font-weight: 850 !important; */
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 10px 24px rgba(0, 92, 50, .18) !important;
  transition: background .25s ease, transform .25s ease, gap .25s ease !important;
}

.c3i-sidebar-why-more i {
  color: #ffc928 !important;
  font-size: 12px !important;
  transition: transform .25s ease !important;
  transform: scaleX(-1);
}

.c3i-sidebar-why-more:hover {
  background: #004827 !important;
  color: #ffffff !important;
  transform: translateY(-3px) !important;
  gap: 13px !important;
}

.c3i-sidebar-why-more:hover i {
  transform: scaleX(-1) translateX(4px) !important;
}

.c3i-sidebar-why-card p,
.c3i-sidebar-why-card h1,
.c3i-sidebar-why-card h2,
.c3i-sidebar-why-card h3 {
  display: none !important;
}
/* =========================================================
   13. الفوتر
   تصحيح: ترتيب الأعمدة RTL، الفواصل بين الأعمدة على اليسار
   بدل اليمين، قائمة الفوتر تتدفق من اليمين، والهاتف/البريد
   يبقيان LTR محلياً فقط.
========================================================= */

.footer {
  color: #bbb;
  font-size: 14px;
  line-height: 28px;
  background: #222;
}

.footer a {
  color: #bbb;
}

#footer.footer {
  background: linear-gradient(135deg, #004827 0%, #005c32 55%, #003f23 100%) !important;
  color: #fff !important;
  padding: 0 !important;
  margin: 0 !important;
  direction: rtl;
}

#footer.footer .footer-center {
  padding: 38px 0 26px !important;
  background: transparent !important;
}

#footer.footer .footer-center .container {
  width: 100% !important;
  max-width: 1280px !important;
  margin: 0 auto !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

#footer.footer .footer-center .container > .row {
  display: grid !important;
  grid-template-columns: 1.25fr 1fr 1fr !important;
  gap: 38px !important;
  align-items: start !important;
  margin: 0 !important;
}

#footer.footer .footer-first,
#footer.footer .footer-second,
#footer.footer .footer-third,
#footer.footer .footer-four {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  clear: none !important;
  display: block !important;
  padding: 0 24px !important;
  margin: 0 !important;
}

/* الفواصل بين الأعمدة: على اليسار (يبدأ كل عمود بفاصل جهة بداية القراءة) */
#footer.footer .footer-first {
  grid-column: 1 !important;
  grid-row: 1 !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
}

#footer.footer .footer-second {
  grid-column: 2 !important;
  grid-row: 1 !important;
  border-left: 1px solid rgba(255,255,255,.18) !important;
}

#footer.footer .footer-third {
  grid-column: 3 !important;
  grid-row: 1 !important;
  border-left: 0 !important;
}

#footer.footer .footer-four {
  display: none !important;
}

#footer.footer .block,
#footer.footer .block-content,
#footer.footer .content,
#footer.footer .field__item {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

#footer.footer .block-title,
#footer.footer .block-title span,
#footer.footer .block-title a {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 0 18px !important;
  color: #fff !important;
  text-decoration: none !important;
}

#footer.footer .block-title span,
#footer.footer .block-title a {
  /* font-size: 17px !important; */
  /* font-weight: 850 !important; */
  line-height: 1.3 !important;
}

#footer.footer .block-title span::before,
#footer.footer .block-title span::after {
  display: none !important;
}

#block-gavias-batiz-footeridentitec3i > .block-title {
  display: none !important;
}

#footer.footer .c3i-footer-center-name {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 660 !important;
  line-height: 1.28 !important;
  text-transform: uppercase !important;
  margin: 0 0 20px !important;
}

#footer.footer .c3i-footer-address {
  display: flex !important;
  align-items: flex-start !important;
  gap: 13px !important;
  margin: 0 0 22px !important;
}

#footer.footer .c3i-footer-address i {
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #ffc928 !important;
  font-size: 14px !important;
  margin-top: 2px !important;
}

#footer.footer .c3i-footer-address span {
  display: block !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 11px !important;
  line-height: 1.75 !important;
}

#footer.footer .c3i-footer-social {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

#footer.footer .c3i-footer-social a {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 4px !important;
  color: #fff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all .22s ease !important;
}

#footer.footer .c3i-footer-social a:hover {
  background: #ffc928 !important;
  border-color: #ffc928 !important;
  color: #004827 !important;
  transform: translateY(-3px) !important;
}

/* قائمة "الوصول السريع": تتدفق من اليمين */
#footer.footer .gva-navigation,
#footer.footer .gva_menu,
#footer.footer .gva_menu_main {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer.footer .gva_menu > li,
#footer.footer .gva_menu_main > li,
#footer.footer .menu-item {
  display: block !important;
  float: right !important;
  margin: 3px 0 !important;
  padding: 0 10px !important;
  border: 0 !important;
  border-right: 1px solid #2a664a !important;
}

#footer.footer .gva_menu > li > a,
#footer.footer .gva_menu_main > li > a,
#footer.footer .menu-item > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: rgba(255,255,255,.88) !important;
  background: transparent !important;
  padding: 0 !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  text-transform: none !important;
  transition: color .22s ease, transform .22s ease !important;
}

#footer.footer .gva_menu > li > a:hover,
#footer.footer .gva_menu_main > li > a:hover,
#footer.footer .menu-item > a:hover {
  color: #ffc928 !important;
  transform: translateX(-4px) !important;
}

#footer.footer .menu-item--collapsed > a::after,
#footer.footer .gva_menu .caret,
#footer.footer .gva_menu .icaret {
  display: none !important;
}

/* بلوك "تواصلوا معنا": الهاتف والبريد LTR، الأيقونة جهة اليمين */
#block-gavias-batiz-contact .field__item p {
  position: relative !important;
  margin: 0 0 18px !important;
  padding-right: 42px !important;
  padding-left: 0 !important;
  color: rgba(255,255,255,.9) !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  direction: ltr;
  text-align: right;
  unicode-bidi: isolate;
}

#block-gavias-batiz-contact .field__item p::before {
  position: absolute !important;
  right: 0 !important;
  top: 2px !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid rgba(255,255,255,.32) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: FontAwesome !important;
  color: #ffc928 !important;
  font-size: 14px !important;
}

#block-gavias-batiz-contact .field__item p:nth-child(1)::before {
  content: "\f041";
}

#block-gavias-batiz-contact .field__item p:nth-child(2)::before {
  content: "\f095";
}

#block-gavias-batiz-contact .field__item p:nth-child(3)::before {
  content: "\f0e0";
}

#footer.footer .footer-bottom {
  background: rgba(0,0,0,.14) !important;
  border-top: 1px solid rgba(255,255,255,.16) !important;
  margin: 0 !important;
  padding: 0 !important;
}

#footer.footer .after-footer {
  padding: 16px 0 !important;
  text-align: center !important;
}

#footer.footer .after-footer p {
  margin: 0 auto !important;
  color: rgba(255,255,255,.86) !important;
  font-size: 12px !important;
  /* font-weight: 500 !important; */
  text-align: center !important;
}

#footer.footer .footer-bottom .container,
#footer.footer .footer-bottom .row,
#footer.footer .footer-bottom .col-xs-12,
#footer.footer .after-footer,
#footer.footer .after-footer .block,
#footer.footer .after-footer .block-content,
#footer.footer .after-footer .field__item {
  width: 100% !important;
  max-width: none !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.footer .footer-bottom {
  /* تنسيق التباعد موروث من القاعدة الرئيسية أعلاه */
}

.footer-center .block {
}

.footer-center {
  padding-top: 38px;
  background: #fbfbfb;
}

.footer-center blockquote {
  border: 0;
  padding: 0;
  color: #fff;
}

.footer-center blockquote p {
  font-size: 11px;
  color: #fff;
}

.footer-center .block .block-title > span {
  background: #2e7326 !important;
  padding: 0px 15px;
  font-size: 13px;
  font-weight: normal;
}

.footer-center .block a {
  color: #fff;
  font-weight: normal;
}

.footer-center .col-md-3 {
  width: 100%;
}

@media (max-width: 991px) {
  #footer.footer .footer-center .container > .row {
    grid-template-columns: 1fr 1fr !important;
    gap: 34px !important;
  }

  #footer.footer .footer-first {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }

  #footer.footer .footer-second {
    grid-column: 2 !important;
    grid-row: 1 !important;
    border-left: 0 !important;
  }

  #footer.footer .footer-third {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
}

@media (max-width: 576px) {
  #footer.footer .footer-center {
    padding: 32px 0 24px !important;
  }

  #footer.footer .footer-center .container > .row {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  #footer.footer .footer-first,
  #footer.footer .footer-second,
  #footer.footer .footer-third {
    grid-column: 1 !important;
    grid-row: auto !important;
    border-left: 0 !important;
    padding: 0 18px !important;
  }

  #footer.footer .c3i-footer-center-name {
    font-size: 19px !important;
  }
}
/* =========================================================
   14. عناوين البلوكات العامة (block-title) — نمط القالب الأساسي
========================================================= */

.margin-top-30 {
  margin-top: 0 !important;
}

.block {
  margin-bottom: 7px;
  position: relative;
}

.block:before, .block:after {
  content: " ";
  display: table;
}

.block:after {
  clear: both;
}

.block .block-title {
  background: none;
  position: relative;
  padding: 0;
  width: 94%;
}

.block .block-title > span {
  display: inline-block;
  color: #ffffff !important;
  z-index: 9;
  padding: 1px 24px;
  font-size: 16px;
  line-height: 29px;
  text-align: right;
  font-weight: 600;
  box-shadow: 1px 6px #87597e05;
  border-radius: 3px;
  padding-right: 11px;
  margin-right: 19px;
  background: #005c32;
}

@media (max-width: 767px) {
  .block .block-title > span {
    font-size: 16px;
  }
}

.block .block-title > span a {
  color: #ffffff !important;
  /* font-size: 16px; */
}

.block .block-title > span:before {
  position: absolute;
  height: 19px;
  width: 7px;
  content: "";
  z-index: 0;
  top: 8px;
  border-radius: 7px;
}

.block .block-title > span:after {
  height: 1px;
  width: 97%;
  background: url(/themes/gavias_batiz/images/block-title-bg.png);
  content: "";
  margin-left: 0;
  z-index: -1;
  border-bottom: 1px solid #d6d6d6;
}

.block .block-content:before, .block .block-content:after {
  content: " ";
  display: table;
}

.block .block-content:after {
  clear: both;
}

.block.block-system-main-block {
  margin-bottom: 0;
}

.block.no-title {
  margin-top: 0;
  border: none;
}

.block.no-title .block-content {
  padding-top: 0;
}

.block.site-branding {
  margin-bottom: 0;
}

.highlighted .block .block-title {
  color: #fff;
  border: none;
  margin-bottom: 10px;
  margin-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.highlighted .block .block-title span {
  color: #fff;
  /* font-size: 23px; */
}

.highlighted .block .block-title span:before {
  display: none;
}

.content-top .block {
  padding-right: 0 !important;
}

.content-top .block .block-title > span {
  margin-right: 4px;
}

.content-top .block .block-title > span::before {
  right: 1px;
}

.content-full {
  overflow: hidden;
}

.js-pager__items {
  margin: 0 !important;
  padding: 18px 0;
}

.pager ul.pager__items {
  margin: 0;
  padding: 0;
}

.pager ul.pager__items > li a {
  font-weight: 500;
}

.pager ul.pager__items > li.is-active > a {
  background: #009673;
  color: #fff;
}

ul.js-pager__items {
  clear: both;
}

[class*=block-grid-] {
  display: block;
  margin: 0 -9px;
  padding: 0;
}

[class*=block-grid-]:before, [class*=block-grid-]:after {
  display: table;
  content: " ";
}

[class*=block-grid-]:after {
  clear: both;
}

[class*=block-grid-] > div {
  display: block;
  float: right;
  height: auto;
  padding: 0 9px;
  width: 100%;
}

[class*=block-grid-] > div:after {
  display: block;
}

@media (min-width: 400px) {
  .xs-block-grid-2 > div { width: 50%; }
  .xs-block-grid-2 > div:nth-of-type(1n) { clear: none; }
  .xs-block-grid-2 > div:nth-of-type(1n):after { display: block; }
  .xs-block-grid-2 > div:nth-of-type(2n/**/+1) { clear: both; }
  .xs-block-grid-2 > div:nth-of-type(2n/**/+1):after { display: none; }
  .xs-block-grid-2 > div:nth-last-child(-n/**/+2):before { content: none; }
}

@media (min-width: 768px) {
  .sm-block-grid-3 > div { width: 33.33333%; }
  .sm-block-grid-3 > div:nth-of-type(1n) { clear: none; }
  .sm-block-grid-3 > div:nth-of-type(1n):after { display: block; }
  .sm-block-grid-3 > div:nth-of-type(3n/**/+1) { clear: both; }
  .sm-block-grid-3 > div:nth-of-type(3n/**/+1):after { display: none; }
  .sm-block-grid-3 > div:nth-last-child(-n/**/+3):before { content: none; }
}

@media (min-width: 992px) {
  [class*=block-grid-] { margin: 0 -9px; }
  [class*=block-grid-] > div { padding: 0 9px; }
  .md-block-grid-3 > div { width: 33.33333%; }
  .md-block-grid-3 > div:nth-of-type(1n) { clear: none; }
  .md-block-grid-3 > div:nth-of-type(1n):after { display: block; }
  .md-block-grid-3 > div:nth-of-type(3n/**/+1) { clear: both; }
  .md-block-grid-3 > div:nth-of-type(3n/**/+1):after { display: none; }
  .md-block-grid-3 > div:nth-last-child(-n/**/+3):before { content: none; }
}

@media (min-width: 1200px) {
  [class*=block-grid-] { margin: 0 -9px; }
  [class*=block-grid-] > div { padding: 0 9px; }
  .lg-block-grid-3 > div { width: 33.33333%; }
  .lg-block-grid-3 > div:nth-of-type(1n) { clear: none; }
  .lg-block-grid-3 > div:nth-of-type(1n):after { display: block; }
  .lg-block-grid-3 > div:nth-of-type(3n/**/+1) { clear: both; }
  .lg-block-grid-3 > div:nth-of-type(3n/**/+1):after { display: none; }
  .lg-block-grid-3 > div:nth-last-child(-n/**/+3):before { content: none; }
}

.theiaStickySidebar {
  padding-top: unset !important;
  padding-bottom: unset !important;
  position: unset !important;
  transform: unset !important;
  width: unset !important;
  right: unset !important;
}

.col-md-3 {
  width: 30%;
  position: unset !important;
  overflow: visible;
}

.col-md-9 {
  width: 69%;
  float: right;
}

div#page-main-content {
  position: unset;
}

@media (max-width: 991px) {
  .col-md-3 {
    clear: both;
    width: 100%;
  }

  .col-md-9 {
    float: none !important;
    width: 100%;
  }
}
/* =========================================================
   15. صفحة المقال / الخبر (article-detail)
========================================================= */

.article-detail {
  margin: 50px auto;
  padding: 0 22px;
}

.article-detail .block {
  background: #fff;
  border-radius: 18px;
  padding: 45px 55px;
  box-shadow: 0 14px 45px rgba(0, 0, 0, 0.08);
  border: 1px solid #eef1f4;
}

.article-detail .post-meta,
.article-detail .field--name-published-at,
.article-detail .post-comment {
  display: none;
}

.article-detail .post-title {
  margin: 0 0 30px;
  border-bottom: 1px solid #e4e4e4;
  float: right;
  width: 100%;
  text-align: right;
  direction: rtl;
  color: #282a2c;
  line-height: 47px;
  font-weight: 600;
}

.article-detail .post-title span {
  line-height: 1.2;
  /* font-weight: 800; */
  color: #1d2b35;
  font-size: 25px;
}

.article-detail .post-top {
  float: right;
  width: 100%;
  margin-bottom: 10px;
}

.article-detail .post-top .post-meta {
  margin: 0 0 6px;
}

.article-detail .post-top .post-meta .post-created {
  padding-right: 18px;
}

.article-detail .post-top .post-meta .post-created,
.article-detail .post-top .post-meta .post-comment {
  font-size: 12px;
}

.article-detail .post-thumbnail {
  margin: 10px 0 20px;
  float: unset;
  width: 100%;
}

.article-detail .post-content {
  font-size: 16px;
  line-height: 1.9;
  color: #3f454b;
}

.article-detail p {
  font-size: 14px;
  line-height: 34px;
  color: #000;
  text-align: right;
  direction: rtl;
}

.article-detail .field--name-body p {
  margin: 0 0 18px;
}

.article-detail .field--name-body strong {
  display: block;
  margin: 28px 0 14px;
  font-size: 19px;
  line-height: 1.4;
  color: #111827;
}

.article-detail .field--name-body ul {
  margin: 0 0 24px;
  padding-right: 0;
  list-style: none;
}

.article-detail .field--name-body li {
  position: relative;
  margin-bottom: 11px;
  padding-right: 28px;
  /* font-weight: 500; */
  font-size: 12px;
  color: #000;
}

.article-detail .field--name-body li::before {
  content: "";
  position: absolute;
  right: 0;
  top: 13px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #0b6b4f;
}

.article-detail .field--name-body p:empty {
  display: none;
}

.article-detail .addtoany_list {
  display: flex;
  gap: 10px;
  margin-top: 35px;
  padding-top: 25px;
  border-top: 1px solid #e5e7eb;
}

.article-detail .addtoany_list a {
  text-decoration: none;
}

.post-top .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item li {
  color: #000;
  line-height: 33px;
}

.post-block.article-detail .field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item {
  clear: both;
}

.node--type-article #block-gavias-batiz-page-title {
  display: none;
}

span.a2a_kit.a2a_kit_size_32.addtoany_list {
  clear: both;
}

figcaption {
  text-align: center;
  font-size: 11px;
  color: #923e3e;
  line-height: 26px;
}

blockquote.image-field-caption {
  padding: 0;
  margin: 0 !important;
  font-size: 13px;
  border: 0;
  text-align: center;
  display: block;
}

blockquote.image-field-caption p {
  text-align: center;
  font-size: 11px;
  color: #923e3e;
  line-height: 26px;
}

blockquote p {
  line-height: 31px;
  font-size: 15px;
  color: #333;
}

blockquote {
  border-radius: 45px;
}

.field.field--name-field-image.field--type-image.field--label-hidden.field__item img {
  width: 100%;
}

.field.field--name-field-video.field--type-video-embed-field.field--label-hidden.field__item,
.field.field--name-field-video.field--type-video-embed-field.field--label-hidden.field__items .field__item {
  clear: both;
  margin-bottom: 8px;
  overflow: hidden;
}

.user-picture a img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  float: right;
  margin-left: 12px;
}

.user-picture {
  float: right;
}

.node__meta {
  border-bottom: 1px solid #ddd;
  clear: both;
  width: 100%;
  overflow: hidden;
  padding-bottom: 5px;
  margin-bottom: 5px;
  display: none;
}

.node__meta span {
  font-size: 12px;
  line-height: 31px;
}

.node__meta span a {
  color: #000;
  font-weight: bold;
}

article.contextual-region.profile.user-profile {
  float: right;
  padding: 0;
  margin: 0;
}

.post-block .post-content:before, .post-block .post-content:after {
  content: " ";
  display: table;
}

.post-block .post-content:after {
  clear: both;
}

.post-block .post-meta {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  margin: 2px 0 0;
  float: right;
  width: 100%;
  line-height: 18px;
}

.post-block .post-meta:before, .post-block .post-meta:after {
  content: " ";
  display: table;
}

.post-block .post-meta:after {
  clear: both;
}

.post-block .post-created {
  text-transform: none;
  position: relative;
  margin-right: 0;
  padding-right: 15px;
  font-size: 12px;
}

.post-block .post-created:after {
  content: "";
  font-family: fontawesome;
  position: absolute;
  top: -1px;
  right: 2px;
  z-index: 1;
}

.post-block .post-thumbnail {
  position: relative;
  text-align: center;
}

.post-block .post-title {
  text-transform: none;
}

.post-block .post-categories.navy {
  color: #23569c;
}

.post-block .post-categories.navy:after {
  background: #23569c;
  color: #23569c;
}

.post-block .post-categories.navy a {
  color: #23569c;
}

.category-background .post-categories.navy a {
  background: #23569c;
}

.node--view-mode-full .post-tags {
  width: 100%;
  margin-top: 35px;
}

@media (max-width: 768px) {
  .article-detail {
    margin: 25px auto;
    padding: 0 15px;
  }

  .article-detail .block {
    padding: 28px 22px;
    border-radius: 14px;
  }

  .article-detail .post-title span {
    font-size: 30px;
  }

  .article-detail .post-content {
    font-size: 17px;
    line-height: 1.8;
  }

  .article-detail .field--name-body strong {
    font-size: 20px;
  }

  .article-detail .post-thumbnail {
    float: unset;
  }
}
/* =========================================================
   16. كتل عرض المحتوى الحديثة: post3 / post2 / news / sidebar
   (تُستخدم في صفحات الأخبار وقوائم المقالات الداخلية)
========================================================= */

:root {
  --rn-primary: #a93636;
  --rn-primary-dark: #7f2424;
  --rn-text: #1f2933;
  --rn-muted: #667085;
  --rn-border: #edf0f3;
  --rn-card: #ffffff;
  --rn-soft: #f7f8fa;
  --rn-shadow: 0 14px 35px rgba(15, 23, 42, 0.08);
  --rn-shadow-hover: 0 18px 45px rgba(15, 23, 42, 0.14);
  --rn-radius: 18px;
}

/* post3: شبكة 5 أعمدة */
.first-post3 .view-content-wrap {
  float: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 18px;
  margin: 0 0 24px !important;
}

.first-post3 .post3.item {
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  background: var(--rn-card);
  border: 1px solid var(--rn-border);
  border-radius: var(--rn-radius);
  overflow: hidden;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.07);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.first-post3 .post3.item:hover {
  transform: translateY(-4px);
  box-shadow: var(--rn-shadow-hover);
  border-color: rgba(169, 54, 54, 0.22);
}

.first-post3 .post3.item img {
  width: 100% !important;
  height: 120px !important;
  object-fit: cover;
  display: block;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 0 !important;
  background: var(--rn-soft);
}

.first-post3 .post3.item a {
  width: auto !important;
  display: block;
  color: var(--rn-text) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 29px !important;
  padding: 12px 12px 14px !important;
  text-align: right;
  background: transparent !important;
}

.first-post3 .post3.item a:hover {
  color: var(--rn-primary) !important;
}

/* post2: شبكة 3 أعمدة */
.post2 .view-content-wrap {
  float: none !important;
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0 !important;
}

.post2 .item {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--rn-card);
  border: 1px solid var(--rn-border);
  overflow: hidden;
  box-shadow: var(--rn-shadow);
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.post2 .item:hover {
  transform: translateY(-5px);
  box-shadow: var(--rn-shadow-hover);
  background: #fff;
}

.post2 .item img {
  width: 100% !important;
  height: 171px !important;
  object-fit: cover;
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.post2 .item .views-field-title a {
  color: var(--rn-text) !important;
  display: block;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 34px !important;
  text-align: center !important;
  padding: 23px 18px 24px !important;
  background: #fff;
}

.post2 .item .views-field-title a:hover {
  color: var(--rn-primary) !important;
}

/* news: قائمة عمودية */
.news .view-content-wrap {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.news .item {
  width: 100% !important;
  float: none !important;
  clear: both !important;
  margin: 0 0 12px !important;
  padding: 10px !important;
  background: var(--rn-card);
  border: 1px solid var(--rn-border);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.news .item:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
  border-color: rgba(169, 54, 54, 0.22);
  background: #fff;
}

.news .views-field-field-image img {
  float: right !important;
  width: 112px !important;
  height: 78px !important;
  object-fit: cover;
  margin: 0 12px 0 0 !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: var(--rn-soft);
  box-shadow: none !important;
}

.news .views-field-title a {
  color: var(--rn-text) !important;
  display: block;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
  padding: 0 !important;
  text-align: right !important;
}

.news .views-field-title a:hover {
  color: var(--rn-primary) !important;
}

.news .item:hover {
  background: #feffe04d;
}

/* الشريط الجانبي (sidebar-left) */
.sidebar-left .block-title {
  background: transparent !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
  gap: 12px;
}

.sidebar-left .block-title:after {
  content: "";
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, rgba(169, 54, 54, 0.05), rgb(95 107 94 / 35%), rgba(169, 54, 54, 0.05));
}

.sidebar-left .block-title > span {
  background: #046b3c !important;
  color: #fff !important;
  padding: 6px 10px !important;
  margin: 0 !important;
  line-height: 1.4 !important;
  font-size: 14px !important;
  font-weight: normal !important;
  box-shadow: 0 8px 20px rgb(220 220 220);
}

.sidebar-left .block-title .block-title > span a {
  color: #fff !important;
  font-size: 16px !important;
}

.sidebar-left .block-title > span:before,
.sidebar-left .block-title > span:after {
  display: none !important;
}

.sidebar.sidebar-left .sidebar-inner > div > .block,
.sidebar.sidebar-left .block {
  background: var(--rn-card);
  border: 1px solid var(--rn-border);
  border-radius: 20px;
  box-shadow: 0 10px 26px rgba(15, 23, 42, 0.06);
  padding: 16px !important;
  margin: 0 0 20px !important;
  overflow: hidden;
}

.sidebar.sidebar-left .block .content {
  padding: 0 !important;
}

.sidebar.sidebar-left .news .item {
  box-shadow: none;
  border-radius: 14px;
  padding: 9px !important;
  margin-bottom: 10px !important;
}

.sidebar.sidebar-left .news .views-field-field-image img {
  width: 88px !important;
  height: 66px !important;
  border-radius: 10px !important;
}

.sidebar.sidebar-left .news .views-field-title a {
  font-size: 13px !important;
  line-height: 1.9 !important;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 {
  background: var(--rn-card);
  border: 1px solid var(--rn-border);
  border-radius: 22px;
  padding: 16px !important;
  box-shadow: var(--rn-shadow);
  overflow: hidden;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 img,
.block-block-content img {
  max-width: 100%;
  height: auto;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 .field__item img {
  width: 100% !important;
  display: block;
  border-radius: 18px !important;
  border: 0 !important;
  margin: 0 !important;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 p {
  line-height: 26px;
  text-align: right;
  color: #000;
  clear: both;
  font-size: 10px;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 img {
  border-radius: 6px;
  margin-bottom: 9px;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 a {
  padding: 0 4px;
  color: #c90000;
  text-align: center;
  display: block;
  border: 1px solid #c0bcba;
  margin: 0 auto;
  /* width: 110px; */
  font-size: 13px;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 p a {
  padding: 0px 12px;
  color: #c90000;
  text-align: center;
  border: 1px solid #c0bcba;
  margin: 4px auto 15px;
  font-size: 10px;
  float: right;
  display: block;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 img {
  border: 18px solid #ffffff;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 .coly {
  background: #03713e;
  margin: 0;
  padding: 5px;
  color: #fff;
  font-size: 15px;
  text-align: center;
  border-radius: 16px;
  margin-top: 15px;
  clear: both;
  overflow: hidden;
}

#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 .coly h5 {
  color: #fffcac;
  font-size: 12px;
  margin: 0px;
  line-height: 22px;
}

@media (max-width: 1199px) {
  .first-post3 .view-content-wrap {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .video .view-content-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .post2 .view-content-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .first-post3 .view-content-wrap,
  .post2 .view-content-wrap,
  .video .view-content-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .first-post3 .post3.item img {
    height: 110px !important;
  }

  .post2 .item img {
    height: 145px !important;
  }

  .video img {
    height: 120px !important;
  }

  .post2 .item .views-field-title a {
    font-size: 15px !important;
    line-height: 1.8 !important;
    padding: 13px !important;
    text-align: right !important;
  }

  .video .item a {
    font-size: 13px !important;
    padding: 12px !important;
  }

  .news .views-field-field-image img,
  .sidebar.sidebar-left .news .views-field-field-image img {
    width: 92px !important;
    height: 68px !important;
  }

  .sidebar.sidebar-left .sidebar-inner > div > .block,
  .sidebar.sidebar-left .block {
    padding: 12px !important;
  }
}

@media (max-width: 540px) {
  .first-post3 .view-content-wrap,
  .post2 .view-content-wrap,
  .video .view-content-wrap {
    grid-template-columns: 1fr;
  }

  .first-post3 .post3.item img,
  .post2 .item img,
  .video img {
    height: 190px !important;
  }

  .news .views-field-field-image img,
  .sidebar.sidebar-left .news .views-field-field-image img {
    width: 100px !important;
    height: 74px !important;
  }
}
/* =========================================================
   17. بلوكات إضافية (صفحات داخلية: الأخبار، الإطارات، البحث،
   اللافتات الإعلانية، الشريط العاجل) — تم الإبقاء عليها لأنها
   مستخدمة في صفحات أخرى غير الرئيسية، مع تصحيح اتجاه RTL.
========================================================= */

/* الشريط العاجل (ajel) */
#block-gavias-batiz-views-block-ajel-block-1 {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9999;
  background-color: #dc3545;
  color: white;
  font-size: 18px;
  display: flex;
  align-items: center;
  direction: rtl;
  box-shadow: 0 -2px 4px rgba(0,0,0,0.1);
  margin: 0;
  padding: 0;
}

#block-gavias-batiz-views-block-ajel-block-1 .block-title {
  font-weight: bold;
  margin-right: 10px;
  color: white;
  float: right;
  width: unset;
  background: unset !important;
}

#block-gavias-batiz-views-block-ajel-block-1 .view-content-wrap {
  flex: 1;
}

#block-gavias-batiz-views-block-ajel-block-1 .block-title > span {
  color: #feffcb !important;
  font-size: 18px;
  background: unset !important;
  border-right: 1px solid #ef5766;
  padding-right: 13px;
}

#block-gavias-batiz-views-block-ajel-block-1 span:after,
#block-gavias-batiz-views-block-ajel-block-1 span:before {
  display: none;
}

div#block-gavias-batiz-views-block-ajel-block-1 .item span {
  line-height: 39px !important;
}

@media (max-width: 900px) {
  #block-gavias-batiz-views-block-ajel-block-1 {
    padding: 12px !important;
  }
}

/* صفحة الإطارات (cadremr) */
div#block-gavias-batiz-views-block-cadremr-block-1 .item {
  padding: 0;
  margin: 0;
  margin-left: 8px;
  width: 100%;
}

div#block-gavias-batiz-views-block-cadremr-block-1 .item a {
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  line-height: 34px;
  color: #000000;
  display: block;
  width: 100%;
  padding-left: 10px;
  border-bottom: 1px solid #efefef;
}

div#block-gavias-batiz-views-block-cadremr-block-1 {
  width: 100%;
  margin-top: 21px;
  border-left: 5px solid #0099cc;
  border-top-right-radius: 38px;
  overflow: hidden;
  clear: both;
  margin-bottom: 31px;
  -webkit-box-shadow: 1px 2px 73px 0px rgb(212 212 212);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.3),0 0 40px rgba(0,0,0,0.1) inset;
}

div#block-gavias-batiz-views-block-cadremr-block-1 h2 span {
  background: #0099cc !important;
  color: #fff !important;
  margin: 0;
  font-size: 17px;
  border-bottom-right-radius: 16px;
}

div#block-gavias-batiz-views-block-cadremr-block-1 h2 span a {
  color: #fff !important;
  font-size: 17px;
}

div#block-gavias-batiz-views-block-cadremr-block-1 h2 {
  background: none !important;
  margin-top: 0;
}

div#block-gavias-batiz-views-block-cadremr-block-1 .item a:hover {
  background: #f2f2f2;
  color: #014493;
}

div#block-gavias-batiz-views-block-cadremr-block-1 .content {
  height: 380px;
  overflow: scroll;
  overflow-x: hidden;
}

#block-gavias-batiz-views-block-cadremr-block-1 .content::-webkit-scrollbar {
  width: 16px;
}

#block-gavias-batiz-views-block-cadremr-block-1 .content::-webkit-scrollbar-track {
  background: #f6f6f6;
  width: 21px;
}

#block-gavias-batiz-views-block-cadremr-block-1 .content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  height: 30px;
  background: url("https://cadre2.rimnow.site/sites/default/files/scroll-bar.png") no-repeat scroll 50% 50% #e0eaf0;
}

input#edit-submit-cadremr {
  float: right;
  background: #d8d8d8;
  border: 0;
  display: block;
  padding: 4px 12px !important;
  margin-top: 4px;
  text-align: center;
}

.js-form-item.form-item.js-form-type-textfield.form-item-name.js-form-item-name {
  float: right;
  margin: 1px 16px;
}

form#views-exposed-form-cadremr-page-1 {
  display: block;
  background: #0099cc;
  overflow: hidden;
  margin: 16px 7px;
  padding: 7px;
}

.cadremr .item {
  padding: 0;
  margin: 7px;
  margin-left: 8px;
  width: 335px;
  border: 1px solid #efefef;
  float: right;
  background: #f7f7f7;
  border-radius: 4px;
}

.cadremr .item:hover {
  background: #fff4c7;
}

.cadremr .item a {
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  line-height: 34px;
  color: #000000;
  display: block;
  padding: 5px 9px;
}

.cadremr input#edit-name {
  border-radius: 14px;
}

.field.field--name-description.field--type-text-long.field--label-hidden.field__item {
  font-size: 15px;
  line-height: 35px;
  color: #000;
  font-weight: normal;
}

.field.field--name-description.field--type-text-long.field--label-hidden.field__item strong {
  font-weight: normal;
}

/* بلوك البحث */
#block-gavias-batiz-astmartalbhth input#edit-keys,
.js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label input {
  width: 100%;
  border: 1px solid #ddd;
  padding: 7px;
  background: #fff;
  border-radius: 9px;
  float: right;
  color: #dc3545;
}

#block-gavias-batiz-astmartalbhth .js-form-item.form-item.js-form-type-search.form-item-keys.js-form-item-keys.form-no-label {
  width: 70%;
}

#block-gavias-batiz-astmartalbhth input#edit-submit,
input#edit-submit {
  font-size: 14px;
  font-family: 'Alexandria', sans-serif;
  background: #419c36;
  float: right;
  border: 0;
  display: block;
  padding: 6px 16px !important;
  margin-top: 0;
  text-align: center;
  margin-bottom: 3px;
}

#block-gavias-batiz-astmartalbhth {
  clear: both;
  overflow: hidden;
}

div#block-gavias-batiz-astmartalbhth-2 h2 {
  width: 94%;
  background: url(/themes/gavias_batiz/images/h2n.jpg) no-repeat left top !important;
  display: inline-block;
  color: #444040 !important;
  z-index: 9;
  padding: 0 24px;
  font-size: 22px;
  line-height: 34px;
  text-align: right;
  font-weight: 600;
  box-shadow: 1px 6px #87597e05;
  padding-left: 29px;
}

/* لافتات إعلانية / صور جانبية */
div#block-gavias-batiz-msahtalanytalrasyt760x90 {
  margin: 0;
  margin-top: 9px;
}

div#block-gavias-batiz-msahtalanytalrasyt760x90 img {
  width: 740px;
  float: right;
  margin: 0 3px;
}

div#block-gavias-batiz-msahtalanytalrasyt760x90-2 img {
  width: 647px;
  float: right;
  margin: 0 3px;
  opacity: 1;
}

div#block-gavias-batiz-msahtalanytalrasyt760x90-2 img:hover {
  opacity: 0.4;
}

div#block-gavias-batiz-msahtalanytalrasyt760x90-2 {
  margin: 0;
  margin-top: 19px;
}

div#block-gavias-batiz-msahtalanytalantkhabat img {
  width: 350px;
  margin-bottom: 6px;
  border: 1px solid #bfe4f4;
}

div#block-gavias-batiz-anfwjrafyk img {
  width: 29%;
  margin-right: 38px;
  margin-bottom: 38px;
  border: 1px solid #ddd;
  height: 421px;
}

div#block-gavias-batiz-mwssatthtalwsayt img {
  width: 139px;
  margin: 10px 33px 33px 0;
  border-radius: 50%;
}

div#block-gavias-batiz-jmyalhqwqmhfwzt img {
  float: right;
  width: 48px;
  background: white;
  border-radius: 7px;
  margin-left: 21px;
}

div#block-gavias-batiz-alanat img {
  border: 2px solid #fff;
  margin-top: 36px;
}

div#block-gavias-batiz-alanalrasyt img {
  /* لا تعديلات إضافية */
}

div#block-gavias-batiz-views-block-more-block-1 .item {
  width: 230px;
}

div#block-gavias-batiz-views-block-more-block-1 .item img {
  height: 139px;
}

div#block-gavias-batiz-aljrydt img {
  border: 1px solid #d8d8d8;
}

div#block-gavias-batiz-swr {
}

div#block-gavias-batiz-swr img {
  width: 375px;
  margin: 6px;
  padding: 7px;
  border-radius: 14px;
  background: #fff7e4;
  height: 245px;
  -webkit-transition: all .35s;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

div#block-gavias-batiz-swr img:hover {
  background: #ffbc1f;
}

div#block-gavias-batiz-atslbna {
  margin-right: 0;
  border: 0;
}

div#block-gavias-batiz-shrkatthtalwsayt img {
  width: 219px;
}

div#block-gavias-batiz-alshrka img {
  width: 223px;
  margin-right: 8px;
}

div#block-gavias-batiz-tabwnaly {
  float: right;
  width: 344px;
}

div#block-gavias-batiz-tabwnaly img {
  margin: 8px 4px;
  width: 38px;
  border-radius: 50%;
}

div#block-gavias-batiz-tabwnaly h2 {
  float: right;
  width: unset;
  background: none !important;
}

div#block-gavias-batiz-tabwnaly .block-title span {
  background: #b50f0f !important;
  padding: 0 17px;
  font-size: 15px;
}

div#block-gavias-batiz-site-branding {
  text-align: center;
  padding: 0;
  width: 1118px;
  float: right;
}

div#block-gavias-batiz-site-branding img {
  float: right;
}

@media (max-width: 650px) {
  div#block-gavias-batiz-site-branding img {
    float: right;
    text-align: center;
    width: 92%;
    display: block;
  }
}

div#block-gavias-batiz-asaralhywan {
}

div#block-gavias-batiz-asaralhywan .content {
  padding-left: 11px;
  width: 352px;
  margin-left: 12px;
  border: 1px solid #ddd;
  padding-bottom: 36px;
  padding-top: 17px;
}

div#block-gavias-batiz-asaralhywan .content h1 {
  font-size: 19px;
  color: #ad4343;
  margin: 0;
  padding: 0;
}

div#block-gavias-batiz-asaralhywan .content li {
  margin-left: 40px;
}

div#block-gavias-batiz-views-block-lzwl-block-1 .content {
  padding: 18px;
  margin: 10px;
  border: 1px solid #ddd;
}

div#block-gavias-batiz-views-block-lzwl-block-1 .views-field.views-field-created {
  font-size: 9px;
  text-align: left;
  background: #61a172;
  float: left;
  color: #fff;
  padding: 0 5px;
  direction: ltr;
}

div#block-gavias-batiz-views-block-lzwl-block-1 .item {
  clear: both;
  border-bottom: 1px solid #ddd;
  display: block;
  overflow: hidden;
}

div#block-gavias-batiz-views-block-lzwl-block-1 .item a {
  font-size: 13px;
  display: block;
  text-align: right;
  line-height: 29px;
}

div#block-gavias-batiz-views-block-lzwl-block-1 .item a:hover {
  color: #fff;
}

div#block-gavias-batiz-views-block-lzwl-block-1 .item:hover {
  background: #ff1f1f;
}

/* مجموعة الأخبار القديمة (now-block) */
div#block-gavias-batiz-views-block-now-block-1 {
  overflow: hidden;
}

div#block-gavias-batiz-views-block-now-block-1 h2 {
  float: right;
  margin: 0;
}

div#block-gavias-batiz-views-block-now-block-1 h2 span {
  background: #efefef;
}

@media (max-width: 900px) {
  div#block-gavias-batiz-views-block-now-block-1 {
    width: 100%;
  }

  div#block-gavias-batiz-views-block-now-block-1 .content a {
    font-size: 13px;
  }

  div#block-gavias-batiz-views-block-now-block-1 h2 span {
    font-size: 14px;
    padding: 1px 5px;
  }

  div#block-gavias-batiz-views-block-now-block-1 .block-title > span:before {
    display: none;
  }
}

#block-gavias-batiz-views-block-news-block-4,
#block-gavias-batiz-views-block-news-block-2 {
  float: right;
  width: 45%;
  border: 0 !important;
}

#block-gavias-batiz-views-block-news-block-2 {
  margin-left: 20px !important;
  border-left: 1px dotted #ccc !important;
  padding-left: 9px !important;
}

div#block-gavias-batiz-views-block-news-block-2 {
  float: right;
  width: 397px;
  margin-bottom: 10px;
}

div#block-gavias-batiz-views-block-post2-block-3,
div#block-gavias-batiz-views-block-post-block-1,
div#block-gavias-batiz-views-block-post2-block-2 {
  clear: both;
}

div#block-gavias-batiz-views-block-post2-block-2 {
  padding: 0 !important;
  margin: 0 !important;
  clear: both;
  overflow: hidden;
  margin-top: 19px !important;
  margin-bottom: 20px !important;
}

div#block-gavias-batiz-views-block-post-block-2 {
  display: none;
}

@media (max-width: 900px) {
  div#block-gavias-batiz-views-block-post-block-2 {
    display: block;
  }
}

.post .item .views-field.views-field-title a:hover {
  color: #bc0000;
}

@media (max-width: 900px) {
  .post .item .views-field.views-field-title a {
    font-size: 17px;
    padding: 9px;
    display: block;
    line-height: 40px;
    text-align: right;
  }

  .post .item {
    margin: 6px 0;
    padding: 0;
    width: 100%;
    height: auto;
    border: 0;
    background: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
  }

  .post .item img {
    width: 100px;
    height: 73px;
    margin-left: 9px;
    float: right;
    border-radius: 6px;
    margin: 8px 0;
  }
}

.post3.item {
  float: right;
  width: 17%;
  text-align: right;
  display: block;
  overflow: hidden;
  margin: 0 0 0 22px;
  height: 201px;
}

.post3.item a {
  display: block;
  line-height: 27px;
  font-size: 13px;
  width: 100%;
  padding: 7px;
}

.post3.item a:hover {
  background: #568a53;
  color: #ffffff;
  -o-transition: all .35s;
  transition: all .35s;
  -moz-transition: all .35s;
  -ms-transition: all .35s;
}

@media (max-width: 900px) {
  .post3.item {
    float: right;
    width: 39%;
    text-align: right;
    margin: 0;
    height: 253px;
    margin-right: 22px;
  }

  div#block-gavias-batiz-swr img:nth-child(9) {
    display: none;
  }

  .post3.item:nth-child(5) {
    display: none;
  }
}

.post3 img {
  width: 398px;
  height: 85px;
  border-radius: 6px;
  border: 1px solid #e7e7e7;
  background: #ffffff;
  padding: 4px;
}

.post3 a {
  width: 398px;
  display: block;
  font-size: 15px;
  color: #362e2e;
  font-weight: 500;
  padding: 0 8px;
}

.first-post3 .views-element-container .views-field.views-field-created {
  width: 99px;
  text-align: center;
  color: #7a7a7a;
  overflow: hidden;
  margin: 0;
}

.first-post3 .views-element-container {
  float: right;
  width: 338px;
}

.view-content-wrap {
  float: right;
  margin-right: 4px;
}

.post3attch {
  width: 100%;
  float: right;
}

.post3attch .item img {
  width: 98px;
  height: 70px;
  float: right;
  border-radius: 5px;
  margin-right: 14px;
}

.post3attch .item a {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 23px;
}

.post3attch .item {
  border-bottom: 1px solid #ddd;
  padding: 14px 0;
  width: 341px;
  display: block;
  overflow: hidden;
}

.post3attch .views-field.views-field-created {
  font-weight: normal;
  font-size: 12px;
  color: #000;
  text-align: right;
  margin-top: 2px;
}

.post .item:hover {
}

.post2 .item:hover {
  background: #fffcfc;
  display: block;
}

.post2 .item a:hover {
  color: red;
}

.post2 .views-field.views-field-created {
  font-size: 9px;
  text-align: left;
  margin-right: 31px;
  display: none;
  direction: ltr;
}

.post2 .views-field.views-field-created time {
  padding: 0 8px;
  color: #5b5a5a;
  font-size: 12px;
}

.post2 .item .views-field.views-field-body strong {
  font-weight: normal;
}

.post2 .item .views-field.views-field-body {
  width: 98%;
  line-height: 23px;
  display: none;
}

.post2 .item .views-field.views-field-body p img,
.topnews .views-field.views-field-body p img {
  display: none;
}

@media (max-width: 900px) {
  .post2 .item {
    width: 100%;
    margin: 0;
    padding: 4px;
  }

  .post2 .item:nth-child(3) {
    display: none;
  }

  .post2 .item img {
    height: 244px;
    float: unset;
    margin: 0;
    padding: 0;
    border-radius: 10px;
  }

  .post2 .item .views-field.views-field-title a {
    text-align: right;
    font-size: 18px;
    padding: 10px;
    line-height: 35px;
  }

  .post2 .item .views-field.views-field-body {
    display: none;
  }

  .post2 .views-field.views-field-created time {
    text-align: center;
    display: block;
  }
}

.first-post3 .view-content-wrap {
}

@media (max-width: 900px) {
  .first-post3 .view-content-wrap {
    float: unset;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #ddd;
    padding-bottom: 13px;
  }

  .post3 img {
    width: 100%;
    padding: 0;
    height: 97px;
    background: #fff;
    -webkit-box-shadow: unset;
  }

  .post3 a {
    text-align: center;
    width: 100%;
    padding: 10px;
  }

  .first-post3 .views-element-container {
    margin: 0;
    width: 100%;
    float: unset;
  }

  .post3attch .item img {
    padding: 0;
    width: 111px;
    margin-right: 12px;
  }

  .post3attch .item {
    width: 97%;
  }

  .post3attch .item a {
    text-align: right;
    padding: 5px;
    font-weight: bold;
  }

  .post3attch .views-field.views-field-created {
    display: block;
  }
}

.post3.item .views-field.views-field-created {
  text-align: center;
  margin-top: 11px;
  font-size: 11px;
  display: none;
}

.field.field--name-published-at.field--type-published-at.field--label-hidden.field__item {
  float: right;
}

body.body-background-dark #page-main-content .block:not(.block-system-main-block) {
  margin: 0;
  background: none;
}
/* =========================================================
   18. سلايدر "topnews" القديم (مستخدم في صفحات أخرى غير
   الرئيسية، منفصل تماماً عن hero-slider في الصفحة الرئيسية)
========================================================= */

#block-gavias-batiz-views-block-topnews-block-1 {
  width: 100%;
  margin-top: 23px;
  padding: 0;
  overflow: hidden;
}

body.body-background-dark #page-main-content #block-gavias-batiz-views-block-topnews-block-1 {
  width: 100%;
  margin-top: 23px;
  padding: 0;
  overflow: hidden;
}

div#views_slideshow_cycle_main_topnews-block_1 {
  float: right;
  width: 767px;
}

div#views_slideshow_cycle_teaser_section_topnews-block_1 {
  width: 100% !important;
}

.views-slideshow-controls-top.clearfix {
  float: right;
  width: 763px;
  margin-right: 17px;
  position: absolute;
  top: 189px;
  z-index: 12;
  height: 40px;
}

.views-slideshow-controls-top .views-field-title a {
  padding: 8px;
  display: block;
  font-weight: 500;
  font-size: 13px;
  line-height: 26px;
}

.views-slideshow-controls-top .views-field-title {
  border-bottom: 1px solid #d8d8d8;
}

.topnews .views-field.views-field-title a {
  color: #fff;
  padding: 7px;
  display: block;
  font-weight: 600;
  line-height: 42px;
  font-size: 21px;
  padding-top: 5px;
  text-align: right;
  clear: both;
  padding-bottom: 7px;
}

.topnews .views-field.views-field-field-image {
  float: right;
}

.topnews .views-field.views-field-body strong {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
}

.topnews .views-field.views-field-body {
  display: none;
}

.topnews .views-field.views-field-created {
  text-align: right;
  background: #cc463b;
  padding: 0 6px;
  color: #fff;
}

.views_slideshow_cycle_slide {
  width: 100% !important;
}

.views_slideshow_pager_field_item.active {
  background: #15587d;
}

.views_slideshow_pager_field_item.active a {
  color: #fff;
}

/* أزرار السابق/التالي للسلايدر القديم: السابق يمين، التالي يسار */
span#views_slideshow_controls_text_next_topnews-block_1 {
  background-image: url();
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: right;
  text-indent: 0;
  line-height: 2.8em;
  color: #ffffff;
  font-weight: 800;
  position: absolute;
  background-color: #f9d978;
  width: 34px;
  height: 34px;
  left: 3%;
  top: 50%;
  margin-top: -1.4em;
  margin-right: -1.4em;
  border-radius: 50%;
  background: #38a63a url(/themes/gavias_batiz/images/arrows_righ.svg) center;
}

span#views_slideshow_controls_text_next_topnews-block_1 a {
  color: #fff;
  padding: 9px 7px;
  display: none;
}

span#views_slideshow_controls_text_previous_topnews-block_1 {
  background-image: url(/themes/gavias_batiz/images/arrows.svg);
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: left;
  text-indent: 0;
  line-height: 2.8em;
  color: #111;
  font-weight: 800;
  position: absolute;
  background-color: #ffd966;
  width: 34px;
  height: 34px;
  right: 1%;
  top: 50%;
  margin-top: -1.4em;
  margin-right: -1.4em;
  border-radius: 50%;
  background: #38a63a url(/themes/gavias_batiz/images/arrows_left.svg) center;
}

span#views_slideshow_controls_text_previous_topnews-block_1 a {
  display: none;
}

#views_slideshow_controls_text_pause_topnews-block_1 {
  display: none;
}

@media (max-width: 900px) {
  span#views_slideshow_controls_text_previous_topnews-block_1 {
    left: 2% !important;
    right: auto !important;
  }

  span#views_slideshow_controls_text_next_topnews-block_1 {
    right: 4% !important;
    left: auto !important;
  }

  .topnews img {
    width: 100%;
    height: 240px;
  }

  #block-gavias-batiz-views-block-topnews-block-1 {
    width: 100% !important;
    overflow: hidden;
    height: auto;
    margin-bottom: 10px;
    float: none;
  }

  .topnews .views-field.views-field-title a {
    padding: 5px;
    line-height: 39px;
  }

  .topnews .views-field.views-field-field-image {
    width: 100%;
    height: auto;
  }

  .views-slideshow-controls-top.clearfix {
    width: 100% !important;
    margin-right: 0;
    top: 126px;
    right: 6px;
  }

  div#views_slideshow_cycle_main_topnews-block_1 {
    width: 100% !important;
  }

  .col-md-3 { clear: both; width: 100%; }
  .col-md-9 { float: none !important; width: 100%; }

  div#block-gavias-batiz-views-block-topnews-block-1 {
    width: 651px;
  }

  div#block-gavias-batiz-views-block-topnews-block-1 a {
    font-size: 17px;
  }

  div#views_slideshow_cycle_main_topnews-block_1 {
    width: 375px;
  }
}

/* أخبار من نفس النمط: topnews2 */
.topnews2 {
  overflow: hidden;
  margin-bottom: 11px;
}

.topnews2 .item {
  width: 577px;
  float: right;
  overflow: hidden;
}

.topnews2 .item a {
  font-size: 21px;
  padding: 10px 16px;
  display: block;
  line-height: 40px;
  font-weight: 500;
}

.topnews2 .item img {
  width: 100%;
  height: 325px;
  padding: 0 16px;
}

@media (max-width: 900px) {
  .topnews2 .item {
    width: 100%;
    margin-bottom: 12px;
  }

  .topnews2 .item img {
    height: 266px;
    padding: 0;
  }

  .topnews2 .item a {
    background: #088ebf;
    color: #fff;
  }
}

/* قسم "news" و"news-list" القديمَين (شبكة صور صغيرة) */
.news .item {
  width: 342px;
}

@media (max-width: 900px) {
  div#block-gavias-batiz-views-block-news-list-block-1 {
    width: 100%;
    float: none;
    clear: both;
    padding: 0 !important;
  }

  .news-list .item a {
    font-size: 15px;
    line-height: 30px;
    text-align: right;
  }

  .news-list .item img {
    height: 125px;
  }

  .news-list .item {
    height: auto;
    width: 46%;
    float: right;
    clear: unset;
    margin: 8px;
  }

  .news .views-field-title a {
    font-size: 17px;
    line-height: 38px;
  }

  .news .views-field.views-field-field-image img {
    width: 100px;
    height: 73px;
    margin-right: 4px;
    float: right;
  }

  .news .item {
    height: auto;
    text-shadow: 1px 2px 12px 4px #f5f5f5;
    width: 97% !important;
  }
}

.post.item:nth-child(5),
.post .item:nth-child(5) {
  display: block;
}

div#block-gavias-batiz-tabwnaly {
  display: block;
}

div#block-gavias-batiz-jmyalhqwqmhfwzt {
}

#block-gavias-batiz-jmyalhqwqmhfwzt {
  float: unset !important;
  clear: both;
  /* border-top: 1px solid #428243; */
  padding-top: 9px;
}

@media (max-width: 900px) {
  div#block-gavias-batiz-tabwnaly {
    width: 100%;
    float: unset;
  }

  #block-gavias-batiz-jmyalhqwqmhfwzt {
    float: unset !important;
    clear: both;
    border-top: 1px solid #428243;
    padding-top: 9px;
  }

  #block-gavias-batiz-views-block-news-block-4,
  #block-gavias-batiz-views-block-news-block-2 {
    width: 100% !important;
  }

  div#block-gavias-batiz-views-block-news-block-2 {
    float: none;
    width: 98%;
    clear: both;
  }

  div#block-gavias-batiz-msahtalanytalrasyt760x90 {
    width: 100%;
    margin: 0 0 7px;
    padding: 0;
    border-top: 2px solid #d5ddcc;
  }

  div#block-gavias-batiz-msahtalanytalrasyt760x90 img {
    width: 100% !important;
  }

  div#block-gavias-batiz-msahtalanytalrasyt760x90-2 img {
    width: 100%;
    float: unset;
    height: auto;
    margin: 0 2px 8px;
  }

  div#block-gavias-batiz-msahtalanytalrasyt760x90-2 {
    margin: 0;
  }

  div#block-gavias-batiz-asaralhywan .content {
    width: 98%;
    margin: 0;
  }

  div#block-gavias-batiz-msahtalanytalantkhabat img {
    width: 98%;
  }

  div#block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 p {
    padding: 16px;
    background: #f6f9f6;
  }

  .field.field--name-field-image.field--type-image.field--label-hidden.field__item img {
    width: 100%;
  }
}
/* =========================================================
   19. بنية الهيدر البديلة (header-v1 / v3 / v4)
   ملاحظة: القالب الحالي يستخدم header-v2 فقط في الصفحة
   الرئيسية، لكن تم الإبقاء على هذه القواعد لأنها قد تُستخدم
   في تخطيطات أو صفحات أخرى ضمن نفس القالب.
========================================================= */

header.header-v1 .main-menu {
  background: #fff;
  position: relative;
  z-index: 99;
  border-bottom: 1px solid rgba(0,0,0,.1);
}

header.header-v1 .main-menu .header-main-inner {
  position: relative;
}

header.header-v1 .main-menu .header-main-inner .area-main-menu {
  position: static;
}

header.header-v1 .main-menu .header-main-inner .area-main-menu .area-inner {
  position: inherit;
}

header.header-v1 .main-menu .header-main-inner .area-main-menu .area-inner .navigation {
  position: inherit;
}

header.header-v1 .main-menu .header-main-inner .area-main-menu .area-inner .navigation .gva_menu_main {
  position: inherit;
}

header.header-v1 .area-main-menu .area-inner {
  position: relative;
}

@media (max-width: 991px) {
  header.header-v1 #menu-bar, header.header-v1 .gva-search-region {
    margin-top: -5px;
  }
}

header.header-v3 .header-bottom {
  background: #343a40;
}

header.header-v3 .main-menu {
  position: relative;
  z-index: 99;
  border-bottom: 1px solid rgba(0,0,0,.1);
  margin-bottom: 0;
}

@media (min-width: 991px) {
  header.header-v3 .main-menu .area-inner ul.gva_menu > li > a {
    color: #fff;
    padding-top: 18px;
    padding-bottom: 18px;
  }

  header.header-v3 .main-menu .area-inner ul.gva_menu > li > a:hover {
    color: #009673;
  }

  header.header-v3 .main-menu .area-inner ul.gva_menu > li.menu-item--active-trail > a {
    color: #009673;
  }
}

header.header-v3 .menu-another {
  left: 20px;
}

header.header-v3 #menu-bar span,
header.header-v3 #menu-bar-another span {
  background: #fff;
}

header.header-v4 .topbar .topbar-left ul.gva_menu > li a:after {
  background: rgba(255,255,255,.2);
}

header.header-v4 .main-menu {
  background: #084ea5;
  position: relative;
  z-index: 99;
}

header.header-v4 .main-menu .header-main-inner {
  position: relative;
}

header.header-v4 .main-menu .header-main-inner .area-main-menu {
  position: static;
}

header.header-v4 .main-menu .header-main-inner .area-main-menu .area-inner {
  position: inherit;
}

header.header-v4 .main-menu .header-main-inner .area-main-menu .area-inner .navigation {
  position: inherit;
}

header.header-v4 .main-menu .header-main-inner .area-main-menu .area-inner .navigation .gva_menu_main {
  position: inherit;
}

header.header-v4 .area-main-menu .area-inner {
  position: relative;
}

header.header-v4 .area-main-menu .area-inner.menu-hover .navigation .gva_menu > li > a {
  padding: 30px 11px;
  color: #fff;
  border-right: 1px solid #1a59a8;
  font-size: 14px;
  font-weight: 400;
}

header.header-v4 .area-main-menu .area-inner.menu-hover .navigation .gva_menu > li > a:hover {
  color: #ffeb3b;
}

header.header-v4 .area-main-menu .area-inner.menu-hover .navigation .gva_menu > li > a:active {
  color: #fffbda !important;
}

header.header-v4 #menu-bar-another span,
header.header-v4 #menu-bar span {
  background: #ccc;
}

@media (max-width: 991px) {
  header.header-v4 #menu-bar, header.header-v4 .gva-search-region {
    margin-top: -5px;
  }

  header.header-v4 .area-main-menu .area-inner.menu-hover .navigation .gva_menu > li > a {
    padding: 0;
  }
}

/* =========================================================
   20. شبكة فيديو قديمة (more-block) — للهاتف فقط، صفحات داخلية
========================================================= */

@media (max-width: 900px) {
  .video .item:nth-child(5) {
    display: none;
  }

  .video .item::before {
    top: 75px;
    left: 66px;
  }

  .video .item {
    width: 47%;
    margin: 3px !important;
    padding: 2px;
    height: 312px;
  }

  .video .item img {
    height: 101px;
    width: 100%;
    float: unset;
    background: #ffffff;
    padding: 6px;
    border-radius: 0;
  }

  .video .item a {
    padding: 10px;
    margin: 0;
    height: auto;
    text-align: right;
    display: block;
    font-size: 15px;
  }

  .video a:hover {
    background: none;
    border-right: 0;
  }

  div#block-gavias-batiz-views-block-post-block-1 {
    margin: 0 !important;
    padding: 1px !important;
  }
}

/* =========================================================
   21. قواعد متفرقة عامة
========================================================= */

.header-main-inner .block {
  float: right;
}

.contextual {
}

.content-main {
  clear: both;
}

.views-field.views-field-title,
.views-field.views-field-field-categories {
}

.item-post {
}
/* =========================================================
   22. كتل "topnews / news-list / news / post" القديمة
   (تظهر في صفحات داخلية: قوائم الأخبار، الشريط الجانبي)
========================================================= */

#block-gavias-batiz-views-block-topnews-block-1 {
  height: 468px;
}

.topnews .views-field.views-field-title {
  width: 100%;
  display: block;
  position: relative;
  top: -101px;
  background: #35477e;
  height: 100px;
  overflow: hidden;
  border-radius: 10px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.topnews .views-field.views-field-body p {
  color: #333;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  padding-right: 16px;
  padding-top: 0;
  text-align: justify;
}

.topnews .views-field.views-field-body {
  width: 194px;
  float: right;
}

.topnews img {
  width: 767px;
  height: 468px;
  border-radius: 14px;
}

.topnews .views-field.views-field-title a:hover {
  color: #fffac0 !important;
}

/* news-list */
.news-list .item {
  background: white;
  clear: both;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  box-shadow: 1px 2px 12px 4px #f5f5f5;
}

.news-list .item:hover {
  background: #f4f4f4;
}

.news-list .item a {
  padding: 9px;
  color: #000000;
  font-size: 13px;
  display: block;
  text-align: justify;
  line-height: 25px;
}

.news-list .item a:hover {
  color: red;
}

.news-list .item img {
  width: 100%;
  height: 118px;
  padding: 7px;
  background: #ffffff;
}

div#block-gavias-batiz-views-block-news-list-block-1 {
  float: right;
  width: 219px;
}

/* news */
div#block-gavias-batiz-views-block-news-block-1 {
  clear: both;
}

.news .item {
  width: 365px;
  clear: both;
  margin-left: 10px;
  overflow: hidden;
  margin-bottom: 8px;
  margin-top: 9px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
}

.news .item:hover {
  background-color: #fcfcfc;
}

.news .views-field-title a {
  font-size: 14px;
  color: #161616;
  display: block;
  padding: 7px;
  text-align: right;
  line-height: 30px;
}

.content-top .news .item {
  float: right;
  clear: unset;
  margin-right: 0;
  margin-left: 18px;
  width: 364px;
  height: 131px;
}

div#block-gavias-batiz-views-block-news-block-2 .news .item {
}

div#block-gavias-batiz-views-block-news-block-2 .news .item img {
}

.news .views-field-field-image img {
  float: right;
  width: 139px;
  height: 91px;
  background-color: white;
  margin: 4px;
  border-radius: 6px;
  margin-left: 14px;
  -webkit-box-shadow: 0 3px 4px rgb(140 130 130 / 30%), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* post */
.post .item {
  float: right;
  width: 91%;
  margin: 5px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid #ededed;
  display: block;
  padding-bottom: 31px;
  overflow: hidden;
}

.post .item img {
  width: 100%;
  height: 173px;
  box-shadow: 0px 6px 9px -5px #ddd;
  -webkit-box-shadow: 0 3px 4px rgb(140 130 130 / 30%), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  border-radius: 6px;
}

.post .item .views-field.views-field-title a {
  font-weight: 400;
  text-align: center;
  line-height: 27px;
  padding: 9px;
  font-size: 13px;
  display: block;
  color: #000000;
  margin-bottom: 12px;
}

.post .item a:hover {
  color: #dc0f0f;
}

.post .item:nth-child(4) {
  margin-right: 0;
}

.post .item:nth-child(5) {
  display: none;
}

.nav-tabs > li > a {
  color: #fff;
}

.nav-tabs > li {
  float: right;
  background: #0099cc;
  margin-right: 4px;
}

div#block-gavias-batiz-views-block-more-block-1 {
  display: none;
}

.node--type-article #block-gavias-batiz-views-block-more-block-1 {
  display: block;
}

.categories-view-content.view-content-wrap img {
  width: 100px;
  float: right;
}

.categories-view-content.view-content-wrap a {
  padding: 5px !important;
  display: block !important;
}

.item-post {
  width: 100% !important;
  margin: 4px;
  border-top: 1px solid #ddd;
  padding: 4px !important;
  display: block !important;
}

.views-field.views-field-field-categories {
  display: none;
}

div#block-gavias-batiz-views-block-post3-block-1 {
  width: 100%;
  padding: 0 !important;
  margin-top: 17px !important;
  clear: both;
}

div#block-gavias-batiz-views-block-post2-block-2-2 .post2 .item {
  float: right;
  width: 29%;
  margin-top: 9px;
  padding: 5px 0;
  margin-right: 29px;
}

div#block-gavias-batiz-views-block-post2-block-2 h2 {
  margin: 0;
}

div#block-gavias-batiz-views-block-post2-block-2 h2 span {
}

div#block-gavias-batiz-views-block-post2-block-2 .block-title > span {
}

div#block-gavias-batiz-views-block-post2-block-2 .block-title > span::before {
}

/* =========================================================
   ONEL Search Page, Search Form + Results
   صفحة البحث ونتائج البحث
========================================================= */

/* الحاوية العامة */
body.path-search #block-gavias-batiz-content,
body[class*="path-search"] #block-gavias-batiz-content {
  direction: rtl;
  width: 100%;
  max-width: 980px;
  margin: 40px auto 70px;
  clear: both;
}

body.path-search #block-gavias-batiz-content .content.block-content,
body[class*="path-search"] #block-gavias-batiz-content .content.block-content {
  padding: 0;
}

/* صندوق البحث */
body.path-search .search-form,
body[class*="path-search"] .search-form {
  position: relative;
  margin: 0 0 34px;
  padding: 28px;
  border: 1px solid #dfe8e3;
  border-radius: 24px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 107, 60, .055), transparent 28%),
    #ffffff;
  box-shadow: 0 16px 38px rgba(0, 60, 34, .07);
  overflow: hidden;
}

body.path-search .search-form::before,
body[class*="path-search"] .search-form::before {
  content: "البحث في الموقع";
  display: block;
  margin: 0 0 20px;
  color: #005f36;
  font-size: 28px;
  /* font-weight: 900; */
  line-height: 1.4;
}

/* البحث الأساسي */
body.path-search .search-form .container-inline,
body[class*="path-search"] .search-form .container-inline {
  display: grid;
  grid-template-columns: 1fr 120px;
  gap: 12px;
  align-items: end;
  margin: 0;
}

body.path-search .search-form .form-item-keys,
body[class*="path-search"] .search-form .form-item-keys {
  margin: 0;
}

body.path-search .search-form label,
body[class*="path-search"] .search-form label {
  display: block;
  margin: 0 0 8px;
  color: #1c2c25;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.5;
}

body.path-search .search-form input.form-search,
body.path-search .search-form input.form-text,
body[class*="path-search"] .search-form input.form-search,
body[class*="path-search"] .search-form input.form-text {
  width: 100%;
  height: 52px;
  padding: 0 16px;
  border: 1px solid #dfe8e3;
  border-radius: 14px;
  background: #f8fbf9;
  color: #10251b;
  font-size: 15px;
  font-weight: 700;
  outline: none;
  box-shadow: none;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

body.path-search .search-form input.form-search:focus,
body.path-search .search-form input.form-text:focus,
body[class*="path-search"] .search-form input.form-search:focus,
body[class*="path-search"] .search-form input.form-text:focus {
  border-color: #006b3c;
  background: #ffffff;
  box-shadow: 0 0 0 4px rgba(0, 107, 60, .10);
}

/* أزرار البحث */
body.path-search .search-form input.form-submit,
body[class*="path-search"] .search-form input.form-submit {
  height: 52px;
  padding: 0 24px;
  border: 0;
  border-radius: 14px;
  background: #006b3c;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 26px rgba(0, 107, 60, .20);
  transition: background .22s ease, transform .22s ease, box-shadow .22s ease;
}

body.path-search .search-form input.form-submit:hover,
body[class*="path-search"] .search-form input.form-submit:hover {
  background: #004f2c;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(0, 107, 60, .26);
}

/* رابط المساعدة */
body.path-search .search-help-link,
body[class*="path-search"] .search-help-link {
  display: none !important;
}

/* البحث المتقدم */
body.path-search .search-advanced,
body[class*="path-search"] .search-advanced {
  margin-top: 18px;
  padding: 0;
  border: 1px solid #e2ebe6;
  border-radius: 16px;
  background: #f8fbf9;
  overflow: hidden;
}

body.path-search .search-advanced summary,
body[class*="path-search"] .search-advanced summary {
  padding: 15px 18px;
  color: #005f36;
  font-size: 15px;
  font-weight: 900;
  cursor: pointer;
  list-style: none;
  background: #f2f8f5;
  border-bottom: 1px solid #e2ebe6;
}

body.path-search .search-advanced summary::-webkit-details-marker,
body[class*="path-search"] .search-advanced summary::-webkit-details-marker {
  display: none;
}

body.path-search .search-advanced summary::before,
body[class*="path-search"] .search-advanced summary::before {
  content: "\f002";
  font-family: FontAwesome;
  margin-left: 8px;
  color: #006b3c;
}

body.path-search .search-advanced fieldset,
body[class*="path-search"] .search-advanced fieldset {
  margin: 18px;
  padding: 18px;
  border: 1px solid #dfe8e3;
  border-radius: 14px;
  background: #ffffff;
}

body.path-search .search-advanced legend,
body[class*="path-search"] .search-advanced legend {
  padding: 0 8px;
  color: #005f36;
  font-size: 14px;
  font-weight: 900;
}

body.path-search .search-advanced .fieldset-wrapper,
body[class*="path-search"] .search-advanced .fieldset-wrapper {
  display: grid;
  gap: 14px;
}

body.path-search .search-advanced .form-checkboxes .form-item,
body[class*="path-search"] .search-advanced .form-checkboxes .form-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 6px 14px 6px 0;
}

body.path-search .search-advanced input.form-checkbox,
body[class*="path-search"] .search-advanced input.form-checkbox {
  accent-color: #006b3c;
}

body.path-search .search-advanced label.option,
body[class*="path-search"] .search-advanced label.option {
  margin: 0;
  color: #33413a;
  font-size: 13px;
  font-weight: 800;
}

body.path-search .search-advanced .action,
body[class*="path-search"] .search-advanced .action {
  padding: 0 18px 18px;
}

/* عنوان نتائج البحث */
body.path-search #block-gavias-batiz-content h2,
body[class*="path-search"] #block-gavias-batiz-content h2 {
  margin: 0 0 20px;
  color: #005f36;
  font-size: 28px;
  /* font-weight: 900; */
  line-height: 1.4;
}

body.path-search #block-gavias-batiz-content h2::before,
body[class*="path-search"] #block-gavias-batiz-content h2::before {
  content: "\f1ea";
  font-family: FontAwesome;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin-left: 10px;
  border-radius: 10px;
  background: #ffc928;
  color: #005f36;
  font-size: 15px;
  vertical-align: middle;
}

/* قائمة النتائج */
body.path-search .search-results,
body[class*="path-search"] .search-results {
  list-style: none;
  counter-reset: search-result;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}

body.path-search .search-results li,
body[class*="path-search"] .search-results li {
  position: relative;
  counter-increment: search-result;
  padding: 22px 72px 22px 24px;
  border: 1px solid #dfe8e3;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(0, 60, 34, .045);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

body.path-search .search-results li:hover,
body[class*="path-search"] .search-results li:hover {
  transform: translateY(-4px);
  border-color: #b8d8c7;
  box-shadow: 0 16px 34px rgba(0, 95, 54, .10);
}

/* رقم النتيجة */
body.path-search .search-results li::before,
body[class*="path-search"] .search-results li::before {
  content: counter(search-result);
  position: absolute;
  top: 22px;
  right: 22px;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: #eef8f2;
  color: #006b3c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 900;
}

/* عنوان النتيجة */
body.path-search .search-results h3,
body[class*="path-search"] .search-results h3 {
  margin: 0 0 10px;
  padding: 0;
  font-size: 14px;
  /* font-weight: 900; */
  line-height: 1.65;
}

body.path-search .search-results h3 a,
body[class*="path-search"] .search-results h3 a {
  color: #073b28 !important;
  text-decoration: none !important;
  transition: color .22s ease;
}

body.path-search .search-results h3 a:hover,
body[class*="path-search"] .search-results h3 a:hover {
  color: #006b3c !important;
}

/* مقتطف النتيجة */
body.path-search .search-results p,
body[class*="path-search"] .search-results p {
  margin: 0;
  color: #083b27;
  font-size: 14px;
  /* font-weight: 650; */
  line-height: 1.9;
}

body.path-search .search-results p + p,
body[class*="path-search"] .search-results p + p {
  display: none;
}

/* تمييز كلمة البحث */
body.path-search .search-results strong,
body[class*="path-search"] .search-results strong {
  color: #005f36;
  background: rgba(255, 201, 40, .28);
  padding: 0 3px;
  border-radius: 4px;
  /* font-weight: 900; */
}

/* حالة عدم وجود نتائج، إن ظهرت */
body.path-search .search-results:empty::before,
body[class*="path-search"] .search-results:empty::before {
  content: "لا توجد نتائج مطابقة لبحثك.";
  display: block;
  padding: 24px;
  border: 1px solid #dfe8e3;
  border-radius: 18px;
  background: #ffffff;
  color: #43544c;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

/* Responsive */
@media (max-width: 767px) {
  body.path-search #block-gavias-batiz-content,
  body[class*="path-search"] #block-gavias-batiz-content {
    max-width: none;
    margin: 28px 14px 54px;
  }

  body.path-search .search-form,
  body[class*="path-search"] .search-form {
    padding: 20px;
    border-radius: 20px;
  }

  body.path-search .search-form::before,
  body[class*="path-search"] .search-form::before {
    font-size: 23px;
  }

  body.path-search .search-form .container-inline,
  body[class*="path-search"] .search-form .container-inline {
    grid-template-columns: 1fr;
  }

  body.path-search .search-results li,
  body[class*="path-search"] .search-results li {
    padding: 20px 62px 20px 18px;
    border-radius: 16px;
  }

  body.path-search .search-results h3,
  body[class*="path-search"] .search-results h3 {
    font-size: 17px;
  }

  body.path-search .search-results p,
  body[class*="path-search"] .search-results p {
    font-size: 14px;
  }
}


/* =========================================================
   ONEL Footer Search Block
   Block: #block-gavias-batiz-astmartalbhth-2
========================================================= */

#block-gavias-batiz-astmartalbhth-2 {
  direction: rtl;
  width: 100%;
  max-width: 320px;
  margin: 22px auto 0;
  padding: 0;
  position: relative;
}

/* إزالة هوامش Drupal */
#block-gavias-batiz-astmartalbhth-2 form,
#block-gavias-batiz-astmartalbhth-2 .form-item,
#block-gavias-batiz-astmartalbhth-2 .form-actions {
  margin: 0;
  padding: 0;
}

/* نموذج البحث */
#block-gavias-batiz-astmartalbhth-2 .search-block-form {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, .20);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  overflow: hidden;
  transition: border-color .22s ease, background .22s ease, box-shadow .22s ease;
}

#block-gavias-batiz-astmartalbhth-2 .search-block-form:focus-within {
  border-color: rgba(255, 201, 40, .70);
  background: rgba(255, 255, 255, .12);
  box-shadow: 0 0 0 4px rgba(255, 201, 40, .10);
}

/* حقل البحث */
#block-gavias-batiz-astmartalbhth-2 .form-item-keys {
  flex: 1;
  min-width: 0;
  height: 100%;
}

#block-gavias-batiz-astmartalbhth-2 input.form-search {
  width: 100%;
  height: 48px;
  padding: 0 18px 0 12px;
  border: 0 !important;
  border-radius: 0;
  background: transparent !important;
  color: #ffffff;
  font-size: 14px;
  font-weight: 800;
  outline: none;
  box-shadow: none !important;
}

#block-gavias-batiz-astmartalbhth-2 input.form-search::placeholder {
  color: rgba(255,255,255,.62);
}

/* دعم إذا لم يظهر placeholder من Drupal */
#block-gavias-batiz-astmartalbhth-2 .form-item-keys::before {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,.62);
  font-size: 13px;
  font-weight: 800;
  pointer-events: none;
  transition: opacity .18s ease;
}

/* إخفاء النص الوهمي عند التركيز أو وجود قيمة */
#block-gavias-batiz-astmartalbhth-2 .search-block-form:focus-within .form-item-keys::before {
  opacity: 0;
}

/* زر البحث */
#block-gavias-batiz-astmartalbhth-2 .form-actions {
  flex: 0 0 auto;
  height: 100%;
}

#block-gavias-batiz-astmartalbhth-2 input.form-submit {
  width: 52px;
  height: 48px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: #ffc928;
  color: transparent !important;
  font-size: 0;
  cursor: pointer;
  box-shadow: none;
  transition: background .22s ease, transform .22s ease;
}

/* أيقونة البحث فوق الزر */
#block-gavias-batiz-astmartalbhth-2 .form-actions::before {
  content: "\f002";
  font-family: FontAwesome;
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  color: #005f36;
  font-size: 16px;
  font-weight: normal;
  pointer-events: none;
  z-index: 3;
}

#block-gavias-batiz-astmartalbhth-2 input.form-submit:hover {
  background: #ffdc55;
}

#block-gavias-batiz-astmartalbhth-2 input.form-submit:active {
  transform: scale(.96);
}

/* إزالة أي عرض inline قديم */
#block-gavias-batiz-astmartalbhth-2.container-inline,
#block-gavias-batiz-astmartalbhth-2 .container-inline {
  display: block;
}

/* تحسين داخل عمود الفوتر */
.footer-first #block-gavias-batiz-astmartalbhth-2 {
  margin-top: 20px;
}

/* موبايل */
@media (max-width: 767px) {
  #block-gavias-batiz-astmartalbhth-2 {
    max-width: 100%;
    margin-top: 18px;
  }

  #block-gavias-batiz-astmartalbhth-2 .search-block-form {
    height: 46px;
  }

  #block-gavias-batiz-astmartalbhth-2 input.form-search,
  #block-gavias-batiz-astmartalbhth-2 input.form-submit {
    height: 46px;
  }
}

/* =========================================================
   CFCCA Mobile Final Fix
   Fix broken mobile layout, columns, galleries, cards
========================================================= */

@media (max-width: 991px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .body-page,
  .main,
  .main-page,
  #content,
  .content,
  .content-full,
  .container,
  .content-main-inner,
  .content-main-inner > .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    /* padding-left: 10px !important; */
    /* padding-right: 10px !important; */
    overflow-x: hidden !important;
  }

  #page-main-content,
  .main-content,
  .sidebar,
  .sidebar-left,
  .col-md-3,
  .col-md-9,
  .col-md-push-3,
  .col-md-pull-9,
  .col-sm-12,
  .col-xs-12 {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    left: auto !important;
    right: auto !important;
    position: relative !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    transform: none !important;
  }

  .content-top,
  .content-main,
  .highlighted,
  .highlighted .container,
  .highlighted .content-inner {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .theiaStickySidebar {
    width: 100% !important;
    position: static !important;
    transform: none !important;
  }
}


/* =========================================================
   Mobile Header
========================================================= */

@media (max-width: 767px) {

  .topbar {
    min-height: auto !important;
  }

  .c3i-topbar,
  .c3i-topbar-inner {
    width: 100% !important;
  }

  .c3i-topbar-inner {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 6px 10px !important;
  }

  .c3i-topbar-left,
  .c3i-topbar-right {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .c3i-topbar-item,
  .c3i-language-current,
  .c3i-student-space {
    font-size: 11px !important;
    line-height: 1.2 !important;
  }

  header.header-v2 .header-main .site-branding {
    padding: 8px 0 !important;
  }

  div#block-gavias-batiz-site-branding {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
  }

  div#block-gavias-batiz-site-branding img {
    width: 100% !important;
    max-width: 360px !important;
    height: auto !important;
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
  }

  header.header-v2 .main-menu {
    margin-bottom: 16px !important;
  }

  .main-menu .area-main-menu .area-inner {
    min-height: 42px !important;
  }
}


/* =========================================================
   Mobile Slider
========================================================= */

@media (max-width: 767px) {

  #block-gavias-batiz-views-block-home-hero-slider-block-1 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 14px auto 24px !important;
    padding: 0 !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .skin-default,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_main,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_teaser_section,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_slide,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row {
    height: 245px !important;
    border-radius: 14px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 img {
    height: 245px !important;
    border-radius: 14px !important;
    object-fit: cover !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title {
    left: 14px !important;
    right: 14px !important;
    bottom: 48px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title a {
    font-size: 17px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-categories {
    top: 18px !important;
    left: 14px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-categories a {
    font-size: 10px !important;
    padding: 5px 9px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node {
    left: 14px !important;
    bottom: 14px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node a {
    min-height: 28px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next {
    display: none !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-pager-bullets {
    bottom: 12px !important;
  }
}


/* =========================================================
   Mobile Block Titles
========================================================= */

@media (max-width: 767px) {

  .block {
    margin-bottom: 22px !important;
  }

  .block .block-title,
  .content-top .block .block-title,
  .sidebar-left .block-title,
  .highlighted .block .block-title {
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
  }

  .block .block-title > span,
  .content-top .block .block-title > span,
  .sidebar-left .block-title > span,
  .highlighted .block .block-title > span {
    font-size: 15px !important;
    line-height: 1.25 !important;
    padding: 6px 10px !important;
    margin: 0 !important;
    border-radius: 8px !important;
  }

  .block .block-title::after,
  .content-top .block .block-title::after,
  .sidebar-left .block-title::after,
  .highlighted .block .block-title::after {
    display: none !important;
  }
}


/* =========================================================
   Mobile Stats, 2 columns instead of long vertical stack
========================================================= */

@media (max-width: 767px) {

  #block-gavias-batiz-chiffresclesduc3i {
    margin: 0 0 28px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stats-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-card {
    min-height: 128px !important;
    padding: 16px 8px !important;
    border-radius: 14px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-icon {
    width: 44px !important;
    height: 44px !important;
    margin-bottom: 10px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-icon i {
    font-size: 20px !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-number {
    font-size: 24px !important;
    line-height: 1.1 !important;
  }

  #block-gavias-batiz-chiffresclesduc3i .c3i-stat-label {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }
}


/* =========================================================
   Mobile Album, 2 columns and limit home length
========================================================= */

@media (max-width: 767px) {

  #block-gavias-batiz-views-block-top-photos-block-1 {
    margin: 0 0 30px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .view-content-wrap {
    padding: 10px !important;
    border-radius: 16px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-title {
    display: none !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img {
    width: 100% !important;
    height: 112px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    margin: 0 !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 .views-field-body .field-content img:nth-of-type(n+9) {
    display: none !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 footer {
    margin-top: 12px !important;
  }

  #block-gavias-batiz-views-block-top-photos-block-1 footer a {
    width: auto !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 11px !important;
  }
}


/* =========================================================
   Mobile Programs, compact cards
========================================================= */

@media (max-width: 767px) {

  #block-gavias-batiz-nosprogrammesdeformation {
    margin: 0 0 30px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-programs-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card {
    min-height: auto !important;
    padding: 16px 10px !important;
    border-radius: 14px !important;
    text-align: center !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-icon {
    width: 44px !important;
    height: 44px !important;
    margin: 0 auto 12px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-icon i {
    font-size: 20px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card h3 {
    font-size: 12px !important;
    line-height: 1.35 !important;
    min-height: 44px !important;
    margin: 0 0 8px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card p {
    font-size: 11px !important;
    line-height: 1.45 !important;
    margin: 0 0 10px !important;
  }

  #block-gavias-batiz-nosprogrammesdeformation .c3i-program-card a {
    font-size: 11px !important;
  }
}


/* =========================================================
   Mobile Sidebar Blocks
========================================================= */

@media (max-width: 767px) {

  .sidebar.sidebar-left .sidebar-inner > div > .block,
  .sidebar.sidebar-left .block {
    padding: 12px !important;
    margin: 0 0 18px !important;
    border-radius: 16px !important;
  }

  #block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 .field__item img,
  #block-gavias-batiz-organigramme img,
  #block-gavias-batiz-controleur img,
  #block-gavias-batiz-pourquoichoisirlec3i img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
    border-radius: 12px !important;
  }

  #block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 p {
    font-size: 12px !important;
    line-height: 1.7 !important;
    padding: 10px !important;
    margin: 0 !important;
  }

  #block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 p a {
    float: none !important;
    width: auto !important;
    display: inline-flex !important;
    margin: 10px auto !important;
  }

  .c3i-sidebar-why-photo {
    height: 120px !important;
  }

  .c3i-sidebar-why-points li {
    font-size: 11px !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
  }

  .c3i-sidebar-why-more {
    min-height: 34px !important;
    font-size: 11px !important;
  }
}


/* =========================================================
   Mobile Videos
========================================================= */

@media (max-width: 767px) {

  #block-gavias-batiz-views-block-videos-block-1 {
    margin: 0 0 30px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .view-content-wrap,
  .video .view-content-wrap {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    float: none !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .item,
  .video .item {
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    border-radius: 14px !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 img,
  .video .item img {
    width: 100% !important;
    height: 155px !important;
    object-fit: cover !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 14px 14px 0 0 !important;
  }

  #block-gavias-batiz-views-block-videos-block-1 .views-field-title a,
  .video .item a {
    font-size: 12px !important;
    line-height: 1.55 !important;
    padding: 12px !important;
    text-align: left !important;
  }
}


/* =========================================================
   Mobile Footer
========================================================= */

@media (max-width: 767px) {

  footer#footer,
  .footer,
  .footer-center,
  .footer-inner {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .footer-center {
    padding: 28px 12px 16px !important;
  }

  .footer-center .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  .footer-center .column,
  .footer-first,
  .footer-second,
  .footer-third,
  .footer-four {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
  }

  .footer-center .block {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 0 18px !important;
    border-left: 0 !important;
  }

  .footer .block-title > span {
    margin: 0 !important;
  }

  .c3i-footer-center-name {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .footer a,
  .footer p,
  .footer li,
  .footer span {
    font-size: 12px !important;
    line-height: 1.7 !important;
  }
}

/* =========================================================
   ONEL Partners Slider, RTL, Full Width
========================================================= */

#block-gavias-batiz-shrkaalmrsd {
  width: 100%;
  margin: 45px 0 60px;
  direction: rtl;
  clear: both;
}

#block-gavias-batiz-shrkaalmrsd .block-title {
  text-align: right;
  margin: 0 0 22px;
  padding: 0;
  color: #005f36;
  /* font-size: 32px; */
  font-weight: 900;
  line-height: 1.4;
}

#block-gavias-batiz-shrkaalmrsd .block-title span {
  display: inline-block;
  padding: 5px 18px;
  border-radius: 5px;
  background: #006b3c;
  color: #ffffff;
}

.onel-partners-section {
  position: relative;
  width: 100%;
  background: #ffffff;
  border: 1px solid #dfe7e3;
  border-radius: 28px;
  padding: 42px 46px 44px;
  box-shadow: 0 18px 45px rgba(0, 60, 34, .07);
  overflow: hidden;
}

.onel-partners-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 34px;
}

.onel-partners-header h3 {
  display: none;
}

.onel-partners-header p {
  margin: 0;
  max-width: 1000px;
  color: #33413a;
  font-size: 21px;
  font-weight: 700;
  line-height: 2;
  text-align: right;
}

.onel-partners-all {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 15px 30px;
  border-radius: 999px;
  background: #006b3c;
  color: #ffffff !important;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0, 107, 60, .24);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
  white-space: nowrap;
}

.onel-partners-all:hover {
  background: #004f2c;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0, 107, 60, .30);
}

.onel-partners-slider-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 160px;
}

.onel-partners-slider {
  position: relative;
  flex: 1;
  overflow: hidden;
  padding: 8px 0;
}

.onel-partners-slider::before,
.onel-partners-slider::after {
  content: "";
  position: absolute;
  top: 0;
  width: 110px;
  height: 100%;
  z-index: 3;
  pointer-events: none;
}

.onel-partners-slider::before {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255,255,255,.82) 45%, rgba(255,255,255,0) 100%);
}

.onel-partners-slider::after {
  left: 0;
  background: linear-gradient(90deg, #ffffff 0%, rgba(255,255,255,.82) 45%, rgba(255,255,255,0) 100%);
}

.onel-partners-track {
  display: flex;
  align-items: center;
  gap: 22px;
  width: max-content;
  will-change: transform;
  animation: onelPartnersAutoRTL 32s linear infinite;
}

.onel-partners-slider:hover .onel-partners-track {
  animation-play-state: paused;
}

.onel-partners-track.is-manual {
  animation: none !important;
  transition: transform .45s ease;
}

.onel-partner-logo {
  width: 153px;
  height: 101px;
  padding: 7px 14px;
  border: 1px solid #e2ebe6;
  border-radius: 18px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  box-shadow: 0 8px 24px rgba(0, 60, 34, .04);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.onel-partner-logo:hover {
  transform: translateY(-5px);
  border-color: #b9d8c8;
  box-shadow: 0 14px 32px rgba(0, 95, 54, .13);
}

.onel-partner-logo img {
  max-width: 100%;
  max-height: 82px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(8%);
  transition: filter .25s ease, transform .25s ease;
}

.onel-partner-logo:hover img {
  filter: grayscale(0);
  transform: scale(1.04);
}

.onel-partners-arrow {
  width: 58px;
  height: 58px;
  border: 1px solid #dfe7e3;
  border-radius: 50%;
  background: #ffffff;
  color: #006b3c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(0, 60, 34, .10);
  transition: background .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease;
  z-index: 5;
}

.onel-partners-arrow:hover {
  background: #006b3c;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(0, 107, 60, .20);
}

.onel-partners-arrow:focus {
  outline: none;
}

@keyframes onelPartnersAutoRTL {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(50%);
  }
}

@media (max-width: 1199px) {
  .onel-partners-section {
    padding: 34px 28px 36px;
  }

  .onel-partners-header p {
    font-size: 18px;
  }

  .onel-partner-logo {
    width: 175px;
    height: 112px;
  }
}

@media (max-width: 991px) {
  .onel-partners-header {
    flex-direction: column;
    gap: 18px;
  }

  .onel-partners-header p {
    font-size: 16px;
  }

  .onel-partners-all {
    font-size: 15px;
    padding: 13px 24px;
  }

  .onel-partners-arrow {
    display: none;
  }

  .onel-partner-logo {
    width: 150px;
    height: 96px;
    padding: 14px;
  }

  .onel-partner-logo img {
    max-height: 62px;
  }

  .onel-partners-track {
    animation-duration: 24s;
  }
}

@media (max-width: 575px) {
  #block-gavias-batiz-shrkaalmrsd .block-title {
    font-size: 24px;
  }

  .onel-partners-section {
    padding: 24px 16px 28px;
    border-radius: 20px;
  }

  .onel-partners-header p {
    font-size: 14px;
    line-height: 1.9;
  }

  .onel-partner-logo {
    width: 135px;
    height: 88px;
  }
}

/* =========================================================
   ONEL Reports and Publications Block
========================================================= */

#block-gavias-batiz-tqaryrwmnshwrat {
  width: 100%;
  margin: 45px 0 60px;
  direction: rtl;
  clear: both;
}

#block-gavias-batiz-tqaryrwmnshwrat .block-title {
  text-align: right;
  margin: 0 0 22px;
  padding: 0;
  color: #005f36;
  /* font-size: 32px; */
  font-weight: 900;
  line-height: 1.4;
}

#block-gavias-batiz-tqaryrwmnshwrat .block-title span {
  display: inline-block;
  padding: 5px 18px;
  border-radius: 5px;
  background: #006b3c;
  color: #ffffff;
}

.onel-reports-block {
  background: #ffffff;
  border: 1px solid #dfe7e3;
  border-radius: 28px;
  padding: 36px 38px 38px;
  box-shadow: 0 18px 45px rgba(0, 60, 34, .07);
}

.onel-reports-intro {
  max-width: 1050px;
  margin-bottom: 30px;
}

.onel-reports-intro p {
  margin: 0;
  color: #33413a;
  font-size: 13px;
  /* font-weight: 600; */
  line-height: 2;
}

.onel-reports-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.onel-report-card {
  position: relative;
  min-height: 275px;
  padding: 26px 22px 24px;
  border: 1px solid #e1eae5;
  border-radius: 22px;
  background:
    radial-gradient(circle at 20% 0%, rgba(0, 107, 60, .07), transparent 32%),
    #ffffff;
  box-shadow: 0 10px 28px rgba(0, 60, 34, .04);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.onel-report-card:hover {
  transform: translateY(-6px);
  border-color: #b9d8c8;
  box-shadow: 0 18px 36px rgba(0, 95, 54, .12);
}

.onel-report-icon {
  width: 62px;
  height: 62px;
  margin-bottom: 20px;
  border-radius: 18px;
  background: #eef8f2;
  color: #006b3c;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
}

.onel-report-content {
  text-align: right;
}

.onel-report-category {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #f3f8f5;
  color: #006b3c;
  font-size: 10px;
  /* font-weight: 800; */
}

.onel-report-content h3 {
  margin: 0 0 13px;
  color: #005f36;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.6;
}

.onel-report-content p {
  margin: 0 0 18px;
  color: #333b36;
  font-size: 11px;
  /* font-weight: 500; */
  line-height: 1.9;
}

.onel-report-content a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #bd2929 !important;
  font-size: 11px;
  /* font-weight: 900; */
  text-decoration: none !important;
}

.onel-report-content a:hover {
  color: #004f2c !important;
}

.onel-reports-action {
  margin-top: 28px;
  text-align: center;
}

.onel-reports-more {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 5px 24px;
  border-radius: 999px;
  background: #9a3d3d;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0, 107, 60, .24);
  transition: background .25s ease, transform .25s ease, box-shadow .25s ease;
}

.onel-reports-more:hover {
  background: #004f2c;
  color: #ffffff !important;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0, 107, 60, .30);
}

@media (max-width: 1199px) {
  .onel-reports-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .onel-report-card {
    min-height: 245px;
  }
}

@media (max-width: 767px) {
  #block-gavias-batiz-tqaryrwmnshwrat .block-title {
    font-size: 24px;
  }

  .onel-reports-block {
    padding: 24px 18px 28px;
    border-radius: 22px;
  }

  .onel-reports-intro p {
    font-size: 15px;
    line-height: 1.9;
  }

  .onel-reports-grid {
    grid-template-columns: 1fr;
  }

  .onel-report-card {
    min-height: auto;
  }

  .onel-reports-more {
    width: 100%;
    justify-content: center;
    font-size: 14px;
  }
}



/* =========================================================
   ONEL News Page, Equal Modern Cards
   أخبار المرصد, Responsive Grid
========================================================= */

#block-gavias-batiz-content {
  direction: rtl;
  margin: 35px 0 60px;
}

#block-gavias-batiz-content .content.block-content {
  padding: 0;
}

/* الحاوية العامة */
#block-gavias-batiz-content .views-element-container {
  width: 100%;
}

/* شبكة الأخبار */
#block-gavias-batiz-content .views-view-responsive-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 24px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 30px !important;
  background: #ffffff;
  border: 1px solid #e2ebe6;
  border-radius: 28px;
  box-shadow: 0 18px 45px rgba(0, 60, 34, .07);
}

/* كل بطاقة */
#block-gavias-batiz-content .views-view-responsive-grid__item {
  width: 100% !important;
  min-width: 0 !important;
}

#block-gavias-batiz-content .views-view-responsive-grid__item-inner {
  height: 339px;
  min-height: 338px;
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 1px solid #e0eae5;
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 10px 26px rgba(0, 60, 34, .055);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

#block-gavias-batiz-content .views-view-responsive-grid__item-inner:hover {
  transform: translateY(-6px);
  border-color: #b9d8c8;
  box-shadow: 0 18px 36px rgba(0, 95, 54, .13);
}

/* الصورة */
#block-gavias-batiz-content .views-field-field-image {
  width: 100%;
  height: 195px;
  flex: 0 0 195px;
  overflow: hidden;
  background: #eef4f1;
}

#block-gavias-batiz-content .views-field-field-image .field-content {
  width: 100%;
  height: 100%;
}

#block-gavias-batiz-content .views-field-field-image img {
  width: 100% !important;
  height: 195px !important;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}

#block-gavias-batiz-content .views-view-responsive-grid__item-inner:hover img {
  transform: scale(1.06);
}

/* العنوان */
#block-gavias-batiz-content .views-field-title-1 {
  flex: 1;
  padding: 20px 20px 22px;
  display: flex;
  align-items: center;
  text-align: right;
}

#block-gavias-batiz-content .views-field-title-1 .field-content {
  display: block;
  width: 100%;
}

#block-gavias-batiz-content .views-field-title-1 a {
  color: #17251f !important;
  font-size: 14px;
  /* font-weight: 850; */
  line-height: 29px;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#block-gavias-batiz-content .views-field-title-1 a:hover {
  color: #006b3c !important;
}

/* إخفاء RSS */
#block-gavias-batiz-content .feed-icon {
  display: none !important;
}
 

/* التابلت */
@media (max-width: 991px) {
  #block-gavias-batiz-content .views-view-responsive-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 22px !important;
    border-radius: 22px;
  }

  #block-gavias-batiz-content .views-view-responsive-grid__item-inner {
    height: 345px;
    min-height: 345px;
  }

  #block-gavias-batiz-content .views-field-field-image,
  #block-gavias-batiz-content .views-field-field-image img {
    height: 180px !important;
  }

  #block-gavias-batiz-content .views-field-field-image {
    flex-basis: 180px;
  }

  #block-gavias-batiz-content .views-field-title-1 a {
    font-size: 16px;
  }
}

/* الهاتف */
@media (max-width: 575px) {
  #block-gavias-batiz-content {
    margin: 20px 0 40px;
  }

  #block-gavias-batiz-content .views-view-responsive-grid {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 14px !important;
    border-radius: 18px;
  }

  #block-gavias-batiz-content .views-view-responsive-grid__item-inner {
    height: 315px;
    min-height: 315px;
    border-radius: 16px;
  }

  #block-gavias-batiz-content .views-field-field-image,
  #block-gavias-batiz-content .views-field-field-image img {
    height: 165px !important;
  }

  #block-gavias-batiz-content .views-field-field-image {
    flex-basis: 165px;
  }

  #block-gavias-batiz-content .views-field-title-1 {
    padding: 15px 16px 18px;
  }

  #block-gavias-batiz-content .views-field-title-1 a {
    font-size: 15px;
    line-height: 1.65;
    -webkit-line-clamp: 3;
  }
}

/* =========================================================
   ONEL Eco Indicators, Sidebar Compact
========================================================= */

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt {
  direction: rtl;
  margin-bottom: 24px;
}

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt .block-title {
  margin: 0 0 12px;
  padding: 0;
  text-align: right;
}

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt .block-title span {
  display: inline-block;
  padding: 7px 13px;
  border-radius: 6px;
  background: #006b3c;
  color: #fff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.45;
}

.onel-eco-side-card {
  background: #fff;
  border: 1px solid #dfe8e3;
  border-radius: 18px;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(0, 60, 34, .06);
  overflow: hidden;
}

.onel-eco-side-head {
  text-align: center;
  margin-bottom: 14px;
}

.onel-eco-side-head span {
  display: inline-block;
  margin-bottom: 8px;
  padding: 5px 11px;
  border-radius: 999px;
  background: #eef8f2;
  color: #006b3c;
  font-size: 11px;
  font-weight: 900;
}

.onel-eco-side-head h3 {
  margin: 0;
  color: #12392a;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.5;
}

.onel-eco-side-chart {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0 16px;
}

.onel-eco-side-pie {
  width: 168px;
  height: 168px;
  border-radius: 50%;
  position: relative;
  box-shadow: 0 12px 26px rgba(0, 60, 34, .12);
  animation: onelEcoSideIn .55s ease both;
}

.onel-eco-side-pie::after {
  content: "";
  position: absolute;
  inset: 40px;
  border-radius: 50%;
  background: #fff;
  box-shadow: inset 0 0 0 1px #edf2ef;
}

.onel-eco-side-center {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.onel-eco-side-center strong {
  color: #006b3c;
  font-size: 23px;
  font-weight: 800;
  line-height: 1.1;
}

.onel-eco-side-center small {
  margin-top: 5px;
  color: #4b5b53;
  font-size: 11px;
  font-weight: 800;
}

.onel-eco-side-list {
  display: grid;
  gap: 8px;
}

.onel-eco-side-row {
  display: grid;
  grid-template-columns: 11px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid #e4ece8;
  border-radius: 12px;
  background: #fff;
}

.onel-eco-side-row i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
}

.onel-eco-side-row span {
  color: #17251f;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.5;
}

.onel-eco-side-row strong {
  color: #006b3c;
  font-size: 12px;
  font-weight: 800;
  direction: ltr;
  unicode-bidi: isolate;
}

.onel-eco-side-more {
  width: 100%;
  margin-top: 14px;
  padding: 11px 14px;
  border-radius: 999px;
  background: #006b3c;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(0, 107, 60, .20);
}

.onel-eco-side-more:hover {
  background: #004f2c;
  color: #fff !important;
}

@keyframes onelEcoSideIn {
  from {
    opacity: 0;
    transform: scale(.92);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@media (max-width: 767px) {
  .onel-eco-side-card {
    padding: 14px;
  }

  .onel-eco-side-pie {
    width: 150px;
    height: 150px;
  }

  .onel-eco-side-pie::after {
    inset: 36px;
  }

  .onel-eco-side-center strong {
    font-size: 23px;
  }
}










/* =========================================================
   ONEL Eco Indicators, Sidebar Glass Compact
========================================================= */

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt {
  direction: rtl;
  margin-bottom: 24px;
}

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt .block-title {
  margin: 0 0 12px;
  padding: 0;
  text-align: right;
}

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt .block-title span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 13px;
  border-radius: 8px;
  background: #006b3c;
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.45;
  box-shadow: 0 10px 22px rgba(0, 107, 60, .16);
}

#block-gavias-batiz-almwshratalbyyythsbmsahtalnzmalbyyyt .block-title span::before {
  content: "\f201";
  font-family: FontAwesome;
  color: #ffc928;
  font-size: 13px;
}

.onel-eco-mini-card {
  position: relative;
  overflow: hidden;
  padding: 16px;
  border: 1px solid rgba(0, 107, 60, .13);
  border-radius: 20px;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(246,251,248,.92)),
    radial-gradient(circle at 10% 0%, rgba(0,107,60,.10), transparent 36%);
  box-shadow: 0 14px 32px rgba(0, 60, 34, .075);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
 

.onel-eco-mini-card::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 16px;
  width: 54px;
  height: 54px;
  background-image: radial-gradient(rgba(0, 107, 60, .18) 1.4px, transparent 1.4px);
  background-size: 9px 9px;
  opacity: .45;
  pointer-events: none;
}

.onel-eco-mini-header {
  position: relative;
  z-index: 2;
  text-align: center;
  margin-bottom: 13px;
}

.onel-eco-mini-badge {
  display: inline-block;
  margin-bottom: 8px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(0, 107, 60, .09);
  color: #006b3c;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .2px;
}

.onel-eco-mini-header h3 {
  margin: 0;
  color: #063f27;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.4;
}

.onel-eco-mini-header p {
  margin: 5px 0 0;
  color: #52615a;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.6;
}

.onel-eco-mini-chart {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 10px 0 15px;
}

.onel-eco-mini-pie {
  position: relative;
  width: 152px;
  height: 152px;
  border-radius: 50%;
  box-shadow: 0 14px 28px rgba(0, 60, 34, .14);
  transform: scale(.96);
  animation: onelEcoMiniChart .7s ease forwards;
}

.onel-eco-mini-pie::before {
  content: "";
  position: absolute;
  inset: -7px;
  border: 1px solid rgba(0, 107, 60, .10);
  border-radius: 50%;
}

.onel-eco-mini-pie::after {
  content: "";
  position: absolute;
  inset: 38px;
  border-radius: 50%;
  background: rgba(255,255,255,.96);
  box-shadow:
    inset 0 0 0 1px #edf2ef,
    0 8px 18px rgba(0, 60, 34, .08);
}

.onel-eco-mini-center {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.onel-eco-mini-center strong {
  color: #006b3c;
  font-size: 18px;
  font-weight: 900;
  line-height: 1;
  direction: ltr;
  unicode-bidi: isolate;
}

.onel-eco-mini-center span {
  margin-top: 5px;
  color: #4c5a53;
  font-size: 10.5px;
  font-weight: è00;
}

.onel-eco-mini-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 7px;
}

.onel-eco-mini-row {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid rgba(0, 107, 60, .10);
  border-radius: 3px;
  background: rgba(255,255,255,.72);
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
  animation: onelEcoMiniRow .45s ease both;
}

.onel-eco-mini-row:nth-child(1) {
  animation-delay: .04s;
}

.onel-eco-mini-row:nth-child(2) {
  animation-delay: .08s;
}

.onel-eco-mini-row:nth-child(3) {
  animation-delay: .12s;
}

.onel-eco-mini-row:nth-child(4) {
  animation-delay: .16s;
}

.onel-eco-mini-row:nth-child(5) {
  animation-delay: .20s;
}

.onel-eco-mini-row:hover {
  transform: translateX(-3px);
  background: #ffffff;
  border-color: rgba(0, 107, 60, .22);
}

.onel-eco-mini-row i {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: block;
}

.onel-eco-mini-row span {
  color: #1d2d26;
  font-size: 11.5px;
  font-weight: 600;
  line-height: 1.45;
}

.onel-eco-mini-row strong {
  color: #006b3c;
  font-size: 12px;
  font-weight: 900;
  direction: ltr;
  unicode-bidi: isolate;
}

.onel-eco-mini-link {
  position: relative;
  z-index: 2;
  width: 100%;
  margin-top: 13px;
  padding: 11px 14px;
  border-radius: 999px;
  background: #006b3c;
  color: #fff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(0, 107, 60, .20);
  transition: transform .22s ease, background .22s ease, box-shadow .22s ease;
}

.onel-eco-mini-link:hover {
  background: #004f2c;
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 26px rgba(0, 107, 60, .26);
}

@keyframes onelEcoMiniChart {
  from {
    opacity: 0;
    transform: scale(.88);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes onelEcoMiniRow {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 767px) {
  .onel-eco-mini-card {
    padding: 14px;
    border-radius: 18px;
  }

  .onel-eco-mini-pie {
    width: 138px;
    height: 138px;
  }

  .onel-eco-mini-pie::after {
    inset: 35px;
  }

  .onel-eco-mini-center strong {
    font-size: 23px;
  }
}

/* =========================================================
   ONEL Eco Mini Card, Entrance + Hover Interactions
========================================================= */

/* حركة دخول البطاقة كاملة */
.onel-eco-mini-card {
  opacity: 0;
  transform: translateY(18px) scale(.98);
  animation: onelEcoCardEnter .75s cubic-bezier(.2, .8, .2, 1) forwards;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

/* عند وضع الماوس على البطاقة */
.onel-eco-mini-card:hover {
  transform: translateY(-5px);
  border-color: rgba(0, 107, 60, .24);
  box-shadow: 0 18px 38px rgba(0, 60, 34, .12);
  background:
    linear-gradient(145deg, rgba(255,255,255,.96), rgba(244,251,247,.96)),
    radial-gradient(circle at 10% 0%, rgba(0,107,60,.13), transparent 36%);
}

/* حركة دخول العنوان */
.onel-eco-mini-header {
  opacity: 0;
  transform: translateY(10px);
  animation: onelEcoFadeUp .55s ease forwards;
  animation-delay: .12s;
}

/* حركة دخول الرسم */
.onel-eco-mini-chart {
  opacity: 0;
  transform: scale(.94);
  animation: onelEcoChartEnter .7s cubic-bezier(.2, .8, .2, 1) forwards;
  animation-delay: .22s;
}

/* تفاعل الرسم عند hover */
.onel-eco-mini-card:hover .onel-eco-mini-pie {
  transform: scale(1.045) rotate(2deg);
  box-shadow: 0 18px 34px rgba(0, 60, 34, .18);
}

/* حركة مستمرة خفيفة حول الرسم */
.onel-eco-mini-pie::before {
  animation: onelEcoRingPulse 2.8s ease-in-out infinite;
}

/* إبراز الرقم داخل الدائرة */
.onel-eco-mini-card:hover .onel-eco-mini-center strong {
  transform: scale(1.06);
  color: #004f2c;
}

.onel-eco-mini-center strong {
  transition: transform .25s ease, color .25s ease;
}

/* حركة دخول الصفوف واحداً بعد آخر */
.onel-eco-mini-row {
  opacity: 0;
  transform: translateY(8px);
  animation: onelEcoRowEnter .45s ease forwards;
}

.onel-eco-mini-row:nth-child(1) {
  animation-delay: .32s;
}

.onel-eco-mini-row:nth-child(2) {
  animation-delay: .39s;
}

.onel-eco-mini-row:nth-child(3) {
  animation-delay: .46s;
}

.onel-eco-mini-row:nth-child(4) {
  animation-delay: .53s;
}

.onel-eco-mini-row:nth-child(5) {
  animation-delay: .60s;
}

/* Hover احترافي للصفوف */
.onel-eco-mini-row:hover {
  transform: translateX(-4px);
  background: rgba(255, 255, 255, .96);
  border-color: rgba(0, 107, 60, .24);
  box-shadow: 0 8px 18px rgba(0, 60, 34, .08);
}

/* حركة النقاط داخل الصفوف */
.onel-eco-mini-row i {
  transition: transform .22s ease, box-shadow .22s ease;
}

.onel-eco-mini-row:hover i {
  transform: scale(1.25);
  box-shadow: 0 0 0 5px rgba(0, 107, 60, .08);
}

/* Hover للنسبة */
.onel-eco-mini-row strong {
  transition: transform .22s ease, color .22s ease;
}

.onel-eco-mini-row:hover strong {
  transform: translateX(-2px);
  color: #004f2c;
}

/* حركة دخول الزر */
.onel-eco-mini-link {
  opacity: 0;
  transform: translateY(8px);
  animation: onelEcoFadeUp .5s ease forwards;
  animation-delay: .70s;
}

/* Hover متقدم للزر */
.onel-eco-mini-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 30px rgba(0, 107, 60, .28);
}

.onel-eco-mini-link i {
  transition: transform .22s ease;
}

.onel-eco-mini-link:hover i {
  transform: translateX(-4px);
}

/* لمعان خفيف عند المرور */
.onel-eco-mini-card::before {
  transition: opacity .28s ease, transform .28s ease;
}

.onel-eco-mini-card:hover::before {
  opacity: .9;
  transform: scale(1.08);
}

/* Keyframes */
@keyframes onelEcoCardEnter {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes onelEcoFadeUp {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes onelEcoChartEnter {
  from {
    opacity: 0;
    transform: scale(.90);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes onelEcoRowEnter {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes onelEcoRingPulse {
  0%, 100% {
    opacity: .65;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.035);
  }
}

/* احترام المستخدمين الذين يفضلون تقليل الحركة */
@media (prefers-reduced-motion: reduce) {
  .onel-eco-mini-card,
  .onel-eco-mini-header,
  .onel-eco-mini-chart,
  .onel-eco-mini-row,
  .onel-eco-mini-link,
  .onel-eco-mini-pie::before {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .onel-eco-mini-card,
  .onel-eco-mini-row,
  .onel-eco-mini-link,
  .onel-eco-mini-pie,
  .onel-eco-mini-center strong,
  .onel-eco-mini-row i,
  .onel-eco-mini-row strong {
    transition: none !important;
  }
}


/* =========================================================
   ONEL Hero Slider, Premium Glass Design
   Target: #block-gavias-batiz-views-block-home-hero-slider-block-1
========================================================= */

#block-gavias-batiz-views-block-home-hero-slider-block-1 {
  direction: rtl;
  width: 100%;
  margin: 0 auto 34px;
  padding: 0;
  position: relative;
  overflow: visible;
  margin-bottom: 29px !important;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .block-content {
  padding: 0 !important;
  margin: 0 !important;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .skin-default {
  position: relative;
  width: 100%;
  height: 450px;
  min-height: 450px;
  border-radius: 11px;
  overflow: hidden;
  /* background: #062c20; */
  /* box-shadow: 0 22px 55px rgba(0, 45, 28, .16); */
}

/* Slideshow wrappers */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_main,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_teaser_section,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_slide,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row {
  width: 100% !important;
  height: 450px !important;
  min-height: 450px !important;
  /* border-radius: 10px; */
  overflow: hidden;
}

/* Slide base */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row {
  position: relative;
  /* background: #062c20; */
}

/* الصورة */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-image,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-image .field-content {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-image img {
  width: 100% !important;
  height: 450px !important;
  display: block;
  object-fit: cover;
  object-position: center center;
  /* border-radius: 9px; */
  transform: scale(1.02);
  transition: transform 1.2s ease;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row:hover .views-field-field-image img {
  transform: scale(1.06);
}

/* طبقات اللون */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg,
      rgba(4, 46, 33, .96) 0%,
      rgba(4, 46, 33, .88) 12%,
      rgba(4, 46, 33, .55) 32%,
      rgba(4, 46, 33, .22) 50%
    ),
    linear-gradient(180deg,
      rgba(0, 0, 0, .08) 0%,
      rgba(0, 0, 0, .30) 100%
    );
  pointer-events: none;
}

/* خريطة خطوط خفيفة في الخلفية */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row::after {
  content: "";
  position: absolute;
  top: 0;
  right: 54%;
  bottom: 0;
  width: 46%;
  z-index: 2;
  opacity: .11;
  background:
    radial-gradient(circle at 15% 1%, rgba(255,255,255,.10) 0 1px, transparent 0.5px),
    repeating-radial-gradient(circle at 80% 20%, transparent 0 14px, rgba(255,255,255,.16) 15px, transparent 16px);
  background-size: 18px 18px, 420px 420px;
  pointer-events: none;
}

/* إخفاء تصنيف الخبر */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-categories {
  display: none !important;
}

/* بطاقة النص الزجاجية */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title {
  position: absolute;
  z-index: 5;
  top: 299px;
  right: 29px;
  left: auto;
  bottom: auto;
  width: min(72%, 616px);
  min-height: 124px;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .36);
  border-radius: 17px;
  background:
    linear-gradient(145deg, rgba(6, 44, 32, .68), rgba(5, 54, 38, .38));
  box-shadow:
    0 24px 55px rgba(0, 0, 0, .18),
    inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  animation: onelHeroTextIn .75s ease both;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title a {
  color: #ffffff !important;
  font-size: 21px;
  /* font-weight: 900; */
  line-height: 38px;
  text-decoration: none !important;
  text-shadow: 0 5px 20px rgba(0, 0, 0, .34);
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: right;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title a:hover {
  color: #ffffff !important;
}

/* زر اقرأ المزيد */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node {
  position: absolute;
  z-index: 7;
  right: calc(42px + 53%);
  bottom: 7px;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node a {
  min-width: 116px;
  height: 32px;
  padding: 0 13px;
  border: 1px solid rgb(255 255 255 / 18%);
  border-radius: 15px;
  background: linear-gradient(145deg, #00713f, #185840);
  color: #ffffff !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none !important;
  box-shadow: 0 14px 30px rgba(0, 70, 40, .28);
  transition: transform .25s ease, background .25s ease, box-shadow .25s ease;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node a::before {
  content: "\f060";
  font-family: FontAwesome;
  font-size: 15px;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node a:hover {
  background: linear-gradient(145deg, #00854a, #006b3c);
  transform: translateY(-3px);
  box-shadow: 0 18px 36px rgba(0, 70, 40, .34);
}

/* أسهم السلايدر */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-top {
  position: static !important;
  height: 0 !important;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-top .views_slideshow_controls_text_pause,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text_pause {
  display: none !important;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-top .views_slideshow_controls_text,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text {
  position: static !important;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next {
  position: absolute;
  top: 50%;
  z-index: 20;
  transform: translateY(-50%);
  width: 58px;
  height: 58px;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous {
  left: 24px;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next {
  right: 24px;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous a,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next a {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 50%;
  background: rgba(0, 0, 0, .30);
  color: transparent !important;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: background .25s ease, transform .25s ease, border-color .25s ease;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous a::before,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next a::before {
  font-family: FontAwesome;
  color: #ffffff;
  font-size: 28px;
  line-height: 1;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous a::before {
  content: "\f104";
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next a::before {
  content: "\f105";
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous a:hover,
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next a:hover {
  background: rgba(0, 107, 60, .82);
  border-color: rgba(255,255,255,.62);
  transform: scale(1.06);
}

/* النقاط السفلية */
#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-bottom {
  position: absolute;
  z-index: 18;
  left: 28px;
  right: 0;
  bottom: 24px;
  height: 24px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
  flex-direction: column;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-bottom .views_slideshow_controls_text {
  display: none !important;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-pager-bullets {
  position: relative;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 13px;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: auto;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-pager-bullets li {
  width: 15px;
  height: 15px;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 50%;
  background: rgba(255,255,255,.86);
  border: 2px solid rgba(255,255,255,.55);
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(0,0,0,.20);
  transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

#block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-pager-bullets li.active {
  background: #ffc928;
  border-color: #ffc928;
  transform: scale(1.12);
}

/* حركة دخول */
@keyframes onelHeroTextIn {
  from {
    opacity: 0;
    transform: translateY(18px) scale(.98);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Tablet */
@media (max-width: 991px) {
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .skin-default,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_main,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_teaser_section,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_slide,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row {
    height: 390px !important;
    min-height: 390px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-image img {
    height: 390px !important;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title {
    top: 54px;
    right: 34px;
    width: 58%;
    min-height: 250px;
    padding: 38px 32px 86px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title a {
    font-size: 27px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node {
    right: calc(34px + 13%);
    bottom: 76px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node a {
    min-width: 180px;
    height: 48px;
    font-size: 15px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  #block-gavias-batiz-views-block-home-hero-slider-block-1 {
    margin-bottom: 24px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .skin-default,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_main,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_teaser_section,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_cycle_slide,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row {
    height: 330px !important;
    min-height: 330px !important;
    border-radius: 18px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-field-image img {
    height: 330px !important;
    border-radius: 18px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-row::before {
    background:
      linear-gradient(180deg,
        rgba(4, 46, 33, .20) 0%,
        rgba(4, 46, 33, .72) 54%,
        rgba(4, 46, 33, .96) 100%
      );
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title {
    right: 18px;
    left: 18px;
    top: auto;
    bottom: 78px;
    width: auto;
    min-height: auto;
    padding: 22px 18px 72px;
    border-radius: 18px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title a {
    font-size: 19px;
    line-height: 1.55;
    -webkit-line-clamp: 3;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node {
    right: 50%;
    bottom: 100px;
    transform: translateX(50%);
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-view-node a {
    min-width: 145px;
    height: 42px;
    padding: 0 18px;
    font-size: 13px;
    border-radius: 12px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next {
    width: 42px;
    height: 42px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous {
    left: 12px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next {
    right: 12px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous a,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next a {
    width: 42px;
    height: 42px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_previous a::before,
  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views_slideshow_controls_text_next a::before {
    font-size: 22px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-bottom {
    bottom: 18px;
  }

  #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-pager-bullets li {
    width: 11px;
    height: 11px;
  }
}




/* =========================================================
   ONEL Weather Widget, Refined Blue Sidebar
========================================================= */

.onel-weather-widget {
  direction: rtl;
  position: relative;
  margin-bottom: 22px;
  border-radius: 18px;
  overflow: hidden;
  background: #168fe4;
  color: #ffffff;
  box-shadow: 0 12px 28px rgba(23, 142, 218, .18);
  isolation: isolate;
  opacity: 0;
  transform: translateY(10px);
  animation: onelWeatherWidgetEnter .5s ease forwards;
}

.onel-weather-widget::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(145deg, #0b579c 0%, #168fe4 55%, #28c4ee 100%);
}

.onel-weather-widget::after {
  content: "";
  position: absolute;
  top: -42px;
  left: -40px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: #ffd42a;
  box-shadow:
    0 0 0 20px rgba(255, 212, 42, .14),
    0 20px 42px rgba(255, 212, 42, .22);
  z-index: -2;
}

.onel-weather-widget-main {
  position: relative;
  padding: 18px 18px 15px;
}

.onel-weather-widget-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.onel-weather-city {
  display: block;
  margin-bottom: 7px;
  color: rgba(255,255,255,.92);
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
}

.onel-weather-side-temp-value {
  display: block;
  color: #ffffff;
  font-size: 52px;
  font-weight: 900;
  line-height: .95;
  letter-spacing: -.5px;
  direction: ltr;
  unicode-bidi: isolate;
  text-shadow: 0 5px 18px rgba(0, 45, 90, .20);
}

.onel-weather-widget-icon {
  width: 58px;
  height: 58px;
  border-radius: 18px;
  background: rgba(255,255,255,.24);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 28px;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 10px 24px rgba(0, 48, 92, .13);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: transform .25s ease, background .25s ease;
}

.onel-weather-widget-icon i.fa-sun-o {
  color: #ffd42a;
}

.onel-weather-widget-icon i.fa-cloud,
.onel-weather-widget-icon i.fa-tint,
.onel-weather-widget-icon i.fa-bolt,
.onel-weather-widget-icon i.fa-align-justify {
  color: #ffffff;
}

.onel-weather-widget-desc {
  margin-top: 13px;
}

.onel-weather-side-desc {
  display: block;
  color: #ffffff;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
}

.onel-weather-widget-desc small {
  display: block;
  margin-top: 4px;
  color: rgba(255,255,255,.74);
  font-size: 12px;
  font-weight: 800;
}

.onel-weather-widget-hours {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: rgba(255,255,255,.20);
  border-top: 1px solid rgba(255,255,255,.22);
}

.onel-weather-mini {
  min-height: 70px;
  padding: 12px 14px;
  background: rgba(5, 93, 158, .22);
  transition: background .22s ease;
}

.onel-weather-mini:hover {
  background: rgba(255,255,255,.14);
}

.onel-weather-mini span {
  display: block;
  color: rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 800;
  line-height: 1.35;
}

.onel-weather-mini strong {
  display: block;
  margin-top: 7px;
  color: #ffffff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.2;
  direction: ltr;
  unicode-bidi: isolate;
  white-space: nowrap;
}

.onel-weather-widget-source {
  padding: 10px 14px 12px;
  background: rgba(0, 53, 105, .20);
  border-top: 1px solid rgba(255,255,255,.14);
  text-align: center;
}

.onel-weather-widget-source span {
  color: rgba(255,255,255,.78);
  font-size: 12px;
  font-weight: 900;
}

/* Hover */
.onel-weather-widget {
  transition: transform .28s ease, box-shadow .28s ease;
}

.onel-weather-widget:hover {
  transform: translateY(-4px);
  box-shadow: 0 18px 38px rgba(23, 142, 218, .25);
}

.onel-weather-widget:hover .onel-weather-widget-icon {
  transform: scale(1.05);
  background: rgba(255,255,255,.30);
}

/* Entrance */
@keyframes onelWeatherWidgetEnter {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile */
@media (max-width: 575px) {
  .onel-weather-widget-main {
    padding: 16px;
  }

  .onel-weather-side-temp-value {
    font-size: 44px;
  }

  .onel-weather-side-desc {
    font-size: 16px;
  }

  .onel-weather-widget-icon {
    width: 52px;
    height: 52px;
    font-size: 25px;
  }

  .onel-weather-mini {
    min-height: 64px;
    padding: 11px 12px;
  }

  .onel-weather-mini strong {
    font-size: 14px;
  }
}


/* =========================================================
   ONEL Reports & Publications View, Final Clean Version
   Block ID: reports_publications block_1
========================================================= */

#block-gavias-batiz-views-block-reports-publications-block-1 {
  direction: rtl;
  width: 100%;
  margin: 45px 0 64px;
  clear: both;
}

/* عنوان البلوك */
#block-gavias-batiz-views-block-reports-publications-block-1 .block-title {
  margin: 0 0 24px;
  padding: 0;
  text-align: right;
  color: #006b3c;
  font-size: 30px;
  font-weight: 900;
  line-height: 1.45;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .block-title span {
  /* display: inline-flex; */
  /* align-items: center; */
  /* gap: 10px; */
  /* padding: 7px 18px; */
  /* border-radius: 7px; */
  /* background: #006b3c; */
  /* color: #ffffff; */
  /* box-shadow: 0 12px 26px rgba(0, 107, 60, .16); */
}

#block-gavias-batiz-views-block-reports-publications-block-1 .block-title span::before {
 
}

/* الحاوية */
#block-gavias-batiz-views-block-reports-publications-block-1 .content.block-content {
  padding: 0;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-element-container {
  width: 100%;
}

/* شبكة البطاقات */
#block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 34px !important;
  border: 1px solid #dfe8e3;
  border-radius: 28px;
  background:
    radial-gradient(circle at 8% 0%, rgba(0, 107, 60, .045), transparent 30%),
    #ffffff;
  box-shadow: 0 18px 45px rgba(0, 60, 34, .065);
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid__item {
  width: 100% !important;
  min-width: 0 !important;
}

/* البطاقة */
#block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid__item-inner {
  position: relative;
  height: 288px;
  min-height: 288px;
  display: flex;
  flex-direction: column;
  border: 1px solid #dfe8e3;
  border-radius: 22px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0, 60, 34, .05);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid__item-inner:hover {
  transform: translateY(-6px);
  border-color: #b8d8c7;
  box-shadow: 0 18px 36px rgba(0, 95, 54, .12);
}

/* الصورة */
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image {
  position: relative;
  height: 130px;
  flex: 0 0 138px;
  overflow: hidden;
  background: #f4f8f6;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image .field-content {
  width: 100%;
  height: 100%;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image img {
  width: 100% !important;
  height: 143px !important;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid__item-inner:hover .views-field-field-image img {
  transform: scale(1.055);
}

/* منع أي شارة فوق الصورة */
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image::after {
  display: none !important;
  content: none !important;
}

/* العنوان */
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title,
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 {
  flex: 1;
  padding: 12px 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title .field-content,
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 .field-content {
  width: 100%;
  display: block;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title a,
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 a {
  color: #073b28 !important;
  font-size: 15px;
  /* font-weight: 900; */
  line-height: 29px;
  text-decoration: none !important;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title a:hover,
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 a:hover {
  color: #006b3c !important;
}

/* احتياط: إخفاء زر قراءة المزيد إن بقي أي أثر له */
#block-gavias-batiz-views-block-reports-publications-block-1 .views-field-view-node {
  display: none !important;
}

/* احتياط إذا خرجت الشبكة بصيغة view-content عادية */
#block-gavias-batiz-views-block-reports-publications-block-1 .view-content:not(.views-view-responsive-grid) {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  padding: 34px;
  border: 1px solid #dfe8e3;
  border-radius: 28px;
  background: #ffffff;
  box-shadow: 0 18px 45px rgba(0, 60, 34, .065);
}

/* شاشات متوسطة */
@media (max-width: 1199px) {
  #block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid,
  #block-gavias-batiz-views-block-reports-publications-block-1 .view-content:not(.views-view-responsive-grid) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

/* Tablet */
@media (max-width: 991px) {
  #block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid,
  #block-gavias-batiz-views-block-reports-publications-block-1 .view-content:not(.views-view-responsive-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    padding: 24px !important;
    border-radius: 22px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid__item-inner {
    height: 315px;
    min-height: 315px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image {
    height: 170px;
    flex-basis: 170px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image img {
    height: 170px !important;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title a,
  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 a {
    font-size: 16px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  #block-gavias-batiz-views-block-reports-publications-block-1 {
    margin: 32px 0 46px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .block-title {
    font-size: 23px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .block-title span {
    padding: 7px 14px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid,
  #block-gavias-batiz-views-block-reports-publications-block-1 .view-content:not(.views-view-responsive-grid) {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 16px !important;
    border-radius: 18px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-view-responsive-grid__item-inner {
    height: 285px;
    min-height: 285px;
    border-radius: 18px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image {
    height: 155px;
    flex-basis: 155px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-field-image img {
    height: 155px !important;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title,
  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 {
    padding: 16px;
  }

  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title a,
  #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 a {
    font-size: 16px;
    line-height: 1.55;
    -webkit-line-clamp: 3;
  }
}



html[lang="fr"] body {
    text-align: left !important;
    direction: ltr;
    font-family: "Open Sans", serif;
}

html[lang="fr"] #block-gavias-batiz-almsahtalalanytaljanbalaysr350x140 p {
    text-align: left;
}

html[lang="fr"] .c3i-sidebar-why-points li {
    padding: 0 0 0 28px !important;
}

@media (min-width: 991px) {
    html[lang="fr"] header.header-v2 .area-main-menu .area-inner ul.gva_menu > li > a {
        padding: 10px 14px;
        font-size: 13px;
        line-height: 27px;
        font-weight: normal;
        font-family: sans-serif;
    }

    html[lang="fr"] .menu-hover .navigation .gva_menu .sub-menu > li > a {
        text-align: left !important;
        display: block;
        font-family: sans-serif;
    }

    html[lang="fr"] .menu-hover .navigation .gva_menu .sub-menu > li {
        float: left;
        width: 100%;
    }

    html[lang="fr"] .menu-hover .navigation .gva_menu .sub-menu {
        left: 0;
    }
}

html[lang="fr"] #block-gavias-batiz-views-block-reports-publications-block-1 .block-title {
    text-align: left;
}

html[lang="fr"] #block-gavias-batiz-views-block-top-photos-block-1 > .block-title {
    display: flex !important;
    align-items: flex-start;
    border: 0 !important;
    flex-direction: row-reverse;
    justify-content: revert;
    flex-wrap: unset;
    float: left;
}

html[lang="fr"] #block-gavias-batiz-nosprogrammesdeformation > .block-title {
    flex-direction: row-reverse;
}

html[lang="fr"] #block-gavias-batiz-views-block-videos-block-1 > .block-title {
    flex-direction: row-reverse;
    float: left;
}

html[lang="fr"] #block-gavias-batiz-shrkaalmrsd .block-title {
    text-align: left;
    float: left;
}

html[lang="fr"] #footer.footer .gva_menu > li,
html[lang="fr"] #footer.footer .gva_menu_main > li,
html[lang="fr"] #footer.footer .menu-item {
    float: left !important;
}

html[lang="fr"] #block-gavias-batiz-contact .field__item p {
    text-align: left;
}

html[lang="fr"] #footer.footer .c3i-footer-address {
    display: flex !important;
    align-items: flex-start !important;
    gap: 13px !important;
    margin: 0 0 22px !important;
    flex-direction: row-reverse;
}

html[lang="fr"] #footer.footer .c3i-footer-social {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    flex-direction: row-reverse;
}

html[lang="fr"] .col-md-9 {
    width: 69%;
    float: left;
}

html[lang="fr"] .views-field.views-field-view-node {
    display: none;
}

html[lang="fr"] #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title a {
    text-align: left;
}

html[lang="fr"] #block-gavias-batiz-views-block-videos-block-1 .views-field-title a {
    font-weight: normal !important;
    font-size: 14px !important;
}

html[lang="fr"] #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-slideshow-controls-bottom {
    position: absolute;
    z-index: 18;
    right: 20px;
    left: unset;
}

html[lang="fr"] #block-gavias-batiz-views-block-home-hero-slider-block-1 .views-field-title {
    position: absolute;
    z-index: 5;
    top: 299px;
    right: 206px;
}

html[lang="fr"] #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title a,
html[lang="fr"] #block-gavias-batiz-views-block-reports-publications-block-1 .views-field-title-1 a {
    color: #000000 !important;
    font-size: 14px;
    line-height: 27px;
    text-decoration: none !important;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: unset;
    overflow: hidden;
}

html[lang="fr"] .c3i-sidebar-why-more {
    flex-direction: row-reverse;
}

html[lang="fr"] .sidebar-left .block-title {
    flex-direction: row-reverse;
}

html[lang="fr"] h2.block-title {
    flex-direction: row !important;
}

html[lang="fr"] #block-gavias-batiz-views-block-videos-block-1 > .block-title {
    display: flex !important;
    align-items: center;
    gap: 12px !important;
    margin: 0 0 24px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    flex-direction: row-reverse !important;
    float: left;
    align-content: flex-end;
}

html[lang="fr"] #block-gavias-batiz-contact .field__item p::before {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    justify-content: flex-start;
    font-family: FontAwesome !important;
    color: #ffc928 !important;
    font-size: 14px !important;
    padding: 6px 14px;
}