:root {
  --primary-color: #9e0b0f;
  --business-color: #343434; /*#8A2432;*/ 
  --secondary-color: #343434;
  --urgent-color: #F82A0A;
  --urgent-assestant : #5D5D5D;
  --secondary-color-with-opacity: #34343480; 
  --secondary-color-with-more-opacity: #34343430; 

  --bg-color: var(--primary-color);

  --font-family: "ALMAMLAKAFONT";
  --line-height: 1.5rem;
  --h1-line-height: 2rem;

  --to-end: to right;
  --to-start: to left;

  --article-aspect-ratio:16/9;
  --general-aspect-ratio-16-9:16/9;
  --general-aspect-ratio-4-3:4/3;

  --image-border-raduis: 5px;
  --general-border-raduis: 5px;

  --container-width: 1320px;

}

[dir="rtl"] {
  --to-end: to left;
  --to-start: to right;
}
@font-face {
  font-family: "ALMAMLAKAFONT";
  src: url("../fonts/ALMAMLAKAFONT-Medium.woff2") format("woff2"),
    url("../fonts/ALMAMLAKAFONT-Medium.woff") format("woff"),
    url("../fonts/ALMAMLAKAFONT-Medium.ttf") format("truetype"),
    url("../fonts/ALMAMLAKAFONT-Medium.svg#ALMAMLAKAFONT-Medium")
      format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ALMAMLAKAFONT";
  src: url("../fonts/ALMAMLAKAFONT-Extrabold.woff2") format("woff2"),
    url("../fonts/ALMAMLAKAFONT-Extrabold.woff") format("woff"),
    url("../fonts/ALMAMLAKAFONT-Extrabold.ttf") format("truetype"),
    url("../fonts/ALMAMLAKAFONT-Extrabold.svg#ALMAMLAKAFONT-Extrabold")
      format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ALMAMLAKAFONT";
  src: url("../fonts/ALMAMLAKAFONT-Light.woff2") format("woff2"),
    url("../fonts/ALMAMLAKAFONT-Light.woff") format("woff"),
    url("../fonts/ALMAMLAKAFONT-Light.ttf") format("truetype"),
    url("../fonts/ALMAMLAKAFONT-Light.svg#ALMAMLAKAFONT-Light")
      format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


html,
body,
.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family) ;
  line-height: var(--line-height);
  font-feature-settings: "liga" 1, "kern" 0; 
}
.h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: 5px 0px;
}
.arabic-version {
  direction: rtl;
}

@media (min-width: 2030px) {
  :root {
    --container-width: 80vw;
  }
  html {
    font-size: 18px;
  }
}
@media (min-width: 1600px) and (max-width: 2030px) {
  :root {
    --container-width: 80vw;
  }
  html {
    font-size: 17px;
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  :root {
    --container-width: 1140px;
  }
}
@media (max-width:1199.98px) {
  :root {
    --container-width: 960px;
  }
  html{
    font-size: 16px;
  }
}
@media (max-width:991.98px) {
  :root {
    --container-width: 720px;
  }
  html{
    font-size: 16px;
  }
}
@media (max-width:767.98px) {
  :root {
    --container-width: 540px;
  }
  html{
    font-size: 16px;
  }
}
@media (max-width:575.98px) {
  :root {
    --container-width: 100vw;
  }
  html{
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .container,
  .container-fluid {
    max-width: 80%;
  }
  .container .container,
  .container .container-fluid,
  .container-fluid .container,
  .container-fluid .container-fluid {
    max-width: 100%;
  }
}

/* .row {
  --bs-gutter-x: 0 !important;
} */

h1 {
  font-size: 1.4rem;
  font-weight: 800;
  line-height: var(--h1-line-height);
}
h2 {
  font-size: 1.33rem;
  font-weight: 800;
}
h3 {
  font-size: 1.22rem;
  font-weight: 800;
}
h5 {
  font-size: 1rem;
  font-weight: 800;
}

h6 {
  font-size: .9rem;
  font-weight: 500;
}

p{
  font-size: 1rem;
  font-weight: 500;
  color: var(--secondary-color);
}
th{
  font-size: .9rem;
}

.anchor-none{
  text-decoration: none;
  color: unset;
}
.anchor-none:hover{
  color: none;
}
.primary-color.anchor-none:hover{
  color: var(--primary-color);
}

select::-ms-expand {
  display: none;
}


.primary-color{
  color: var(--primary-color);
}

.secondary-color{
  color: var(--secondary-color);
}

.bg-primary-color {
  background-color: var(--primary-color);
}

.bg-secondary-color {
  background-color: var(--secondary-color);
}
.bg-gray{
  background-color: #F5F5F5;
}

.bg-business-color {
  background-color: var(--business-color);
}

.urgent-assestant-color{
  color: var(--urgent-assestant);
}

.p-title {
  font-weight: 800;
}

.default-image-class{
  width: 100%;
  height: auto;
  object-fit: contain;
}
.cover-image-class{
  width: 100%;
  height: auto;
  object-fit: cover;
}
.article-aspect-ratio{
  aspect-ratio: var(--article-aspect-ratio);
}
.general-aspect-ratio-16-9{
  aspect-ratio: var(--general-aspect-ratio-16-9);
}
.general-aspect-ratio-4-3{
  aspect-ratio: var(--general-aspect-ratio-4-3);
}

.category{
  font-weight: 800;
  font-size: .94rem;
  color: var(--secondary-color);
  opacity: 50%;
  padding-top: .3rem;
  display: inline-block;
}

.flex-2-to-1,
.flex-2-to-1-with-responsive,
.flex-1-to-2,
.flex-1-to-2-with-responsive{
  display: flex;
  align-items: center;
}
.flex-2-to-1  > :nth-child(1),
.flex-2-to-1-with-responsive  > :nth-child(1)
.flex-1-to-2  > :nth-child(2),
.flex-1-to-2-with-responsive  > :nth-child(2){
  flex: 2;
}

.flex-2-to-1  > :nth-child(2),
.flex-2-to-1-with-responsive  > :nth-child(2),
.flex-1-to-2  > :nth-child(1),
.flex-1-to-2-with-responsive  > :nth-child(1){
  flex: 1;
}

@media (max-width: 767.98px) {
  .flex-2-to-1-with-responsive,
  .flex-1-to-2-with-responsive{
    flex-direction: column;
  }
}

.container-2-to-1,
.container-2-to-1-with-responsive{
    display: grid;
    grid-template-columns: 2fr 1fr;
    column-gap: .5rem;
    row-gap: 2rem;
    align-items: center;
}
.container-1-to-2,
.container-1-to-2-with-responsive{
    display: grid;
    grid-template-columns: 1fr 2fr;
    column-gap: 1rem;
    row-gap: 2rem;
    align-items: center;
}

.container-1half-to-1,
.container-1half-to-1-with-responsive{
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  column-gap: 1rem;
  row-gap: 2rem;
  align-items: center;
}

.container-1-to-1half,
.container-1-to-1half-with-responsive{
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    column-gap: 1rem;
    row-gap: 2rem;
    align-items: center;
}

.card-c.container-1-to-2,
.card-c.container-1-to-2-with-responsive,
.card-c.container-2-to-1,
.card-c.container-2-to-1-with-responsive,
.container-1half-to-1,
.container-1half-to-1-with-responsive,
.container-1-to-1half,
.container-1-to-1half-with-responsive{
  column-gap: .2rem;
}

@media (max-width: 767.98px) {

  .container-2-to-1-with-responsive,
  .container-1-to-2-with-responsive,
  .container-1half-to-1-with-responsive,
  .container-1-to-1half-with-responsive{
      grid-template-columns:1fr;
      grid-template-rows: auto;
  }
}

.d-custom-grid{
  display: grid;
  row-gap: .75rem;
  margin: .75rem 0rem;
}
.only-1-lines,
.only-2-lines,
.only-3-lines,
.only-4-lines,
.only-5-lines {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.only-1-lines {
  line-clamp: 1;
  -webkit-line-clamp: 1;
  height: calc(1* var(--line-height) + 2px);
}
.only-2-lines {
  line-clamp: 2;
  -webkit-line-clamp: 2;
  height: calc(2* var(--line-height) + 2px);
}

.only-3-lines {
  line-clamp: 3;
  -webkit-line-clamp: 3;
  height: calc(3* var(--line-height) + 2px);
}

.only-4-lines {
  line-clamp: 4;
  -webkit-line-clamp: 4;
  height: calc(4* var(--line-height) + 2px);
}

.only-5-lines {
  line-clamp: 5;
  -webkit-line-clamp: 5;
  height: calc(5* var(--line-height) + 2px);
}

.image-boder-raduis{
  border-radius: var(--image-border-raduis);
}







/* custom to site */
.icon-container{
  display: flex;
  position: absolute;
  top: 5px;
  inset-inline-end: 5px;
  gap: .4rem;
}
.nav-icon-white {
  width: 25px;
  height: auto;
  filter: brightness(0) invert(1);
}

.embed-icon img,
.nav-icon img{
  width: 25px !important;
  height: auto;
  filter: brightness(0) invert(1);
}

.camera-icon{
  position: absolute;
  bottom: 5px;
  inset-inline-end: 5px;
  background-color: #ffffff80;
  border-radius: var(--image-border-raduis);
  padding: 3px 5px;
}
.camera-icon i{
  color: var(--secondary-color);
}
.sticky-section{
  position: -webkit-sticky;
  position: sticky;
  top: 25px;
  z-index: 1020;
}

.w-65{
  width: 65%;
}
.close-add{
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.image-boder-primary{
  border: 2px solid var(--primary-color);
  border-radius: var(--image-border-raduis);
}






/** bootstrap */
.border-end {
  border-right: unset !important;
  border-inline-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start{
  border-left: unset !important;
  border-inline-start: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.ps-4{
  padding-left: unset !important;
  padding-inline-start: 1.5rem !important;
}
.pe-1{
  padding-right: unset !important;
  padding-inline-start: .25rem !important;
}
.text-end{
  text-align: end !important;
}
.text-start{
  text-align: start !important;
}
.ms-auto{
  margin-left: unset !important;
  margin-inline-start: auto !important;
}

.me-auto{
  margin-right: unset !important;
  margin-inline-end: auto !important;
}

.custom-tooltip{
  --bs-tooltip-bg: var(--primary-color);
}

/* .bs-tooltip-start .tooltip-arrow{
  right: unset;
  inset-inline-start: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-start .tooltip-arrow::before{
  left: unset;
  border-left-color:unset;
  inset-inline-start: -1px;
  border-inline-end-color: var(--bs-tooltip-bg);
} */

.accordion-button::after {
  display: none;
}
.accordion-item {
  border-radius: 20%;
  margin: 1.25rem;
  border: 0px solid !important;
  background-color: #f5f5f5 !important;
}
.accordion-button {
  justify-content: space-between;
  background-color: #f5f5f5 !important;
  border-radius: 25px !important;
  border: 1px solid #ccc !important;
  font-weight: 600;
  text-align: start;
}
.accordion-button:not(.collapsed) {
  color: var(--primary-color) !important;
}

.list-group-item {
  padding: 0;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  background-color: var(--primary-color);
  color: white !important;
  border-color: unset;
}
.nav-tabs .nav-item:first-child .nav-link:first-child.active,
.nav-tabs .nav-item:first-child .nav-link:first-child:hover{
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.nav-tabs .nav-item:last-child .nav-link:last-child.active, 
.nav-tabs .nav-item:last-child .nav-link:last-child:hover{
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.nav-tabs .nav-link {
  width: 100%;
  padding: 0.8rem;
  text-align: start;
  border-radius: 0;
  font-weight: 800;
  color: black;
  border: 0;
}

.alert-dismissible .btn-close{
  right: unset;
  inset-inline-end: 0px;
}




/** fontawsome **/
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-chevron-left{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}







::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: transparent; 
}
::-webkit-scrollbar-thumb {
  background: var(--primary-color); 
}
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.cm-content-white *{
  color: #fff;
}
.cms-content li::marker{
  color: var(--primary-color);
}


.breadcrumb-item a,
.breadcrumb-item{
  font-size: 1.2rem;
  font-weight: 800;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
  color: white;
  padding: 0 10px;
  font-weight: 800;
  float: inline-start;
}

.filter-btn {
  border: none;
  background-color: var(--secondary-color);
  color: white;
  padding: 0.5rem 2rem;
  border-radius: 5px;
  font-size: 1.125rem;
}

.ajax-loading-screen{
  z-index: 9050;
}

.ajax-loading-screen div{
  width: 3rem; 
  height: 3rem;
}
.content-all-white *{
  color: #fff;
}