:root{
  --swiper-navigation-size:12px;
  --swiper-theme-color: #03569D;
  --swiper-pagination-bottom: 3rem;
}
body{
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
/* Make input compact */
/* Input fills its container */
.datepicker-input {
  width: 100%;
  box-sizing: border-box;
  height: 39px;
}
.ltr-block{
  direction: ltr;
}
.rtl-block{
  direction: rtl;
}
.richtext a {
  text-decoration: underline;
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
{
    content: ''!important;
}
/* Force dropdown to match input width */
.datepicker-dropdown {
  width: auto !important;
  min-width: unset !important;
}

/* Optional: sync dropdown width with input */
.datepicker-dropdown[data-input-width] {
  width: attr(data-input-width px);
}
.richtext{
  font-size: 14px;
  color : var(--color-neutral-500);
  line-height: 30px;
}
.richtext a{
  font-size: 14px;
  color : var(--color-primary-500);
  text-decoration: underline;
}
.pres_text p {
  text-indent: 2em; /* Indents the first line by 2 em units */
}
.swiper-pagination {
  z-index: 8!important;
}
.richtext p:empty::before {
  content: ' ';
  white-space: pre;
}
.richtext  ul {
  list-style-type: disc;
  padding-inline-start: 1.5em;  
    margin: 0;
}
.richtext li {
  margin-bottom: 0.5em;  /* optional: spacing between items */
}
.richtext ul ul {
  list-style-type: circle;
  padding-inline-start: 1.5em;  
}
.richtext ul ul ul {
  list-style-type: square;
  padding-inline-start: 1.5em;  
}
.swiper-pagination-bullet{
  background : white!important;
  opacity: 1!important;
}
.swiper-pagination-bullet-active{
  background-color: var(--color-primary-500)!important;
}
.mapboxgl-ctrl-logo{
  display: none!important;
}

.mapboxgl-ctrl-attrib-inner{
  display: none!important;
}
.swiper-button-disabled svg path {
  stroke: #E5E5E5!important;
}
.swiper-button-disabled {
  border-color :  #E5E5E5!important;
}
.datepicker .dow {
  font-size: 10px!important;
}
.datepicker-cell {
  font-size: 10px;
  padding: 3px;
}
.RTL{
  font-family: "Noto Kufi Arabic", sans-serif;
  font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    direction: rtl;
    unicode-bidi: bidi-override;
  
}
  .swiper-button-next, .swiper-button-prev{
      all: unset;
  }
  .swiper-button-prev:after, .swiper-button-next:after {
    all: unset;
}
.datepicker-input{
  max-width: 100%!important;
}

.input{
      height: 39px;
}

.election_of_president_list h3{
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
}
.election_of_president_list{
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}