@charset "UTF-8";
/*!
* Bootstrap  v5.2.3 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
  --bs-blue:#0d6efd;
  --bs-indigo:#6610f2;
  --bs-purple:#6f42c1;
  --bs-pink:#d63384;
  --bs-red:#dc3545;
  --bs-orange:#fd7e14;
  --bs-yellow:#ffc107;
  --bs-green:#198754;
  --bs-teal:#20c997;
  --bs-cyan:#0dcaf0;
  --bs-black:#000;
  --bs-white:#fff;
  --bs-gray:#6c757d;
  --bs-gray-dark:#343a40;
  --bs-gray-100:#f8f9fa;
  --bs-gray-200:#e9ecef;
  --bs-gray-300:#dee2e6;
  --bs-gray-400:#ced4da;
  --bs-gray-500:#adb5bd;
  --bs-gray-600:#6c757d;
  --bs-gray-700:#495057;
  --bs-gray-800:#343a40;
  --bs-gray-900:#212529;
  --bs-primary:#0d6efd;
  --bs-secondary:#6c757d;
  --bs-success:#198754;
  --bs-info:#0dcaf0;
  --bs-warning:#ffc107;
  --bs-danger:#dc3545;
  --bs-light:#f8f9fa;
  --bs-dark:#212529;
  --bs-primary-rgb:13,110,253;
  --bs-secondary-rgb:108,117,125;
  --bs-success-rgb:25,135,84;
  --bs-info-rgb:13,202,240;
  --bs-warning-rgb:255,193,7;
  --bs-danger-rgb:220,53,69;
  --bs-light-rgb:248,249,250;
  --bs-dark-rgb:33,37,41;
  --bs-white-rgb:255,255,255;
  --bs-black-rgb:0,0,0;
  --bs-body-color-rgb:33,37,41;
  --bs-body-bg-rgb:255,255,255;
  --bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",IBMPlexSans,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family:var(--bs-font-sans-serif);
  --bs-body-font-size:1rem;
  --bs-body-font-weight:400;
  --bs-body-line-height:1.5;
  --bs-body-color:#212529;
  --bs-body-bg:#fff;
  --bs-border-width:1px;
  --bs-border-style:solid;
  --bs-border-color:#dee2e6;
  --bs-border-color-translucent:rgba(0, 0, 0, 0.175);
  --bs-border-radius:0.375rem;
  --bs-border-radius-sm:0.25rem;
  --bs-border-radius-lg:0.5rem;
  --bs-border-radius-xl:1rem;
  --bs-border-radius-2xl:2rem;
  --bs-border-radius-pill:50rem;
  --bs-link-color:#0d6efd;
  --bs-link-hover-color:#0a58ca;
  --bs-code-color:#d63384;
  --bs-highlight-bg:#fff3cd;
}

*, ::after, ::before {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: 1px solid;
  opacity: 0.25;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

.h1, h1 {
  font-size: calc(1.375rem + 1.5vw);
}

@media (min-width: 1200px) {
  .h1, h1 {
    font-size: 2.5rem;
  }
}
.h2, h2 {
  font-size: calc(1.325rem + 0.9vw);
}

@media (min-width: 1200px) {
  .h2, h2 {
    font-size: 2rem;
  }
}
.h3, h3 {
  font-size: calc(1.3rem + 0.6vw);
}

@media (min-width: 1200px) {
  .h3, h3 {
    font-size: 1.75rem;
  }
}
.h4, h4 {
  font-size: calc(1.275rem + 0.3vw);
}

@media (min-width: 1200px) {
  .h4, h4 {
    font-size: 1.5rem;
  }
}
.h5, h5 {
  font-size: 1.25rem;
}

.h6, h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol, ul {
  padding-left: 2rem;
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol, ol ul, ul ol, ul ul {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b, strong {
  font-weight: bolder;
}

.small, small {
  font-size: 0.875em;
}

.mark, mark {
  padding: 0.1875em;
  background-color: var(--bs-highlight-bg);
}

sub, sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: var(--bs-link-color);
  text-decoration: underline;
}

a:hover {
  color: var(--bs-link-hover-color);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

code, kbd, pre, samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}

a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}

kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img, svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: #6c757d;
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button, select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}

@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}

@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}

.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}

.blockquote-footer::before {
  content: "— ";
}

.img-fluid, img {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x:1.5rem;
  --bs-gutter-y:0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

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

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0, .gx-0 {
  --bs-gutter-x:0;
}

.g-0, .gy-0 {
  --bs-gutter-y:0;
}

.g-1, .gx-1 {
  --bs-gutter-x:0.25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y:0.25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x:0.5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y:0.5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x:1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y:1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x:1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y:1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x:3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y:3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x:0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y:0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x:1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y:1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x:3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x:0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y:0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x:1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y:1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x:3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x:0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y:0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x:1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y:1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x:3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x:0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y:0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y:3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x:0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y:0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x:0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y:0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x:0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y:0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x:1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y:1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x:1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y:1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x:3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y:3rem;
  }
}
.table {
  --bs-table-color:var(--bs-body-color);
  --bs-table-bg:transparent;
  --bs-table-border-color:var(--bs-border-color);
  --bs-table-accent-bg:transparent;
  --bs-table-striped-color:var(--bs-body-color);
  --bs-table-striped-bg:rgba(0, 0, 0, 0.05);
  --bs-table-active-color:var(--bs-body-color);
  --bs-table-active-bg:rgba(0, 0, 0, 0.1);
  --bs-table-hover-color:var(--bs-body-color);
  --bs-table-hover-bg:rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: var(--bs-table-color);
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}

.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table > tbody {
  vertical-align: inherit;
}

.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: 2px solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}

.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}

.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg:var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-striped-columns > :not(caption) > tr > :nth-child(2n) {
  --bs-table-accent-bg:var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
}

.table-active {
  --bs-table-accent-bg:var(--bs-table-active-bg);
  color: var(--bs-table-active-color);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-accent-bg:var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color);
}

.table-primary {
  --bs-table-color:#000;
  --bs-table-bg:#cfe2ff;
  --bs-table-border-color:#bacbe6;
  --bs-table-striped-bg:#c5d7f2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bacbe6;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfd1ec;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color:#000;
  --bs-table-bg:#e2e3e5;
  --bs-table-border-color:#cbccce;
  --bs-table-striped-bg:#d7d8da;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#cbccce;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#d1d2d4;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color:#000;
  --bs-table-bg:#d1e7dd;
  --bs-table-border-color:#bcd0c7;
  --bs-table-striped-bg:#c7dbd2;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#bcd0c7;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#c1d6cc;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color:#000;
  --bs-table-bg:#cff4fc;
  --bs-table-border-color:#badce3;
  --bs-table-striped-bg:#c5e8ef;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#badce3;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#bfe2e9;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color:#000;
  --bs-table-bg:#fff3cd;
  --bs-table-border-color:#e6dbb9;
  --bs-table-striped-bg:#f2e7c3;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#e6dbb9;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#ece1be;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color:#000;
  --bs-table-bg:#f8d7da;
  --bs-table-border-color:#dfc2c4;
  --bs-table-striped-bg:#eccccf;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfc2c4;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5c7ca;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color:#000;
  --bs-table-bg:#f8f9fa;
  --bs-table-border-color:#dfe0e1;
  --bs-table-striped-bg:#ecedee;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#dfe0e1;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:#e5e6e7;
  --bs-table-hover-color:#000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color:#fff;
  --bs-table-bg:#212529;
  --bs-table-border-color:#373b3e;
  --bs-table-striped-bg:#2c3034;
  --bs-table-striped-color:#fff;
  --bs-table-active-bg:#373b3e;
  --bs-table-active-color:#fff;
  --bs-table-hover-bg:#323539;
  --bs-table-hover-color:#fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}

.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}

.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}

.form-control-plaintext:focus {
  outline: 0;
}

.form-control-plaintext.form-control-lg, .form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}

textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}

.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}

.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}

.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}

.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}

.form-select:disabled {
  background-color: #e9ecef;
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}

.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}

.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}

.form-check-input[type=radio] {
  border-radius: 50%;
}

.form-check-input:active {
  filter: brightness(90%);
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

.form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}

.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.btn-check:disabled + .btn, .btn-check[disabled] + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-range:focus {
  outline: 0;
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.form-range::-moz-focus-outer {
  border: 0;
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
  appearance: none;
}

@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}

.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}

.form-range:disabled {
  pointer-events: none;
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}

.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}

.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}

.form-floating > .form-control-plaintext::-moz-placeholder, .form-floating > .form-control::-moz-placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: transparent;
}

.form-floating > .form-control-plaintext:not(:-moz-placeholder-shown), .form-floating > .form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control-plaintext:-webkit-autofill, .form-floating > .form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}

.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}

.input-group > .form-control, .input-group > .form-floating, .input-group > .form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus {
  z-index: 5;
}

.input-group .btn {
  position: relative;
  z-index: 2;
}

.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .btn, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select, .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip, .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip {
  display: block;
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-valid:focus, .was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-valid, .was-validated .form-select:valid {
  border-color: #198754;
}

.form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"], .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-valid:focus, .was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-control-color.is-valid, .was-validated .form-control-color:valid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.form-check-input.is-valid, .was-validated .form-check-input:valid {
  border-color: #198754;
}

.form-check-input.is-valid:checked, .was-validated .form-check-input:valid:checked {
  background-color: #198754;
}

.form-check-input.is-valid:focus, .was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-control:not(:focus):valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip {
  display: block;
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.form-select.is-invalid, .was-validated .form-select:invalid {
  border-color: #dc3545;
}

.form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"], .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.form-select.is-invalid:focus, .was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-control-color.is-invalid, .was-validated .form-control-color:invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}

.form-check-input.is-invalid, .was-validated .form-check-input:invalid {
  border-color: #dc3545;
}

.form-check-input.is-invalid:checked, .was-validated .form-check-input:invalid:checked {
  background-color: #dc3545;
}

.form-check-input.is-invalid:focus, .was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.form-check-input.is-invalid ~ .form-check-label, .was-validated .form-check-input:invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-control:not(:focus):invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x:0.75rem;
  --bs-btn-padding-y:0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size:1rem;
  --bs-btn-font-weight:400;
  --bs-btn-line-height:1.5;
  --bs-btn-color:#212529;
  --bs-btn-bg:transparent;
  --bs-btn-border-width:1px;
  --bs-btn-border-color:transparent;
  --bs-btn-border-radius:0.375rem;
  --bs-btn-hover-border-color:transparent;
  --bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity:0.65;
  --bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}

.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}

.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}

.btn-check:checked + .btn:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible, .btn:first-child:active:focus-visible, :not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0b5ed7;
  --bs-btn-hover-border-color:#0a58ca;
  --bs-btn-focus-shadow-rgb:49,132,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0a58ca;
  --bs-btn-active-border-color:#0a53be;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#0d6efd;
  --bs-btn-disabled-border-color:#0d6efd;
}

.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#5c636a;
  --bs-btn-hover-border-color:#565e64;
  --bs-btn-focus-shadow-rgb:130,138,145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#565e64;
  --bs-btn-active-border-color:#51585e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#6c757d;
  --bs-btn-disabled-border-color:#6c757d;
}

.btn-success {
  --bs-btn-color:#fff;
  --bs-btn-bg:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#157347;
  --bs-btn-hover-border-color:#146c43;
  --bs-btn-focus-shadow-rgb:60,153,110;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#146c43;
  --bs-btn-active-border-color:#13653f;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#198754;
  --bs-btn-disabled-border-color:#198754;
}

.btn-info {
  --bs-btn-color:#000;
  --bs-btn-bg:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#31d2f2;
  --bs-btn-hover-border-color:#25cff2;
  --bs-btn-focus-shadow-rgb:11,172,204;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#3dd5f3;
  --bs-btn-active-border-color:#25cff2;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#0dcaf0;
  --bs-btn-disabled-border-color:#0dcaf0;
}

.btn-warning {
  --bs-btn-color:#000;
  --bs-btn-bg:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffca2c;
  --bs-btn-hover-border-color:#ffc720;
  --bs-btn-focus-shadow-rgb:217,164,6;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffcd39;
  --bs-btn-active-border-color:#ffc720;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#ffc107;
  --bs-btn-disabled-border-color:#ffc107;
}

.btn-danger {
  --bs-btn-color:#fff;
  --bs-btn-bg:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#bb2d3b;
  --bs-btn-hover-border-color:#b02a37;
  --bs-btn-focus-shadow-rgb:225,83,97;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#b02a37;
  --bs-btn-active-border-color:#a52834;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#dc3545;
  --bs-btn-disabled-border-color:#dc3545;
}

.btn-light {
  --bs-btn-color:#000;
  --bs-btn-bg:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#d3d4d5;
  --bs-btn-hover-border-color:#c6c7c8;
  --bs-btn-focus-shadow-rgb:211,212,213;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#c6c7c8;
  --bs-btn-active-border-color:#babbbc;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:#f8f9fa;
  --bs-btn-disabled-border-color:#f8f9fa;
}

.btn-dark {
  --bs-btn-color:#fff;
  --bs-btn-bg:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#424649;
  --bs-btn-hover-border-color:#373b3e;
  --bs-btn-focus-shadow-rgb:66,70,73;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#4d5154;
  --bs-btn-active-border-color:#373b3e;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#fff;
  --bs-btn-disabled-bg:#212529;
  --bs-btn-disabled-border-color:#212529;
}

.btn-outline-primary {
  --bs-btn-color:#0d6efd;
  --bs-btn-border-color:#0d6efd;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#0d6efd;
  --bs-btn-hover-border-color:#0d6efd;
  --bs-btn-focus-shadow-rgb:13,110,253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#0d6efd;
  --bs-btn-active-border-color:#0d6efd;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0d6efd;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0d6efd;
  --bs-gradient:none;
}

.btn-outline-secondary {
  --bs-btn-color:#6c757d;
  --bs-btn-border-color:#6c757d;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#6c757d;
  --bs-btn-hover-border-color:#6c757d;
  --bs-btn-focus-shadow-rgb:108,117,125;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#6c757d;
  --bs-btn-active-border-color:#6c757d;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#6c757d;
  --bs-gradient:none;
}

.btn-outline-success {
  --bs-btn-color:#198754;
  --bs-btn-border-color:#198754;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#198754;
  --bs-btn-hover-border-color:#198754;
  --bs-btn-focus-shadow-rgb:25,135,84;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#198754;
  --bs-btn-active-border-color:#198754;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#198754;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#198754;
  --bs-gradient:none;
}

.btn-outline-info {
  --bs-btn-color:#0dcaf0;
  --bs-btn-border-color:#0dcaf0;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#0dcaf0;
  --bs-btn-hover-border-color:#0dcaf0;
  --bs-btn-focus-shadow-rgb:13,202,240;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#0dcaf0;
  --bs-btn-active-border-color:#0dcaf0;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#0dcaf0;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#0dcaf0;
  --bs-gradient:none;
}

.btn-outline-warning {
  --bs-btn-color:#ffc107;
  --bs-btn-border-color:#ffc107;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#ffc107;
  --bs-btn-hover-border-color:#ffc107;
  --bs-btn-focus-shadow-rgb:255,193,7;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#ffc107;
  --bs-btn-active-border-color:#ffc107;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#ffc107;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#ffc107;
  --bs-gradient:none;
}

.btn-outline-danger {
  --bs-btn-color:#dc3545;
  --bs-btn-border-color:#dc3545;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#dc3545;
  --bs-btn-hover-border-color:#dc3545;
  --bs-btn-focus-shadow-rgb:220,53,69;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#dc3545;
  --bs-btn-active-border-color:#dc3545;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#dc3545;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#dc3545;
  --bs-gradient:none;
}

.btn-outline-light {
  --bs-btn-color:#f8f9fa;
  --bs-btn-border-color:#f8f9fa;
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:#f8f9fa;
  --bs-btn-hover-border-color:#f8f9fa;
  --bs-btn-focus-shadow-rgb:248,249,250;
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:#f8f9fa;
  --bs-btn-active-border-color:#f8f9fa;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#f8f9fa;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#f8f9fa;
  --bs-gradient:none;
}

.btn-outline-dark {
  --bs-btn-color:#212529;
  --bs-btn-border-color:#212529;
  --bs-btn-hover-color:#fff;
  --bs-btn-hover-bg:#212529;
  --bs-btn-hover-border-color:#212529;
  --bs-btn-focus-shadow-rgb:33,37,41;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#212529;
  --bs-btn-active-border-color:#212529;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color:#212529;
  --bs-btn-disabled-bg:transparent;
  --bs-btn-disabled-border-color:#212529;
  --bs-gradient:none;
}

.btn-link {
  --bs-btn-font-weight:400;
  --bs-btn-color:var(--bs-link-color);
  --bs-btn-bg:transparent;
  --bs-btn-border-color:transparent;
  --bs-btn-hover-color:var(--bs-link-hover-color);
  --bs-btn-hover-border-color:transparent;
  --bs-btn-active-color:var(--bs-link-hover-color);
  --bs-btn-active-border-color:transparent;
  --bs-btn-disabled-color:#6c757d;
  --bs-btn-disabled-border-color:transparent;
  --bs-btn-box-shadow:none;
  --bs-btn-focus-shadow-rgb:49,132,253;
  text-decoration: underline;
}

.btn-link:focus-visible {
  color: var(--bs-btn-color);
}

.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-group-lg > .btn, .btn-lg {
  --bs-btn-padding-y:0.5rem;
  --bs-btn-padding-x:1rem;
  --bs-btn-font-size:1.25rem;
  --bs-btn-border-radius:0.5rem;
}

.btn-group-sm > .btn, .btn-sm {
  --bs-btn-padding-y:0.25rem;
  --bs-btn-padding-x:0.5rem;
  --bs-btn-font-size:0.875rem;
  --bs-btn-border-radius:0.25rem;
}

.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}

.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex:1000;
  --bs-dropdown-min-width:10rem;
  --bs-dropdown-padding-x:0;
  --bs-dropdown-padding-y:0.5rem;
  --bs-dropdown-spacer:0.125rem;
  --bs-dropdown-font-size:1rem;
  --bs-dropdown-color:#212529;
  --bs-dropdown-bg:#fff;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-border-radius:0.375rem;
  --bs-dropdown-border-width:1px;
  --bs-dropdown-inner-border-radius:calc(0.375rem - 1px);
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y:0.5rem;
  --bs-dropdown-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color:#212529;
  --bs-dropdown-link-hover-color:#1e2125;
  --bs-dropdown-link-hover-bg:#e9ecef;
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-item-padding-x:1rem;
  --bs-dropdown-item-padding-y:0.25rem;
  --bs-dropdown-header-color:#6c757d;
  --bs-dropdown-header-padding-x:1rem;
  --bs-dropdown-header-padding-y:0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position:start;
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position:end;
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position:start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position:end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position:start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position:end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position:start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position:end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position:start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position:end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position:start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position:end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}

.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}

.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}

.dropstart .dropdown-toggle::after {
  display: none;
}

.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}

.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}

.dropdown-item:focus, .dropdown-item:hover {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}

.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color:#dee2e6;
  --bs-dropdown-bg:#343a40;
  --bs-dropdown-border-color:var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color:#dee2e6;
  --bs-dropdown-link-hover-color:#fff;
  --bs-dropdown-divider-bg:var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color:#fff;
  --bs-dropdown-link-active-bg:#0d6efd;
  --bs-dropdown-link-disabled-color:#adb5bd;
  --bs-dropdown-header-color:#adb5bd;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.btn-group-vertical > .btn, .btn-group > .btn {
  position: relative;
  flex: 1 1 auto;
}

.btn-group-vertical > .btn-check:checked + .btn, .btn-group-vertical > .btn-check:focus + .btn, .btn-group-vertical > .btn.active, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:hover, .btn-group > .btn-check:checked + .btn, .btn-group > .btn-check:focus + .btn, .btn-group > .btn.active, .btn-group > .btn:active, .btn-group > .btn:focus, .btn-group > .btn:hover {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.375rem;
}

.btn-group > .btn-group:not(:first-child), .btn-group > :not(.btn-check:first-child) + .btn {
  margin-left: -1px;
}

.btn-group > .btn-group:not(:last-child) > .btn, .btn-group > .btn.dropdown-toggle-split:first-child, .btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group > .btn-group:not(:first-child) > .btn, .btn-group > .btn:nth-child(n+3), .btn-group > :not(.btn-check) + .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

.dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after {
  margin-left: 0;
}

.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-group-sm > .btn + .dropdown-toggle-split, .btn-sm + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-group-lg > .btn + .dropdown-toggle-split, .btn-lg + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.btn-group-vertical > .btn, .btn-group-vertical > .btn-group {
  width: 100%;
}

.btn-group-vertical > .btn-group:not(:first-child), .btn-group-vertical > .btn:not(:first-child) {
  margin-top: -1px;
}

.btn-group-vertical > .btn-group:not(:last-child) > .btn, .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child) > .btn, .btn-group-vertical > .btn ~ .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x:1rem;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-link-color);
  --bs-nav-link-hover-color:var(--bs-link-hover-color);
  --bs-nav-link-disabled-color:#6c757d;
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:focus, .nav-link:hover {
  color: var(--bs-nav-link-hover-color);
}

.nav-link.disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width:1px;
  --bs-nav-tabs-border-color:#dee2e6;
  --bs-nav-tabs-border-radius:0.375rem;
  --bs-nav-tabs-link-hover-border-color:#e9ecef #e9ecef #dee2e6;
  --bs-nav-tabs-link-active-color:#495057;
  --bs-nav-tabs-link-active-bg:#fff;
  --bs-nav-tabs-link-active-border-color:#dee2e6 #dee2e6 #fff;
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}

.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  background: 0 0;
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}

.nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}

.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius:0.375rem;
  --bs-nav-pills-link-active-color:#fff;
  --bs-nav-pills-link-active-bg:#0d6efd;
}

.nav-pills .nav-link {
  background: 0 0;
  border: 0;
  border-radius: var(--bs-nav-pills-border-radius);
}

.nav-pills .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  background-color: transparent;
  border-color: transparent;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-fill .nav-item, .nav-fill > .nav-link {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified .nav-item, .nav-justified > .nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}

.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x:0;
  --bs-navbar-padding-y:0.5rem;
  --bs-navbar-color:rgba(0, 0, 0, 0.55);
  --bs-navbar-hover-color:rgba(0, 0, 0, 0.7);
  --bs-navbar-disabled-color:rgba(0, 0, 0, 0.3);
  --bs-navbar-active-color:rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-padding-y:0.3125rem;
  --bs-navbar-brand-margin-end:1rem;
  --bs-navbar-brand-font-size:1.25rem;
  --bs-navbar-brand-color:rgba(0, 0, 0, 0.9);
  --bs-navbar-brand-hover-color:rgba(0, 0, 0, 0.9);
  --bs-navbar-nav-link-padding-x:0.5rem;
  --bs-navbar-toggler-padding-y:0.25rem;
  --bs-navbar-toggler-padding-x:0.75rem;
  --bs-navbar-toggler-font-size:1.25rem;
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color:rgba(0, 0, 0, 0.1);
  --bs-navbar-toggler-border-radius:0.375rem;
  --bs-navbar-toggler-focus-width:0.25rem;
  --bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}

.navbar > .container, .navbar > .container-fluid, .navbar > .container-lg, .navbar > .container-md, .navbar > .container-sm, .navbar > .container-xl, .navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}

.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}

.navbar-brand:focus, .navbar-brand:hover {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x:0;
  --bs-nav-link-padding-y:0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color:var(--bs-navbar-color);
  --bs-nav-link-hover-color:var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link {
  color: var(--bs-navbar-active-color);
}

.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}

.navbar-text a, .navbar-text a:focus, .navbar-text a:hover {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}

@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.navbar-expand .navbar-nav {
  flex-direction: row;
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}

.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}

.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}

.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}

.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}

.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark {
  --bs-navbar-color:rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color:rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color:#fff;
  --bs-navbar-brand-color:#fff;
  --bs-navbar-brand-hover-color:#fff;
  --bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y:1rem;
  --bs-card-spacer-x:1rem;
  --bs-card-title-spacer-y:0.5rem;
  --bs-card-border-width:1px;
  --bs-card-border-color:var(--bs-border-color-translucent);
  --bs-card-border-radius:0.375rem;
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius:calc(0.375rem - 1px);
  --bs-card-cap-padding-y:0.5rem;
  --bs-card-cap-padding-x:1rem;
  --bs-card-cap-bg:rgba(0, 0, 0, 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg:#fff;
  --bs-card-img-overlay-padding:1rem;
  --bs-card-group-margin:0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card > .card-header + .list-group, .card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}

.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}

.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom, .card-img-top {
  width: 100%;
}

.card-img, .card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img, .card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}

@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color:#212529;
  --bs-accordion-bg:#fff;
  --bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color:var(--bs-border-color);
  --bs-accordion-border-width:1px;
  --bs-accordion-border-radius:0.375rem;
  --bs-accordion-inner-border-radius:calc(0.375rem - 1px);
  --bs-accordion-btn-padding-x:1.25rem;
  --bs-accordion-btn-padding-y:1rem;
  --bs-accordion-btn-color:#212529;
  --bs-accordion-btn-bg:var(--bs-accordion-bg);
  --bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width:1.25rem;
  --bs-accordion-btn-icon-transform:rotate(-180deg);
  --bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-border-color:#86b7fe;
  --bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x:1.25rem;
  --bs-accordion-body-padding-y:1rem;
  --bs-accordion-active-color:#212529;
  --bs-accordion-active-bg:#e7f1ff;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}

.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}

@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:not(:first-of-type) {
  border-top: 0;
}

.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush .accordion-collapse {
  border-width: 0;
}

.accordion-flush .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}

.accordion-flush .accordion-item:first-child {
  border-top: 0;
}

.accordion-flush .accordion-item:last-child {
  border-bottom: 0;
}

.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed {
  border-radius: 0;
}

.breadcrumb {
  --bs-breadcrumb-padding-x:0;
  --bs-breadcrumb-padding-y:0;
  --bs-breadcrumb-margin-bottom:1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color:#6c757d;
  --bs-breadcrumb-item-padding-x:0.5rem;
  --bs-breadcrumb-item-active-color:#6c757d;
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}

.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}

.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x:0.75rem;
  --bs-pagination-padding-y:0.375rem;
  --bs-pagination-font-size:1rem;
  --bs-pagination-color:var(--bs-link-color);
  --bs-pagination-bg:#fff;
  --bs-pagination-border-width:1px;
  --bs-pagination-border-color:#dee2e6;
  --bs-pagination-border-radius:0.375rem;
  --bs-pagination-hover-color:var(--bs-link-hover-color);
  --bs-pagination-hover-bg:#e9ecef;
  --bs-pagination-hover-border-color:#dee2e6;
  --bs-pagination-focus-color:var(--bs-link-hover-color);
  --bs-pagination-focus-bg:#e9ecef;
  --bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color:#fff;
  --bs-pagination-active-bg:#0d6efd;
  --bs-pagination-active-border-color:#0d6efd;
  --bs-pagination-disabled-color:#6c757d;
  --bs-pagination-disabled-bg:#fff;
  --bs-pagination-disabled-border-color:#dee2e6;
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}

.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}

.active > .page-link, .page-link.active {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}

.disabled > .page-link, .page-link.disabled {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px;
}

.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}

.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x:1.5rem;
  --bs-pagination-padding-y:0.75rem;
  --bs-pagination-font-size:1.25rem;
  --bs-pagination-border-radius:0.5rem;
}

.pagination-sm {
  --bs-pagination-padding-x:0.5rem;
  --bs-pagination-padding-y:0.25rem;
  --bs-pagination-font-size:0.875rem;
  --bs-pagination-border-radius:0.25rem;
}

.badge {
  --bs-badge-padding-x:0.65em;
  --bs-badge-padding-y:0.35em;
  --bs-badge-font-size:0.75em;
  --bs-badge-font-weight:700;
  --bs-badge-color:#fff;
  --bs-badge-border-radius:0.375rem;
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg:transparent;
  --bs-alert-padding-x:1rem;
  --bs-alert-padding-y:1rem;
  --bs-alert-margin-bottom:1rem;
  --bs-alert-color:inherit;
  --bs-alert-border-color:transparent;
  --bs-alert-border:1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius:0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color:#084298;
  --bs-alert-bg:#cfe2ff;
  --bs-alert-border-color:#b6d4fe;
}

.alert-primary .alert-link {
  color: #06357a;
}

.alert-secondary {
  --bs-alert-color:#41464b;
  --bs-alert-bg:#e2e3e5;
  --bs-alert-border-color:#d3d6d8;
}

.alert-secondary .alert-link {
  color: #34383c;
}

.alert-success {
  --bs-alert-color:#0f5132;
  --bs-alert-bg:#d1e7dd;
  --bs-alert-border-color:#badbcc;
}

.alert-success .alert-link {
  color: #0c4128;
}

.alert-info {
  --bs-alert-color:#055160;
  --bs-alert-bg:#cff4fc;
  --bs-alert-border-color:#b6effb;
}

.alert-info .alert-link {
  color: #04414d;
}

.alert-warning {
  --bs-alert-color:#664d03;
  --bs-alert-bg:#fff3cd;
  --bs-alert-border-color:#ffecb5;
}

.alert-warning .alert-link {
  color: #523e02;
}

.alert-danger {
  --bs-alert-color:#842029;
  --bs-alert-bg:#f8d7da;
  --bs-alert-border-color:#f5c2c7;
}

.alert-danger .alert-link {
  color: #6a1a21;
}

.alert-light {
  --bs-alert-color:#636464;
  --bs-alert-bg:#fefefe;
  --bs-alert-border-color:#fdfdfe;
}

.alert-light .alert-link {
  color: #4f5050;
}

.alert-dark {
  --bs-alert-color:#141619;
  --bs-alert-bg:#d3d3d4;
  --bs-alert-border-color:#bcbebf;
}

.alert-dark .alert-link {
  color: #101214;
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress {
  --bs-progress-height:1rem;
  --bs-progress-font-size:0.75rem;
  --bs-progress-bg:#e9ecef;
  --bs-progress-border-radius:0.375rem;
  --bs-progress-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-progress-bar-color:#fff;
  --bs-progress-bar-bg:#0d6efd;
  --bs-progress-bar-transition:width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}

@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color:#212529;
  --bs-list-group-bg:#fff;
  --bs-list-group-border-color:rgba(0, 0, 0, 0.125);
  --bs-list-group-border-width:1px;
  --bs-list-group-border-radius:0.375rem;
  --bs-list-group-item-padding-x:1rem;
  --bs-list-group-item-padding-y:0.5rem;
  --bs-list-group-action-color:#495057;
  --bs-list-group-action-hover-color:#495057;
  --bs-list-group-action-hover-bg:#f8f9fa;
  --bs-list-group-action-active-color:#212529;
  --bs-list-group-action-active-bg:#e9ecef;
  --bs-list-group-disabled-color:#6c757d;
  --bs-list-group-disabled-bg:#fff;
  --bs-list-group-active-color:#fff;
  --bs-list-group-active-bg:#0d6efd;
  --bs-list-group-active-border-color:#0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}

.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}

.list-group-item-action:focus, .list-group-item-action:hover {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}

.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}

.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}

.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}

.list-group-item + .list-group-item {
  border-top-width: 0;
}

.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}

.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}

.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}

.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}

.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}

.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}

.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff;
}

.list-group-item-primary.list-group-item-action:focus, .list-group-item-primary.list-group-item-action:hover {
  color: #084298;
  background-color: #bacbe6;
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298;
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5;
}

.list-group-item-secondary.list-group-item-action:focus, .list-group-item-secondary.list-group-item-action:hover {
  color: #41464b;
  background-color: #cbccce;
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b;
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd;
}

.list-group-item-success.list-group-item-action:focus, .list-group-item-success.list-group-item-action:hover {
  color: #0f5132;
  background-color: #bcd0c7;
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132;
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc;
}

.list-group-item-info.list-group-item-action:focus, .list-group-item-info.list-group-item-action:hover {
  color: #055160;
  background-color: #badce3;
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160;
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd;
}

.list-group-item-warning.list-group-item-action:focus, .list-group-item-warning.list-group-item-action:hover {
  color: #664d03;
  background-color: #e6dbb9;
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03;
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da;
}

.list-group-item-danger.list-group-item-action:focus, .list-group-item-danger.list-group-item-action:hover {
  color: #842029;
  background-color: #dfc2c4;
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029;
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe;
}

.list-group-item-light.list-group-item-action:focus, .list-group-item-light.list-group-item-action:hover {
  color: #636464;
  background-color: #e5e5e5;
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464;
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4;
}

.list-group-item-dark.list-group-item-action:focus, .list-group-item-dark.list-group-item-action:hover {
  color: #141619;
  background-color: #bebebf;
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619;
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: 0.5;
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: 0.75;
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  opacity: 1;
}

.btn-close.disabled, .btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: 0.25;
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex:1090;
  --bs-toast-padding-x:0.75rem;
  --bs-toast-padding-y:0.5rem;
  --bs-toast-spacing:1.5rem;
  --bs-toast-max-width:350px;
  --bs-toast-font-size:0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg:rgba(255, 255, 255, 0.85);
  --bs-toast-border-width:1px;
  --bs-toast-border-color:var(--bs-border-color-translucent);
  --bs-toast-border-radius:0.375rem;
  --bs-toast-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-toast-header-color:#6c757d;
  --bs-toast-header-bg:rgba(255, 255, 255, 0.85);
  --bs-toast-header-border-color:rgba(0, 0, 0, 0.05);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex:1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex:1055;
  --bs-modal-width:500px;
  --bs-modal-padding:1rem;
  --bs-modal-margin:0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg:#fff;
  --bs-modal-border-color:var(--bs-border-color-translucent);
  --bs-modal-border-width:1px;
  --bs-modal-border-radius:0.5rem;
  --bs-modal-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-modal-inner-border-radius:calc(0.5rem - 1px);
  --bs-modal-header-padding-x:1rem;
  --bs-modal-header-padding-y:1rem;
  --bs-modal-header-padding:1rem 1rem;
  --bs-modal-header-border-color:var(--bs-border-color);
  --bs-modal-header-border-width:1px;
  --bs-modal-title-line-height:1.5;
  --bs-modal-footer-gap:0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color:var(--bs-border-color);
  --bs-modal-footer-border-width:1px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex:1050;
  --bs-backdrop-bg:#000;
  --bs-backdrop-opacity:0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}

.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}

.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin:1.75rem;
    --bs-modal-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width:300px;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --bs-modal-width:800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width:1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.modal-fullscreen .modal-footer, .modal-fullscreen .modal-header {
  border-radius: 0;
}

.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-footer, .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-footer, .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-footer, .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-footer, .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-footer, .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex:1080;
  --bs-tooltip-max-width:200px;
  --bs-tooltip-padding-x:0.5rem;
  --bs-tooltip-padding-y:0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size:0.875rem;
  --bs-tooltip-color:#fff;
  --bs-tooltip-bg:#000;
  --bs-tooltip-border-radius:0.375rem;
  --bs-tooltip-opacity:0.9;
  --bs-tooltip-arrow-width:0.8rem;
  --bs-tooltip-arrow-height:0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  padding: var(--bs-tooltip-arrow-height);
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}

.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow, .bs-tooltip-top .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow, .bs-tooltip-end .tooltip-arrow {
  left: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow, .bs-tooltip-bottom .tooltip-arrow {
  top: 0;
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow {
  right: 0;
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex:1070;
  --bs-popover-max-width:276px;
  --bs-popover-font-size:0.875rem;
  --bs-popover-bg:#fff;
  --bs-popover-border-width:1px;
  --bs-popover-border-color:var(--bs-border-color-translucent);
  --bs-popover-border-radius:0.5rem;
  --bs-popover-inner-border-radius:calc(0.5rem - 1px);
  --bs-popover-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-popover-header-padding-x:1rem;
  --bs-popover-header-padding-y:0.5rem;
  --bs-popover-header-font-size:1rem;
  --bs-popover-header-color: ;
  --bs-popover-header-bg:#f0f0f0;
  --bs-popover-body-padding-x:1rem;
  --bs-popover-body-padding-y:1rem;
  --bs-popover-body-color:#212529;
  --bs-popover-arrow-width:1rem;
  --bs-popover-arrow-height:0.5rem;
  --bs-popover-arrow-border:var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}

.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}

.popover .popover-arrow::after, .popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow, .bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow, .bs-popover-end > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow, .bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}

.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow, .bs-popover-start > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}

.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
  display: block;
}

.active.carousel-item-end, .carousel-item-next:not(.carousel-item-start) {
  transform: translateX(100%);
}

.active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}

.carousel-fade .carousel-item-next.carousel-item-start, .carousel-fade .carousel-item-prev.carousel-item-end, .carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1;
}

.carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-end, .carousel-fade .active.carousel-item-start {
    transition: none;
  }
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: 0 0;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-control-next, .carousel-control-prev {
    transition: none;
  }
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}

@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100);
}

.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000;
}

.carousel-dark .carousel-caption {
  color: #000;
}

.spinner-border, .spinner-grow {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-border-width:0.25em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
  --bs-spinner-border-width:0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width:2rem;
  --bs-spinner-height:2rem;
  --bs-spinner-vertical-align:-0.125em;
  --bs-spinner-animation-speed:0.75s;
  --bs-spinner-animation-name:spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width:1rem;
  --bs-spinner-height:1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border, .spinner-grow {
    --bs-spinner-animation-speed:1.5s;
  }
}
.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
  --bs-offcanvas-zindex:1045;
  --bs-offcanvas-width:400px;
  --bs-offcanvas-height:30vh;
  --bs-offcanvas-padding-x:1rem;
  --bs-offcanvas-padding-y:1rem;
  --bs-offcanvas-color: ;
  --bs-offcanvas-bg:#fff;
  --bs-offcanvas-border-width:1px;
  --bs-offcanvas-border-color:var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.show:not(.hiding), .offcanvas-sm.showing {
    transform: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.hiding, .offcanvas-sm.show, .offcanvas-sm.showing {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.show:not(.hiding), .offcanvas-md.showing {
    transform: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.hiding, .offcanvas-md.show, .offcanvas-md.showing {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.show:not(.hiding), .offcanvas-lg.showing {
    transform: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.hiding, .offcanvas-lg.show, .offcanvas-lg.showing {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.show:not(.hiding), .offcanvas-xl.showing {
    transform: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.hiding, .offcanvas-xl.show, .offcanvas-xl.showing {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: transform 0.3s ease-in-out;
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.show:not(.hiding), .offcanvas-xxl.showing {
    transform: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.hiding, .offcanvas-xxl.show, .offcanvas-xxl.showing {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height:auto;
    --bs-offcanvas-border-width:0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: transform 0.3s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}

.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}

.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}

.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}

.offcanvas.show:not(.hiding), .offcanvas.showing {
  transform: none;
}

.offcanvas.hiding, .offcanvas.show, .offcanvas.showing {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}

.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}

.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(13, 110, 253, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(25, 135, 84, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000 !important;
  background-color: RGBA(13, 202, 240, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(255, 193, 7, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(220, 53, 69, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: #0d6efd !important;
}

.link-primary:focus, .link-primary:hover {
  color: #0a58ca !important;
}

.link-secondary {
  color: #6c757d !important;
}

.link-secondary:focus, .link-secondary:hover {
  color: #565e64 !important;
}

.link-success {
  color: #198754 !important;
}

.link-success:focus, .link-success:hover {
  color: #146c43 !important;
}

.link-info {
  color: #0dcaf0 !important;
}

.link-info:focus, .link-info:hover {
  color: #3dd5f3 !important;
}

.link-warning {
  color: #ffc107 !important;
}

.link-warning:focus, .link-warning:hover {
  color: #ffcd39 !important;
}

.link-danger {
  color: #dc3545 !important;
}

.link-danger:focus, .link-danger:hover {
  color: #b02a37 !important;
}

.link-light {
  color: #f8f9fa !important;
}

.link-light:focus, .link-light:hover {
  color: #f9fafb !important;
}

.link-dark {
  color: #212529 !important;
}

.link-dark:focus, .link-dark:hover {
  color: #1a1e21 !important;
}

.ratio {
  position: relative;
  width: 100%;
}

.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}

.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio:100%;
}

.ratio-4x3 {
  --bs-aspect-ratio:75%;
}

.ratio-16x9 {
  --bs-aspect-ratio:56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio:42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: 1px;
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

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

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity:1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-1 {
  --bs-border-width:1px;
}

.border-2 {
  --bs-border-width:2px;
}

.border-3 {
  --bs-border-width:3px;
}

.border-4 {
  --bs-border-width:4px;
}

.border-5 {
  --bs-border-width:5px;
}

.border-opacity-10 {
  --bs-border-opacity:0.1;
}

.border-opacity-25 {
  --bs-border-opacity:0.25;
}

.border-opacity-50 {
  --bs-border-opacity:0.5;
}

.border-opacity-75 {
  --bs-border-opacity:0.75;
}

.border-opacity-100 {
  --bs-border-opacity:1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

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

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

.text-primary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity:1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity:1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity:1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity:1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity:1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity:1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity:1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity:1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity:1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity:1;
  color: #6c757d !important;
}

.text-black-50 {
  --bs-text-opacity:1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity:1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
  --bs-text-opacity:1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity:0.25;
}

.text-opacity-50 {
  --bs-text-opacity:0.5;
}

.text-opacity-75 {
  --bs-text-opacity:0.75;
}

.text-opacity-100 {
  --bs-text-opacity:1;
}

.bg-primary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity:1;
  background-color: transparent !important;
}

.bg-opacity-10 {
  --bs-bg-opacity:0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity:0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity:0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity:0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity:1;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-2xl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa {
  font-family: var(--fa-style-family, "Font Awesome 6 Free");
  font-weight: var(--fa-style, 900);
}

.fas,
.far,
.fab,
.fa-solid,
.fa-regular,
.fa-brands,
.fa {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}

.fas::before,
.far::before,
.fab::before,
.fa-solid::before,
.fa-regular::before,
.fa-brands::before,
.fa::before {
  content: var(--fa);
}

.fa-classic,
.fas,
.fa-solid,
.far,
.fa-regular {
  font-family: "Font Awesome 6 Free";
}

.fa-brands,
.fab {
  font-family: "Font Awesome 6 Brands";
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-2xs {
  font-size: 0.625em;
  line-height: 0.1em;
  vertical-align: 0.225em;
}

.fa-xs {
  font-size: 0.75em;
  line-height: 0.08333em;
  vertical-align: 0.125em;
}

.fa-sm {
  font-size: 0.875em;
  line-height: 0.07143em;
  vertical-align: 0.05357em;
}

.fa-lg {
  font-size: 1.25em;
  line-height: 0.05em;
  vertical-align: -0.075em;
}

.fa-xl {
  font-size: 1.5em;
  line-height: 0.04167em;
  vertical-align: -0.125em;
}

.fa-2xl {
  font-size: 2em;
  line-height: 0.03125em;
  vertical-align: -0.1875em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  list-style-type: none;
  margin-left: var(--fa-li-margin, 2.5em);
  padding-left: 0;
}

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

.fa-li {
  left: calc(-1 * var(--fa-li-width, 2em));
  position: absolute;
  text-align: center;
  width: var(--fa-li-width, 2em);
  line-height: inherit;
}

.fa-border {
  border-color: var(--fa-border-color, #eee);
  border-radius: var(--fa-border-radius, 0.1em);
  border-style: var(--fa-border-style, solid);
  border-width: var(--fa-border-width, 0.08em);
  padding: var(--fa-border-padding, 0.2em 0.25em 0.15em);
}

.fa-pull-left {
  float: left;
  margin-right: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right {
  float: right;
  margin-left: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
  animation-name: fa-beat;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
  animation-name: fa-bounce;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
  animation-name: fa-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
  animation-name: fa-beat-fade;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
  animation-name: fa-flip;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
  animation-name: fa-shake;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
  animation-name: fa-spin;
  animation-delay: var(--fa-animation-delay, 0s);
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 2s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
  --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
  animation-name: fa-spin;
  animation-direction: var(--fa-animation-direction, normal);
  animation-duration: var(--fa-animation-duration, 1s);
  animation-iteration-count: var(--fa-animation-iteration-count, infinite);
  animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
  .fa-beat,
  .fa-bounce,
  .fa-fade,
  .fa-beat-fade,
  .fa-flip,
  .fa-pulse,
  .fa-shake,
  .fa-spin,
  .fa-spin-pulse {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}
@keyframes fa-beat {
  0%, 90% {
    transform: scale(1);
  }
  45% {
    transform: scale(var(--fa-beat-scale, 1.25));
  }
}
@keyframes fa-bounce {
  0% {
    transform: scale(1, 1) translateY(0);
  }
  10% {
    transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
  }
  30% {
    transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em));
  }
  50% {
    transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
  }
  57% {
    transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
  }
  64% {
    transform: scale(1, 1) translateY(0);
  }
  100% {
    transform: scale(1, 1) translateY(0);
  }
}
@keyframes fa-fade {
  50% {
    opacity: var(--fa-fade-opacity, 0.4);
  }
}
@keyframes fa-beat-fade {
  0%, 100% {
    opacity: var(--fa-beat-fade-opacity, 0.4);
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(var(--fa-beat-fade-scale, 1.125));
  }
}
@keyframes fa-flip {
  50% {
    transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
  }
}
@keyframes fa-shake {
  0% {
    transform: rotate(-15deg);
  }
  4% {
    transform: rotate(15deg);
  }
  8%, 24% {
    transform: rotate(-18deg);
  }
  12%, 28% {
    transform: rotate(18deg);
  }
  16% {
    transform: rotate(-22deg);
  }
  20% {
    transform: rotate(22deg);
  }
  32% {
    transform: rotate(-12deg);
  }
  36% {
    transform: rotate(12deg);
  }
  40%, 100% {
    transform: rotate(0deg);
  }
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fa-rotate-90 {
  transform: rotate(90deg);
}

.fa-rotate-180 {
  transform: rotate(180deg);
}

.fa-rotate-270 {
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1, -1);
}

.fa-rotate-by {
  transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  vertical-align: middle;
  width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-0 {
  --fa: "0";
}

.fa-1 {
  --fa: "1";
}

.fa-2 {
  --fa: "2";
}

.fa-3 {
  --fa: "3";
}

.fa-4 {
  --fa: "4";
}

.fa-5 {
  --fa: "5";
}

.fa-6 {
  --fa: "6";
}

.fa-7 {
  --fa: "7";
}

.fa-8 {
  --fa: "8";
}

.fa-9 {
  --fa: "9";
}

.fa-fill-drip {
  --fa: "";
}

.fa-arrows-to-circle {
  --fa: "";
}

.fa-circle-chevron-right {
  --fa: "";
}

.fa-chevron-circle-right {
  --fa: "";
}

.fa-at {
  --fa: "@";
}

.fa-trash-can {
  --fa: "";
}

.fa-trash-alt {
  --fa: "";
}

.fa-text-height {
  --fa: "";
}

.fa-user-xmark {
  --fa: "";
}

.fa-user-times {
  --fa: "";
}

.fa-stethoscope {
  --fa: "";
}

.fa-message {
  --fa: "";
}

.fa-comment-alt {
  --fa: "";
}

.fa-info {
  --fa: "";
}

.fa-down-left-and-up-right-to-center {
  --fa: "";
}

.fa-compress-alt {
  --fa: "";
}

.fa-explosion {
  --fa: "";
}

.fa-file-lines {
  --fa: "";
}

.fa-file-alt {
  --fa: "";
}

.fa-file-text {
  --fa: "";
}

.fa-wave-square {
  --fa: "";
}

.fa-ring {
  --fa: "";
}

.fa-building-un {
  --fa: "";
}

.fa-dice-three {
  --fa: "";
}

.fa-calendar-days {
  --fa: "";
}

.fa-calendar-alt {
  --fa: "";
}

.fa-anchor-circle-check {
  --fa: "";
}

.fa-building-circle-arrow-right {
  --fa: "";
}

.fa-volleyball {
  --fa: "";
}

.fa-volleyball-ball {
  --fa: "";
}

.fa-arrows-up-to-line {
  --fa: "";
}

.fa-sort-down {
  --fa: "";
}

.fa-sort-desc {
  --fa: "";
}

.fa-circle-minus {
  --fa: "";
}

.fa-minus-circle {
  --fa: "";
}

.fa-door-open {
  --fa: "";
}

.fa-right-from-bracket {
  --fa: "";
}

.fa-sign-out-alt {
  --fa: "";
}

.fa-atom {
  --fa: "";
}

.fa-soap {
  --fa: "";
}

.fa-icons {
  --fa: "";
}

.fa-heart-music-camera-bolt {
  --fa: "";
}

.fa-microphone-lines-slash {
  --fa: "";
}

.fa-microphone-alt-slash {
  --fa: "";
}

.fa-bridge-circle-check {
  --fa: "";
}

.fa-pump-medical {
  --fa: "";
}

.fa-fingerprint {
  --fa: "";
}

.fa-hand-point-right {
  --fa: "";
}

.fa-magnifying-glass-location {
  --fa: "";
}

.fa-search-location {
  --fa: "";
}

.fa-forward-step {
  --fa: "";
}

.fa-step-forward {
  --fa: "";
}

.fa-face-smile-beam {
  --fa: "";
}

.fa-smile-beam {
  --fa: "";
}

.fa-flag-checkered {
  --fa: "";
}

.fa-football {
  --fa: "";
}

.fa-football-ball {
  --fa: "";
}

.fa-school-circle-exclamation {
  --fa: "";
}

.fa-crop {
  --fa: "";
}

.fa-angles-down {
  --fa: "";
}

.fa-angle-double-down {
  --fa: "";
}

.fa-users-rectangle {
  --fa: "";
}

.fa-people-roof {
  --fa: "";
}

.fa-people-line {
  --fa: "";
}

.fa-beer-mug-empty {
  --fa: "";
}

.fa-beer {
  --fa: "";
}

.fa-diagram-predecessor {
  --fa: "";
}

.fa-arrow-up-long {
  --fa: "";
}

.fa-long-arrow-up {
  --fa: "";
}

.fa-fire-flame-simple {
  --fa: "";
}

.fa-burn {
  --fa: "";
}

.fa-person {
  --fa: "";
}

.fa-male {
  --fa: "";
}

.fa-laptop {
  --fa: "";
}

.fa-file-csv {
  --fa: "";
}

.fa-menorah {
  --fa: "";
}

.fa-truck-plane {
  --fa: "";
}

.fa-record-vinyl {
  --fa: "";
}

.fa-face-grin-stars {
  --fa: "";
}

.fa-grin-stars {
  --fa: "";
}

.fa-bong {
  --fa: "";
}

.fa-spaghetti-monster-flying {
  --fa: "";
}

.fa-pastafarianism {
  --fa: "";
}

.fa-arrow-down-up-across-line {
  --fa: "";
}

.fa-spoon {
  --fa: "";
}

.fa-utensil-spoon {
  --fa: "";
}

.fa-jar-wheat {
  --fa: "";
}

.fa-envelopes-bulk {
  --fa: "";
}

.fa-mail-bulk {
  --fa: "";
}

.fa-file-circle-exclamation {
  --fa: "";
}

.fa-circle-h {
  --fa: "";
}

.fa-hospital-symbol {
  --fa: "";
}

.fa-pager {
  --fa: "";
}

.fa-address-book {
  --fa: "";
}

.fa-contact-book {
  --fa: "";
}

.fa-strikethrough {
  --fa: "";
}

.fa-k {
  --fa: "K";
}

.fa-landmark-flag {
  --fa: "";
}

.fa-pencil {
  --fa: "";
}

.fa-pencil-alt {
  --fa: "";
}

.fa-backward {
  --fa: "";
}

.fa-caret-right {
  --fa: "";
}

.fa-comments {
  --fa: "";
}

.fa-paste {
  --fa: "";
}

.fa-file-clipboard {
  --fa: "";
}

.fa-code-pull-request {
  --fa: "";
}

.fa-clipboard-list {
  --fa: "";
}

.fa-truck-ramp-box {
  --fa: "";
}

.fa-truck-loading {
  --fa: "";
}

.fa-user-check {
  --fa: "";
}

.fa-vial-virus {
  --fa: "";
}

.fa-sheet-plastic {
  --fa: "";
}

.fa-blog {
  --fa: "";
}

.fa-user-ninja {
  --fa: "";
}

.fa-person-arrow-up-from-line {
  --fa: "";
}

.fa-scroll-torah {
  --fa: "";
}

.fa-torah {
  --fa: "";
}

.fa-broom-ball {
  --fa: "";
}

.fa-quidditch {
  --fa: "";
}

.fa-quidditch-broom-ball {
  --fa: "";
}

.fa-toggle-off {
  --fa: "";
}

.fa-box-archive {
  --fa: "";
}

.fa-archive {
  --fa: "";
}

.fa-person-drowning {
  --fa: "";
}

.fa-arrow-down-9-1 {
  --fa: "";
}

.fa-sort-numeric-desc {
  --fa: "";
}

.fa-sort-numeric-down-alt {
  --fa: "";
}

.fa-face-grin-tongue-squint {
  --fa: "";
}

.fa-grin-tongue-squint {
  --fa: "";
}

.fa-spray-can {
  --fa: "";
}

.fa-truck-monster {
  --fa: "";
}

.fa-w {
  --fa: "W";
}

.fa-earth-africa {
  --fa: "";
}

.fa-globe-africa {
  --fa: "";
}

.fa-rainbow {
  --fa: "";
}

.fa-circle-notch {
  --fa: "";
}

.fa-tablet-screen-button {
  --fa: "";
}

.fa-tablet-alt {
  --fa: "";
}

.fa-paw {
  --fa: "";
}

.fa-cloud {
  --fa: "";
}

.fa-trowel-bricks {
  --fa: "";
}

.fa-face-flushed {
  --fa: "";
}

.fa-flushed {
  --fa: "";
}

.fa-hospital-user {
  --fa: "";
}

.fa-tent-arrow-left-right {
  --fa: "";
}

.fa-gavel {
  --fa: "";
}

.fa-legal {
  --fa: "";
}

.fa-binoculars {
  --fa: "";
}

.fa-microphone-slash {
  --fa: "";
}

.fa-box-tissue {
  --fa: "";
}

.fa-motorcycle {
  --fa: "";
}

.fa-bell-concierge {
  --fa: "";
}

.fa-concierge-bell {
  --fa: "";
}

.fa-pen-ruler {
  --fa: "";
}

.fa-pencil-ruler {
  --fa: "";
}

.fa-people-arrows {
  --fa: "";
}

.fa-people-arrows-left-right {
  --fa: "";
}

.fa-mars-and-venus-burst {
  --fa: "";
}

.fa-square-caret-right {
  --fa: "";
}

.fa-caret-square-right {
  --fa: "";
}

.fa-scissors {
  --fa: "";
}

.fa-cut {
  --fa: "";
}

.fa-sun-plant-wilt {
  --fa: "";
}

.fa-toilets-portable {
  --fa: "";
}

.fa-hockey-puck {
  --fa: "";
}

.fa-table {
  --fa: "";
}

.fa-magnifying-glass-arrow-right {
  --fa: "";
}

.fa-tachograph-digital {
  --fa: "";
}

.fa-digital-tachograph {
  --fa: "";
}

.fa-users-slash {
  --fa: "";
}

.fa-clover {
  --fa: "";
}

.fa-reply {
  --fa: "";
}

.fa-mail-reply {
  --fa: "";
}

.fa-star-and-crescent {
  --fa: "";
}

.fa-house-fire {
  --fa: "";
}

.fa-square-minus {
  --fa: "";
}

.fa-minus-square {
  --fa: "";
}

.fa-helicopter {
  --fa: "";
}

.fa-compass {
  --fa: "";
}

.fa-square-caret-down {
  --fa: "";
}

.fa-caret-square-down {
  --fa: "";
}

.fa-file-circle-question {
  --fa: "";
}

.fa-laptop-code {
  --fa: "";
}

.fa-swatchbook {
  --fa: "";
}

.fa-prescription-bottle {
  --fa: "";
}

.fa-bars {
  --fa: "";
}

.fa-navicon {
  --fa: "";
}

.fa-people-group {
  --fa: "";
}

.fa-hourglass-end {
  --fa: "";
}

.fa-hourglass-3 {
  --fa: "";
}

.fa-heart-crack {
  --fa: "";
}

.fa-heart-broken {
  --fa: "";
}

.fa-square-up-right {
  --fa: "";
}

.fa-external-link-square-alt {
  --fa: "";
}

.fa-face-kiss-beam {
  --fa: "";
}

.fa-kiss-beam {
  --fa: "";
}

.fa-film {
  --fa: "";
}

.fa-ruler-horizontal {
  --fa: "";
}

.fa-people-robbery {
  --fa: "";
}

.fa-lightbulb {
  --fa: "";
}

.fa-caret-left {
  --fa: "";
}

.fa-circle-exclamation {
  --fa: "";
}

.fa-exclamation-circle {
  --fa: "";
}

.fa-school-circle-xmark {
  --fa: "";
}

.fa-arrow-right-from-bracket {
  --fa: "";
}

.fa-sign-out {
  --fa: "";
}

.fa-circle-chevron-down {
  --fa: "";
}

.fa-chevron-circle-down {
  --fa: "";
}

.fa-unlock-keyhole {
  --fa: "";
}

.fa-unlock-alt {
  --fa: "";
}

.fa-cloud-showers-heavy {
  --fa: "";
}

.fa-headphones-simple {
  --fa: "";
}

.fa-headphones-alt {
  --fa: "";
}

.fa-sitemap {
  --fa: "";
}

.fa-circle-dollar-to-slot {
  --fa: "";
}

.fa-donate {
  --fa: "";
}

.fa-memory {
  --fa: "";
}

.fa-road-spikes {
  --fa: "";
}

.fa-fire-burner {
  --fa: "";
}

.fa-flag {
  --fa: "";
}

.fa-hanukiah {
  --fa: "";
}

.fa-feather {
  --fa: "";
}

.fa-volume-low {
  --fa: "";
}

.fa-volume-down {
  --fa: "";
}

.fa-comment-slash {
  --fa: "";
}

.fa-cloud-sun-rain {
  --fa: "";
}

.fa-compress {
  --fa: "";
}

.fa-wheat-awn {
  --fa: "";
}

.fa-wheat-alt {
  --fa: "";
}

.fa-ankh {
  --fa: "";
}

.fa-hands-holding-child {
  --fa: "";
}

.fa-asterisk {
  --fa: "*";
}

.fa-square-check {
  --fa: "";
}

.fa-check-square {
  --fa: "";
}

.fa-peseta-sign {
  --fa: "";
}

.fa-heading {
  --fa: "";
}

.fa-header {
  --fa: "";
}

.fa-ghost {
  --fa: "";
}

.fa-list {
  --fa: "";
}

.fa-list-squares {
  --fa: "";
}

.fa-square-phone-flip {
  --fa: "";
}

.fa-phone-square-alt {
  --fa: "";
}

.fa-cart-plus {
  --fa: "";
}

.fa-gamepad {
  --fa: "";
}

.fa-circle-dot {
  --fa: "";
}

.fa-dot-circle {
  --fa: "";
}

.fa-face-dizzy {
  --fa: "";
}

.fa-dizzy {
  --fa: "";
}

.fa-egg {
  --fa: "";
}

.fa-house-medical-circle-xmark {
  --fa: "";
}

.fa-campground {
  --fa: "";
}

.fa-folder-plus {
  --fa: "";
}

.fa-futbol {
  --fa: "";
}

.fa-futbol-ball {
  --fa: "";
}

.fa-soccer-ball {
  --fa: "";
}

.fa-paintbrush {
  --fa: "";
}

.fa-paint-brush {
  --fa: "";
}

.fa-lock {
  --fa: "";
}

.fa-gas-pump {
  --fa: "";
}

.fa-hot-tub-person {
  --fa: "";
}

.fa-hot-tub {
  --fa: "";
}

.fa-map-location {
  --fa: "";
}

.fa-map-marked {
  --fa: "";
}

.fa-house-flood-water {
  --fa: "";
}

.fa-tree {
  --fa: "";
}

.fa-bridge-lock {
  --fa: "";
}

.fa-sack-dollar {
  --fa: "";
}

.fa-pen-to-square {
  --fa: "";
}

.fa-edit {
  --fa: "";
}

.fa-car-side {
  --fa: "";
}

.fa-share-nodes {
  --fa: "";
}

.fa-share-alt {
  --fa: "";
}

.fa-heart-circle-minus {
  --fa: "";
}

.fa-hourglass-half {
  --fa: "";
}

.fa-hourglass-2 {
  --fa: "";
}

.fa-microscope {
  --fa: "";
}

.fa-sink {
  --fa: "";
}

.fa-bag-shopping {
  --fa: "";
}

.fa-shopping-bag {
  --fa: "";
}

.fa-arrow-down-z-a {
  --fa: "";
}

.fa-sort-alpha-desc {
  --fa: "";
}

.fa-sort-alpha-down-alt {
  --fa: "";
}

.fa-mitten {
  --fa: "";
}

.fa-person-rays {
  --fa: "";
}

.fa-users {
  --fa: "";
}

.fa-eye-slash {
  --fa: "";
}

.fa-flask-vial {
  --fa: "";
}

.fa-hand {
  --fa: "";
}

.fa-hand-paper {
  --fa: "";
}

.fa-om {
  --fa: "";
}

.fa-worm {
  --fa: "";
}

.fa-house-circle-xmark {
  --fa: "";
}

.fa-plug {
  --fa: "";
}

.fa-chevron-up {
  --fa: "";
}

.fa-hand-spock {
  --fa: "";
}

.fa-stopwatch {
  --fa: "";
}

.fa-face-kiss {
  --fa: "";
}

.fa-kiss {
  --fa: "";
}

.fa-bridge-circle-xmark {
  --fa: "";
}

.fa-face-grin-tongue {
  --fa: "";
}

.fa-grin-tongue {
  --fa: "";
}

.fa-chess-bishop {
  --fa: "";
}

.fa-face-grin-wink {
  --fa: "";
}

.fa-grin-wink {
  --fa: "";
}

.fa-ear-deaf {
  --fa: "";
}

.fa-deaf {
  --fa: "";
}

.fa-deafness {
  --fa: "";
}

.fa-hard-of-hearing {
  --fa: "";
}

.fa-road-circle-check {
  --fa: "";
}

.fa-dice-five {
  --fa: "";
}

.fa-square-rss {
  --fa: "";
}

.fa-rss-square {
  --fa: "";
}

.fa-land-mine-on {
  --fa: "";
}

.fa-i-cursor {
  --fa: "";
}

.fa-stamp {
  --fa: "";
}

.fa-stairs {
  --fa: "";
}

.fa-i {
  --fa: "I";
}

.fa-hryvnia-sign {
  --fa: "";
}

.fa-hryvnia {
  --fa: "";
}

.fa-pills {
  --fa: "";
}

.fa-face-grin-wide {
  --fa: "";
}

.fa-grin-alt {
  --fa: "";
}

.fa-tooth {
  --fa: "";
}

.fa-v {
  --fa: "V";
}

.fa-bangladeshi-taka-sign {
  --fa: "";
}

.fa-bicycle {
  --fa: "";
}

.fa-staff-snake {
  --fa: "";
}

.fa-rod-asclepius {
  --fa: "";
}

.fa-rod-snake {
  --fa: "";
}

.fa-staff-aesculapius {
  --fa: "";
}

.fa-head-side-cough-slash {
  --fa: "";
}

.fa-truck-medical {
  --fa: "";
}

.fa-ambulance {
  --fa: "";
}

.fa-wheat-awn-circle-exclamation {
  --fa: "";
}

.fa-snowman {
  --fa: "";
}

.fa-mortar-pestle {
  --fa: "";
}

.fa-road-barrier {
  --fa: "";
}

.fa-school {
  --fa: "";
}

.fa-igloo {
  --fa: "";
}

.fa-joint {
  --fa: "";
}

.fa-angle-right {
  --fa: "";
}

.fa-horse {
  --fa: "";
}

.fa-q {
  --fa: "Q";
}

.fa-g {
  --fa: "G";
}

.fa-notes-medical {
  --fa: "";
}

.fa-temperature-half {
  --fa: "";
}

.fa-temperature-2 {
  --fa: "";
}

.fa-thermometer-2 {
  --fa: "";
}

.fa-thermometer-half {
  --fa: "";
}

.fa-dong-sign {
  --fa: "";
}

.fa-capsules {
  --fa: "";
}

.fa-poo-storm {
  --fa: "";
}

.fa-poo-bolt {
  --fa: "";
}

.fa-face-frown-open {
  --fa: "";
}

.fa-frown-open {
  --fa: "";
}

.fa-hand-point-up {
  --fa: "";
}

.fa-money-bill {
  --fa: "";
}

.fa-bookmark {
  --fa: "";
}

.fa-align-justify {
  --fa: "";
}

.fa-umbrella-beach {
  --fa: "";
}

.fa-helmet-un {
  --fa: "";
}

.fa-bullseye {
  --fa: "";
}

.fa-bacon {
  --fa: "";
}

.fa-hand-point-down {
  --fa: "";
}

.fa-arrow-up-from-bracket {
  --fa: "";
}

.fa-folder {
  --fa: "";
}

.fa-folder-blank {
  --fa: "";
}

.fa-file-waveform {
  --fa: "";
}

.fa-file-medical-alt {
  --fa: "";
}

.fa-radiation {
  --fa: "";
}

.fa-chart-simple {
  --fa: "";
}

.fa-mars-stroke {
  --fa: "";
}

.fa-vial {
  --fa: "";
}

.fa-gauge {
  --fa: "";
}

.fa-dashboard {
  --fa: "";
}

.fa-gauge-med {
  --fa: "";
}

.fa-tachometer-alt-average {
  --fa: "";
}

.fa-wand-magic-sparkles {
  --fa: "";
}

.fa-magic-wand-sparkles {
  --fa: "";
}

.fa-e {
  --fa: "E";
}

.fa-pen-clip {
  --fa: "";
}

.fa-pen-alt {
  --fa: "";
}

.fa-bridge-circle-exclamation {
  --fa: "";
}

.fa-user {
  --fa: "";
}

.fa-school-circle-check {
  --fa: "";
}

.fa-dumpster {
  --fa: "";
}

.fa-van-shuttle {
  --fa: "";
}

.fa-shuttle-van {
  --fa: "";
}

.fa-building-user {
  --fa: "";
}

.fa-square-caret-left {
  --fa: "";
}

.fa-caret-square-left {
  --fa: "";
}

.fa-highlighter {
  --fa: "";
}

.fa-key {
  --fa: "";
}

.fa-bullhorn {
  --fa: "";
}

.fa-globe {
  --fa: "";
}

.fa-synagogue {
  --fa: "";
}

.fa-person-half-dress {
  --fa: "";
}

.fa-road-bridge {
  --fa: "";
}

.fa-location-arrow {
  --fa: "";
}

.fa-c {
  --fa: "C";
}

.fa-tablet-button {
  --fa: "";
}

.fa-building-lock {
  --fa: "";
}

.fa-pizza-slice {
  --fa: "";
}

.fa-money-bill-wave {
  --fa: "";
}

.fa-chart-area {
  --fa: "";
}

.fa-area-chart {
  --fa: "";
}

.fa-house-flag {
  --fa: "";
}

.fa-person-circle-minus {
  --fa: "";
}

.fa-ban {
  --fa: "";
}

.fa-cancel {
  --fa: "";
}

.fa-camera-rotate {
  --fa: "";
}

.fa-spray-can-sparkles {
  --fa: "";
}

.fa-air-freshener {
  --fa: "";
}

.fa-star {
  --fa: "";
}

.fa-repeat {
  --fa: "";
}

.fa-cross {
  --fa: "";
}

.fa-box {
  --fa: "";
}

.fa-venus-mars {
  --fa: "";
}

.fa-arrow-pointer {
  --fa: "";
}

.fa-mouse-pointer {
  --fa: "";
}

.fa-maximize {
  --fa: "";
}

.fa-expand-arrows-alt {
  --fa: "";
}

.fa-charging-station {
  --fa: "";
}

.fa-shapes {
  --fa: "";
}

.fa-triangle-circle-square {
  --fa: "";
}

.fa-shuffle {
  --fa: "";
}

.fa-random {
  --fa: "";
}

.fa-person-running {
  --fa: "";
}

.fa-running {
  --fa: "";
}

.fa-mobile-retro {
  --fa: "";
}

.fa-grip-lines-vertical {
  --fa: "";
}

.fa-spider {
  --fa: "";
}

.fa-hands-bound {
  --fa: "";
}

.fa-file-invoice-dollar {
  --fa: "";
}

.fa-plane-circle-exclamation {
  --fa: "";
}

.fa-x-ray {
  --fa: "";
}

.fa-spell-check {
  --fa: "";
}

.fa-slash {
  --fa: "";
}

.fa-computer-mouse {
  --fa: "";
}

.fa-mouse {
  --fa: "";
}

.fa-arrow-right-to-bracket {
  --fa: "";
}

.fa-sign-in {
  --fa: "";
}

.fa-shop-slash {
  --fa: "";
}

.fa-store-alt-slash {
  --fa: "";
}

.fa-server {
  --fa: "";
}

.fa-virus-covid-slash {
  --fa: "";
}

.fa-shop-lock {
  --fa: "";
}

.fa-hourglass-start {
  --fa: "";
}

.fa-hourglass-1 {
  --fa: "";
}

.fa-blender-phone {
  --fa: "";
}

.fa-building-wheat {
  --fa: "";
}

.fa-person-breastfeeding {
  --fa: "";
}

.fa-right-to-bracket {
  --fa: "";
}

.fa-sign-in-alt {
  --fa: "";
}

.fa-venus {
  --fa: "";
}

.fa-passport {
  --fa: "";
}

.fa-thumbtack-slash {
  --fa: "";
}

.fa-thumb-tack-slash {
  --fa: "";
}

.fa-heart-pulse {
  --fa: "";
}

.fa-heartbeat {
  --fa: "";
}

.fa-people-carry-box {
  --fa: "";
}

.fa-people-carry {
  --fa: "";
}

.fa-temperature-high {
  --fa: "";
}

.fa-microchip {
  --fa: "";
}

.fa-crown {
  --fa: "";
}

.fa-weight-hanging {
  --fa: "";
}

.fa-xmarks-lines {
  --fa: "";
}

.fa-file-prescription {
  --fa: "";
}

.fa-weight-scale {
  --fa: "";
}

.fa-weight {
  --fa: "";
}

.fa-user-group {
  --fa: "";
}

.fa-user-friends {
  --fa: "";
}

.fa-arrow-up-a-z {
  --fa: "";
}

.fa-sort-alpha-up {
  --fa: "";
}

.fa-chess-knight {
  --fa: "";
}

.fa-face-laugh-squint {
  --fa: "";
}

.fa-laugh-squint {
  --fa: "";
}

.fa-wheelchair {
  --fa: "";
}

.fa-circle-arrow-up {
  --fa: "";
}

.fa-arrow-circle-up {
  --fa: "";
}

.fa-toggle-on {
  --fa: "";
}

.fa-person-walking {
  --fa: "";
}

.fa-walking {
  --fa: "";
}

.fa-l {
  --fa: "L";
}

.fa-fire {
  --fa: "";
}

.fa-bed-pulse {
  --fa: "";
}

.fa-procedures {
  --fa: "";
}

.fa-shuttle-space {
  --fa: "";
}

.fa-space-shuttle {
  --fa: "";
}

.fa-face-laugh {
  --fa: "";
}

.fa-laugh {
  --fa: "";
}

.fa-folder-open {
  --fa: "";
}

.fa-heart-circle-plus {
  --fa: "";
}

.fa-code-fork {
  --fa: "";
}

.fa-city {
  --fa: "";
}

.fa-microphone-lines {
  --fa: "";
}

.fa-microphone-alt {
  --fa: "";
}

.fa-pepper-hot {
  --fa: "";
}

.fa-unlock {
  --fa: "";
}

.fa-colon-sign {
  --fa: "";
}

.fa-headset {
  --fa: "";
}

.fa-store-slash {
  --fa: "";
}

.fa-road-circle-xmark {
  --fa: "";
}

.fa-user-minus {
  --fa: "";
}

.fa-mars-stroke-up {
  --fa: "";
}

.fa-mars-stroke-v {
  --fa: "";
}

.fa-champagne-glasses {
  --fa: "";
}

.fa-glass-cheers {
  --fa: "";
}

.fa-clipboard {
  --fa: "";
}

.fa-house-circle-exclamation {
  --fa: "";
}

.fa-file-arrow-up {
  --fa: "";
}

.fa-file-upload {
  --fa: "";
}

.fa-wifi {
  --fa: "";
}

.fa-wifi-3 {
  --fa: "";
}

.fa-wifi-strong {
  --fa: "";
}

.fa-bath {
  --fa: "";
}

.fa-bathtub {
  --fa: "";
}

.fa-underline {
  --fa: "";
}

.fa-user-pen {
  --fa: "";
}

.fa-user-edit {
  --fa: "";
}

.fa-signature {
  --fa: "";
}

.fa-stroopwafel {
  --fa: "";
}

.fa-bold {
  --fa: "";
}

.fa-anchor-lock {
  --fa: "";
}

.fa-building-ngo {
  --fa: "";
}

.fa-manat-sign {
  --fa: "";
}

.fa-not-equal {
  --fa: "";
}

.fa-border-top-left {
  --fa: "";
}

.fa-border-style {
  --fa: "";
}

.fa-map-location-dot {
  --fa: "";
}

.fa-map-marked-alt {
  --fa: "";
}

.fa-jedi {
  --fa: "";
}

.fa-square-poll-vertical {
  --fa: "";
}

.fa-poll {
  --fa: "";
}

.fa-mug-hot {
  --fa: "";
}

.fa-car-battery {
  --fa: "";
}

.fa-battery-car {
  --fa: "";
}

.fa-gift {
  --fa: "";
}

.fa-dice-two {
  --fa: "";
}

.fa-chess-queen {
  --fa: "";
}

.fa-glasses {
  --fa: "";
}

.fa-chess-board {
  --fa: "";
}

.fa-building-circle-check {
  --fa: "";
}

.fa-person-chalkboard {
  --fa: "";
}

.fa-mars-stroke-right {
  --fa: "";
}

.fa-mars-stroke-h {
  --fa: "";
}

.fa-hand-back-fist {
  --fa: "";
}

.fa-hand-rock {
  --fa: "";
}

.fa-square-caret-up {
  --fa: "";
}

.fa-caret-square-up {
  --fa: "";
}

.fa-cloud-showers-water {
  --fa: "";
}

.fa-chart-bar {
  --fa: "";
}

.fa-bar-chart {
  --fa: "";
}

.fa-hands-bubbles {
  --fa: "";
}

.fa-hands-wash {
  --fa: "";
}

.fa-less-than-equal {
  --fa: "";
}

.fa-train {
  --fa: "";
}

.fa-eye-low-vision {
  --fa: "";
}

.fa-low-vision {
  --fa: "";
}

.fa-crow {
  --fa: "";
}

.fa-sailboat {
  --fa: "";
}

.fa-window-restore {
  --fa: "";
}

.fa-square-plus {
  --fa: "";
}

.fa-plus-square {
  --fa: "";
}

.fa-torii-gate {
  --fa: "";
}

.fa-frog {
  --fa: "";
}

.fa-bucket {
  --fa: "";
}

.fa-image {
  --fa: "";
}

.fa-microphone {
  --fa: "";
}

.fa-cow {
  --fa: "";
}

.fa-caret-up {
  --fa: "";
}

.fa-screwdriver {
  --fa: "";
}

.fa-folder-closed {
  --fa: "";
}

.fa-house-tsunami {
  --fa: "";
}

.fa-square-nfi {
  --fa: "";
}

.fa-arrow-up-from-ground-water {
  --fa: "";
}

.fa-martini-glass {
  --fa: "";
}

.fa-glass-martini-alt {
  --fa: "";
}

.fa-square-binary {
  --fa: "";
}

.fa-rotate-left {
  --fa: "";
}

.fa-rotate-back {
  --fa: "";
}

.fa-rotate-backward {
  --fa: "";
}

.fa-undo-alt {
  --fa: "";
}

.fa-table-columns {
  --fa: "";
}

.fa-columns {
  --fa: "";
}

.fa-lemon {
  --fa: "";
}

.fa-head-side-mask {
  --fa: "";
}

.fa-handshake {
  --fa: "";
}

.fa-gem {
  --fa: "";
}

.fa-dolly {
  --fa: "";
}

.fa-dolly-box {
  --fa: "";
}

.fa-smoking {
  --fa: "";
}

.fa-minimize {
  --fa: "";
}

.fa-compress-arrows-alt {
  --fa: "";
}

.fa-monument {
  --fa: "";
}

.fa-snowplow {
  --fa: "";
}

.fa-angles-right {
  --fa: "";
}

.fa-angle-double-right {
  --fa: "";
}

.fa-cannabis {
  --fa: "";
}

.fa-circle-play {
  --fa: "";
}

.fa-play-circle {
  --fa: "";
}

.fa-tablets {
  --fa: "";
}

.fa-ethernet {
  --fa: "";
}

.fa-euro-sign {
  --fa: "";
}

.fa-eur {
  --fa: "";
}

.fa-euro {
  --fa: "";
}

.fa-chair {
  --fa: "";
}

.fa-circle-check {
  --fa: "";
}

.fa-check-circle {
  --fa: "";
}

.fa-circle-stop {
  --fa: "";
}

.fa-stop-circle {
  --fa: "";
}

.fa-compass-drafting {
  --fa: "";
}

.fa-drafting-compass {
  --fa: "";
}

.fa-plate-wheat {
  --fa: "";
}

.fa-icicles {
  --fa: "";
}

.fa-person-shelter {
  --fa: "";
}

.fa-neuter {
  --fa: "";
}

.fa-id-badge {
  --fa: "";
}

.fa-marker {
  --fa: "";
}

.fa-face-laugh-beam {
  --fa: "";
}

.fa-laugh-beam {
  --fa: "";
}

.fa-helicopter-symbol {
  --fa: "";
}

.fa-universal-access {
  --fa: "";
}

.fa-circle-chevron-up {
  --fa: "";
}

.fa-chevron-circle-up {
  --fa: "";
}

.fa-lari-sign {
  --fa: "";
}

.fa-volcano {
  --fa: "";
}

.fa-person-walking-dashed-line-arrow-right {
  --fa: "";
}

.fa-sterling-sign {
  --fa: "";
}

.fa-gbp {
  --fa: "";
}

.fa-pound-sign {
  --fa: "";
}

.fa-viruses {
  --fa: "";
}

.fa-square-person-confined {
  --fa: "";
}

.fa-user-tie {
  --fa: "";
}

.fa-arrow-down-long {
  --fa: "";
}

.fa-long-arrow-down {
  --fa: "";
}

.fa-tent-arrow-down-to-line {
  --fa: "";
}

.fa-certificate {
  --fa: "";
}

.fa-reply-all {
  --fa: "";
}

.fa-mail-reply-all {
  --fa: "";
}

.fa-suitcase {
  --fa: "";
}

.fa-person-skating {
  --fa: "";
}

.fa-skating {
  --fa: "";
}

.fa-filter-circle-dollar {
  --fa: "";
}

.fa-funnel-dollar {
  --fa: "";
}

.fa-camera-retro {
  --fa: "";
}

.fa-circle-arrow-down {
  --fa: "";
}

.fa-arrow-circle-down {
  --fa: "";
}

.fa-file-import {
  --fa: "";
}

.fa-arrow-right-to-file {
  --fa: "";
}

.fa-square-arrow-up-right {
  --fa: "";
}

.fa-external-link-square {
  --fa: "";
}

.fa-box-open {
  --fa: "";
}

.fa-scroll {
  --fa: "";
}

.fa-spa {
  --fa: "";
}

.fa-location-pin-lock {
  --fa: "";
}

.fa-pause {
  --fa: "";
}

.fa-hill-avalanche {
  --fa: "";
}

.fa-temperature-empty {
  --fa: "";
}

.fa-temperature-0 {
  --fa: "";
}

.fa-thermometer-0 {
  --fa: "";
}

.fa-thermometer-empty {
  --fa: "";
}

.fa-bomb {
  --fa: "";
}

.fa-registered {
  --fa: "";
}

.fa-address-card {
  --fa: "";
}

.fa-contact-card {
  --fa: "";
}

.fa-vcard {
  --fa: "";
}

.fa-scale-unbalanced-flip {
  --fa: "";
}

.fa-balance-scale-right {
  --fa: "";
}

.fa-subscript {
  --fa: "";
}

.fa-diamond-turn-right {
  --fa: "";
}

.fa-directions {
  --fa: "";
}

.fa-burst {
  --fa: "";
}

.fa-house-laptop {
  --fa: "";
}

.fa-laptop-house {
  --fa: "";
}

.fa-face-tired {
  --fa: "";
}

.fa-tired {
  --fa: "";
}

.fa-money-bills {
  --fa: "";
}

.fa-smog {
  --fa: "";
}

.fa-crutch {
  --fa: "";
}

.fa-cloud-arrow-up {
  --fa: "";
}

.fa-cloud-upload {
  --fa: "";
}

.fa-cloud-upload-alt {
  --fa: "";
}

.fa-palette {
  --fa: "";
}

.fa-arrows-turn-right {
  --fa: "";
}

.fa-vest {
  --fa: "";
}

.fa-ferry {
  --fa: "";
}

.fa-arrows-down-to-people {
  --fa: "";
}

.fa-seedling {
  --fa: "";
}

.fa-sprout {
  --fa: "";
}

.fa-left-right {
  --fa: "";
}

.fa-arrows-alt-h {
  --fa: "";
}

.fa-boxes-packing {
  --fa: "";
}

.fa-circle-arrow-left {
  --fa: "";
}

.fa-arrow-circle-left {
  --fa: "";
}

.fa-group-arrows-rotate {
  --fa: "";
}

.fa-bowl-food {
  --fa: "";
}

.fa-candy-cane {
  --fa: "";
}

.fa-arrow-down-wide-short {
  --fa: "";
}

.fa-sort-amount-asc {
  --fa: "";
}

.fa-sort-amount-down {
  --fa: "";
}

.fa-cloud-bolt {
  --fa: "";
}

.fa-thunderstorm {
  --fa: "";
}

.fa-text-slash {
  --fa: "";
}

.fa-remove-format {
  --fa: "";
}

.fa-face-smile-wink {
  --fa: "";
}

.fa-smile-wink {
  --fa: "";
}

.fa-file-word {
  --fa: "";
}

.fa-file-powerpoint {
  --fa: "";
}

.fa-arrows-left-right {
  --fa: "";
}

.fa-arrows-h {
  --fa: "";
}

.fa-house-lock {
  --fa: "";
}

.fa-cloud-arrow-down {
  --fa: "";
}

.fa-cloud-download {
  --fa: "";
}

.fa-cloud-download-alt {
  --fa: "";
}

.fa-children {
  --fa: "";
}

.fa-chalkboard {
  --fa: "";
}

.fa-blackboard {
  --fa: "";
}

.fa-user-large-slash {
  --fa: "";
}

.fa-user-alt-slash {
  --fa: "";
}

.fa-envelope-open {
  --fa: "";
}

.fa-handshake-simple-slash {
  --fa: "";
}

.fa-handshake-alt-slash {
  --fa: "";
}

.fa-mattress-pillow {
  --fa: "";
}

.fa-guarani-sign {
  --fa: "";
}

.fa-arrows-rotate {
  --fa: "";
}

.fa-refresh {
  --fa: "";
}

.fa-sync {
  --fa: "";
}

.fa-fire-extinguisher {
  --fa: "";
}

.fa-cruzeiro-sign {
  --fa: "";
}

.fa-greater-than-equal {
  --fa: "";
}

.fa-shield-halved {
  --fa: "";
}

.fa-shield-alt {
  --fa: "";
}

.fa-book-atlas {
  --fa: "";
}

.fa-atlas {
  --fa: "";
}

.fa-virus {
  --fa: "";
}

.fa-envelope-circle-check {
  --fa: "";
}

.fa-layer-group {
  --fa: "";
}

.fa-arrows-to-dot {
  --fa: "";
}

.fa-archway {
  --fa: "";
}

.fa-heart-circle-check {
  --fa: "";
}

.fa-house-chimney-crack {
  --fa: "";
}

.fa-house-damage {
  --fa: "";
}

.fa-file-zipper {
  --fa: "";
}

.fa-file-archive {
  --fa: "";
}

.fa-square {
  --fa: "";
}

.fa-martini-glass-empty {
  --fa: "";
}

.fa-glass-martini {
  --fa: "";
}

.fa-couch {
  --fa: "";
}

.fa-cedi-sign {
  --fa: "";
}

.fa-italic {
  --fa: "";
}

.fa-table-cells-column-lock {
  --fa: "";
}

.fa-church {
  --fa: "";
}

.fa-comments-dollar {
  --fa: "";
}

.fa-democrat {
  --fa: "";
}

.fa-z {
  --fa: "Z";
}

.fa-person-skiing {
  --fa: "";
}

.fa-skiing {
  --fa: "";
}

.fa-road-lock {
  --fa: "";
}

.fa-a {
  --fa: "A";
}

.fa-temperature-arrow-down {
  --fa: "";
}

.fa-temperature-down {
  --fa: "";
}

.fa-feather-pointed {
  --fa: "";
}

.fa-feather-alt {
  --fa: "";
}

.fa-p {
  --fa: "P";
}

.fa-snowflake {
  --fa: "";
}

.fa-newspaper {
  --fa: "";
}

.fa-rectangle-ad {
  --fa: "";
}

.fa-ad {
  --fa: "";
}

.fa-circle-arrow-right {
  --fa: "";
}

.fa-arrow-circle-right {
  --fa: "";
}

.fa-filter-circle-xmark {
  --fa: "";
}

.fa-locust {
  --fa: "";
}

.fa-sort {
  --fa: "";
}

.fa-unsorted {
  --fa: "";
}

.fa-list-ol {
  --fa: "";
}

.fa-list-1-2 {
  --fa: "";
}

.fa-list-numeric {
  --fa: "";
}

.fa-person-dress-burst {
  --fa: "";
}

.fa-money-check-dollar {
  --fa: "";
}

.fa-money-check-alt {
  --fa: "";
}

.fa-vector-square {
  --fa: "";
}

.fa-bread-slice {
  --fa: "";
}

.fa-language {
  --fa: "";
}

.fa-face-kiss-wink-heart {
  --fa: "";
}

.fa-kiss-wink-heart {
  --fa: "";
}

.fa-filter {
  --fa: "";
}

.fa-question {
  --fa: "?";
}

.fa-file-signature {
  --fa: "";
}

.fa-up-down-left-right {
  --fa: "";
}

.fa-arrows-alt {
  --fa: "";
}

.fa-house-chimney-user {
  --fa: "";
}

.fa-hand-holding-heart {
  --fa: "";
}

.fa-puzzle-piece {
  --fa: "";
}

.fa-money-check {
  --fa: "";
}

.fa-star-half-stroke {
  --fa: "";
}

.fa-star-half-alt {
  --fa: "";
}

.fa-code {
  --fa: "";
}

.fa-whiskey-glass {
  --fa: "";
}

.fa-glass-whiskey {
  --fa: "";
}

.fa-building-circle-exclamation {
  --fa: "";
}

.fa-magnifying-glass-chart {
  --fa: "";
}

.fa-arrow-up-right-from-square {
  --fa: "";
}

.fa-external-link {
  --fa: "";
}

.fa-cubes-stacked {
  --fa: "";
}

.fa-won-sign {
  --fa: "";
}

.fa-krw {
  --fa: "";
}

.fa-won {
  --fa: "";
}

.fa-virus-covid {
  --fa: "";
}

.fa-austral-sign {
  --fa: "";
}

.fa-f {
  --fa: "F";
}

.fa-leaf {
  --fa: "";
}

.fa-road {
  --fa: "";
}

.fa-taxi {
  --fa: "";
}

.fa-cab {
  --fa: "";
}

.fa-person-circle-plus {
  --fa: "";
}

.fa-chart-pie {
  --fa: "";
}

.fa-pie-chart {
  --fa: "";
}

.fa-bolt-lightning {
  --fa: "";
}

.fa-sack-xmark {
  --fa: "";
}

.fa-file-excel {
  --fa: "";
}

.fa-file-contract {
  --fa: "";
}

.fa-fish-fins {
  --fa: "";
}

.fa-building-flag {
  --fa: "";
}

.fa-face-grin-beam {
  --fa: "";
}

.fa-grin-beam {
  --fa: "";
}

.fa-object-ungroup {
  --fa: "";
}

.fa-poop {
  --fa: "";
}

.fa-location-pin {
  --fa: "";
}

.fa-map-marker {
  --fa: "";
}

.fa-kaaba {
  --fa: "";
}

.fa-toilet-paper {
  --fa: "";
}

.fa-helmet-safety {
  --fa: "";
}

.fa-hard-hat {
  --fa: "";
}

.fa-hat-hard {
  --fa: "";
}

.fa-eject {
  --fa: "";
}

.fa-circle-right {
  --fa: "";
}

.fa-arrow-alt-circle-right {
  --fa: "";
}

.fa-plane-circle-check {
  --fa: "";
}

.fa-face-rolling-eyes {
  --fa: "";
}

.fa-meh-rolling-eyes {
  --fa: "";
}

.fa-object-group {
  --fa: "";
}

.fa-chart-line {
  --fa: "";
}

.fa-line-chart {
  --fa: "";
}

.fa-mask-ventilator {
  --fa: "";
}

.fa-arrow-right {
  --fa: "";
}

.fa-signs-post {
  --fa: "";
}

.fa-map-signs {
  --fa: "";
}

.fa-cash-register {
  --fa: "";
}

.fa-person-circle-question {
  --fa: "";
}

.fa-h {
  --fa: "H";
}

.fa-tarp {
  --fa: "";
}

.fa-screwdriver-wrench {
  --fa: "";
}

.fa-tools {
  --fa: "";
}

.fa-arrows-to-eye {
  --fa: "";
}

.fa-plug-circle-bolt {
  --fa: "";
}

.fa-heart {
  --fa: "";
}

.fa-mars-and-venus {
  --fa: "";
}

.fa-house-user {
  --fa: "";
}

.fa-home-user {
  --fa: "";
}

.fa-dumpster-fire {
  --fa: "";
}

.fa-house-crack {
  --fa: "";
}

.fa-martini-glass-citrus {
  --fa: "";
}

.fa-cocktail {
  --fa: "";
}

.fa-face-surprise {
  --fa: "";
}

.fa-surprise {
  --fa: "";
}

.fa-bottle-water {
  --fa: "";
}

.fa-circle-pause {
  --fa: "";
}

.fa-pause-circle {
  --fa: "";
}

.fa-toilet-paper-slash {
  --fa: "";
}

.fa-apple-whole {
  --fa: "";
}

.fa-apple-alt {
  --fa: "";
}

.fa-kitchen-set {
  --fa: "";
}

.fa-r {
  --fa: "R";
}

.fa-temperature-quarter {
  --fa: "";
}

.fa-temperature-1 {
  --fa: "";
}

.fa-thermometer-1 {
  --fa: "";
}

.fa-thermometer-quarter {
  --fa: "";
}

.fa-cube {
  --fa: "";
}

.fa-bitcoin-sign {
  --fa: "";
}

.fa-shield-dog {
  --fa: "";
}

.fa-solar-panel {
  --fa: "";
}

.fa-lock-open {
  --fa: "";
}

.fa-elevator {
  --fa: "";
}

.fa-money-bill-transfer {
  --fa: "";
}

.fa-money-bill-trend-up {
  --fa: "";
}

.fa-house-flood-water-circle-arrow-right {
  --fa: "";
}

.fa-square-poll-horizontal {
  --fa: "";
}

.fa-poll-h {
  --fa: "";
}

.fa-circle {
  --fa: "";
}

.fa-backward-fast {
  --fa: "";
}

.fa-fast-backward {
  --fa: "";
}

.fa-recycle {
  --fa: "";
}

.fa-user-astronaut {
  --fa: "";
}

.fa-plane-slash {
  --fa: "";
}

.fa-trademark {
  --fa: "";
}

.fa-basketball {
  --fa: "";
}

.fa-basketball-ball {
  --fa: "";
}

.fa-satellite-dish {
  --fa: "";
}

.fa-circle-up {
  --fa: "";
}

.fa-arrow-alt-circle-up {
  --fa: "";
}

.fa-mobile-screen-button {
  --fa: "";
}

.fa-mobile-alt {
  --fa: "";
}

.fa-volume-high {
  --fa: "";
}

.fa-volume-up {
  --fa: "";
}

.fa-users-rays {
  --fa: "";
}

.fa-wallet {
  --fa: "";
}

.fa-clipboard-check {
  --fa: "";
}

.fa-file-audio {
  --fa: "";
}

.fa-burger {
  --fa: "";
}

.fa-hamburger {
  --fa: "";
}

.fa-wrench {
  --fa: "";
}

.fa-bugs {
  --fa: "";
}

.fa-rupee-sign {
  --fa: "";
}

.fa-rupee {
  --fa: "";
}

.fa-file-image {
  --fa: "";
}

.fa-circle-question {
  --fa: "";
}

.fa-question-circle {
  --fa: "";
}

.fa-plane-departure {
  --fa: "";
}

.fa-handshake-slash {
  --fa: "";
}

.fa-book-bookmark {
  --fa: "";
}

.fa-code-branch {
  --fa: "";
}

.fa-hat-cowboy {
  --fa: "";
}

.fa-bridge {
  --fa: "";
}

.fa-phone-flip {
  --fa: "";
}

.fa-phone-alt {
  --fa: "";
}

.fa-truck-front {
  --fa: "";
}

.fa-cat {
  --fa: "";
}

.fa-anchor-circle-exclamation {
  --fa: "";
}

.fa-truck-field {
  --fa: "";
}

.fa-route {
  --fa: "";
}

.fa-clipboard-question {
  --fa: "";
}

.fa-panorama {
  --fa: "";
}

.fa-comment-medical {
  --fa: "";
}

.fa-teeth-open {
  --fa: "";
}

.fa-file-circle-minus {
  --fa: "";
}

.fa-tags {
  --fa: "";
}

.fa-wine-glass {
  --fa: "";
}

.fa-forward-fast {
  --fa: "";
}

.fa-fast-forward {
  --fa: "";
}

.fa-face-meh-blank {
  --fa: "";
}

.fa-meh-blank {
  --fa: "";
}

.fa-square-parking {
  --fa: "";
}

.fa-parking {
  --fa: "";
}

.fa-house-signal {
  --fa: "";
}

.fa-bars-progress {
  --fa: "";
}

.fa-tasks-alt {
  --fa: "";
}

.fa-faucet-drip {
  --fa: "";
}

.fa-cart-flatbed {
  --fa: "";
}

.fa-dolly-flatbed {
  --fa: "";
}

.fa-ban-smoking {
  --fa: "";
}

.fa-smoking-ban {
  --fa: "";
}

.fa-terminal {
  --fa: "";
}

.fa-mobile-button {
  --fa: "";
}

.fa-house-medical-flag {
  --fa: "";
}

.fa-basket-shopping {
  --fa: "";
}

.fa-shopping-basket {
  --fa: "";
}

.fa-tape {
  --fa: "";
}

.fa-bus-simple {
  --fa: "";
}

.fa-bus-alt {
  --fa: "";
}

.fa-eye {
  --fa: "";
}

.fa-face-sad-cry {
  --fa: "";
}

.fa-sad-cry {
  --fa: "";
}

.fa-audio-description {
  --fa: "";
}

.fa-person-military-to-person {
  --fa: "";
}

.fa-file-shield {
  --fa: "";
}

.fa-user-slash {
  --fa: "";
}

.fa-pen {
  --fa: "";
}

.fa-tower-observation {
  --fa: "";
}

.fa-file-code {
  --fa: "";
}

.fa-signal {
  --fa: "";
}

.fa-signal-5 {
  --fa: "";
}

.fa-signal-perfect {
  --fa: "";
}

.fa-bus {
  --fa: "";
}

.fa-heart-circle-xmark {
  --fa: "";
}

.fa-house-chimney {
  --fa: "";
}

.fa-home-lg {
  --fa: "";
}

.fa-window-maximize {
  --fa: "";
}

.fa-face-frown {
  --fa: "";
}

.fa-frown {
  --fa: "";
}

.fa-prescription {
  --fa: "";
}

.fa-shop {
  --fa: "";
}

.fa-store-alt {
  --fa: "";
}

.fa-floppy-disk {
  --fa: "";
}

.fa-save {
  --fa: "";
}

.fa-vihara {
  --fa: "";
}

.fa-scale-unbalanced {
  --fa: "";
}

.fa-balance-scale-left {
  --fa: "";
}

.fa-sort-up {
  --fa: "";
}

.fa-sort-asc {
  --fa: "";
}

.fa-comment-dots {
  --fa: "";
}

.fa-commenting {
  --fa: "";
}

.fa-plant-wilt {
  --fa: "";
}

.fa-diamond {
  --fa: "";
}

.fa-face-grin-squint {
  --fa: "";
}

.fa-grin-squint {
  --fa: "";
}

.fa-hand-holding-dollar {
  --fa: "";
}

.fa-hand-holding-usd {
  --fa: "";
}

.fa-chart-diagram {
  --fa: "";
}

.fa-bacterium {
  --fa: "";
}

.fa-hand-pointer {
  --fa: "";
}

.fa-drum-steelpan {
  --fa: "";
}

.fa-hand-scissors {
  --fa: "";
}

.fa-hands-praying {
  --fa: "";
}

.fa-praying-hands {
  --fa: "";
}

.fa-arrow-rotate-right {
  --fa: "";
}

.fa-arrow-right-rotate {
  --fa: "";
}

.fa-arrow-rotate-forward {
  --fa: "";
}

.fa-redo {
  --fa: "";
}

.fa-biohazard {
  --fa: "";
}

.fa-location-crosshairs {
  --fa: "";
}

.fa-location {
  --fa: "";
}

.fa-mars-double {
  --fa: "";
}

.fa-child-dress {
  --fa: "";
}

.fa-users-between-lines {
  --fa: "";
}

.fa-lungs-virus {
  --fa: "";
}

.fa-face-grin-tears {
  --fa: "";
}

.fa-grin-tears {
  --fa: "";
}

.fa-phone {
  --fa: "";
}

.fa-calendar-xmark {
  --fa: "";
}

.fa-calendar-times {
  --fa: "";
}

.fa-child-reaching {
  --fa: "";
}

.fa-head-side-virus {
  --fa: "";
}

.fa-user-gear {
  --fa: "";
}

.fa-user-cog {
  --fa: "";
}

.fa-arrow-up-1-9 {
  --fa: "";
}

.fa-sort-numeric-up {
  --fa: "";
}

.fa-door-closed {
  --fa: "";
}

.fa-shield-virus {
  --fa: "";
}

.fa-dice-six {
  --fa: "";
}

.fa-mosquito-net {
  --fa: "";
}

.fa-file-fragment {
  --fa: "";
}

.fa-bridge-water {
  --fa: "";
}

.fa-person-booth {
  --fa: "";
}

.fa-text-width {
  --fa: "";
}

.fa-hat-wizard {
  --fa: "";
}

.fa-pen-fancy {
  --fa: "";
}

.fa-person-digging {
  --fa: "";
}

.fa-digging {
  --fa: "";
}

.fa-trash {
  --fa: "";
}

.fa-gauge-simple {
  --fa: "";
}

.fa-gauge-simple-med {
  --fa: "";
}

.fa-tachometer-average {
  --fa: "";
}

.fa-book-medical {
  --fa: "";
}

.fa-poo {
  --fa: "";
}

.fa-quote-right {
  --fa: "";
}

.fa-quote-right-alt {
  --fa: "";
}

.fa-shirt {
  --fa: "";
}

.fa-t-shirt {
  --fa: "";
}

.fa-tshirt {
  --fa: "";
}

.fa-cubes {
  --fa: "";
}

.fa-divide {
  --fa: "";
}

.fa-tenge-sign {
  --fa: "";
}

.fa-tenge {
  --fa: "";
}

.fa-headphones {
  --fa: "";
}

.fa-hands-holding {
  --fa: "";
}

.fa-hands-clapping {
  --fa: "";
}

.fa-republican {
  --fa: "";
}

.fa-arrow-left {
  --fa: "";
}

.fa-person-circle-xmark {
  --fa: "";
}

.fa-ruler {
  --fa: "";
}

.fa-align-left {
  --fa: "";
}

.fa-dice-d6 {
  --fa: "";
}

.fa-restroom {
  --fa: "";
}

.fa-j {
  --fa: "J";
}

.fa-users-viewfinder {
  --fa: "";
}

.fa-file-video {
  --fa: "";
}

.fa-up-right-from-square {
  --fa: "";
}

.fa-external-link-alt {
  --fa: "";
}

.fa-table-cells {
  --fa: "";
}

.fa-th {
  --fa: "";
}

.fa-file-pdf {
  --fa: "";
}

.fa-book-bible {
  --fa: "";
}

.fa-bible {
  --fa: "";
}

.fa-o {
  --fa: "O";
}

.fa-suitcase-medical {
  --fa: "";
}

.fa-medkit {
  --fa: "";
}

.fa-user-secret {
  --fa: "";
}

.fa-otter {
  --fa: "";
}

.fa-person-dress {
  --fa: "";
}

.fa-female {
  --fa: "";
}

.fa-comment-dollar {
  --fa: "";
}

.fa-business-time {
  --fa: "";
}

.fa-briefcase-clock {
  --fa: "";
}

.fa-table-cells-large {
  --fa: "";
}

.fa-th-large {
  --fa: "";
}

.fa-book-tanakh {
  --fa: "";
}

.fa-tanakh {
  --fa: "";
}

.fa-phone-volume {
  --fa: "";
}

.fa-volume-control-phone {
  --fa: "";
}

.fa-hat-cowboy-side {
  --fa: "";
}

.fa-clipboard-user {
  --fa: "";
}

.fa-child {
  --fa: "";
}

.fa-lira-sign {
  --fa: "";
}

.fa-satellite {
  --fa: "";
}

.fa-plane-lock {
  --fa: "";
}

.fa-tag {
  --fa: "";
}

.fa-comment {
  --fa: "";
}

.fa-cake-candles {
  --fa: "";
}

.fa-birthday-cake {
  --fa: "";
}

.fa-cake {
  --fa: "";
}

.fa-envelope {
  --fa: "";
}

.fa-angles-up {
  --fa: "";
}

.fa-angle-double-up {
  --fa: "";
}

.fa-paperclip {
  --fa: "";
}

.fa-arrow-right-to-city {
  --fa: "";
}

.fa-ribbon {
  --fa: "";
}

.fa-lungs {
  --fa: "";
}

.fa-arrow-up-9-1 {
  --fa: "";
}

.fa-sort-numeric-up-alt {
  --fa: "";
}

.fa-litecoin-sign {
  --fa: "";
}

.fa-border-none {
  --fa: "";
}

.fa-circle-nodes {
  --fa: "";
}

.fa-parachute-box {
  --fa: "";
}

.fa-indent {
  --fa: "";
}

.fa-truck-field-un {
  --fa: "";
}

.fa-hourglass {
  --fa: "";
}

.fa-hourglass-empty {
  --fa: "";
}

.fa-mountain {
  --fa: "";
}

.fa-user-doctor {
  --fa: "";
}

.fa-user-md {
  --fa: "";
}

.fa-circle-info {
  --fa: "";
}

.fa-info-circle {
  --fa: "";
}

.fa-cloud-meatball {
  --fa: "";
}

.fa-camera {
  --fa: "";
}

.fa-camera-alt {
  --fa: "";
}

.fa-square-virus {
  --fa: "";
}

.fa-meteor {
  --fa: "";
}

.fa-car-on {
  --fa: "";
}

.fa-sleigh {
  --fa: "";
}

.fa-arrow-down-1-9 {
  --fa: "";
}

.fa-sort-numeric-asc {
  --fa: "";
}

.fa-sort-numeric-down {
  --fa: "";
}

.fa-hand-holding-droplet {
  --fa: "";
}

.fa-hand-holding-water {
  --fa: "";
}

.fa-water {
  --fa: "";
}

.fa-calendar-check {
  --fa: "";
}

.fa-braille {
  --fa: "";
}

.fa-prescription-bottle-medical {
  --fa: "";
}

.fa-prescription-bottle-alt {
  --fa: "";
}

.fa-landmark {
  --fa: "";
}

.fa-truck {
  --fa: "";
}

.fa-crosshairs {
  --fa: "";
}

.fa-person-cane {
  --fa: "";
}

.fa-tent {
  --fa: "";
}

.fa-vest-patches {
  --fa: "";
}

.fa-check-double {
  --fa: "";
}

.fa-arrow-down-a-z {
  --fa: "";
}

.fa-sort-alpha-asc {
  --fa: "";
}

.fa-sort-alpha-down {
  --fa: "";
}

.fa-money-bill-wheat {
  --fa: "";
}

.fa-cookie {
  --fa: "";
}

.fa-arrow-rotate-left {
  --fa: "";
}

.fa-arrow-left-rotate {
  --fa: "";
}

.fa-arrow-rotate-back {
  --fa: "";
}

.fa-arrow-rotate-backward {
  --fa: "";
}

.fa-undo {
  --fa: "";
}

.fa-hard-drive {
  --fa: "";
}

.fa-hdd {
  --fa: "";
}

.fa-face-grin-squint-tears {
  --fa: "";
}

.fa-grin-squint-tears {
  --fa: "";
}

.fa-dumbbell {
  --fa: "";
}

.fa-rectangle-list {
  --fa: "";
}

.fa-list-alt {
  --fa: "";
}

.fa-tarp-droplet {
  --fa: "";
}

.fa-house-medical-circle-check {
  --fa: "";
}

.fa-person-skiing-nordic {
  --fa: "";
}

.fa-skiing-nordic {
  --fa: "";
}

.fa-calendar-plus {
  --fa: "";
}

.fa-plane-arrival {
  --fa: "";
}

.fa-circle-left {
  --fa: "";
}

.fa-arrow-alt-circle-left {
  --fa: "";
}

.fa-train-subway {
  --fa: "";
}

.fa-subway {
  --fa: "";
}

.fa-chart-gantt {
  --fa: "";
}

.fa-indian-rupee-sign {
  --fa: "";
}

.fa-indian-rupee {
  --fa: "";
}

.fa-inr {
  --fa: "";
}

.fa-crop-simple {
  --fa: "";
}

.fa-crop-alt {
  --fa: "";
}

.fa-money-bill-1 {
  --fa: "";
}

.fa-money-bill-alt {
  --fa: "";
}

.fa-left-long {
  --fa: "";
}

.fa-long-arrow-alt-left {
  --fa: "";
}

.fa-dna {
  --fa: "";
}

.fa-virus-slash {
  --fa: "";
}

.fa-minus {
  --fa: "";
}

.fa-subtract {
  --fa: "";
}

.fa-chess {
  --fa: "";
}

.fa-arrow-left-long {
  --fa: "";
}

.fa-long-arrow-left {
  --fa: "";
}

.fa-plug-circle-check {
  --fa: "";
}

.fa-street-view {
  --fa: "";
}

.fa-franc-sign {
  --fa: "";
}

.fa-volume-off {
  --fa: "";
}

.fa-hands-asl-interpreting {
  --fa: "";
}

.fa-american-sign-language-interpreting {
  --fa: "";
}

.fa-asl-interpreting {
  --fa: "";
}

.fa-hands-american-sign-language-interpreting {
  --fa: "";
}

.fa-gear {
  --fa: "";
}

.fa-cog {
  --fa: "";
}

.fa-droplet-slash {
  --fa: "";
}

.fa-tint-slash {
  --fa: "";
}

.fa-mosque {
  --fa: "";
}

.fa-mosquito {
  --fa: "";
}

.fa-star-of-david {
  --fa: "";
}

.fa-person-military-rifle {
  --fa: "";
}

.fa-cart-shopping {
  --fa: "";
}

.fa-shopping-cart {
  --fa: "";
}

.fa-vials {
  --fa: "";
}

.fa-plug-circle-plus {
  --fa: "";
}

.fa-place-of-worship {
  --fa: "";
}

.fa-grip-vertical {
  --fa: "";
}

.fa-hexagon-nodes {
  --fa: "";
}

.fa-arrow-turn-up {
  --fa: "";
}

.fa-level-up {
  --fa: "";
}

.fa-u {
  --fa: "U";
}

.fa-square-root-variable {
  --fa: "";
}

.fa-square-root-alt {
  --fa: "";
}

.fa-clock {
  --fa: "";
}

.fa-clock-four {
  --fa: "";
}

.fa-backward-step {
  --fa: "";
}

.fa-step-backward {
  --fa: "";
}

.fa-pallet {
  --fa: "";
}

.fa-faucet {
  --fa: "";
}

.fa-baseball-bat-ball {
  --fa: "";
}

.fa-s {
  --fa: "S";
}

.fa-timeline {
  --fa: "";
}

.fa-keyboard {
  --fa: "";
}

.fa-caret-down {
  --fa: "";
}

.fa-house-chimney-medical {
  --fa: "";
}

.fa-clinic-medical {
  --fa: "";
}

.fa-temperature-three-quarters {
  --fa: "";
}

.fa-temperature-3 {
  --fa: "";
}

.fa-thermometer-3 {
  --fa: "";
}

.fa-thermometer-three-quarters {
  --fa: "";
}

.fa-mobile-screen {
  --fa: "";
}

.fa-mobile-android-alt {
  --fa: "";
}

.fa-plane-up {
  --fa: "";
}

.fa-piggy-bank {
  --fa: "";
}

.fa-battery-half {
  --fa: "";
}

.fa-battery-3 {
  --fa: "";
}

.fa-mountain-city {
  --fa: "";
}

.fa-coins {
  --fa: "";
}

.fa-khanda {
  --fa: "";
}

.fa-sliders {
  --fa: "";
}

.fa-sliders-h {
  --fa: "";
}

.fa-folder-tree {
  --fa: "";
}

.fa-network-wired {
  --fa: "";
}

.fa-map-pin {
  --fa: "";
}

.fa-hamsa {
  --fa: "";
}

.fa-cent-sign {
  --fa: "";
}

.fa-flask {
  --fa: "";
}

.fa-person-pregnant {
  --fa: "";
}

.fa-wand-sparkles {
  --fa: "";
}

.fa-ellipsis-vertical {
  --fa: "";
}

.fa-ellipsis-v {
  --fa: "";
}

.fa-ticket {
  --fa: "";
}

.fa-power-off {
  --fa: "";
}

.fa-right-long {
  --fa: "";
}

.fa-long-arrow-alt-right {
  --fa: "";
}

.fa-flag-usa {
  --fa: "";
}

.fa-laptop-file {
  --fa: "";
}

.fa-tty {
  --fa: "";
}

.fa-teletype {
  --fa: "";
}

.fa-diagram-next {
  --fa: "";
}

.fa-person-rifle {
  --fa: "";
}

.fa-house-medical-circle-exclamation {
  --fa: "";
}

.fa-closed-captioning {
  --fa: "";
}

.fa-person-hiking {
  --fa: "";
}

.fa-hiking {
  --fa: "";
}

.fa-venus-double {
  --fa: "";
}

.fa-images {
  --fa: "";
}

.fa-calculator {
  --fa: "";
}

.fa-people-pulling {
  --fa: "";
}

.fa-n {
  --fa: "N";
}

.fa-cable-car {
  --fa: "";
}

.fa-tram {
  --fa: "";
}

.fa-cloud-rain {
  --fa: "";
}

.fa-building-circle-xmark {
  --fa: "";
}

.fa-ship {
  --fa: "";
}

.fa-arrows-down-to-line {
  --fa: "";
}

.fa-download {
  --fa: "";
}

.fa-face-grin {
  --fa: "";
}

.fa-grin {
  --fa: "";
}

.fa-delete-left {
  --fa: "";
}

.fa-backspace {
  --fa: "";
}

.fa-eye-dropper {
  --fa: "";
}

.fa-eye-dropper-empty {
  --fa: "";
}

.fa-eyedropper {
  --fa: "";
}

.fa-file-circle-check {
  --fa: "";
}

.fa-forward {
  --fa: "";
}

.fa-mobile {
  --fa: "";
}

.fa-mobile-android {
  --fa: "";
}

.fa-mobile-phone {
  --fa: "";
}

.fa-face-meh {
  --fa: "";
}

.fa-meh {
  --fa: "";
}

.fa-align-center {
  --fa: "";
}

.fa-book-skull {
  --fa: "";
}

.fa-book-dead {
  --fa: "";
}

.fa-id-card {
  --fa: "";
}

.fa-drivers-license {
  --fa: "";
}

.fa-outdent {
  --fa: "";
}

.fa-dedent {
  --fa: "";
}

.fa-heart-circle-exclamation {
  --fa: "";
}

.fa-house {
  --fa: "";
}

.fa-home {
  --fa: "";
}

.fa-home-alt {
  --fa: "";
}

.fa-home-lg-alt {
  --fa: "";
}

.fa-calendar-week {
  --fa: "";
}

.fa-laptop-medical {
  --fa: "";
}

.fa-b {
  --fa: "B";
}

.fa-file-medical {
  --fa: "";
}

.fa-dice-one {
  --fa: "";
}

.fa-kiwi-bird {
  --fa: "";
}

.fa-arrow-right-arrow-left {
  --fa: "";
}

.fa-exchange {
  --fa: "";
}

.fa-rotate-right {
  --fa: "";
}

.fa-redo-alt {
  --fa: "";
}

.fa-rotate-forward {
  --fa: "";
}

.fa-utensils {
  --fa: "";
}

.fa-cutlery {
  --fa: "";
}

.fa-arrow-up-wide-short {
  --fa: "";
}

.fa-sort-amount-up {
  --fa: "";
}

.fa-mill-sign {
  --fa: "";
}

.fa-bowl-rice {
  --fa: "";
}

.fa-skull {
  --fa: "";
}

.fa-tower-broadcast {
  --fa: "";
}

.fa-broadcast-tower {
  --fa: "";
}

.fa-truck-pickup {
  --fa: "";
}

.fa-up-long {
  --fa: "";
}

.fa-long-arrow-alt-up {
  --fa: "";
}

.fa-stop {
  --fa: "";
}

.fa-code-merge {
  --fa: "";
}

.fa-upload {
  --fa: "";
}

.fa-hurricane {
  --fa: "";
}

.fa-mound {
  --fa: "";
}

.fa-toilet-portable {
  --fa: "";
}

.fa-compact-disc {
  --fa: "";
}

.fa-file-arrow-down {
  --fa: "";
}

.fa-file-download {
  --fa: "";
}

.fa-caravan {
  --fa: "";
}

.fa-shield-cat {
  --fa: "";
}

.fa-bolt {
  --fa: "";
}

.fa-zap {
  --fa: "";
}

.fa-glass-water {
  --fa: "";
}

.fa-oil-well {
  --fa: "";
}

.fa-vault {
  --fa: "";
}

.fa-mars {
  --fa: "";
}

.fa-toilet {
  --fa: "";
}

.fa-plane-circle-xmark {
  --fa: "";
}

.fa-yen-sign {
  --fa: "";
}

.fa-cny {
  --fa: "";
}

.fa-jpy {
  --fa: "";
}

.fa-rmb {
  --fa: "";
}

.fa-yen {
  --fa: "";
}

.fa-ruble-sign {
  --fa: "";
}

.fa-rouble {
  --fa: "";
}

.fa-rub {
  --fa: "";
}

.fa-ruble {
  --fa: "";
}

.fa-sun {
  --fa: "";
}

.fa-guitar {
  --fa: "";
}

.fa-face-laugh-wink {
  --fa: "";
}

.fa-laugh-wink {
  --fa: "";
}

.fa-horse-head {
  --fa: "";
}

.fa-bore-hole {
  --fa: "";
}

.fa-industry {
  --fa: "";
}

.fa-circle-down {
  --fa: "";
}

.fa-arrow-alt-circle-down {
  --fa: "";
}

.fa-arrows-turn-to-dots {
  --fa: "";
}

.fa-florin-sign {
  --fa: "";
}

.fa-arrow-down-short-wide {
  --fa: "";
}

.fa-sort-amount-desc {
  --fa: "";
}

.fa-sort-amount-down-alt {
  --fa: "";
}

.fa-less-than {
  --fa: "<";
}

.fa-angle-down {
  --fa: "";
}

.fa-car-tunnel {
  --fa: "";
}

.fa-head-side-cough {
  --fa: "";
}

.fa-grip-lines {
  --fa: "";
}

.fa-thumbs-down {
  --fa: "";
}

.fa-user-lock {
  --fa: "";
}

.fa-arrow-right-long {
  --fa: "";
}

.fa-long-arrow-right {
  --fa: "";
}

.fa-anchor-circle-xmark {
  --fa: "";
}

.fa-ellipsis {
  --fa: "";
}

.fa-ellipsis-h {
  --fa: "";
}

.fa-chess-pawn {
  --fa: "";
}

.fa-kit-medical {
  --fa: "";
}

.fa-first-aid {
  --fa: "";
}

.fa-person-through-window {
  --fa: "";
}

.fa-toolbox {
  --fa: "";
}

.fa-hands-holding-circle {
  --fa: "";
}

.fa-bug {
  --fa: "";
}

.fa-credit-card {
  --fa: "";
}

.fa-credit-card-alt {
  --fa: "";
}

.fa-car {
  --fa: "";
}

.fa-automobile {
  --fa: "";
}

.fa-hand-holding-hand {
  --fa: "";
}

.fa-book-open-reader {
  --fa: "";
}

.fa-book-reader {
  --fa: "";
}

.fa-mountain-sun {
  --fa: "";
}

.fa-arrows-left-right-to-line {
  --fa: "";
}

.fa-dice-d20 {
  --fa: "";
}

.fa-truck-droplet {
  --fa: "";
}

.fa-file-circle-xmark {
  --fa: "";
}

.fa-temperature-arrow-up {
  --fa: "";
}

.fa-temperature-up {
  --fa: "";
}

.fa-medal {
  --fa: "";
}

.fa-bed {
  --fa: "";
}

.fa-square-h {
  --fa: "";
}

.fa-h-square {
  --fa: "";
}

.fa-podcast {
  --fa: "";
}

.fa-temperature-full {
  --fa: "";
}

.fa-temperature-4 {
  --fa: "";
}

.fa-thermometer-4 {
  --fa: "";
}

.fa-thermometer-full {
  --fa: "";
}

.fa-bell {
  --fa: "";
}

.fa-superscript {
  --fa: "";
}

.fa-plug-circle-xmark {
  --fa: "";
}

.fa-star-of-life {
  --fa: "";
}

.fa-phone-slash {
  --fa: "";
}

.fa-paint-roller {
  --fa: "";
}

.fa-handshake-angle {
  --fa: "";
}

.fa-hands-helping {
  --fa: "";
}

.fa-location-dot {
  --fa: "";
}

.fa-map-marker-alt {
  --fa: "";
}

.fa-file {
  --fa: "";
}

.fa-greater-than {
  --fa: ">";
}

.fa-person-swimming {
  --fa: "";
}

.fa-swimmer {
  --fa: "";
}

.fa-arrow-down {
  --fa: "";
}

.fa-droplet {
  --fa: "";
}

.fa-tint {
  --fa: "";
}

.fa-eraser {
  --fa: "";
}

.fa-earth-americas {
  --fa: "";
}

.fa-earth {
  --fa: "";
}

.fa-earth-america {
  --fa: "";
}

.fa-globe-americas {
  --fa: "";
}

.fa-person-burst {
  --fa: "";
}

.fa-dove {
  --fa: "";
}

.fa-battery-empty {
  --fa: "";
}

.fa-battery-0 {
  --fa: "";
}

.fa-socks {
  --fa: "";
}

.fa-inbox {
  --fa: "";
}

.fa-section {
  --fa: "";
}

.fa-gauge-high {
  --fa: "";
}

.fa-tachometer-alt {
  --fa: "";
}

.fa-tachometer-alt-fast {
  --fa: "";
}

.fa-envelope-open-text {
  --fa: "";
}

.fa-hospital {
  --fa: "";
}

.fa-hospital-alt {
  --fa: "";
}

.fa-hospital-wide {
  --fa: "";
}

.fa-wine-bottle {
  --fa: "";
}

.fa-chess-rook {
  --fa: "";
}

.fa-bars-staggered {
  --fa: "";
}

.fa-reorder {
  --fa: "";
}

.fa-stream {
  --fa: "";
}

.fa-dharmachakra {
  --fa: "";
}

.fa-hotdog {
  --fa: "";
}

.fa-person-walking-with-cane {
  --fa: "";
}

.fa-blind {
  --fa: "";
}

.fa-drum {
  --fa: "";
}

.fa-ice-cream {
  --fa: "";
}

.fa-heart-circle-bolt {
  --fa: "";
}

.fa-fax {
  --fa: "";
}

.fa-paragraph {
  --fa: "";
}

.fa-check-to-slot {
  --fa: "";
}

.fa-vote-yea {
  --fa: "";
}

.fa-star-half {
  --fa: "";
}

.fa-boxes-stacked {
  --fa: "";
}

.fa-boxes {
  --fa: "";
}

.fa-boxes-alt {
  --fa: "";
}

.fa-link {
  --fa: "";
}

.fa-chain {
  --fa: "";
}

.fa-ear-listen {
  --fa: "";
}

.fa-assistive-listening-systems {
  --fa: "";
}

.fa-tree-city {
  --fa: "";
}

.fa-play {
  --fa: "";
}

.fa-font {
  --fa: "";
}

.fa-table-cells-row-lock {
  --fa: "";
}

.fa-rupiah-sign {
  --fa: "";
}

.fa-magnifying-glass {
  --fa: "";
}

.fa-search {
  --fa: "";
}

.fa-table-tennis-paddle-ball {
  --fa: "";
}

.fa-ping-pong-paddle-ball {
  --fa: "";
}

.fa-table-tennis {
  --fa: "";
}

.fa-person-dots-from-line {
  --fa: "";
}

.fa-diagnoses {
  --fa: "";
}

.fa-trash-can-arrow-up {
  --fa: "";
}

.fa-trash-restore-alt {
  --fa: "";
}

.fa-naira-sign {
  --fa: "";
}

.fa-cart-arrow-down {
  --fa: "";
}

.fa-walkie-talkie {
  --fa: "";
}

.fa-file-pen {
  --fa: "";
}

.fa-file-edit {
  --fa: "";
}

.fa-receipt {
  --fa: "";
}

.fa-square-pen {
  --fa: "";
}

.fa-pen-square {
  --fa: "";
}

.fa-pencil-square {
  --fa: "";
}

.fa-suitcase-rolling {
  --fa: "";
}

.fa-person-circle-exclamation {
  --fa: "";
}

.fa-chevron-down {
  --fa: "";
}

.fa-battery-full {
  --fa: "";
}

.fa-battery {
  --fa: "";
}

.fa-battery-5 {
  --fa: "";
}

.fa-skull-crossbones {
  --fa: "";
}

.fa-code-compare {
  --fa: "";
}

.fa-list-ul {
  --fa: "";
}

.fa-list-dots {
  --fa: "";
}

.fa-school-lock {
  --fa: "";
}

.fa-tower-cell {
  --fa: "";
}

.fa-down-long {
  --fa: "";
}

.fa-long-arrow-alt-down {
  --fa: "";
}

.fa-ranking-star {
  --fa: "";
}

.fa-chess-king {
  --fa: "";
}

.fa-person-harassing {
  --fa: "";
}

.fa-brazilian-real-sign {
  --fa: "";
}

.fa-landmark-dome {
  --fa: "";
}

.fa-landmark-alt {
  --fa: "";
}

.fa-arrow-up {
  --fa: "";
}

.fa-tv {
  --fa: "";
}

.fa-television {
  --fa: "";
}

.fa-tv-alt {
  --fa: "";
}

.fa-shrimp {
  --fa: "";
}

.fa-list-check {
  --fa: "";
}

.fa-tasks {
  --fa: "";
}

.fa-jug-detergent {
  --fa: "";
}

.fa-circle-user {
  --fa: "";
}

.fa-user-circle {
  --fa: "";
}

.fa-user-shield {
  --fa: "";
}

.fa-wind {
  --fa: "";
}

.fa-car-burst {
  --fa: "";
}

.fa-car-crash {
  --fa: "";
}

.fa-y {
  --fa: "Y";
}

.fa-person-snowboarding {
  --fa: "";
}

.fa-snowboarding {
  --fa: "";
}

.fa-truck-fast {
  --fa: "";
}

.fa-shipping-fast {
  --fa: "";
}

.fa-fish {
  --fa: "";
}

.fa-user-graduate {
  --fa: "";
}

.fa-circle-half-stroke {
  --fa: "";
}

.fa-adjust {
  --fa: "";
}

.fa-clapperboard {
  --fa: "";
}

.fa-circle-radiation {
  --fa: "";
}

.fa-radiation-alt {
  --fa: "";
}

.fa-baseball {
  --fa: "";
}

.fa-baseball-ball {
  --fa: "";
}

.fa-jet-fighter-up {
  --fa: "";
}

.fa-diagram-project {
  --fa: "";
}

.fa-project-diagram {
  --fa: "";
}

.fa-copy {
  --fa: "";
}

.fa-volume-xmark {
  --fa: "";
}

.fa-volume-mute {
  --fa: "";
}

.fa-volume-times {
  --fa: "";
}

.fa-hand-sparkles {
  --fa: "";
}

.fa-grip {
  --fa: "";
}

.fa-grip-horizontal {
  --fa: "";
}

.fa-share-from-square {
  --fa: "";
}

.fa-share-square {
  --fa: "";
}

.fa-child-combatant {
  --fa: "";
}

.fa-child-rifle {
  --fa: "";
}

.fa-gun {
  --fa: "";
}

.fa-square-phone {
  --fa: "";
}

.fa-phone-square {
  --fa: "";
}

.fa-plus {
  --fa: "+";
}

.fa-add {
  --fa: "+";
}

.fa-expand {
  --fa: "";
}

.fa-computer {
  --fa: "";
}

.fa-xmark {
  --fa: "";
}

.fa-close {
  --fa: "";
}

.fa-multiply {
  --fa: "";
}

.fa-remove {
  --fa: "";
}

.fa-times {
  --fa: "";
}

.fa-arrows-up-down-left-right {
  --fa: "";
}

.fa-arrows {
  --fa: "";
}

.fa-chalkboard-user {
  --fa: "";
}

.fa-chalkboard-teacher {
  --fa: "";
}

.fa-peso-sign {
  --fa: "";
}

.fa-building-shield {
  --fa: "";
}

.fa-baby {
  --fa: "";
}

.fa-users-line {
  --fa: "";
}

.fa-quote-left {
  --fa: "";
}

.fa-quote-left-alt {
  --fa: "";
}

.fa-tractor {
  --fa: "";
}

.fa-trash-arrow-up {
  --fa: "";
}

.fa-trash-restore {
  --fa: "";
}

.fa-arrow-down-up-lock {
  --fa: "";
}

.fa-lines-leaning {
  --fa: "";
}

.fa-ruler-combined {
  --fa: "";
}

.fa-copyright {
  --fa: "";
}

.fa-equals {
  --fa: "=";
}

.fa-blender {
  --fa: "";
}

.fa-teeth {
  --fa: "";
}

.fa-shekel-sign {
  --fa: "";
}

.fa-ils {
  --fa: "";
}

.fa-shekel {
  --fa: "";
}

.fa-sheqel {
  --fa: "";
}

.fa-sheqel-sign {
  --fa: "";
}

.fa-map {
  --fa: "";
}

.fa-rocket {
  --fa: "";
}

.fa-photo-film {
  --fa: "";
}

.fa-photo-video {
  --fa: "";
}

.fa-folder-minus {
  --fa: "";
}

.fa-hexagon-nodes-bolt {
  --fa: "";
}

.fa-store {
  --fa: "";
}

.fa-arrow-trend-up {
  --fa: "";
}

.fa-plug-circle-minus {
  --fa: "";
}

.fa-sign-hanging {
  --fa: "";
}

.fa-sign {
  --fa: "";
}

.fa-bezier-curve {
  --fa: "";
}

.fa-bell-slash {
  --fa: "";
}

.fa-tablet {
  --fa: "";
}

.fa-tablet-android {
  --fa: "";
}

.fa-school-flag {
  --fa: "";
}

.fa-fill {
  --fa: "";
}

.fa-angle-up {
  --fa: "";
}

.fa-drumstick-bite {
  --fa: "";
}

.fa-holly-berry {
  --fa: "";
}

.fa-chevron-left {
  --fa: "";
}

.fa-bacteria {
  --fa: "";
}

.fa-hand-lizard {
  --fa: "";
}

.fa-notdef {
  --fa: "";
}

.fa-disease {
  --fa: "";
}

.fa-briefcase-medical {
  --fa: "";
}

.fa-genderless {
  --fa: "";
}

.fa-chevron-right {
  --fa: "";
}

.fa-retweet {
  --fa: "";
}

.fa-car-rear {
  --fa: "";
}

.fa-car-alt {
  --fa: "";
}

.fa-pump-soap {
  --fa: "";
}

.fa-video-slash {
  --fa: "";
}

.fa-battery-quarter {
  --fa: "";
}

.fa-battery-2 {
  --fa: "";
}

.fa-radio {
  --fa: "";
}

.fa-baby-carriage {
  --fa: "";
}

.fa-carriage-baby {
  --fa: "";
}

.fa-traffic-light {
  --fa: "";
}

.fa-thermometer {
  --fa: "";
}

.fa-vr-cardboard {
  --fa: "";
}

.fa-hand-middle-finger {
  --fa: "";
}

.fa-percent {
  --fa: "%";
}

.fa-percentage {
  --fa: "%";
}

.fa-truck-moving {
  --fa: "";
}

.fa-glass-water-droplet {
  --fa: "";
}

.fa-display {
  --fa: "";
}

.fa-face-smile {
  --fa: "";
}

.fa-smile {
  --fa: "";
}

.fa-thumbtack {
  --fa: "";
}

.fa-thumb-tack {
  --fa: "";
}

.fa-trophy {
  --fa: "";
}

.fa-person-praying {
  --fa: "";
}

.fa-pray {
  --fa: "";
}

.fa-hammer {
  --fa: "";
}

.fa-hand-peace {
  --fa: "";
}

.fa-rotate {
  --fa: "";
}

.fa-sync-alt {
  --fa: "";
}

.fa-spinner {
  --fa: "";
}

.fa-robot {
  --fa: "";
}

.fa-peace {
  --fa: "";
}

.fa-gears {
  --fa: "";
}

.fa-cogs {
  --fa: "";
}

.fa-warehouse {
  --fa: "";
}

.fa-arrow-up-right-dots {
  --fa: "";
}

.fa-splotch {
  --fa: "";
}

.fa-face-grin-hearts {
  --fa: "";
}

.fa-grin-hearts {
  --fa: "";
}

.fa-dice-four {
  --fa: "";
}

.fa-sim-card {
  --fa: "";
}

.fa-transgender {
  --fa: "";
}

.fa-transgender-alt {
  --fa: "";
}

.fa-mercury {
  --fa: "";
}

.fa-arrow-turn-down {
  --fa: "";
}

.fa-level-down {
  --fa: "";
}

.fa-person-falling-burst {
  --fa: "";
}

.fa-award {
  --fa: "";
}

.fa-ticket-simple {
  --fa: "";
}

.fa-ticket-alt {
  --fa: "";
}

.fa-building {
  --fa: "";
}

.fa-angles-left {
  --fa: "";
}

.fa-angle-double-left {
  --fa: "";
}

.fa-qrcode {
  --fa: "";
}

.fa-clock-rotate-left {
  --fa: "";
}

.fa-history {
  --fa: "";
}

.fa-face-grin-beam-sweat {
  --fa: "";
}

.fa-grin-beam-sweat {
  --fa: "";
}

.fa-file-export {
  --fa: "";
}

.fa-arrow-right-from-file {
  --fa: "";
}

.fa-shield {
  --fa: "";
}

.fa-shield-blank {
  --fa: "";
}

.fa-arrow-up-short-wide {
  --fa: "";
}

.fa-sort-amount-up-alt {
  --fa: "";
}

.fa-comment-nodes {
  --fa: "";
}

.fa-house-medical {
  --fa: "";
}

.fa-golf-ball-tee {
  --fa: "";
}

.fa-golf-ball {
  --fa: "";
}

.fa-circle-chevron-left {
  --fa: "";
}

.fa-chevron-circle-left {
  --fa: "";
}

.fa-house-chimney-window {
  --fa: "";
}

.fa-pen-nib {
  --fa: "";
}

.fa-tent-arrow-turn-left {
  --fa: "";
}

.fa-tents {
  --fa: "";
}

.fa-wand-magic {
  --fa: "";
}

.fa-magic {
  --fa: "";
}

.fa-dog {
  --fa: "";
}

.fa-carrot {
  --fa: "";
}

.fa-moon {
  --fa: "";
}

.fa-wine-glass-empty {
  --fa: "";
}

.fa-wine-glass-alt {
  --fa: "";
}

.fa-cheese {
  --fa: "";
}

.fa-yin-yang {
  --fa: "";
}

.fa-music {
  --fa: "";
}

.fa-code-commit {
  --fa: "";
}

.fa-temperature-low {
  --fa: "";
}

.fa-person-biking {
  --fa: "";
}

.fa-biking {
  --fa: "";
}

.fa-broom {
  --fa: "";
}

.fa-shield-heart {
  --fa: "";
}

.fa-gopuram {
  --fa: "";
}

.fa-earth-oceania {
  --fa: "";
}

.fa-globe-oceania {
  --fa: "";
}

.fa-square-xmark {
  --fa: "";
}

.fa-times-square {
  --fa: "";
}

.fa-xmark-square {
  --fa: "";
}

.fa-hashtag {
  --fa: "#";
}

.fa-up-right-and-down-left-from-center {
  --fa: "";
}

.fa-expand-alt {
  --fa: "";
}

.fa-oil-can {
  --fa: "";
}

.fa-t {
  --fa: "T";
}

.fa-hippo {
  --fa: "";
}

.fa-chart-column {
  --fa: "";
}

.fa-infinity {
  --fa: "";
}

.fa-vial-circle-check {
  --fa: "";
}

.fa-person-arrow-down-to-line {
  --fa: "";
}

.fa-voicemail {
  --fa: "";
}

.fa-fan {
  --fa: "";
}

.fa-person-walking-luggage {
  --fa: "";
}

.fa-up-down {
  --fa: "";
}

.fa-arrows-alt-v {
  --fa: "";
}

.fa-cloud-moon-rain {
  --fa: "";
}

.fa-calendar {
  --fa: "";
}

.fa-trailer {
  --fa: "";
}

.fa-bahai {
  --fa: "";
}

.fa-haykal {
  --fa: "";
}

.fa-sd-card {
  --fa: "";
}

.fa-dragon {
  --fa: "";
}

.fa-shoe-prints {
  --fa: "";
}

.fa-circle-plus {
  --fa: "";
}

.fa-plus-circle {
  --fa: "";
}

.fa-face-grin-tongue-wink {
  --fa: "";
}

.fa-grin-tongue-wink {
  --fa: "";
}

.fa-hand-holding {
  --fa: "";
}

.fa-plug-circle-exclamation {
  --fa: "";
}

.fa-link-slash {
  --fa: "";
}

.fa-chain-broken {
  --fa: "";
}

.fa-chain-slash {
  --fa: "";
}

.fa-unlink {
  --fa: "";
}

.fa-clone {
  --fa: "";
}

.fa-person-walking-arrow-loop-left {
  --fa: "";
}

.fa-arrow-up-z-a {
  --fa: "";
}

.fa-sort-alpha-up-alt {
  --fa: "";
}

.fa-fire-flame-curved {
  --fa: "";
}

.fa-fire-alt {
  --fa: "";
}

.fa-tornado {
  --fa: "";
}

.fa-file-circle-plus {
  --fa: "";
}

.fa-book-quran {
  --fa: "";
}

.fa-quran {
  --fa: "";
}

.fa-anchor {
  --fa: "";
}

.fa-border-all {
  --fa: "";
}

.fa-face-angry {
  --fa: "";
}

.fa-angry {
  --fa: "";
}

.fa-cookie-bite {
  --fa: "";
}

.fa-arrow-trend-down {
  --fa: "";
}

.fa-rss {
  --fa: "";
}

.fa-feed {
  --fa: "";
}

.fa-draw-polygon {
  --fa: "";
}

.fa-scale-balanced {
  --fa: "";
}

.fa-balance-scale {
  --fa: "";
}

.fa-gauge-simple-high {
  --fa: "";
}

.fa-tachometer {
  --fa: "";
}

.fa-tachometer-fast {
  --fa: "";
}

.fa-shower {
  --fa: "";
}

.fa-desktop {
  --fa: "";
}

.fa-desktop-alt {
  --fa: "";
}

.fa-m {
  --fa: "M";
}

.fa-table-list {
  --fa: "";
}

.fa-th-list {
  --fa: "";
}

.fa-comment-sms {
  --fa: "";
}

.fa-sms {
  --fa: "";
}

.fa-book {
  --fa: "";
}

.fa-user-plus {
  --fa: "";
}

.fa-check {
  --fa: "";
}

.fa-battery-three-quarters {
  --fa: "";
}

.fa-battery-4 {
  --fa: "";
}

.fa-house-circle-check {
  --fa: "";
}

.fa-angle-left {
  --fa: "";
}

.fa-diagram-successor {
  --fa: "";
}

.fa-truck-arrow-right {
  --fa: "";
}

.fa-arrows-split-up-and-left {
  --fa: "";
}

.fa-hand-fist {
  --fa: "";
}

.fa-fist-raised {
  --fa: "";
}

.fa-cloud-moon {
  --fa: "";
}

.fa-briefcase {
  --fa: "";
}

.fa-person-falling {
  --fa: "";
}

.fa-image-portrait {
  --fa: "";
}

.fa-portrait {
  --fa: "";
}

.fa-user-tag {
  --fa: "";
}

.fa-rug {
  --fa: "";
}

.fa-earth-europe {
  --fa: "";
}

.fa-globe-europe {
  --fa: "";
}

.fa-cart-flatbed-suitcase {
  --fa: "";
}

.fa-luggage-cart {
  --fa: "";
}

.fa-rectangle-xmark {
  --fa: "";
}

.fa-rectangle-times {
  --fa: "";
}

.fa-times-rectangle {
  --fa: "";
}

.fa-window-close {
  --fa: "";
}

.fa-baht-sign {
  --fa: "";
}

.fa-book-open {
  --fa: "";
}

.fa-book-journal-whills {
  --fa: "";
}

.fa-journal-whills {
  --fa: "";
}

.fa-handcuffs {
  --fa: "";
}

.fa-triangle-exclamation {
  --fa: "";
}

.fa-exclamation-triangle {
  --fa: "";
}

.fa-warning {
  --fa: "";
}

.fa-database {
  --fa: "";
}

.fa-share {
  --fa: "";
}

.fa-mail-forward {
  --fa: "";
}

.fa-bottle-droplet {
  --fa: "";
}

.fa-mask-face {
  --fa: "";
}

.fa-hill-rockslide {
  --fa: "";
}

.fa-right-left {
  --fa: "";
}

.fa-exchange-alt {
  --fa: "";
}

.fa-paper-plane {
  --fa: "";
}

.fa-road-circle-exclamation {
  --fa: "";
}

.fa-dungeon {
  --fa: "";
}

.fa-align-right {
  --fa: "";
}

.fa-money-bill-1-wave {
  --fa: "";
}

.fa-money-bill-wave-alt {
  --fa: "";
}

.fa-life-ring {
  --fa: "";
}

.fa-hands {
  --fa: "";
}

.fa-sign-language {
  --fa: "";
}

.fa-signing {
  --fa: "";
}

.fa-calendar-day {
  --fa: "";
}

.fa-water-ladder {
  --fa: "";
}

.fa-ladder-water {
  --fa: "";
}

.fa-swimming-pool {
  --fa: "";
}

.fa-arrows-up-down {
  --fa: "";
}

.fa-arrows-v {
  --fa: "";
}

.fa-face-grimace {
  --fa: "";
}

.fa-grimace {
  --fa: "";
}

.fa-wheelchair-move {
  --fa: "";
}

.fa-wheelchair-alt {
  --fa: "";
}

.fa-turn-down {
  --fa: "";
}

.fa-level-down-alt {
  --fa: "";
}

.fa-person-walking-arrow-right {
  --fa: "";
}

.fa-square-envelope {
  --fa: "";
}

.fa-envelope-square {
  --fa: "";
}

.fa-dice {
  --fa: "";
}

.fa-bowling-ball {
  --fa: "";
}

.fa-brain {
  --fa: "";
}

.fa-bandage {
  --fa: "";
}

.fa-band-aid {
  --fa: "";
}

.fa-calendar-minus {
  --fa: "";
}

.fa-circle-xmark {
  --fa: "";
}

.fa-times-circle {
  --fa: "";
}

.fa-xmark-circle {
  --fa: "";
}

.fa-gifts {
  --fa: "";
}

.fa-hotel {
  --fa: "";
}

.fa-earth-asia {
  --fa: "";
}

.fa-globe-asia {
  --fa: "";
}

.fa-id-card-clip {
  --fa: "";
}

.fa-id-card-alt {
  --fa: "";
}

.fa-magnifying-glass-plus {
  --fa: "";
}

.fa-search-plus {
  --fa: "";
}

.fa-thumbs-up {
  --fa: "";
}

.fa-user-clock {
  --fa: "";
}

.fa-hand-dots {
  --fa: "";
}

.fa-allergies {
  --fa: "";
}

.fa-file-invoice {
  --fa: "";
}

.fa-window-minimize {
  --fa: "";
}

.fa-mug-saucer {
  --fa: "";
}

.fa-coffee {
  --fa: "";
}

.fa-brush {
  --fa: "";
}

.fa-file-half-dashed {
  --fa: "";
}

.fa-mask {
  --fa: "";
}

.fa-magnifying-glass-minus {
  --fa: "";
}

.fa-search-minus {
  --fa: "";
}

.fa-ruler-vertical {
  --fa: "";
}

.fa-user-large {
  --fa: "";
}

.fa-user-alt {
  --fa: "";
}

.fa-train-tram {
  --fa: "";
}

.fa-user-nurse {
  --fa: "";
}

.fa-syringe {
  --fa: "";
}

.fa-cloud-sun {
  --fa: "";
}

.fa-stopwatch-20 {
  --fa: "";
}

.fa-square-full {
  --fa: "";
}

.fa-magnet {
  --fa: "";
}

.fa-jar {
  --fa: "";
}

.fa-note-sticky {
  --fa: "";
}

.fa-sticky-note {
  --fa: "";
}

.fa-bug-slash {
  --fa: "";
}

.fa-arrow-up-from-water-pump {
  --fa: "";
}

.fa-bone {
  --fa: "";
}

.fa-table-cells-row-unlock {
  --fa: "";
}

.fa-user-injured {
  --fa: "";
}

.fa-face-sad-tear {
  --fa: "";
}

.fa-sad-tear {
  --fa: "";
}

.fa-plane {
  --fa: "";
}

.fa-tent-arrows-down {
  --fa: "";
}

.fa-exclamation {
  --fa: "!";
}

.fa-arrows-spin {
  --fa: "";
}

.fa-print {
  --fa: "";
}

.fa-turkish-lira-sign {
  --fa: "";
}

.fa-try {
  --fa: "";
}

.fa-turkish-lira {
  --fa: "";
}

.fa-dollar-sign {
  --fa: "$";
}

.fa-dollar {
  --fa: "$";
}

.fa-usd {
  --fa: "$";
}

.fa-x {
  --fa: "X";
}

.fa-magnifying-glass-dollar {
  --fa: "";
}

.fa-search-dollar {
  --fa: "";
}

.fa-users-gear {
  --fa: "";
}

.fa-users-cog {
  --fa: "";
}

.fa-person-military-pointing {
  --fa: "";
}

.fa-building-columns {
  --fa: "";
}

.fa-bank {
  --fa: "";
}

.fa-institution {
  --fa: "";
}

.fa-museum {
  --fa: "";
}

.fa-university {
  --fa: "";
}

.fa-umbrella {
  --fa: "";
}

.fa-trowel {
  --fa: "";
}

.fa-d {
  --fa: "D";
}

.fa-stapler {
  --fa: "";
}

.fa-masks-theater {
  --fa: "";
}

.fa-theater-masks {
  --fa: "";
}

.fa-kip-sign {
  --fa: "";
}

.fa-hand-point-left {
  --fa: "";
}

.fa-handshake-simple {
  --fa: "";
}

.fa-handshake-alt {
  --fa: "";
}

.fa-jet-fighter {
  --fa: "";
}

.fa-fighter-jet {
  --fa: "";
}

.fa-square-share-nodes {
  --fa: "";
}

.fa-share-alt-square {
  --fa: "";
}

.fa-barcode {
  --fa: "";
}

.fa-plus-minus {
  --fa: "";
}

.fa-video {
  --fa: "";
}

.fa-video-camera {
  --fa: "";
}

.fa-graduation-cap {
  --fa: "";
}

.fa-mortar-board {
  --fa: "";
}

.fa-hand-holding-medical {
  --fa: "";
}

.fa-person-circle-check {
  --fa: "";
}

.fa-turn-up {
  --fa: "";
}

.fa-level-up-alt {
  --fa: "";
}

.sr-only,
.fa-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

:root, :host {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
}

@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
}
.fab,
.fa-brands {
  font-weight: 400;
}

.fa-monero {
  --fa: "";
}

.fa-hooli {
  --fa: "";
}

.fa-yelp {
  --fa: "";
}

.fa-cc-visa {
  --fa: "";
}

.fa-lastfm {
  --fa: "";
}

.fa-shopware {
  --fa: "";
}

.fa-creative-commons-nc {
  --fa: "";
}

.fa-aws {
  --fa: "";
}

.fa-redhat {
  --fa: "";
}

.fa-yoast {
  --fa: "";
}

.fa-cloudflare {
  --fa: "";
}

.fa-ups {
  --fa: "";
}

.fa-pixiv {
  --fa: "";
}

.fa-wpexplorer {
  --fa: "";
}

.fa-dyalog {
  --fa: "";
}

.fa-bity {
  --fa: "";
}

.fa-stackpath {
  --fa: "";
}

.fa-buysellads {
  --fa: "";
}

.fa-first-order {
  --fa: "";
}

.fa-modx {
  --fa: "";
}

.fa-guilded {
  --fa: "";
}

.fa-vnv {
  --fa: "";
}

.fa-square-js {
  --fa: "";
}

.fa-js-square {
  --fa: "";
}

.fa-microsoft {
  --fa: "";
}

.fa-qq {
  --fa: "";
}

.fa-orcid {
  --fa: "";
}

.fa-java {
  --fa: "";
}

.fa-invision {
  --fa: "";
}

.fa-creative-commons-pd-alt {
  --fa: "";
}

.fa-centercode {
  --fa: "";
}

.fa-glide-g {
  --fa: "";
}

.fa-drupal {
  --fa: "";
}

.fa-jxl {
  --fa: "";
}

.fa-dart-lang {
  --fa: "";
}

.fa-hire-a-helper {
  --fa: "";
}

.fa-creative-commons-by {
  --fa: "";
}

.fa-unity {
  --fa: "";
}

.fa-whmcs {
  --fa: "";
}

.fa-rocketchat {
  --fa: "";
}

.fa-vk {
  --fa: "";
}

.fa-untappd {
  --fa: "";
}

.fa-mailchimp {
  --fa: "";
}

.fa-css3-alt {
  --fa: "";
}

.fa-square-reddit {
  --fa: "";
}

.fa-reddit-square {
  --fa: "";
}

.fa-vimeo-v {
  --fa: "";
}

.fa-contao {
  --fa: "";
}

.fa-square-font-awesome {
  --fa: "";
}

.fa-deskpro {
  --fa: "";
}

.fa-brave {
  --fa: "";
}

.fa-sistrix {
  --fa: "";
}

.fa-square-instagram {
  --fa: "";
}

.fa-instagram-square {
  --fa: "";
}

.fa-battle-net {
  --fa: "";
}

.fa-the-red-yeti {
  --fa: "";
}

.fa-square-hacker-news {
  --fa: "";
}

.fa-hacker-news-square {
  --fa: "";
}

.fa-edge {
  --fa: "";
}

.fa-threads {
  --fa: "";
}

.fa-napster {
  --fa: "";
}

.fa-square-snapchat {
  --fa: "";
}

.fa-snapchat-square {
  --fa: "";
}

.fa-google-plus-g {
  --fa: "";
}

.fa-artstation {
  --fa: "";
}

.fa-markdown {
  --fa: "";
}

.fa-sourcetree {
  --fa: "";
}

.fa-google-plus {
  --fa: "";
}

.fa-diaspora {
  --fa: "";
}

.fa-foursquare {
  --fa: "";
}

.fa-stack-overflow {
  --fa: "";
}

.fa-github-alt {
  --fa: "";
}

.fa-phoenix-squadron {
  --fa: "";
}

.fa-pagelines {
  --fa: "";
}

.fa-algolia {
  --fa: "";
}

.fa-red-river {
  --fa: "";
}

.fa-creative-commons-sa {
  --fa: "";
}

.fa-safari {
  --fa: "";
}

.fa-google {
  --fa: "";
}

.fa-square-font-awesome-stroke {
  --fa: "";
}

.fa-font-awesome-alt {
  --fa: "";
}

.fa-atlassian {
  --fa: "";
}

.fa-linkedin-in {
  --fa: "";
}

.fa-digital-ocean {
  --fa: "";
}

.fa-nimblr {
  --fa: "";
}

.fa-chromecast {
  --fa: "";
}

.fa-evernote {
  --fa: "";
}

.fa-hacker-news {
  --fa: "";
}

.fa-creative-commons-sampling {
  --fa: "";
}

.fa-adversal {
  --fa: "";
}

.fa-creative-commons {
  --fa: "";
}

.fa-watchman-monitoring {
  --fa: "";
}

.fa-fonticons {
  --fa: "";
}

.fa-weixin {
  --fa: "";
}

.fa-shirtsinbulk {
  --fa: "";
}

.fa-codepen {
  --fa: "";
}

.fa-git-alt {
  --fa: "";
}

.fa-lyft {
  --fa: "";
}

.fa-rev {
  --fa: "";
}

.fa-windows {
  --fa: "";
}

.fa-wizards-of-the-coast {
  --fa: "";
}

.fa-square-viadeo {
  --fa: "";
}

.fa-viadeo-square {
  --fa: "";
}

.fa-meetup {
  --fa: "";
}

.fa-centos {
  --fa: "";
}

.fa-adn {
  --fa: "";
}

.fa-cloudsmith {
  --fa: "";
}

.fa-opensuse {
  --fa: "";
}

.fa-pied-piper-alt {
  --fa: "";
}

.fa-square-dribbble {
  --fa: "";
}

.fa-dribbble-square {
  --fa: "";
}

.fa-codiepie {
  --fa: "";
}

.fa-node {
  --fa: "";
}

.fa-mix {
  --fa: "";
}

.fa-steam {
  --fa: "";
}

.fa-cc-apple-pay {
  --fa: "";
}

.fa-scribd {
  --fa: "";
}

.fa-debian {
  --fa: "";
}

.fa-openid {
  --fa: "";
}

.fa-instalod {
  --fa: "";
}

.fa-files-pinwheel {
  --fa: "";
}

.fa-expeditedssl {
  --fa: "";
}

.fa-sellcast {
  --fa: "";
}

.fa-square-twitter {
  --fa: "";
}

.fa-twitter-square {
  --fa: "";
}

.fa-r-project {
  --fa: "";
}

.fa-delicious {
  --fa: "";
}

.fa-freebsd {
  --fa: "";
}

.fa-vuejs {
  --fa: "";
}

.fa-accusoft {
  --fa: "";
}

.fa-ioxhost {
  --fa: "";
}

.fa-fonticons-fi {
  --fa: "";
}

.fa-app-store {
  --fa: "";
}

.fa-cc-mastercard {
  --fa: "";
}

.fa-itunes-note {
  --fa: "";
}

.fa-golang {
  --fa: "";
}

.fa-kickstarter {
  --fa: "";
}

.fa-square-kickstarter {
  --fa: "";
}

.fa-grav {
  --fa: "";
}

.fa-weibo {
  --fa: "";
}

.fa-uncharted {
  --fa: "";
}

.fa-firstdraft {
  --fa: "";
}

.fa-square-youtube {
  --fa: "";
}

.fa-youtube-square {
  --fa: "";
}

.fa-wikipedia-w {
  --fa: "";
}

.fa-wpressr {
  --fa: "";
}

.fa-rendact {
  --fa: "";
}

.fa-angellist {
  --fa: "";
}

.fa-galactic-republic {
  --fa: "";
}

.fa-nfc-directional {
  --fa: "";
}

.fa-skype {
  --fa: "";
}

.fa-joget {
  --fa: "";
}

.fa-fedora {
  --fa: "";
}

.fa-stripe-s {
  --fa: "";
}

.fa-meta {
  --fa: "";
}

.fa-laravel {
  --fa: "";
}

.fa-hotjar {
  --fa: "";
}

.fa-bluetooth-b {
  --fa: "";
}

.fa-square-letterboxd {
  --fa: "";
}

.fa-sticker-mule {
  --fa: "";
}

.fa-creative-commons-zero {
  --fa: "";
}

.fa-hips {
  --fa: "";
}

.fa-css {
  --fa: "";
}

.fa-behance {
  --fa: "";
}

.fa-reddit {
  --fa: "";
}

.fa-discord {
  --fa: "";
}

.fa-chrome {
  --fa: "";
}

.fa-app-store-ios {
  --fa: "";
}

.fa-cc-discover {
  --fa: "";
}

.fa-wpbeginner {
  --fa: "";
}

.fa-confluence {
  --fa: "";
}

.fa-shoelace {
  --fa: "";
}

.fa-mdb {
  --fa: "";
}

.fa-dochub {
  --fa: "";
}

.fa-accessible-icon {
  --fa: "";
}

.fa-ebay {
  --fa: "";
}

.fa-amazon {
  --fa: "";
}

.fa-unsplash {
  --fa: "";
}

.fa-yarn {
  --fa: "";
}

.fa-square-steam {
  --fa: "";
}

.fa-steam-square {
  --fa: "";
}

.fa-500px {
  --fa: "";
}

.fa-square-vimeo {
  --fa: "";
}

.fa-vimeo-square {
  --fa: "";
}

.fa-asymmetrik {
  --fa: "";
}

.fa-font-awesome {
  --fa: "";
}

.fa-font-awesome-flag {
  --fa: "";
}

.fa-font-awesome-logo-full {
  --fa: "";
}

.fa-gratipay {
  --fa: "";
}

.fa-apple {
  --fa: "";
}

.fa-hive {
  --fa: "";
}

.fa-gitkraken {
  --fa: "";
}

.fa-keybase {
  --fa: "";
}

.fa-apple-pay {
  --fa: "";
}

.fa-padlet {
  --fa: "";
}

.fa-amazon-pay {
  --fa: "";
}

.fa-square-github {
  --fa: "";
}

.fa-github-square {
  --fa: "";
}

.fa-stumbleupon {
  --fa: "";
}

.fa-fedex {
  --fa: "";
}

.fa-phoenix-framework {
  --fa: "";
}

.fa-shopify {
  --fa: "";
}

.fa-neos {
  --fa: "";
}

.fa-square-threads {
  --fa: "";
}

.fa-hackerrank {
  --fa: "";
}

.fa-researchgate {
  --fa: "";
}

.fa-swift {
  --fa: "";
}

.fa-angular {
  --fa: "";
}

.fa-speakap {
  --fa: "";
}

.fa-angrycreative {
  --fa: "";
}

.fa-y-combinator {
  --fa: "";
}

.fa-empire {
  --fa: "";
}

.fa-envira {
  --fa: "";
}

.fa-google-scholar {
  --fa: "";
}

.fa-square-gitlab {
  --fa: "";
}

.fa-gitlab-square {
  --fa: "";
}

.fa-studiovinari {
  --fa: "";
}

.fa-pied-piper {
  --fa: "";
}

.fa-wordpress {
  --fa: "";
}

.fa-product-hunt {
  --fa: "";
}

.fa-firefox {
  --fa: "";
}

.fa-linode {
  --fa: "";
}

.fa-goodreads {
  --fa: "";
}

.fa-square-odnoklassniki {
  --fa: "";
}

.fa-odnoklassniki-square {
  --fa: "";
}

.fa-jsfiddle {
  --fa: "";
}

.fa-sith {
  --fa: "";
}

.fa-themeisle {
  --fa: "";
}

.fa-page4 {
  --fa: "";
}

.fa-hashnode {
  --fa: "";
}

.fa-react {
  --fa: "";
}

.fa-cc-paypal {
  --fa: "";
}

.fa-squarespace {
  --fa: "";
}

.fa-cc-stripe {
  --fa: "";
}

.fa-creative-commons-share {
  --fa: "";
}

.fa-bitcoin {
  --fa: "";
}

.fa-keycdn {
  --fa: "";
}

.fa-opera {
  --fa: "";
}

.fa-itch-io {
  --fa: "";
}

.fa-umbraco {
  --fa: "";
}

.fa-galactic-senate {
  --fa: "";
}

.fa-ubuntu {
  --fa: "";
}

.fa-draft2digital {
  --fa: "";
}

.fa-stripe {
  --fa: "";
}

.fa-houzz {
  --fa: "";
}

.fa-gg {
  --fa: "";
}

.fa-dhl {
  --fa: "";
}

.fa-square-pinterest {
  --fa: "";
}

.fa-pinterest-square {
  --fa: "";
}

.fa-xing {
  --fa: "";
}

.fa-blackberry {
  --fa: "";
}

.fa-creative-commons-pd {
  --fa: "";
}

.fa-playstation {
  --fa: "";
}

.fa-quinscape {
  --fa: "";
}

.fa-less {
  --fa: "";
}

.fa-blogger-b {
  --fa: "";
}

.fa-opencart {
  --fa: "";
}

.fa-vine {
  --fa: "";
}

.fa-signal-messenger {
  --fa: "";
}

.fa-paypal {
  --fa: "";
}

.fa-gitlab {
  --fa: "";
}

.fa-typo3 {
  --fa: "";
}

.fa-reddit-alien {
  --fa: "";
}

.fa-yahoo {
  --fa: "";
}

.fa-dailymotion {
  --fa: "";
}

.fa-affiliatetheme {
  --fa: "";
}

.fa-pied-piper-pp {
  --fa: "";
}

.fa-bootstrap {
  --fa: "";
}

.fa-odnoklassniki {
  --fa: "";
}

.fa-nfc-symbol {
  --fa: "";
}

.fa-mintbit {
  --fa: "";
}

.fa-ethereum {
  --fa: "";
}

.fa-speaker-deck {
  --fa: "";
}

.fa-creative-commons-nc-eu {
  --fa: "";
}

.fa-patreon {
  --fa: "";
}

.fa-avianex {
  --fa: "";
}

.fa-ello {
  --fa: "";
}

.fa-gofore {
  --fa: "";
}

.fa-bimobject {
  --fa: "";
}

.fa-brave-reverse {
  --fa: "";
}

.fa-facebook-f {
  --fa: "";
}

.fa-square-google-plus {
  --fa: "";
}

.fa-google-plus-square {
  --fa: "";
}

.fa-web-awesome {
  --fa: "";
}

.fa-mandalorian {
  --fa: "";
}

.fa-first-order-alt {
  --fa: "";
}

.fa-osi {
  --fa: "";
}

.fa-google-wallet {
  --fa: "";
}

.fa-d-and-d-beyond {
  --fa: "";
}

.fa-periscope {
  --fa: "";
}

.fa-fulcrum {
  --fa: "";
}

.fa-cloudscale {
  --fa: "";
}

.fa-forumbee {
  --fa: "";
}

.fa-mizuni {
  --fa: "";
}

.fa-schlix {
  --fa: "";
}

.fa-square-xing {
  --fa: "";
}

.fa-xing-square {
  --fa: "";
}

.fa-bandcamp {
  --fa: "";
}

.fa-wpforms {
  --fa: "";
}

.fa-cloudversify {
  --fa: "";
}

.fa-usps {
  --fa: "";
}

.fa-megaport {
  --fa: "";
}

.fa-magento {
  --fa: "";
}

.fa-spotify {
  --fa: "";
}

.fa-optin-monster {
  --fa: "";
}

.fa-fly {
  --fa: "";
}

.fa-square-bluesky {
  --fa: "";
}

.fa-aviato {
  --fa: "";
}

.fa-itunes {
  --fa: "";
}

.fa-cuttlefish {
  --fa: "";
}

.fa-blogger {
  --fa: "";
}

.fa-flickr {
  --fa: "";
}

.fa-viber {
  --fa: "";
}

.fa-soundcloud {
  --fa: "";
}

.fa-digg {
  --fa: "";
}

.fa-tencent-weibo {
  --fa: "";
}

.fa-letterboxd {
  --fa: "";
}

.fa-symfony {
  --fa: "";
}

.fa-maxcdn {
  --fa: "";
}

.fa-etsy {
  --fa: "";
}

.fa-facebook-messenger {
  --fa: "";
}

.fa-audible {
  --fa: "";
}

.fa-think-peaks {
  --fa: "";
}

.fa-bilibili {
  --fa: "";
}

.fa-erlang {
  --fa: "";
}

.fa-x-twitter {
  --fa: "";
}

.fa-cotton-bureau {
  --fa: "";
}

.fa-dashcube {
  --fa: "";
}

.fa-42-group {
  --fa: "";
}

.fa-innosoft {
  --fa: "";
}

.fa-stack-exchange {
  --fa: "";
}

.fa-elementor {
  --fa: "";
}

.fa-square-pied-piper {
  --fa: "";
}

.fa-pied-piper-square {
  --fa: "";
}

.fa-creative-commons-nd {
  --fa: "";
}

.fa-palfed {
  --fa: "";
}

.fa-superpowers {
  --fa: "";
}

.fa-resolving {
  --fa: "";
}

.fa-xbox {
  --fa: "";
}

.fa-square-web-awesome-stroke {
  --fa: "";
}

.fa-searchengin {
  --fa: "";
}

.fa-tiktok {
  --fa: "";
}

.fa-square-facebook {
  --fa: "";
}

.fa-facebook-square {
  --fa: "";
}

.fa-renren {
  --fa: "";
}

.fa-linux {
  --fa: "";
}

.fa-glide {
  --fa: "";
}

.fa-linkedin {
  --fa: "";
}

.fa-hubspot {
  --fa: "";
}

.fa-deploydog {
  --fa: "";
}

.fa-twitch {
  --fa: "";
}

.fa-flutter {
  --fa: "";
}

.fa-ravelry {
  --fa: "";
}

.fa-mixer {
  --fa: "";
}

.fa-square-lastfm {
  --fa: "";
}

.fa-lastfm-square {
  --fa: "";
}

.fa-vimeo {
  --fa: "";
}

.fa-mendeley {
  --fa: "";
}

.fa-uniregistry {
  --fa: "";
}

.fa-figma {
  --fa: "";
}

.fa-creative-commons-remix {
  --fa: "";
}

.fa-cc-amazon-pay {
  --fa: "";
}

.fa-dropbox {
  --fa: "";
}

.fa-instagram {
  --fa: "";
}

.fa-cmplid {
  --fa: "";
}

.fa-upwork {
  --fa: "";
}

.fa-facebook {
  --fa: "";
}

.fa-gripfire {
  --fa: "";
}

.fa-jedi-order {
  --fa: "";
}

.fa-uikit {
  --fa: "";
}

.fa-fort-awesome-alt {
  --fa: "";
}

.fa-phabricator {
  --fa: "";
}

.fa-ussunnah {
  --fa: "";
}

.fa-earlybirds {
  --fa: "";
}

.fa-trade-federation {
  --fa: "";
}

.fa-autoprefixer {
  --fa: "";
}

.fa-whatsapp {
  --fa: "";
}

.fa-square-upwork {
  --fa: "";
}

.fa-slideshare {
  --fa: "";
}

.fa-google-play {
  --fa: "";
}

.fa-viadeo {
  --fa: "";
}

.fa-line {
  --fa: "";
}

.fa-google-drive {
  --fa: "";
}

.fa-servicestack {
  --fa: "";
}

.fa-simplybuilt {
  --fa: "";
}

.fa-bitbucket {
  --fa: "";
}

.fa-imdb {
  --fa: "";
}

.fa-deezer {
  --fa: "";
}

.fa-raspberry-pi {
  --fa: "";
}

.fa-jira {
  --fa: "";
}

.fa-docker {
  --fa: "";
}

.fa-screenpal {
  --fa: "";
}

.fa-bluetooth {
  --fa: "";
}

.fa-gitter {
  --fa: "";
}

.fa-d-and-d {
  --fa: "";
}

.fa-microblog {
  --fa: "";
}

.fa-cc-diners-club {
  --fa: "";
}

.fa-gg-circle {
  --fa: "";
}

.fa-pied-piper-hat {
  --fa: "";
}

.fa-kickstarter-k {
  --fa: "";
}

.fa-yandex {
  --fa: "";
}

.fa-readme {
  --fa: "";
}

.fa-html5 {
  --fa: "";
}

.fa-sellsy {
  --fa: "";
}

.fa-square-web-awesome {
  --fa: "";
}

.fa-sass {
  --fa: "";
}

.fa-wirsindhandwerk {
  --fa: "";
}

.fa-wsh {
  --fa: "";
}

.fa-buromobelexperte {
  --fa: "";
}

.fa-salesforce {
  --fa: "";
}

.fa-octopus-deploy {
  --fa: "";
}

.fa-medapps {
  --fa: "";
}

.fa-ns8 {
  --fa: "";
}

.fa-pinterest-p {
  --fa: "";
}

.fa-apper {
  --fa: "";
}

.fa-fort-awesome {
  --fa: "";
}

.fa-waze {
  --fa: "";
}

.fa-bluesky {
  --fa: "";
}

.fa-cc-jcb {
  --fa: "";
}

.fa-snapchat {
  --fa: "";
}

.fa-snapchat-ghost {
  --fa: "";
}

.fa-fantasy-flight-games {
  --fa: "";
}

.fa-rust {
  --fa: "";
}

.fa-wix {
  --fa: "";
}

.fa-square-behance {
  --fa: "";
}

.fa-behance-square {
  --fa: "";
}

.fa-supple {
  --fa: "";
}

.fa-webflow {
  --fa: "";
}

.fa-rebel {
  --fa: "";
}

.fa-css3 {
  --fa: "";
}

.fa-staylinked {
  --fa: "";
}

.fa-kaggle {
  --fa: "";
}

.fa-space-awesome {
  --fa: "";
}

.fa-deviantart {
  --fa: "";
}

.fa-cpanel {
  --fa: "";
}

.fa-goodreads-g {
  --fa: "";
}

.fa-square-git {
  --fa: "";
}

.fa-git-square {
  --fa: "";
}

.fa-square-tumblr {
  --fa: "";
}

.fa-tumblr-square {
  --fa: "";
}

.fa-trello {
  --fa: "";
}

.fa-creative-commons-nc-jp {
  --fa: "";
}

.fa-get-pocket {
  --fa: "";
}

.fa-perbyte {
  --fa: "";
}

.fa-grunt {
  --fa: "";
}

.fa-weebly {
  --fa: "";
}

.fa-connectdevelop {
  --fa: "";
}

.fa-leanpub {
  --fa: "";
}

.fa-black-tie {
  --fa: "";
}

.fa-themeco {
  --fa: "";
}

.fa-python {
  --fa: "";
}

.fa-android {
  --fa: "";
}

.fa-bots {
  --fa: "";
}

.fa-free-code-camp {
  --fa: "";
}

.fa-hornbill {
  --fa: "";
}

.fa-js {
  --fa: "";
}

.fa-ideal {
  --fa: "";
}

.fa-git {
  --fa: "";
}

.fa-dev {
  --fa: "";
}

.fa-sketch {
  --fa: "";
}

.fa-yandex-international {
  --fa: "";
}

.fa-cc-amex {
  --fa: "";
}

.fa-uber {
  --fa: "";
}

.fa-github {
  --fa: "";
}

.fa-php {
  --fa: "";
}

.fa-alipay {
  --fa: "";
}

.fa-youtube {
  --fa: "";
}

.fa-skyatlas {
  --fa: "";
}

.fa-firefox-browser {
  --fa: "";
}

.fa-replyd {
  --fa: "";
}

.fa-suse {
  --fa: "";
}

.fa-jenkins {
  --fa: "";
}

.fa-twitter {
  --fa: "";
}

.fa-rockrms {
  --fa: "";
}

.fa-pinterest {
  --fa: "";
}

.fa-buffer {
  --fa: "";
}

.fa-npm {
  --fa: "";
}

.fa-yammer {
  --fa: "";
}

.fa-btc {
  --fa: "";
}

.fa-dribbble {
  --fa: "";
}

.fa-stumbleupon-circle {
  --fa: "";
}

.fa-internet-explorer {
  --fa: "";
}

.fa-stubber {
  --fa: "";
}

.fa-telegram {
  --fa: "";
}

.fa-telegram-plane {
  --fa: "";
}

.fa-old-republic {
  --fa: "";
}

.fa-odysee {
  --fa: "";
}

.fa-square-whatsapp {
  --fa: "";
}

.fa-whatsapp-square {
  --fa: "";
}

.fa-node-js {
  --fa: "";
}

.fa-edge-legacy {
  --fa: "";
}

.fa-slack {
  --fa: "";
}

.fa-slack-hash {
  --fa: "";
}

.fa-medrt {
  --fa: "";
}

.fa-usb {
  --fa: "";
}

.fa-tumblr {
  --fa: "";
}

.fa-vaadin {
  --fa: "";
}

.fa-quora {
  --fa: "";
}

.fa-square-x-twitter {
  --fa: "";
}

.fa-reacteurope {
  --fa: "";
}

.fa-medium {
  --fa: "";
}

.fa-medium-m {
  --fa: "";
}

.fa-amilia {
  --fa: "";
}

.fa-mixcloud {
  --fa: "";
}

.fa-flipboard {
  --fa: "";
}

.fa-viacoin {
  --fa: "";
}

.fa-critical-role {
  --fa: "";
}

.fa-sitrox {
  --fa: "";
}

.fa-discourse {
  --fa: "";
}

.fa-joomla {
  --fa: "";
}

.fa-mastodon {
  --fa: "";
}

.fa-airbnb {
  --fa: "";
}

.fa-wolf-pack-battalion {
  --fa: "";
}

.fa-buy-n-large {
  --fa: "";
}

.fa-gulp {
  --fa: "";
}

.fa-creative-commons-sampling-plus {
  --fa: "";
}

.fa-strava {
  --fa: "";
}

.fa-ember {
  --fa: "";
}

.fa-canadian-maple-leaf {
  --fa: "";
}

.fa-teamspeak {
  --fa: "";
}

.fa-pushed {
  --fa: "";
}

.fa-wordpress-simple {
  --fa: "";
}

.fa-nutritionix {
  --fa: "";
}

.fa-wodu {
  --fa: "";
}

.fa-google-pay {
  --fa: "";
}

.fa-intercom {
  --fa: "";
}

.fa-zhihu {
  --fa: "";
}

.fa-korvue {
  --fa: "";
}

.fa-pix {
  --fa: "";
}

.fa-steam-symbol {
  --fa: "";
}

:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
}
.far,
.fa-regular {
  font-weight: 400;
}

:root, :host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}

@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
  font-display: swap;
}
.fas,
.fa-solid {
  font-weight: 900;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.ttf") format("truetype");
  font-display: swap;
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
  font-family: "FontAwesome";
  font-display: block;
  src: url("../fonts/fa-v4compatibility.woff2") format("woff2"), url("../fonts/fa-v4compatibility.ttf") format("truetype");
  font-display: swap;
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}
[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms;
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms;
}

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: 0.1s;
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s;
}

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: 0.15s;
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s;
}

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: 0.2s;
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s;
}

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: 0.25s;
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.3s;
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s;
}

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: 0.35s;
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s;
}

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.4s;
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s;
}

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: 0.45s;
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s;
}

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: 0.5s;
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.55s;
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s;
}

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: 0.6s;
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s;
}

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: 0.65s;
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s;
}

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: 0.7s;
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s;
}

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: 0.75s;
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s;
}

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: 0.8s;
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s;
}

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: 0.85s;
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s;
}

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: 0.9s;
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s;
}

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: 0.95s;
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s;
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s;
}

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s;
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s;
}

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s;
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s;
}

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s;
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s;
}

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s;
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s;
}

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s;
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s;
}

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s;
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s;
}

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s;
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s;
}

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s;
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s;
}

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s;
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s;
}

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s;
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s;
}

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s;
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s;
}

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s;
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s;
}

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s;
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s;
}

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s;
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s;
}

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s;
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s;
}

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s;
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s;
}

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s;
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s;
}

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s;
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s;
}

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s;
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s;
}

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s;
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s;
}

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s;
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s;
}

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s;
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s;
}

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s;
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s;
}

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s;
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s;
}

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s;
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s;
}

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s;
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s;
}

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s;
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s;
}

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s;
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s;
}

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s;
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s;
}

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s;
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s;
}

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s;
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s;
}

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s;
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s;
}

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s;
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s;
}

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s;
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s;
}

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s;
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s;
}

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s;
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s;
}

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s;
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s;
}

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s;
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s;
}

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s;
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s;
}

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s;
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0;
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s;
}

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in;
}

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out;
}

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0);
}

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2);
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg);
}

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg);
}

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg);
}

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg);
}

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0);
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
  position: relative;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
  padding-right: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  position: absolute;
  right: 0;
  padding: 1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
  padding-left: 20px;
  position: relative;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  white-space: nowrap;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

/*!
 * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
 *
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
  padding: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  direction: ltr;
}

.datepicker-inline {
  width: 220px;
}

.datepicker-rtl {
  direction: rtl;
}

.datepicker-rtl.dropdown-menu {
  left: auto;
}

.datepicker-rtl table tr td span {
  float: right;
}

.datepicker-dropdown {
  top: 0;
  left: 0;
}

.datepicker-dropdown:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #999;
  border-top: 0;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
}

.datepicker-dropdown:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}

.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}

.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}

.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}

.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}

.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}

.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}

.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}

.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}

.datepicker table {
  margin: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.datepicker td, .datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
  background-color: transparent;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
  background: #eee;
  cursor: pointer;
}

.datepicker table tr td.new, .datepicker table tr td.old {
  color: #999;
}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-image: linear-gradient(to bottom, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a", endColorstr="#fdf59a", GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #000;
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
  background-color: #fdf59a;
}

.datepicker table tr td.today.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today:active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover:active {
  background-color: #fbf069\9 ;
}

.datepicker table tr td.today:hover:hover {
  color: #000;
}

.datepicker table tr td.today.active:hover {
  color: #fff;
}

.datepicker table tr td.range, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover, .datepicker table tr td.range:hover {
  background: #eee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today:hover {
  background-color: #f3d17a;
  background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
  background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-image: linear-gradient(to bottom, #f3c17a, #f3e97a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a", endColorstr="#f3e97a", GradientType=0);
  border-color: #f3e97a #f3e97a #edde34;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today.disabled:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today[disabled] {
  background-color: #f3e97a;
}

.datepicker table tr td.range.today.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today:hover:active {
  background-color: #efe24b\9 ;
}

.datepicker table tr td.selected, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected:hover {
  background-color: #9e9e9e;
  background-image: -moz-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: -ms-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(grey));
  background-image: -webkit-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: -o-linear-gradient(to bottom, #b3b3b3, grey);
  background-image: linear-gradient(to bottom, #b3b3b3, grey);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3", endColorstr="#808080", GradientType=0);
  border-color: grey grey #595959;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected.disabled:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected[disabled] {
  background-color: grey;
}

.datepicker table tr td.selected.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected:hover:active {
  background-color: #666 \9 ;
}

.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #04c);
  background-image: -ms-linear-gradient(to bottom, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
  background-image: -o-linear-gradient(to bottom, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
  background-color: #04c;
}

.datepicker table tr td.active.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active:active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover:active {
  background-color: #039 \9 ;
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover {
  background: #eee;
}

.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
  background: 0 0;
  color: #999;
  cursor: default;
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(to bottom, #08c, #04c);
  background-image: -ms-linear-gradient(to bottom, #08c, #04c);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));
  background-image: -webkit-linear-gradient(to bottom, #08c, #04c);
  background-image: -o-linear-gradient(to bottom, #08c, #04c);
  background-image: linear-gradient(to bottom, #08c, #04c);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c", endColorstr="#0044cc", GradientType=0);
  border-color: #04c #04c #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active.disabled:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active[disabled] {
  background-color: #04c;
}

.datepicker table tr td span.active.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active:hover:active {
  background-color: #039 \9 ;
}

.datepicker table tr td span.new, .datepicker table tr td span.old {
  color: #999;
}

.datepicker .datepicker-switch {
  width: 145px;
}

.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {
  cursor: pointer;
}

.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover, .datepicker tfoot tr th:hover {
  background: #eee;
}

.datepicker .next.disabled, .datepicker .prev.disabled {
  visibility: hidden;
}

.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}

.input-append.date .add-on, .input-prepend.date .add-on {
  cursor: pointer;
}

.input-append.date .add-on i, .input-prepend.date .add-on i {
  margin-top: 3px;
}

.input-daterange input {
  text-align: center;
}

.input-daterange input:first-child {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 18px;
  padding: 4px 5px;
  font-weight: 400;
  line-height: 18px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: 0;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

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

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}


body.compensate-for-scrollbar {
  overflow: hidden;
}

.fancybox-active {
  height: auto;
}

.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide:before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}

.fancybox-slide--image:before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image, .fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-iframe, .fancybox-video {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

.fancybox-caption {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, transparent);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

.fancybox-loading {
  animation: a 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes a {
  to {
    transform: rotate(1turn);
  }
}
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translateZ(0);
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1);
}

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-1turn);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(1turn);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scaleX(1) translateZ(0);
}

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translateZ(0) scale(1);
}

@media (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:link, .fancybox-share__button:visited {
  color: #fff;
}

.fancybox-share__button:hover {
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}

.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}

.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}

.fancybox-thumbs__list a:before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus:before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active:before {
  opacity: 1;
}

@media (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
@-webkit-keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes leaflet-gestures-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.leaflet-container:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s backwards;
  animation: leaflet-gestures-fadein 0.8s backwards;
  color: #fff;
  font-family: IBMPlexSans, Arial, sans-serif;
  font-size: 22px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 461;
  pointer-events: none;
}

.leaflet-gesture-handling-scroll-warning:after, .leaflet-gesture-handling-touch-warning:after {
  -webkit-animation: leaflet-gestures-fadein 0.8s forwards;
  animation: leaflet-gestures-fadein 0.8s forwards;
}

.leaflet-gesture-handling-touch-warning:after {
  content: attr(data-gesture-handling-touch-content);
}

.leaflet-gesture-handling-scroll-warning:after {
  content: attr(data-gesture-handling-scroll-content);
}

.arabic-number {
  font-family: "IBMPlexSansArabic";
}

.icon-container-for-services.main-service {
  width: auto;
  height: auto;
  border-radius: 0;
  background-color: transparent;
  justify-content: start !important;
}
.icon-container-for-services.main-service img {
  width: auto !important;
  height: 50px !important;
}

@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlexSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlexSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlexSansArabic-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlexSansArabic-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlexSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "IBMPlexSansArabic";
  src: url("../fonts/IBMPlexSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "fontello";
  src: url("../fonts/fontello.eot?45039428");
  src: url("../fonts/fontello.eot?45039428#iefix") format("embedded-opentype"), url("../fonts/fontello.woff?45039428") format("woff"), url("../fonts/fontello.ttf?45039428") format("truetype"), url("../fonts/fontello.svg?45039428#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  scroll-behavior: smooth;
}

html,
body {
  max-width: 100vw;
  overflow-x: hidden;
}

* {
  box-shadow: none;
  filter: none;
}

body {
  color: #0D121C;
  font-family: "IBMPlexSansArabic";
  font-weight: 400;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
}
@media (min-width: 1600px) {
  body {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  body {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  body {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  body {
    font-size: 11.7px;
  }
}
body.grayscale #main,
body.grayscale .mainHeader .siteLogo,
body.grayscale .mainHeader .headerMenu,
body.grayscale .mainHeader .topMessage,
body.grayscale .mainHeader .top_header,
body.grayscale .mainHeader .justnavchildren,
body.grayscale .mainFooter {
  filter: grayscale(100%);
}
body.grayscale .mainHeader.bgFull {
  background-color: #707070;
}
@media (max-width: 992px) {
  body.grayscale .mainHeader .menuIcon,
  body.grayscale .mainHeader .mobileMenu {
    filter: grayscale(100%);
  }
}
@media (max-width: 992px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 575px) {
  body {
    font-size: 14px;
  }
}
body #main {
  flex: 1;
  background-color: #F7FDF9;
}
body #main:has(.complete_light_grey_bg) {
  background-color: #f9fafb;
}
body #main:has(.complete_white_bg) {
  background-color: #ffffff;
}

.searchInput-clearingFine {
  padding-inline-start: 40px !important;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  color: #161616;
}

.border-top-1 {
  border-top: 1px solid #D2D6DB !important;
}

.m-0-auto {
  margin: 0 auto;
}

@media (min-width: 1600px) {
  .font-35 {
    font-size: 35px !important;
  }
}
@media (min-width: 992px) {
  .font-35 {
    font-size: 33.25px !important;
  }
}
@media (max-width: 992px) {
  .font-35 {
    font-size: 26.25px !important;
  }
}
@media (max-width: 575px) {
  .font-35 {
    font-size: 22.75px !important;
  }
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.p-16 {
  padding: 16px !important;
}

@media (min-width: 1600px) {
  .gap-16 {
    gap: 16px !important;
  }
}
@media (min-width: 992px) {
  .gap-16 {
    gap: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .gap-16 {
    gap: 12px !important;
  }
}
@media (max-width: 575px) {
  .gap-16 {
    gap: 10.4px !important;
  }
}

@media (min-width: 1600px) {
  .gap-16-m-0 {
    gap: 16px !important;
  }
}
@media (min-width: 992px) {
  .gap-16-m-0 {
    gap: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .gap-16-m-0 {
    gap: 12px !important;
  }
}
@media (max-width: 575px) {
  .gap-16-m-0 {
    gap: 10.4px !important;
  }
}
@media (max-width: 575px) {
  .gap-16-m-0 {
    gap: 0 !important;
  }
}

@media (min-width: 1600px) {
  .gap-46 {
    gap: 46px !important;
  }
}
@media (min-width: 992px) {
  .gap-46 {
    gap: 43.7px !important;
  }
}
@media (max-width: 992px) {
  .gap-46 {
    gap: 34.5px !important;
  }
}
@media (max-width: 575px) {
  .gap-46 {
    gap: 29.9px !important;
  }
}

@media (min-width: 1600px) {
  .gap-46-m-0 {
    gap: 46px !important;
  }
}
@media (min-width: 992px) {
  .gap-46-m-0 {
    gap: 43.7px !important;
  }
}
@media (max-width: 992px) {
  .gap-46-m-0 {
    gap: 34.5px !important;
  }
}
@media (max-width: 575px) {
  .gap-46-m-0 {
    gap: 29.9px !important;
  }
}
@media (max-width: 575px) {
  .gap-46-m-0 {
    gap: 0 !important;
  }
}

@media (min-width: 1600px) {
  .gap-80 {
    gap: 80px !important;
  }
}
@media (min-width: 992px) {
  .gap-80 {
    gap: 76px !important;
  }
}
@media (max-width: 992px) {
  .gap-80 {
    gap: 60px !important;
  }
}
@media (max-width: 575px) {
  .gap-80 {
    gap: 52px !important;
  }
}

.max-h-max-content {
  max-height: max-content;
}

.max-w-max-content {
  max-width: max-content;
}

.min-w-max-content {
  min-width: max-content;
}

@media (min-width: 992px) {
  .marginOffsetCustom {
    margin-inline-start: 16.66666667%;
  }
}

.customPaginationForecast {
  display: flex;
  justify-content: flex-start;
}

.ten-days-forecast-card-container {
  padding: 25px;
  border-radius: 10px !important;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1), 0 6px 15px rgba(0, 0, 0, 0.15);
}

.font-weight-500 {
  font-weight: 500 !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

@media (min-width: 1600px) {
  .m-inline {
    margin-inline: 15px;
  }
}
@media (min-width: 992px) {
  .m-inline {
    margin-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .m-inline {
    margin-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .m-inline {
    margin-inline: 9.75px;
  }
}

.padding-inline-end-50 {
  padding-inline-end: 50px;
}
@media (max-width: 767px) {
  .padding-inline-end-50 {
    padding-inline-end: 0;
  }
}

[lang=ar] body {
  font-family: "IBMPlexSansArabic";
}
[lang=ar] #accessibility-modal .close-btn {
  right: unset !important;
  left: 0 !important;
}
[lang=ar] .rotatable {
  transform: scaleX(-1);
}

.main-border {
  border: 1px solid #D2D6DB;
}

.main-border-bottom {
  border-bottom: 1px solid #D2D6DB;
}

.mw-1700 {
  max-width: 1700px;
}

.mw-1100 {
  max-width: 1100px;
}

.icon-container-for-services {
  border-radius: 50%;
  background-color: #f3fcf6;
}
@media (min-width: 1600px) {
  .icon-container-for-services {
    width: 50px;
  }
}
@media (min-width: 992px) {
  .icon-container-for-services {
    width: 47.5px;
  }
}
@media (max-width: 992px) {
  .icon-container-for-services {
    width: 37.5px;
  }
}
@media (max-width: 575px) {
  .icon-container-for-services {
    width: 32.5px;
  }
}
@media (min-width: 1600px) {
  .icon-container-for-services {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .icon-container-for-services {
    height: 47.5px;
  }
}
@media (max-width: 992px) {
  .icon-container-for-services {
    height: 37.5px;
  }
}
@media (max-width: 575px) {
  .icon-container-for-services {
    height: 32.5px;
  }
}
.icon-container-for-services img {
  width: auto !important;
  height: 24px !important;
}
.icon-container-for-services.only-service-icon {
  border-radius: unset;
  background-color: unset;
}
.icon-container-for-services.only-service-icon img {
  height: 24px !important;
}

.redAsterick {
  color: #dd2525;
  padding-inline-end: 5px;
}

.custom-tooltip {
  border-radius: 0px;
  --bs-tooltip-bg: #161616;
  --bs-tooltip-color: #ffffff;
  --bs-tooltip-max-width: 240px;
  --bs-tooltip-font-size: 12px;
  --bs-tooltip-padding-x: 8px;
  --bs-tooltip-padding-y: 4px;
  --bs-tooltip-border: 1px solid #1F2A37;
  --bs-tooltip-border-radius: 0px;
  --bs-tooltip-arrow-width: 10px;
  --bs-tooltip-arrow-height: 5px;
  --bs-tooltip-opacity: 1;
  --bs-tooltip-placement: top !important; /* Ensure the tooltip is at the top */
  /* Adjust arrow position */
  --bs-tooltip-arrow-left: 4px !important; /* Moves the arrow to the left */
}

[lang=ar] .additional-class-for-tooltip {
  left: 7px !important;
}
[lang=ar] .additional-class-for-tooltip .tooltip-arrow {
  left: -10px !important;
}
@media (max-width: 575px) {
  [lang=ar] .additional-class-for-tooltip .tooltip-arrow {
    left: 0 !important;
  }
}

[lang=en] .additional-class-for-tooltip {
  left: -12px !important;
}
[lang=en] .additional-class-for-tooltip .tooltip-arrow {
  left: 16px !important;
}
@media (max-width: 575px) {
  [lang=en] .additional-class-for-tooltip {
    left: unset !important;
  }
  [lang=en] .additional-class-for-tooltip .tooltip-arrow {
    left: unset !important;
  }
}

@media (min-width: 1600px) {
  .chartArrowsPadding {
    padding-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .chartArrowsPadding {
    padding-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .chartArrowsPadding {
    padding-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .chartArrowsPadding {
    padding-inline-end: 6.5px;
  }
}

.topMessage {
  color: #ffffff;
  background-color: #1b8354;
  text-align: center;
  position: relative;
  z-index: 100000;
}
@media (min-width: 1600px) {
  .topMessage {
    padding: 8px;
  }
}
@media (min-width: 992px) {
  .topMessage {
    padding: 7.6px;
  }
}
@media (max-width: 992px) {
  .topMessage {
    padding: 6px;
  }
}
@media (max-width: 575px) {
  .topMessage {
    padding: 5.2px;
  }
}
@media (min-width: 1600px) {
  .topMessage {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .topMessage {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .topMessage {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .topMessage {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .topMessage {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .topMessage {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .topMessage {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .topMessage {
    height: 26px;
  }
}

[lang=ar] .arabicTimeFormat {
  direction: ltr;
  unicode-bidi: bidi-override;
  margin-inline-end: 32px;
}

[lang=ar] body .fa-caret-left,
[lang=ar] body .fa-caret-right,
[lang=ar] body .fa-angle-right,
[lang=ar] body .fa-angle-left {
  transform: rotateY(180deg);
}

.white_bg {
  background-color: #ffffff !important;
}

.light_grey_bg {
  background-color: #f9fafb !important;
}

.transparent_bg {
  background-color: transparent !important;
}

.img-fluid, img {
  max-width: 100%;
  height: auto;
}

.objectFit, .mountainMapWrap .mountainMap img, .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg img, .pageHeroBannerGovernorates .mainHero, .kingdomWeatherTop .rightImage img, #kingdomSection .kingdomSlider .item img, .videoForecastWrap .forecastWeatherImg img,
#forecastWrap .forecastWeatherImg img, #heroSlider .heroSliderMain .sliderItem .sliderImage img, .simpleCards .simpleCards-image img {
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.ulfix, .mountainMapWrap .mountainStats ul, .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul, #alertPrecaution .alertBox .alertPoints ul, .videoForecastWrap .forecastType ul,
#forecastWrap .forecastType ul, .helpfulReviewWrapper .helpfulReview .helpfulSide ul, .regionsTab .rigionName, .kingdomWrap .historicalList ul, .kingdomWrap .kingdomCard .tempStatsCard > .list ul, .mainFooter .footerInner .copyrightWrap ul, .mainFooter .footerInner .socialWrap ul, .mainFooter .footerInner .footerLink ul, .mainHeader ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.transit3s, .map-wrap .layers-control button.layerBtn, .videoForecastWrap .forecastSliderSwiper .swiper-slide,
#forecastWrap .forecastSliderSwiper .swiper-slide, .videoForecastWrap .forecastCard .forecastWeather .icon img,
#forecastWrap .forecastCard .forecastWeather .icon img, .videoForecastWrap .forecastTabContent .forecastSlider.active,
.videoForecastWrap .forecastTabContent .forecastChartWrap.active,
#forecastWrap .forecastTabContent .forecastSlider.active,
#forecastWrap .forecastTabContent .forecastChartWrap.active, .regionsTab .rigionName, .simpleCards .simpleCards-content .simpleCards-title h2, .mainHeader .bottom > ul li.submenu:hover .submenuDropDown, .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2:hover .submenuDropDown2, .mainHeader .bottom > ul li.submenu .submenuDropDown:before, .mainHeader, .moreHeight p, .accordionWrap .accordionItem .accordionButton .fas, .accordionWrap .accordionContent, .form-check .form-check-label:before, .form-check .form-check-label:after, a,
button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.transit5s, .regionTabsContent .regionsContent.active, .searchBarWrap .inputWrap input, .searchBarWrap .inputWrap {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.transit8s, #heroSlider .heroSliderMain .sliderItem.slick-current .sliderTitle,
#heroSlider .heroSliderMain .sliderItem.slick-current p,
#heroSlider .heroSliderMain .sliderItem.slick-current .sliderBtn {
  -webkit-transition: all 0.8s ease;
  -moz-transition: all 0.8s ease;
  -o-transition: all 0.8s ease;
  -ms-transition: all 0.8s ease;
  transition: all 0.8s ease;
}

a,
button {
  text-decoration: none;
  color: #25935f;
}
a:hover,
button:hover {
  color: #074D31;
}

input:focus,
input:active {
  outline: none;
  box-shadow: none;
}

.fileUploadNew {
  position: relative;
}
@media (min-width: 1600px) {
  .fileUploadNew {
    width: 400px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew {
    width: 380px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew {
    width: 300px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew {
    width: 260px;
  }
}
@media (max-width: 575px) and (min-width: 1600px) {
  .fileUploadNew {
    width: 100%px;
  }
}
@media (max-width: 575px) and (min-width: 992px) {
  .fileUploadNew {
    width: 95%px;
  }
}
@media (max-width: 575px) and (max-width: 992px) {
  .fileUploadNew {
    width: 75%px;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .fileUploadNew {
    width: 65%px;
  }
}
.fileUploadNew .fileUploadTitle {
  font-weight: 500;
  color: #161616;
}
@media (min-width: 1600px) {
  .fileUploadNew .fileUploadTitle {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .fileUploadTitle {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .fileUploadTitle {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .fileUploadTitle {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .fileUploadTitle {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .fileUploadTitle {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .fileUploadTitle {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .fileUploadTitle {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .fileUploadTitle {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .fileUploadTitle {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .fileUploadTitle {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .fileUploadTitle {
    margin-bottom: 10.4px;
  }
}
.fileUploadNew .fileUploadDesc {
  font-weight: 500;
  color: #9da4ae;
}
@media (min-width: 1600px) {
  .fileUploadNew .fileUploadDesc {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .fileUploadDesc {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .fileUploadDesc {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .fileUploadDesc {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .fileUploadDesc {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .fileUploadDesc {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .fileUploadDesc {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .fileUploadDesc {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .fileUploadDesc {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .fileUploadDesc {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .fileUploadDesc {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .fileUploadDesc {
    margin-bottom: 10.4px;
  }
}
.fileUploadNew .file-input {
  display: none;
}
.fileUploadNew .file-label {
  cursor: pointer;
  display: block;
  background-color: #161616;
  padding: 8px 12px;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  width: max-content;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .fileUploadNew .file-label {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .file-label {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .file-label {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .file-label {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .file-label {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .file-label {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .file-label {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .file-label {
    line-height: 15.6px;
  }
}
.fileUploadNew .file-details {
  display: none;
  padding: 8px 12px;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
  width: 100%;
  cursor: default;
}
.fileUploadNew .file-details i {
  cursor: pointer;
}
.fileUploadNew .file-details i.fa-circle-check {
  color: #1b8354;
}
.fileUploadNew .file-details i.close-icon {
  color: #161616;
  cursor: pointer;
}
.fileUploadNew .file-details .file-name {
  font-weight: 500;
  margin: 0;
  color: #161616;
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 1600px) {
  .fileUploadNew .file-details .file-name {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .file-details .file-name {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .file-details .file-name {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .file-details .file-name {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .file-details .file-name {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .file-details .file-name {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .file-details .file-name {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .file-details .file-name {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .fileUploadNew .file-details .file-name {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .fileUploadNew .file-details .file-name {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .fileUploadNew .file-details .file-name {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .fileUploadNew .file-details .file-name {
    padding-inline: 6.5px;
  }
}

.form-select {
  color: #074D31;
  border: 1px solid rgba(112, 112, 112, 0.5);
}
@media (min-width: 1600px) {
  .form-select {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .form-select {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .form-select {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .form-select {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .form-select {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .form-select {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .form-select {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .form-select {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .form-select {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .form-select {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .form-select {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .form-select {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .form-select {
    height: 42px;
  }
}
@media (min-width: 992px) {
  .form-select {
    height: 39.9px;
  }
}
@media (max-width: 992px) {
  .form-select {
    height: 31.5px;
  }
}
@media (max-width: 575px) {
  .form-select {
    height: 27.3px;
  }
}
@media (min-width: 1600px) {
  .form-select {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .form-select {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .form-select {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .form-select {
    padding-inline: 7.8px;
  }
}

.text-primary {
  color: #0D121C !important;
}

.text-secondary {
  color: #fcb725 !important;
}

.text-white {
  color: #ffffff;
}

[lang=ar] .slick-track {
  margin-left: auto;
  margin-right: 0;
}

.slick-track {
  margin-left: 0;
}

.primary-border-bottom {
  border-bottom: 1px solid #D2D6DB;
}

[lang=ar] .fixRotate {
  transform: scaleX(-1) !important;
}

.fixRotate {
  transform: scaleX(1) !important;
}

.mainHeading.headIcon {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .mainHeading.headIcon {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .mainHeading.headIcon {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainHeading.headIcon {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainHeading.headIcon {
    gap: 9.75px;
  }
}
@media (min-width: 1600px) {
  .mainHeading.headIcon img {
    max-width: 65px;
  }
}
@media (min-width: 992px) {
  .mainHeading.headIcon img {
    max-width: 61.75px;
  }
}
@media (max-width: 992px) {
  .mainHeading.headIcon img {
    max-width: 48.75px;
  }
}
@media (max-width: 575px) {
  .mainHeading.headIcon img {
    max-width: 42.25px;
  }
}
.mainHeading .heading-primary {
  font-weight: 700;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .mainHeading .heading-primary {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-primary {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-primary {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-primary {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .mainHeading .heading-primary {
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-primary {
    line-height: 38px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-primary {
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-primary {
    line-height: 26px;
  }
}
@media (min-width: 1600px) {
  .mainHeading .heading-primary {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-primary {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-primary {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-primary {
    margin-bottom: 10.4px;
  }
}
.mainHeading .heading-primary.whiteText {
  color: #ffffff;
}
.mainHeading .heading-primary.underline-heading {
  position: relative;
}
@media (min-width: 1600px) {
  .mainHeading .heading-primary.underline-heading {
    padding-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-primary.underline-heading {
    padding-bottom: 33.25px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-primary.underline-heading {
    padding-bottom: 26.25px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-primary.underline-heading {
    padding-bottom: 22.75px;
  }
}
.mainHeading .heading-primary.underline-heading:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="732.489" height="8.381" viewBox="0 0 732.489 8.381"><defs><clipPath id="clip-path"><rect id="Rectangle_7828" data-name="Rectangle 7828" width="732.489" height="8.381" fill="none" stroke="%23707070" stroke-width="2"/></clipPath></defs><g id="Group_18180" data-name="Group 18180" clip-path="url(%23clip-path)"><path id="Path_27964" data-name="Path 27964" d="M730.2.218c-182.536,0-182.536,7.443-365.042,7.443C182.633,7.661,182.633.218.117.218" transform="translate(1.086 0.391)" fill="none" stroke="%23fcb725" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path id="Path_27965" data-name="Path 27965" d="M.118,7.663C73.1,7.663,73.1.218,146.081.218c73,0,73,7.445,146.015,7.445S365.108.218,438.11.218c73.023,0,73.023,7.445,146.035,7.445S657.168.218,730.191.218" transform="translate(1.085 0.391)" fill="none" stroke="%2300a2e1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g></svg>');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top right;
  position: absolute;
  z-index: -1;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
}
@media (min-width: 1600px) {
  .mainHeading .heading-primary.underline-heading:before {
    height: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-primary.underline-heading:before {
    height: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-primary.underline-heading:before {
    height: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-primary.underline-heading:before {
    height: 6.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-primary {
    font-size: 24px;
  }
}
.mainHeading .heading-secondary {
  font-weight: 500;
  color: #fcb725;
}
@media (min-width: 1600px) {
  .mainHeading .heading-secondary {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-secondary {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-secondary {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-secondary {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .mainHeading .heading-secondary {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .mainHeading .heading-secondary {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .mainHeading .heading-secondary {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-secondary {
    line-height: 24.7px;
  }
}
@media (max-width: 575px) {
  .mainHeading .heading-secondary {
    font-size: 32px;
  }
}
@media (min-width: 1600px) {
  .mainHeading .news-detail-heading {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .mainHeading .news-detail-heading {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .mainHeading .news-detail-heading {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .news-detail-heading {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .mainHeading .news-detail-heading {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .mainHeading .news-detail-heading {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .mainHeading .news-detail-heading {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .mainHeading .news-detail-heading {
    line-height: 24.7px;
  }
}
.mainHeading .shortDescp {
  color: #161616;
  margin-bottom: 0;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .mainHeading .shortDescp {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainHeading .shortDescp {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainHeading .shortDescp {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainHeading .shortDescp {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .mainHeading .shortDescp {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .mainHeading .shortDescp {
    margin-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainHeading .shortDescp {
    margin-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainHeading .shortDescp {
    margin-top: 9.75px;
  }
}

.filtrationSection {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .filtrationSection {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .filtrationSection {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .filtrationSection {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .filtrationSection {
    gap: 13px;
  }
}
@media (min-width: 1600px) {
  .filtrationSection {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .filtrationSection {
    margin-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .filtrationSection {
    margin-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .filtrationSection {
    margin-top: 9.75px;
  }
}
@media (min-width: 1600px) {
  .filtrationSection {
    margin-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .filtrationSection {
    margin-bottom: 66.5px;
  }
}
@media (max-width: 992px) {
  .filtrationSection {
    margin-bottom: 52.5px;
  }
}
@media (max-width: 575px) {
  .filtrationSection {
    margin-bottom: 45.5px;
  }
}
@media (max-width: 575px) {
  .filtrationSection {
    flex-wrap: wrap;
  }
}
.filtrationSection .filter-button {
  transition: all 0.3s ease;
}
.filtrationSection .filter-button.active {
  background-color: #074D31;
  transition: all 0.3s ease;
}
.filtrationSection .filter-button:hover {
  background-color: #074D31;
  transition: all 0.3s ease;
}

.mainTitle {
  color: #074D31;
  font-weight: 600;
  line-height: 1;
  text-align: center;
}
@media (min-width: 1600px) {
  .mainTitle {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  .mainTitle {
    font-size: 45.6px;
  }
}
@media (max-width: 992px) {
  .mainTitle {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .mainTitle {
    font-size: 31.2px;
  }
}
.mainTitle.small {
  line-height: 1;
}
@media (min-width: 1600px) {
  .mainTitle.small {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .mainTitle.small {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .mainTitle.small {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .mainTitle.small {
    font-size: 15.6px;
  }
}
@media (max-width: 575px) {
  .mainTitle {
    font-size: 32px;
  }
  .mainTitle.small {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .regional-details--last-updated-date-container {
    align-items: flex-start !important;
    flex-direction: column;
  }
}
.regional-details--last-updated-date-container .regional-details--last-updated-date {
  font-size: 16px;
}

.warningIssues {
  background: #1b8354;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}
@media (min-width: 1600px) {
  .warningIssues {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .warningIssues {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .warningIssues {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .warningIssues {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .warningIssues {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .warningIssues {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .warningIssues {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .warningIssues {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .warningIssues {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .warningIssues {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .warningIssues {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .warningIssues {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .warningIssues {
    border-radius: 13px;
  }
}
@media (min-width: 992px) {
  .warningIssues {
    border-radius: 12.35px;
  }
}
@media (max-width: 992px) {
  .warningIssues {
    border-radius: 9.75px;
  }
}
@media (max-width: 575px) {
  .warningIssues {
    border-radius: 8.45px;
  }
}
.warningIssues .warningIssues-text {
  color: #ffffff;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .warningIssues .warningIssues-text {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .warningIssues .warningIssues-text {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .warningIssues .warningIssues-text {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .warningIssues .warningIssues-text {
    font-size: 11.7px;
  }
}
.warningIssues .warningIssues-count {
  color: #ffffff;
  font-weight: 700;
}
@media (min-width: 1600px) {
  .warningIssues .warningIssues-count {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .warningIssues .warningIssues-count {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .warningIssues .warningIssues-count {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .warningIssues .warningIssues-count {
    font-size: 15.6px;
  }
}

.text-descp p {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .text-descp p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .text-descp p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .text-descp p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .text-descp p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .text-descp p {
    line-height: 30px;
  }
}
@media (min-width: 992px) {
  .text-descp p {
    line-height: 28.5px;
  }
}
@media (max-width: 992px) {
  .text-descp p {
    line-height: 22.5px;
  }
}
@media (max-width: 575px) {
  .text-descp p {
    line-height: 19.5px;
  }
}
@media (max-width: 992px) {
  .text-descp p {
    font-size: 13px;
  }
}

@media (min-width: 1600px) {
  [lang=ar] .text-descp p {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .text-descp p {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .text-descp p {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .text-descp p {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .text-descp p {
    line-height: 25px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .text-descp p {
    line-height: 23.75px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .text-descp p {
    line-height: 18.75px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .text-descp p {
    line-height: 16.25px;
  }
}

@media (min-width: 1600px) {
  .seperatorBottom {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .seperatorBottom {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .seperatorBottom {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .seperatorBottom {
    padding-block: 13px;
  }
}

.textEnd {
  text-align: end !important;
}

@media (min-width: 1600px) {
  .bigContainer {
    max-width: 1640px;
  }
}
@media (min-width: 992px) {
  .bigContainer {
    max-width: 1558px;
  }
}
@media (max-width: 992px) {
  .bigContainer {
    max-width: 1230px;
  }
}
@media (max-width: 575px) {
  .bigContainer {
    max-width: 1066px;
  }
}

@media (min-width: 1600px) {
  .updatedPageRow {
    padding-block: 16px;
  }
}
@media (min-width: 992px) {
  .updatedPageRow {
    padding-block: 15.2px;
  }
}
@media (max-width: 992px) {
  .updatedPageRow {
    padding-block: 12px;
  }
}
@media (max-width: 575px) {
  .updatedPageRow {
    padding-block: 10.4px;
  }
}
.updatedPageRow p {
  text-align: end;
  margin: 0;
  padding: 0;
  color: #161616;
}
@media (min-width: 1600px) {
  .updatedPageRow p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .updatedPageRow p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .updatedPageRow p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .updatedPageRow p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .updatedPageRow p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .updatedPageRow p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .updatedPageRow p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .updatedPageRow p {
    line-height: 15.6px;
  }
}

.pageTitle {
  color: #384250;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .pageTitle {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .pageTitle {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .pageTitle {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .pageTitle {
    font-size: 15.6px;
  }
}

.form-group label,
.form-group label {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .form-group label,
  .form-group label {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .form-group label,
  .form-group label {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .form-group label,
  .form-group label {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .form-group label,
  .form-group label {
    margin-bottom: 6.5px;
  }
}
.form-group .countryCode {
  color: #707070 !important;
  border: none;
  background-color: #F9FAFB;
  padding-inline: 10px;
  padding-block: 6px;
  margin-inline-end: 8px;
  align-content: center;
  min-height: fit-content;
}
@media (min-width: 1600px) {
  .form-group .countryCode {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .form-group .countryCode {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .form-group .countryCode {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .form-group .countryCode {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .form-group .countryCode {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .form-group .countryCode {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .form-group .countryCode {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .form-group .countryCode {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .form-group .countryCode {
    height: 42px;
  }
}
@media (min-width: 992px) {
  .form-group .countryCode {
    height: 39.9px;
  }
}
@media (max-width: 992px) {
  .form-group .countryCode {
    height: 31.5px;
  }
}
@media (max-width: 575px) {
  .form-group .countryCode {
    height: 27.3px;
  }
}
.form-group .countryCode.mauticform-textarea {
  padding-block: 1em;
}
@media (min-width: 1600px) {
  .form-group .countryCode.mauticform-textarea {
    height: 110px;
  }
}
@media (min-width: 992px) {
  .form-group .countryCode.mauticform-textarea {
    height: 104.5px;
  }
}
@media (max-width: 992px) {
  .form-group .countryCode.mauticform-textarea {
    height: 82.5px;
  }
}
@media (max-width: 575px) {
  .form-group .countryCode.mauticform-textarea {
    height: 71.5px;
  }
}
.form-group .form-control {
  border: none;
  background-color: #F9FAFB;
  color: #384250;
  min-height: fit-content;
}
@media (min-width: 1600px) {
  .form-group .form-control {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .form-group .form-control {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .form-group .form-control {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .form-group .form-control {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .form-group .form-control {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .form-group .form-control {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .form-group .form-control {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .form-group .form-control {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .form-group .form-control {
    height: 42px;
  }
}
@media (min-width: 992px) {
  .form-group .form-control {
    height: 39.9px;
  }
}
@media (max-width: 992px) {
  .form-group .form-control {
    height: 31.5px;
  }
}
@media (max-width: 575px) {
  .form-group .form-control {
    height: 27.3px;
  }
}
.form-group .form-control.mauticform-textarea {
  padding-block: 1em;
}
@media (min-width: 1600px) {
  .form-group .form-control.mauticform-textarea {
    height: 110px;
  }
}
@media (min-width: 992px) {
  .form-group .form-control.mauticform-textarea {
    height: 104.5px;
  }
}
@media (max-width: 992px) {
  .form-group .form-control.mauticform-textarea {
    height: 82.5px;
  }
}
@media (max-width: 575px) {
  .form-group .form-control.mauticform-textarea {
    height: 71.5px;
  }
}
@media (min-width: 1600px) {
  .form-group .sameHeightInput {
    height: 42px;
  }
}
@media (min-width: 992px) {
  .form-group .sameHeightInput {
    height: 39.9px;
  }
}
@media (max-width: 992px) {
  .form-group .sameHeightInput {
    height: 31.5px;
  }
}
@media (max-width: 575px) {
  .form-group .sameHeightInput {
    height: 27.3px;
  }
}

.form-check {
  padding-left: 0px;
}
.form-check .form-check-label {
  position: relative;
}
@media (min-width: 1600px) {
  .form-check .form-check-label {
    padding-inline-start: 28px;
  }
}
@media (min-width: 992px) {
  .form-check .form-check-label {
    padding-inline-start: 26.6px;
  }
}
@media (max-width: 992px) {
  .form-check .form-check-label {
    padding-inline-start: 21px;
  }
}
@media (max-width: 575px) {
  .form-check .form-check-label {
    padding-inline-start: 18.2px;
  }
}
@media (min-width: 1600px) {
  .form-check .form-check-label {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .form-check .form-check-label {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .form-check .form-check-label {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .form-check .form-check-label {
    font-size: 10.4px;
  }
}
.form-check .form-check-label:before, .form-check .form-check-label:after {
  content: "";
  position: absolute;
  inset-inline-start: 0px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid #ffffff;
}
@media (min-width: 1600px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    height: 13px;
  }
}
@media (min-width: 1600px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    border-radius: 5px;
  }
}
@media (min-width: 992px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    border-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    border-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .form-check .form-check-label:before, .form-check .form-check-label:after {
    border-radius: 3.25px;
  }
}
.form-check .form-check-label:before {
  opacity: 1;
  visibility: visible;
}
.form-check .form-check-label:after {
  opacity: 0;
  color: #ffffff;
  visibility: hidden;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path id="Icon_material-check-box" data-name="Icon material-check-box" d="M25.833,4.5H7.167A2.666,2.666,0,0,0,4.5,7.167V25.833A2.666,2.666,0,0,0,7.167,28.5H25.833A2.666,2.666,0,0,0,28.5,25.833V7.167A2.666,2.666,0,0,0,25.833,4.5Zm-12,18.667L7.167,16.5l1.88-1.88,4.787,4.773,10.12-10.12,1.88,1.893Z" transform="translate(-4.5 -4.5)" fill="%23fff"/></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.form-check .form-check-input {
  display: none;
}
.form-check .form-check-input:checked + .form-check-label:before {
  opacity: 0;
  visibility: hidden;
}
.form-check .form-check-input:checked + .form-check-label:after {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1600px) {
  [lang=ar] .form-group .form-control {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .form-group .form-control {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .form-group .form-control {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .form-group .form-control {
    font-size: 13.65px;
  }
}
[lang=ar] .form-group .form-control.mauticform-textarea {
  line-height: 1;
}
@media (min-width: 1600px) {
  [lang=ar] .form-check .form-check-label {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .form-check .form-check-label {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .form-check .form-check-label {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .form-check .form-check-label {
    font-size: 13.65px;
  }
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #707070 !important;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #707070 !important;
  opacity: 0.5; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #707070 !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #707070 !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #707070 !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #707070 !important;
}

@keyframes fullRotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1turn);
  }
}
.loading {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border: 0.5px solid rgba(27, 131, 84, 0.3);
  border-top-color: #1b8354;
  border-radius: 50%;
  animation: spin 0.5s linear infinite;
  -webkit-animation: spin 0.5s linear infinite;
  animation-delay: 0.001s;
}
@media (min-width: 1600px) {
  .loading {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .loading {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .loading {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .loading {
    width: 19.5px;
  }
}
@media (min-width: 1600px) {
  .loading {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .loading {
    height: 28.5px;
  }
}
@media (max-width: 992px) {
  .loading {
    height: 22.5px;
  }
}
@media (max-width: 575px) {
  .loading {
    height: 19.5px;
  }
}
.loading.white {
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@media (min-width: 1600px) {
  .datepicker {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .datepicker {
    padding: 14.25px;
  }
}
@media (max-width: 992px) {
  .datepicker {
    padding: 11.25px;
  }
}
@media (max-width: 575px) {
  .datepicker {
    padding: 9.75px;
  }
}
.datepicker .datepicker-switch {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .datepicker .datepicker-switch {
    width: 175px;
  }
}
@media (min-width: 992px) {
  .datepicker .datepicker-switch {
    width: 166.25px;
  }
}
@media (max-width: 992px) {
  .datepicker .datepicker-switch {
    width: 131.25px;
  }
}
@media (max-width: 575px) {
  .datepicker .datepicker-switch {
    width: 113.75px;
  }
}
.datepicker table tr td.active.active {
  background: #074D31;
}
.datepicker table tr td.active.active:hover {
  background: #000000;
}
.datepicker th {
  font-weight: 500;
}

.accordionWrap .accordionContent {
  max-height: 0;
  overflow: hidden;
  color: #000000;
}
@media (min-width: 1600px) {
  .accordionWrap .accordionContent {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionContent {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionContent {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionContent {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionContent {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionContent {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionContent {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionContent {
    padding-inline: 13px;
  }
}
.accordionWrap .accordionContent p:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 575px) {
  .accordionWrap .accordionContent {
    font-size: 13px;
  }
}
.accordionWrap .accordionItem {
  background-color: #ffffff;
  border: none;
  border-top: 1px solid #D2D6DB;
  border-radius: 0px;
  height: max-content;
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem {
    margin-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem {
    margin-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem {
    margin-top: 9.75px;
  }
}
.accordionWrap .accordionItem .accordionHeader {
  margin: 0px;
}
.accordionWrap .accordionItem .accordionHeader:hover {
  background-color: rgb(247, 253, 249);
}
.accordionWrap .accordionItem .accordionHeader:active {
  background-color: #F9FAFB;
}
.accordionWrap .accordionItem .accordionHeader button:focus {
  border: 1px solid #000000;
}
.accordionWrap .accordionItem .accordionButton {
  width: 100%;
  color: #1F2A37;
  border: none;
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 500;
  position: relative;
  margin: 0;
  z-index: 1;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton {
    padding-inline: 13px;
  }
}
.accordionWrap .accordionItem .accordionButton .fas {
  flex-grow: 0;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    flex-basis: 30px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    flex-basis: 28.5px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    flex-basis: 22.5px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    flex-basis: 19.5px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    width: 19.5px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    height: 28.5px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    height: 22.5px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    height: 19.5px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    border-radius: 30px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    border-radius: 28.5px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    border-radius: 22.5px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    border-radius: 19.5px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    padding-top: 3px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    padding-top: 2.85px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    padding-top: 2.25px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton .fas {
    padding-top: 1.95px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem .accordionButton {
    font-size: 14px;
  }
}
.accordionWrap .accordionItem.active .accordionContent {
  max-height: 1000px;
}
@media (min-width: 1600px) {
  .accordionWrap .accordionItem.active .accordionContent {
    padding-block: 15px;
  }
}
@media (min-width: 992px) {
  .accordionWrap .accordionItem.active .accordionContent {
    padding-block: 14.25px;
  }
}
@media (max-width: 992px) {
  .accordionWrap .accordionItem.active .accordionContent {
    padding-block: 11.25px;
  }
}
@media (max-width: 575px) {
  .accordionWrap .accordionItem.active .accordionContent {
    padding-block: 9.75px;
  }
}
.accordionWrap .accordionItem.active .accordionButton .fas {
  transform: rotate(180deg);
}

@media (min-width: 1600px) {
  .updated-text {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .updated-text {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .updated-text {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .updated-text {
    font-size: 9.1px;
  }
}

.pagination {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .pagination {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .pagination {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  .pagination {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .pagination {
    margin-top: 26px;
  }
}
@media (min-width: 1600px) {
  .pagination {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .pagination {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .pagination {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .pagination {
    gap: 13px;
  }
}
.pagination .paginate-item {
  background-color: transparent;
  border: none;
  padding: 0px;
  color: #161616;
  font-family: "IBMPlexSansArabic";
  font-weight: 500;
}
@media (min-width: 1600px) {
  .pagination .paginate-item {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .pagination .paginate-item {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .pagination .paginate-item {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .pagination .paginate-item {
    font-size: 11.7px;
  }
}
.pagination .paginate-item.prev, .pagination .paginate-item.next {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination .paginate-item.prev.swiper-button-lock, .pagination .paginate-item.next.swiper-button-lock {
  display: none;
}
.pagination .paginate-item.prev i, .pagination .paginate-item.next i {
  position: relative;
  color: #1b8354;
}
@media (min-width: 1600px) {
  .pagination .paginate-item.prev i, .pagination .paginate-item.next i {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .pagination .paginate-item.prev i, .pagination .paginate-item.next i {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .pagination .paginate-item.prev i, .pagination .paginate-item.next i {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .pagination .paginate-item.prev i, .pagination .paginate-item.next i {
    font-size: 19.5px;
  }
}
.pagination .paginate-item.prev i:hover, .pagination .paginate-item.next i:hover {
  color: #25935f;
}
.pagination .paginate-item.active {
  color: #1b8354;
}

.moreHeight {
  position: relative;
  z-index: 10;
}
.moreHeight p {
  overflow: hidden;
}
@media (min-width: 1600px) {
  .moreHeight p {
    max-height: 125px;
  }
}
@media (min-width: 992px) {
  .moreHeight p {
    max-height: 118.75px;
  }
}
@media (max-width: 992px) {
  .moreHeight p {
    max-height: 93.75px;
  }
}
@media (max-width: 575px) {
  .moreHeight p {
    max-height: 81.25px;
  }
}
.moreHeight .moreText {
  background-color: #074D31;
  color: #ffffff;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-inline: auto;
}
@media (min-width: 1600px) {
  .moreHeight .moreText {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .moreHeight .moreText {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .moreHeight .moreText {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .moreHeight .moreText {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .moreHeight .moreText {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .moreHeight .moreText {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .moreHeight .moreText {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .moreHeight .moreText {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .moreHeight .moreText {
    padding-block: 7px;
  }
}
@media (min-width: 992px) {
  .moreHeight .moreText {
    padding-block: 6.65px;
  }
}
@media (max-width: 992px) {
  .moreHeight .moreText {
    padding-block: 5.25px;
  }
}
@media (max-width: 575px) {
  .moreHeight .moreText {
    padding-block: 4.55px;
  }
}
@media (min-width: 1600px) {
  .moreHeight .moreText {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .moreHeight .moreText {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .moreHeight .moreText {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .moreHeight .moreText {
    padding-inline: 13px;
  }
}
@media (min-width: 1600px) {
  .moreHeight .moreText {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .moreHeight .moreText {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .moreHeight .moreText {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .moreHeight .moreText {
    gap: 6.5px;
  }
}
.moreHeight.active p {
  max-height: 1000px !important;
}

@media (max-width: 575px) {
  .aos-animate {
    transition-delay: 0s !important;
  }
}
.ncm-modal-news .post-img {
  height: 270px;
  width: 100%;
}
.ncm-modal-news .post-img img {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  height: 100%;
  width: 100%;
  object-fit: fill;
}
.ncm-modal-news .modal-content {
  border-radius: 16px;
}
.ncm-modal-news .modal-content .modal-body {
  padding: 16px;
}
.ncm-modal-news .modal-content .btn-close {
  position: absolute;
  inset-inline-end: 25px;
  top: 25px;
  height: 10px;
  width: 10px;
  z-index: 9;
  opacity: 1;
}
.ncm-modal-news .modal-content .title.has-text {
  margin-block: 15px;
  color: #161616;
  font-weight: 600;
  font-size: 1.2rem;
}
.ncm-modal-news .modal-content .copy-link {
  border: 1px solid #D2D6DB;
  border-radius: 25px;
  display: flex;
  align-items: center;
  padding: 5px 10px;
  gap: 0 15px;
  justify-content: space-between;
}
@media (max-width: 575px) {
  .ncm-modal-news .modal-content .copy-link .link.has-text {
    flex-wrap: wrap;
    gap: 0 15px;
  }
}
.ncm-modal-news .modal-content .copy-link .link {
  font-size: 12px;
  color: #1b8354;
  max-width: 70%;
}
.ncm-modal-news .modal-content .copy-link button {
  white-space: nowrap;
  background-color: #1b8354;
  color: #fff;
  text-align: center;
  cursor: pointer;
  transition: 0.5s all;
  border-color: #1b8354;
  border: #1b8354;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 14px;
}

.mobile-Flex-footer {
  column-gap: 8px;
}

[lang=ar] .mobileMenuWrap .footerBottomLinks ul.mobile-Flex-footer li {
  max-width: 30%;
  width: 100%;
}
[lang=ar] .mobileMenuWrap .footerBottomLinks ul.mobile-Flex-footer li a {
  white-space: normal;
}

.remove-flip {
  transform: rotateY(0deg) !important;
}

a:has(i) svg {
  display: none;
}

.select2-results {
  border-radius: 10px;
  background: #ffffff;
  box-shadow: none;
  padding: 5px;
}
.select2-results .selected {
  background-color: #074D31;
}
.select2-results .select2-results__option {
  padding: 5px;
  height: 35px;
  line-height: 1;
  display: flex;
  align-items: center;
  color: #161616;
  position: relative;
}
.select2-results .select2-results__option.select2-results__option--highlighted {
  background-color: transparent;
}
.select2-results .select2-results__option.select2-results__option--highlighted:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 27px;
  height: 20px;
  inset-inline-end: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 5L7.5 15L3.75 11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.select2-results .select2-results__option .highlight {
  background: none;
}

.select2-results__option .wrap {
  display: flex;
  align-items: center;
}
.select2-results__option .wrap::before {
  padding: 0 !important;
}

[lang=ar] img.no-flip-img {
  transform: scaleX(-1);
}

.mapboxgl-control-container {
  display: none;
}

input[type=checkbox] {
  min-width: 20px;
  width: 20px;
  max-width: 20px;
  min-height: 20px;
  height: 20px;
  max-height: 20px;
  border: 1px solid #9da4ae;
  accent-color: #25935f;
  border-radius: 2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
input[type=checkbox]:checked {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.dark-grey-heading {
  color: #0D121C !important;
}

.custom-range {
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 18px;
  background: transparent;
}

/* Thumb - Chrome, Safari, Edge */
.custom-range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background-color: #ffffff !important;
  border-radius: 16px;
  height: 12px;
  width: 12px;
  cursor: pointer;
}

/* Thumb - Firefox */
.custom-range::-moz-range-thumb {
  background-color: #ffffff !important;
  border-radius: 16px;
  height: 12px;
  width: 12px;
  cursor: pointer;
}

/* Track */
.custom-range::-webkit-slider-runnable-track {
  background: #166A45;
  border-radius: 16px;
  height: 12px;
}

.custom-range::-moz-range-track {
  background: #166A45;
  border-radius: 16px;
  height: 12px;
}

#accessibility-modal {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  left: unset !important;
  bottom: 0 !important;
  width: 500px !important;
  height: 100vh !important;
  background: #fff !important;
  color: var(--text) !important;
  border-radius: unset !important;
  box-shadow: unset !important;
  padding: 16px !important;
  display: flex !important;
  flex-direction: column !important;
  font-family: "IBM Plex Sans", sans-serif !important;
  z-index: 10000 !important;
  transform: translateX(100%) !important;
  transition: all 0.3s linear !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

#accessibility-modal.open {
  transform: translateX(0%) !important;
  box-shadow: var(--shadow) !important;
  animation: unset !important;
  transition: all 0.3s linear !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#accessibility-modal button, #accessibility-modal select {
  border-radius: 12px;
  background-color: #eaf6ef !important;
  color: #414042 !important;
}
#accessibility-modal button svg, #accessibility-modal select svg {
  fill: #1b8354 !important;
}

#accessibility-modal button:hover {
  background-color: rgba(31, 175, 111, 0.4196078431) !important;
  transition: all 0.2s ease !important;
  transform: none !important;
  color: #414042 !important;
}
#accessibility-modal button:hover svg {
  fill: #414042 !important;
}

#accessibility-modal button:focus, #accessibility-modal button:focus-visible, #accessibility-modal select:focus-within {
  background-color: rgba(31, 175, 111, 0.4196078431) !important;
  color: #414042 !important;
  outline: 1px solid rgba(31, 175, 111, 0.4196078431) !important;
  outline-offset: 5px !important;
}

#accessibility-modal button.active {
  background-color: #1b8354 !important;
  color: #ffffff !important;
}
#accessibility-modal button.active svg {
  fill: #ffffff !important;
}

#accessibility-toggle:focus {
  background: #ffffff;
  color: var(--primary-bg);
  border: 2px solid var(--primary-bg);
}
#accessibility-toggle:focus svg {
  fill: #1b8354;
}
#accessibility-toggle:active {
  background: #ffffff;
  color: var(--primary-bg);
  border: 2px solid var(--primary-bg);
}
#accessibility-toggle:active svg {
  fill: #1b8354;
}
#accessibility-toggle:hover {
  transform: translateY(-5px) scale(1.05);
  box-shadow: var(--shadow-hover);
  background: var(--text-primary);
  color: var(--primary-bg);
}
#accessibility-toggle:hover svg {
  fill: #1b8354;
}

#accessibility-modal .header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  font-weight: bold !important;
  width: 100% !important;
  font-size: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid #ddd !important;
  background: #161616 !important;
  background-clip: text !important;
}
#accessibility-modal .header .title, #accessibility-modal .header .close-btn {
  color: #161616 !important;
}

#accessibility-modal .close-btn {
  position: absolute !important;
  top: 0px !important;
  right: 0px !important;
  background: transparent !important;
  border: 2px solid #b0d8c6 !important;
  color: #666666 !important;
  border-radius: 50% !important;
  width: 35px !important;
  height: 35px !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  font-size: 18px !important;
  padding: 0 !important;
  line-height: 1 !important;
}
#accessibility-modal .close-btn:hover {
  background: rgba(234, 246, 239, 0.1) !important;
  color: #666666 !important;
}

#accessibility-modal .close-btn svg {
  width: 20px !important;
  height: 20px !important;
  fill: #666666 !important;
}

.accessibility-button-section {
  display: flex !important;
  gap: 12px !important; /* optional spacing between buttons */
  margin-bottom: 12px !important;
}

.accessibility-button-section .acc-btn, .accessibility-button-section .play-pause-btn {
  flex: 1 !important; /* each button takes 50% */
  width: 100% !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  height: 130px !important;
}
.accessibility-button-section .acc-btn:hover, .accessibility-button-section .play-pause-btn:hover {
  box-shadow: unset !important;
}

@media (max-width: 992px) {
  #accessibility-modal {
    width: 100% !important;
  }
}

.hidden {
  display: none;
}

.remaining-pages {
  position: absolute;
  background: white;
  border: 1px solid #ccc;
  padding: 10px;
  z-index: 10;
}

.paginate-item.active {
  color: green;
  font-weight: bold;
}

.icon-align-top i {
  position: relative;
  top: -5px;
}

.centricweb-link {
  color: #fff;
  text-decoration: none;
}
.centricweb-link i {
  display: none;
}
.centricweb-link:hover {
  color: #fff;
  text-decoration: underline;
}

.slick-arrow {
  background-color: #1b8354;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
@media (min-width: 1600px) {
  .slick-arrow {
    height: 48px;
  }
}
@media (min-width: 992px) {
  .slick-arrow {
    height: 45.6px;
  }
}
@media (max-width: 992px) {
  .slick-arrow {
    height: 36px;
  }
}
@media (max-width: 575px) {
  .slick-arrow {
    height: 31.2px;
  }
}
@media (min-width: 1600px) {
  .slick-arrow {
    width: 48px;
  }
}
@media (min-width: 992px) {
  .slick-arrow {
    width: 45.6px;
  }
}
@media (max-width: 992px) {
  .slick-arrow {
    width: 36px;
  }
}
@media (max-width: 575px) {
  .slick-arrow {
    width: 31.2px;
  }
}
.slick-arrow svg path {
  fill: #ffffff;
}
.slick-arrow.slick-disabled, .slick-arrow.swiper-button-disabled {
  background-color: transparent;
}
.slick-arrow.slick-disabled svg path, .slick-arrow.swiper-button-disabled svg path {
  fill: #000000;
}

.slick-dots li button {
  background-color: #E5E7EB;
}
@media (min-width: 1600px) {
  .slick-dots li button {
    width: 15px;
  }
}
@media (min-width: 992px) {
  .slick-dots li button {
    width: 14.25px;
  }
}
@media (max-width: 992px) {
  .slick-dots li button {
    width: 11.25px;
  }
}
@media (max-width: 575px) {
  .slick-dots li button {
    width: 9.75px;
  }
}
@media (min-width: 1600px) {
  .slick-dots li button {
    height: 15px;
  }
}
@media (min-width: 992px) {
  .slick-dots li button {
    height: 14.25px;
  }
}
@media (max-width: 992px) {
  .slick-dots li button {
    height: 11.25px;
  }
}
@media (max-width: 575px) {
  .slick-dots li button {
    height: 9.75px;
  }
}

input[type=tel i] {
  direction: inherit;
}

.not-boot-container, .related-services-container .grid-services.grid-custom-arrows .slick-dots {
  margin: 0 auto;
  max-width: 1320px;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .not-boot-container, .related-services-container .grid-services.grid-custom-arrows .slick-dots {
    max-width: 1140px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .not-boot-container, .related-services-container .grid-services.grid-custom-arrows .slick-dots {
    max-width: 960px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .not-boot-container, .related-services-container .grid-services.grid-custom-arrows .slick-dots {
    max-width: 720px;
  }
}
@media (min-width: 576px) and (max-width: 768px) {
  .not-boot-container, .related-services-container .grid-services.grid-custom-arrows .slick-dots {
    max-width: 540px;
  }
}

.wrapped-arrows {
  position: relative;
  top: 15px;
}

.mauticform-file {
  background-color: #F9FAFB;
}

.forecastDisclaimer {
  background-color: #ffffff;
  padding: 8px;
  border-radius: 8px;
  border: 1px solid #D2D6DB;
}
.forecastDisclaimer.region-detail-forecast-disclaimer {
  width: 124.7%;
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .forecastDisclaimer.region-detail-forecast-disclaimer {
    width: 132.9%;
  }
}
@media (max-width: 1199px) {
  .forecastDisclaimer.region-detail-forecast-disclaimer {
    width: 126.1%;
  }
}
.forecastDisclaimer.governorate-detail-forecast-disclaimer {
  background-color: unset;
  border: none;
  padding: 0;
  border-radius: 0;
  border: none;
}
.forecastDisclaimer .forecastDisclaimerIcon {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #F7FDF9;
  display: flex;
  align-items: center;
  justify-content: center;
}
.forecastDisclaimer .forecastDisclaimerIcon img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
.forecastDisclaimer .forecastDisclaimerText {
  font-weight: 500;
  color: #161616 !important;
  margin-bottom: 0 !important;
  line-height: 1.2 !important;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecastDisclaimer .forecastDisclaimerText {
    font-size: 15px !important;
  }
}
@media (min-width: 992px) {
  .forecastDisclaimer .forecastDisclaimerText {
    font-size: 14.25px !important;
  }
}
@media (max-width: 992px) {
  .forecastDisclaimer .forecastDisclaimerText {
    font-size: 11.25px !important;
  }
}
@media (max-width: 575px) {
  .forecastDisclaimer .forecastDisclaimerText {
    font-size: 9.75px !important;
  }
}

[lang=ar] .commonBtn .btn-icon svg, [lang=ar] .darkBtn .btn-icon svg, [lang=ar] .btn-for-services-card .btn-icon svg, [lang=ar] .lightBtn .btn-icon svg {
  transform: scaleX(-1);
}

.lightBtn .btn-icon .fa-angle-right {
  position: relative;
}
@media (min-width: 1600px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 1px;
  }
}
@media (min-width: 992px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 0.95px;
  }
}
@media (max-width: 992px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 0.75px;
  }
}
@media (max-width: 575px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 0.65px;
  }
}
@media (min-width: 992px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 0.1px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 0.8px;
  }
}
@media (max-width: 992px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 2px;
  }
}
@media (max-width: 575px) {
  .lightBtn .btn-icon .fa-angle-right {
    top: 0.7px;
  }
}

.darkBtn .fa-angle-right {
  position: relative;
}
@media (min-width: 1600px) {
  .darkBtn .fa-angle-right {
    top: 1px;
  }
}
@media (min-width: 992px) {
  .darkBtn .fa-angle-right {
    top: 0.95px;
  }
}
@media (max-width: 992px) {
  .darkBtn .fa-angle-right {
    top: 0.75px;
  }
}
@media (max-width: 575px) {
  .darkBtn .fa-angle-right {
    top: 0.65px;
  }
}
@media (min-width: 992px) {
  .darkBtn .fa-angle-right {
    top: 0.5px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .darkBtn .fa-angle-right {
    top: 0.1px;
  }
}
@media (max-width: 992px) {
  .darkBtn .fa-angle-right {
    top: 1.5px;
  }
}
@media (max-width: 575px) {
  .darkBtn .fa-angle-right {
    top: 0.1px;
  }
}

.commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
  width: 100%;
  max-width: max-content;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  position: relative;
  transition-duration: 200ms;
  border: none;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    height: 48px;
  }
}
@media (min-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    height: 45.6px;
  }
}
@media (max-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    height: 36px;
  }
}
@media (max-width: 575px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    height: 31.2px;
  }
}
@media (min-width: 1600px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .commonBtn, .darkBtn, .btn-for-services-card, .lightBtn {
    font-size: 11.7px;
  }
}
.commonBtn i, .darkBtn i, .btn-for-services-card i, .lightBtn i {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}
.commonBtn::before, .darkBtn::before, .btn-for-services-card::before, .lightBtn::before {
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #25935f;
  content: "";
  transform: scale(1.04, 1.2);
  width: 100%;
  height: 100%;
  transition: 0.3s all ease-in-out;
  display: none;
}
.commonBtn .btn-icon, .darkBtn .btn-icon, .btn-for-services-card .btn-icon, .lightBtn .btn-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .commonBtn .btn-icon, .darkBtn .btn-icon, .btn-for-services-card .btn-icon, .lightBtn .btn-icon {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .commonBtn .btn-icon, .darkBtn .btn-icon, .btn-for-services-card .btn-icon, .lightBtn .btn-icon {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .commonBtn .btn-icon, .darkBtn .btn-icon, .btn-for-services-card .btn-icon, .lightBtn .btn-icon {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .commonBtn .btn-icon, .darkBtn .btn-icon, .btn-for-services-card .btn-icon, .lightBtn .btn-icon {
    gap: 6.5px;
  }
}
.commonBtn:hover, .darkBtn:hover, .btn-for-services-card:hover, .lightBtn:hover {
  color: #ffffff;
}
.commonBtn:hover::before, .darkBtn:hover::before, .btn-for-services-card:hover::before, .lightBtn:hover::before {
  transform: scale(1.05, 1.3);
}
@media (min-width: 1600px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    height: 42px;
  }
}
@media (min-width: 992px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    height: 39.9px;
  }
}
@media (max-width: 992px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    height: 31.5px;
  }
}
@media (max-width: 575px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    height: 27.3px;
  }
}
@media (min-width: 1600px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .commonBtn.smallBtn, .smallBtn.darkBtn, .smallBtn.btn-for-services-card, .smallBtn.lightBtn {
    font-size: 9.1px;
  }
}

.knowMoreBtn {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #1b8354;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .knowMoreBtn {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .knowMoreBtn {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .knowMoreBtn {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .knowMoreBtn {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .knowMoreBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .knowMoreBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .knowMoreBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .knowMoreBtn {
    font-size: 9.1px;
  }
}
.knowMoreBtn span {
  text-decoration: underline;
}
.knowMoreBtn i {
  transition: 0.5s all;
  border: solid #074D31;
  border-radius: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .knowMoreBtn i {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .knowMoreBtn i {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .knowMoreBtn i {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .knowMoreBtn i {
    border-width: 1.3px;
  }
}
@media (min-width: 1600px) {
  .knowMoreBtn i {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .knowMoreBtn i {
    width: 17.1px;
  }
}
@media (max-width: 992px) {
  .knowMoreBtn i {
    width: 13.5px;
  }
}
@media (max-width: 575px) {
  .knowMoreBtn i {
    width: 11.7px;
  }
}
@media (min-width: 1600px) {
  .knowMoreBtn i {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .knowMoreBtn i {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .knowMoreBtn i {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .knowMoreBtn i {
    height: 11.7px;
  }
}
@media (min-width: 1600px) {
  .knowMoreBtn i {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .knowMoreBtn i {
    font-size: 10.45px;
  }
}
@media (max-width: 992px) {
  .knowMoreBtn i {
    font-size: 8.25px;
  }
}
@media (max-width: 575px) {
  .knowMoreBtn i {
    font-size: 7.15px;
  }
}
.knowMoreBtn:hover {
  color: #074D31;
}
.knowMoreBtn:hover i {
  border-color: #074D31;
}

.search-en {
  right: 12px;
}

.search-ar {
  left: 12px;
}

.whiteBtn {
  color: #074d31;
  background-color: #ffffff !important;
  border-radius: 4px;
  min-width: max-content;
  text-align: center;
  outline-offset: 3px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  width: 100%;
  border: none;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .whiteBtn {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .whiteBtn {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .whiteBtn {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .whiteBtn {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .whiteBtn {
    max-width: 190px;
  }
}
@media (min-width: 992px) {
  .whiteBtn {
    max-width: 180.5px;
  }
}
@media (max-width: 992px) {
  .whiteBtn {
    max-width: 142.5px;
  }
}
@media (max-width: 575px) {
  .whiteBtn {
    max-width: 123.5px;
  }
}
@media (min-width: 1600px) {
  .whiteBtn {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .whiteBtn {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  .whiteBtn {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  .whiteBtn {
    height: 29.25px;
  }
}
@media (min-width: 1600px) {
  .whiteBtn {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .whiteBtn {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .whiteBtn {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .whiteBtn {
    gap: 5.2px;
  }
}

.lightBtn {
  color: #ffffff;
  background-color: rgba(7, 77, 49, 0.8);
  border-color: #25935f;
}
.lightBtn:hover {
  color: #ffffff;
}

.btn-for-services-card {
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
  color: #161616;
  padding-inline: 5px;
}
.btn-for-services-card:hover {
  background-color: rgba(210, 214, 219, 0.6);
  color: #161616;
}

.darkBtn {
  color: #ffffff;
  background-color: #074d31;
  border-color: #25935f;
}
.darkBtn:hover {
  color: #ffffff;
}

.radiusBtnLight {
  background-color: #25935f;
  color: #ffffff;
  cursor: pointer;
  width: 100%;
  box-shadow: none;
  text-align: center;
}
@media (min-width: 1600px) {
  .radiusBtnLight {
    max-width: 150px;
  }
}
@media (min-width: 992px) {
  .radiusBtnLight {
    max-width: 142.5px;
  }
}
@media (max-width: 992px) {
  .radiusBtnLight {
    max-width: 112.5px;
  }
}
@media (max-width: 575px) {
  .radiusBtnLight {
    max-width: 97.5px;
  }
}
@media (min-width: 1600px) {
  .radiusBtnLight {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .radiusBtnLight {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .radiusBtnLight {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .radiusBtnLight {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .radiusBtnLight {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .radiusBtnLight {
    border-radius: 19px;
  }
}
@media (max-width: 992px) {
  .radiusBtnLight {
    border-radius: 15px;
  }
}
@media (max-width: 575px) {
  .radiusBtnLight {
    border-radius: 13px;
  }
}

.mapBtn {
  background: #166A45;
  color: #ffffff;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
@media (min-width: 1600px) {
  .mapBtn {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  .mapBtn {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  .mapBtn {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  .mapBtn {
    border-radius: 4.55px;
  }
}
@media (min-width: 1600px) {
  .mapBtn {
    min-width: 44px;
  }
}
@media (min-width: 992px) {
  .mapBtn {
    min-width: 41.8px;
  }
}
@media (max-width: 992px) {
  .mapBtn {
    min-width: 33px;
  }
}
@media (max-width: 575px) {
  .mapBtn {
    min-width: 28.6px;
  }
}
@media (min-width: 1600px) {
  .mapBtn {
    max-width: 44px;
  }
}
@media (min-width: 992px) {
  .mapBtn {
    max-width: 41.8px;
  }
}
@media (max-width: 992px) {
  .mapBtn {
    max-width: 33px;
  }
}
@media (max-width: 575px) {
  .mapBtn {
    max-width: 28.6px;
  }
}
@media (min-width: 1600px) {
  .mapBtn {
    height: 44px;
  }
}
@media (min-width: 992px) {
  .mapBtn {
    height: 41.8px;
  }
}
@media (max-width: 992px) {
  .mapBtn {
    height: 33px;
  }
}
@media (max-width: 575px) {
  .mapBtn {
    height: 28.6px;
  }
}
.mapBtn.toggle-basemap-btn.search {
  height: 70px;
  border-radius: 25px;
  overflow: hidden;
  padding: 0;
  border: 1px solid #166A45;
}
.mapBtn.toggle-basemap-btn.search .basemap-icon-container {
  height: 50%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
}
.mapBtn.toggle-basemap-btn.search .basemap-icon-container i {
  color: #166A45 !important;
}
.mapBtn.toggle-basemap-btn.search .basemap-icon-container.selected {
  background-color: #166A45;
}
.mapBtn.toggle-basemap-btn.search .basemap-icon-container.selected i {
  color: #ffffff !important;
}
.mapBtn:has(.search-container-v2), .mapBtn:has(.search-container) {
  padding: 8px;
}
.mapBtn:has(.search-container-v2.expand) i, .mapBtn:has(.search-container.expand) i {
  color: #161616 !important;
}
.mapBtn.search .expand ~ .map-search-icon {
  filter: unset !important;
}
.mapBtn.search {
  opacity: 1 !important;
  transition: all 0.6s cubic-bezier(0.85, 0, 0.15, 1);
}
@media (min-width: 1600px) {
  .mapBtn.search {
    min-width: 44px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search {
    min-width: 41.8px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search {
    min-width: 33px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search {
    min-width: 28.6px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.search {
    max-width: 44px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search {
    max-width: 41.8px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search {
    max-width: 33px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search {
    max-width: 28.6px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.search {
    height: 44px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search {
    height: 41.8px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search {
    height: 33px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search {
    height: 28.6px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.search {
    margin-top: -5px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search {
    margin-top: -4.75px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search {
    margin-top: -3.75px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search {
    margin-top: -3.25px;
  }
}
.mapBtn.search .map-search-icon {
  position: absolute;
  right: unset;
  left: unset;
}
.mapBtn.search:has(.expand) {
  max-width: 100%;
  border-radius: unset !important;
}
.mapBtn.search:has(.expand) .map-search-icon.search-en {
  right: 8px;
}
.mapBtn.search:has(.expand) .map-search-icon.search-ar {
  left: 8px;
}
@media (min-width: 1600px) {
  .mapBtn.search:has(.expand) .search-container input {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search:has(.expand) .search-container input {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search:has(.expand) .search-container input {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search:has(.expand) .search-container input {
    padding-inline: 13px;
  }
}
.mapBtn.search i {
  position: absolute;
}
.mapBtn.search.search:has(.expand)::after {
  display: none;
}
.mapBtn.search .search-container {
  position: relative;
  height: max-content;
}
.mapBtn.search .search-container input {
  visibility: hidden;
  background: none;
  outline: none;
  border: none;
  padding-inline: 0;
  max-width: 0;
  position: relative;
  transition: all 0.6s cubic-bezier(0.85, 0, 0.15, 1);
  color: #ffffff;
}
.mapBtn.search .search-container input::placeholder {
  color: #ffffff !important;
}
.mapBtn.search .search-container.search-container-v2.expand input {
  background: #F9FAFB;
  border-radius: 5px;
  color: #161616 !important;
}
.mapBtn.search .search-container.search-container-v2.expand input::placeholder {
  color: rgba(22, 22, 22, 0.7) !important;
}
.mapBtn.search .search-container.search-container-v2 .search-list {
  background: #F9FAFB;
}
.mapBtn.search .search-container.search-container-v2 .search-list li {
  color: #161616;
  border-bottom: 0.5px solid #848484;
}
.mapBtn.search .search-container.search-container-v2 .search-list li:last-child {
  border: none;
}
.mapBtn.search .search-container .search-list {
  display: none;
  position: absolute;
  width: 83%;
  background: #F9FAFB;
  z-index: 111111111111111;
  padding-inline: 0;
  max-height: 15vw;
  overflow-y: auto;
}
@media (min-width: 1600px) {
  .mapBtn.search .search-container .search-list {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search .search-container .search-list {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search .search-container .search-list {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search .search-container .search-list {
    border-radius: 4.55px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.search .search-container .search-list {
    inset-inline-start: -8px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search .search-container .search-list {
    inset-inline-start: -7.6px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search .search-container .search-list {
    inset-inline-start: -6px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search .search-container .search-list {
    inset-inline-start: -5.2px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.search .search-container .search-list {
    margin-top: 7px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search .search-container .search-list {
    margin-top: 6.65px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search .search-container .search-list {
    margin-top: 5.25px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search .search-container .search-list {
    margin-top: 4.55px;
  }
}
.mapBtn.search .search-container .search-list li {
  list-style: none;
  color: #161616;
  text-align: start;
  border-bottom: 0.5px solid #848484;
}
@media (min-width: 1600px) {
  .mapBtn.search .search-container .search-list li {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search .search-container .search-list li {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search .search-container .search-list li {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search .search-container .search-list li {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.search .search-container .search-list li {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search .search-container .search-list li {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search .search-container .search-list li {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search .search-container .search-list li {
    padding-inline: 6.5px;
  }
}
.mapBtn.search .search-container .search-list li:hover {
  background-color: rgba(27, 131, 84, 0.3);
}
.mapBtn.search .search-container .search-list li:last-child {
  border: none;
}
.mapBtn.search .search-container.expand input {
  visibility: visible;
  background: #F9FAFB;
  max-width: 100%;
  border-radius: 5px;
  color: #161616 !important;
}
.mapBtn.search .search-container.expand input::placeholder {
  color: rgba(22, 22, 22, 0.7) !important;
}
.mapBtn.search .search-container.expand .search-list {
  display: block;
}
@media (min-width: 1600px) {
  .mapBtn.search .expand + i {
    inset-inline-end: 13px;
  }
}
@media (min-width: 992px) {
  .mapBtn.search .expand + i {
    inset-inline-end: 12.35px;
  }
}
@media (max-width: 992px) {
  .mapBtn.search .expand + i {
    inset-inline-end: 9.75px;
  }
}
@media (max-width: 575px) {
  .mapBtn.search .expand + i {
    inset-inline-end: 8.45px;
  }
}
.mapBtn:hover {
  opacity: 0.7;
}
.mapBtn:hover i {
  color: #ffffff;
}
.mapBtn i {
  transition: all 0.6s cubic-bezier(0.85, 0, 0.15, 1);
}
.mapBtn i.hover {
  color: #ffffff;
}
.mapBtn.button-bottom-seperator::after {
  bottom: -143%;
  position: absolute;
  content: "";
  background-image: url("../../../assets/images/map-icons/buttons-seperator.svg");
  background-size: contain;
  z-index: 11111;
  background-repeat: no-repeat;
  display: none;
}
@media (min-width: 1600px) {
  .mapBtn.button-bottom-seperator::after {
    margin-top: -5px;
  }
}
@media (min-width: 992px) {
  .mapBtn.button-bottom-seperator::after {
    margin-top: -4.75px;
  }
}
@media (max-width: 992px) {
  .mapBtn.button-bottom-seperator::after {
    margin-top: -3.75px;
  }
}
@media (max-width: 575px) {
  .mapBtn.button-bottom-seperator::after {
    margin-top: -3.25px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.button-bottom-seperator::after {
    width: 62px;
  }
}
@media (min-width: 992px) {
  .mapBtn.button-bottom-seperator::after {
    width: 58.9px;
  }
}
@media (max-width: 992px) {
  .mapBtn.button-bottom-seperator::after {
    width: 46.5px;
  }
}
@media (max-width: 575px) {
  .mapBtn.button-bottom-seperator::after {
    width: 40.3px;
  }
}
@media (min-width: 1600px) {
  .mapBtn.button-bottom-seperator::after {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .mapBtn.button-bottom-seperator::after {
    height: 47.5px;
  }
}
@media (max-width: 992px) {
  .mapBtn.button-bottom-seperator::after {
    height: 37.5px;
  }
}
@media (max-width: 575px) {
  .mapBtn.button-bottom-seperator::after {
    height: 32.5px;
  }
}
@media (max-width: 575px) {
  .mapBtn.button-bottom-seperator::after {
    display: none;
  }
}
.mapBtn.zoomOut {
  top: calc(60% + 174px);
}
@media (max-width: 575px) {
  .mapBtn.zoomOut {
    top: calc(60% + 174px);
  }
}

.disabled-btn {
  background-color: #D2D6DB !important;
  cursor: not-allowed;
  pointer-events: none;
}

#opacityRangeContainer {
  display: none;
  position: absolute;
  width: 200px;
}

.showArRange {
  left: 66px;
}

.showEnRange {
  right: 66px;
}

#opacityRange {
  width: 100%;
  cursor: pointer;
}

#opacityValueSection {
  font-size: 14px;
  text-align: center;
  width: 100%;
  font-weight: bold;
}
#opacityValueSection span {
  filter: drop-shadow(0px 0px 2px white);
}

* {
  scrollbar-width: thin;
  scrollbar-color: #D2D6DB transparent;
  /* webkit browsers */
}
@media (min-width: 1600px) {
  *::-webkit-scrollbar {
    width: 11px;
  }
}
@media (min-width: 992px) {
  *::-webkit-scrollbar {
    width: 10.45px;
  }
}
@media (max-width: 992px) {
  *::-webkit-scrollbar {
    width: 8.25px;
  }
}
@media (max-width: 575px) {
  *::-webkit-scrollbar {
    width: 7.15px;
  }
}
*::-webkit-scrollbar-track {
  background: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: #d2d6db;
  border: solid transparent;
}
@media (min-width: 1600px) {
  *::-webkit-scrollbar-thumb {
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  *::-webkit-scrollbar-thumb {
    border-radius: 5.7px;
  }
}
@media (max-width: 992px) {
  *::-webkit-scrollbar-thumb {
    border-radius: 4.5px;
  }
}
@media (max-width: 575px) {
  *::-webkit-scrollbar-thumb {
    border-radius: 3.9px;
  }
}
@media (min-width: 1600px) {
  *::-webkit-scrollbar-thumb {
    border-width: 3px;
  }
}
@media (min-width: 992px) {
  *::-webkit-scrollbar-thumb {
    border-width: 2.85px;
  }
}
@media (max-width: 992px) {
  *::-webkit-scrollbar-thumb {
    border-width: 2.25px;
  }
}
@media (max-width: 575px) {
  *::-webkit-scrollbar-thumb {
    border-width: 1.95px;
  }
}
*::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: solid transparent;
}
@media (min-width: 1600px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-radius: 13px;
  }
}
@media (min-width: 992px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-radius: 12.35px;
  }
}
@media (max-width: 992px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-radius: 9.75px;
  }
}
@media (max-width: 575px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-radius: 8.45px;
  }
}
@media (min-width: 1600px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-width: 10px;
  }
}
@media (min-width: 992px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-width: 9.5px;
  }
}
@media (max-width: 992px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-width: 7.5px;
  }
}
@media (max-width: 575px) {
  *::-webkit-scrollbar, *::-webkit-scrollbar-thumb {
    border-width: 6.5px;
  }
}
*::-webkit-scrollbar-thumb {
  box-shadow: none;
}

.mainHeader {
  position: relative;
  z-index: 9999;
  background-color: white;
  width: 100%;
}
.mainHeader.bgFull {
  background-color: white;
}
@media (min-width: 1600px) {
  .mainHeader.open {
    min-height: 500px;
  }
}
@media (min-width: 992px) {
  .mainHeader.open {
    min-height: 475px;
  }
}
@media (max-width: 992px) {
  .mainHeader.open {
    min-height: 375px;
  }
}
@media (max-width: 575px) {
  .mainHeader.open {
    min-height: 325px;
  }
}
.mainHeader.fixed {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  box-shadow: none;
}
.mainHeader.hide {
  transform: translateY(-100%);
}
.mainHeader.bgTransparent {
  background-color: transparent;
}
.mainHeader .siteLogo {
  display: flex;
  position: relative;
  z-index: 1;
  height: 100%;
  align-items: center;
}
.mainHeader .siteLogo a {
  position: relative;
}
.mainHeader .siteLogo a img {
  width: 85%;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .mainHeader .siteLogo a img {
    margin-block: 10px;
    max-height: 50px;
  }
}
@media (max-width: 992px) {
  .mainHeader .siteLogo a {
    inset-inline-start: 0;
  }
}
@media (max-width: 575px) {
  .mainHeader .siteLogo a img {
    height: auto;
  }
}
.mainHeader .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .mainHeader .top {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .top {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .top {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .top {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .top {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .top {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .top {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .top {
    padding-top: 6.5px;
  }
}
.mainHeader .bottom {
  height: 100%;
  width: 100%;
}
.mainHeader .bottom > ul {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.mainHeader .bottom > ul > li {
  border-radius: 6px;
  align-content: center;
}
.mainHeader .bottom > ul > li:focus, .mainHeader .bottom > ul > li:focus-within {
  outline: 2px solid #161616;
}
.mainHeader .bottom > ul > li.submenu.focused {
  outline: 2px solid #161616;
}
.mainHeader .bottom > ul > li.submenu.openDropDown {
  outline: 0px solid transparent;
}
.mainHeader .bottom > ul > li.submenu.openDropDown a {
  background-color: #D2D6DB;
}
.mainHeader .bottom > ul > li.submenu.openDropDown a::before {
  background-color: #9da4ae !important;
  opacity: 1;
}
.mainHeader .bottom > ul > li.submenu.openDropDown a::after {
  transform: rotate(180deg);
  margin-top: -8px;
}
.mainHeader .bottom > ul > li.hovered a {
  color: #161616;
  background-color: #E5E7EB;
}
.mainHeader .bottom > ul > li.hovered a:before {
  opacity: 1;
}
.mainHeader .bottom > ul > li:last-child .submenuDropDown .submenu2:hover .submenuDropDown2, .mainHeader .bottom > ul > li:nth-last-child(2) .submenuDropDown .submenu2:hover .submenuDropDown2 {
  right: 100%;
  left: unset;
}
.mainHeader .bottom > ul li {
  height: 100%;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li {
    padding-block: 0px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li {
    padding-block: 0px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li {
    padding-block: 0px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li {
    padding-block: 0px;
  }
}
.mainHeader .bottom > ul li .searchAccordionViaCross {
  height: 100%;
  gap: 4px;
  background-color: #1b8354;
  color: #ffffff;
}
.mainHeader .bottom > ul li .searchAccordionViaCross::before {
  background-color: #54C08A;
  opacity: 1;
}
.mainHeader .bottom > ul li .searchAccordionViaCross:hover {
  color: #ffffff;
  background-color: #1b8354;
}
.mainHeader .bottom > ul li .searchAccordionViaCross svg {
  fill: #ffffff;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li .searchAccordionViaCross svg {
    height: 13px;
  }
}
.mainHeader .bottom > ul li .searchAccordionViaCross.collapsed {
  background-color: transparent;
  color: #161616;
}
.mainHeader .bottom > ul li .searchAccordionViaCross.collapsed svg {
  fill: #161616;
}
.mainHeader .bottom > ul li .searchAccordionViaCross.collapsed::before {
  background-color: #9da4ae;
  opacity: 0;
}
.mainHeader .bottom > ul li .searchAccordionViaCross.collapsed:hover {
  color: #161616;
  background-color: #E5E7EB;
}
.mainHeader .bottom > ul li .searchAccordionViaCross.collapsed:hover:before {
  opacity: 1;
}
.mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
  display: flex;
  align-items: center;
  height: 100%;
  color: #161616;
  font-weight: 500;
  border-radius: 6px;
  position: relative;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 24px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 22.8px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 18px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 15.6px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 18px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 17.1px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 13.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 11.7px;
  }
}
@media (max-width: 1600px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 14px;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 13.3px;
  }
}
@media (max-width: 1600px) and (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 10.5px;
  }
}
@media (max-width: 1600px) and (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    font-size: 9.1px;
  }
}
@media (max-width: 1600px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 24px;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 22.8px;
  }
}
@media (max-width: 1600px) and (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 18px;
  }
}
@media (max-width: 1600px) and (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-block: 15.6px;
  }
}
@media (max-width: 1600px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 18px;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 17.1px;
  }
}
@media (max-width: 1600px) and (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 13.5px;
  }
}
@media (max-width: 1600px) and (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 11.7px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 10px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (min-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 9.5px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-width: 992px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 7.5px;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) and (max-width: 575px) {
  .mainHeader .bottom > ul li > a, .mainHeader .bottom > ul li > button {
    padding-inline: 6.5px;
  }
}
.mainHeader .bottom > ul li > a i, .mainHeader .bottom > ul li > button i {
  color: #161616;
}
.mainHeader .bottom > ul li > a:before, .mainHeader .bottom > ul li > button:before {
  content: "";
  height: 6px;
  width: 80%;
  border-radius: 8px;
  background-color: #D2D6DB;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s ease-in;
  opacity: 0;
}
.mainHeader .bottom > ul li > a:hover, .mainHeader .bottom > ul li > button:hover {
  color: #161616;
  background-color: #E5E7EB;
}
.mainHeader .bottom > ul li > a:hover:before, .mainHeader .bottom > ul li > button:hover:before {
  opacity: 1;
}
.mainHeader .bottom > ul li.submenu > a {
  position: relative;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 9.75px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 30px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 19.5px;
  }
}
@media (max-width: 1600px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 15px;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 14.25px;
  }
}
@media (max-width: 1600px) and (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 11.25px;
  }
}
@media (max-width: 1600px) and (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-start: 9.75px;
  }
}
@media (max-width: 1600px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 30px;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 28.5px;
  }
}
@media (max-width: 1600px) and (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 22.5px;
  }
}
@media (max-width: 1600px) and (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu > a {
    padding-inline-end: 19.5px;
  }
}
.mainHeader .bottom > ul li.submenu > a:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-30%);
  width: 12px;
  height: 12px;
  background-color: #161616; /* Default Color */
  mask-image: url("../../../assets/images/icon/select-angle-down.svg");
  -webkit-mask-image: url("../../../assets/images/icon/select-angle-down.svg");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: contain;
  -webkit-mask-size: contain;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 15px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 9.75px;
  }
}
@media (max-width: 1600px) and (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 15px;
  }
}
@media (max-width: 1600px) and (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 14.25px;
  }
}
@media (max-width: 1600px) and (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 11.25px;
  }
}
@media (max-width: 1600px) and (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu > a:after {
    inset-inline-end: 9.75px;
  }
}
.mainHeader .bottom > ul li.submenu > a:hover:after {
  border-top-color: #fcb725;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown {
  position: absolute;
  z-index: 999;
  top: 100%;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
  width: auto;
  display: flex;
  background-color: #ffffff;
  transform: translateY(0px);
  transition-duration: 100ms;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    min-width: 160px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    min-width: 152px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    min-width: 120px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    min-width: 104px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    padding: 5px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    padding: 4.75px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    padding: 3.75px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    padding: 3.25px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown {
    border-radius: 5.2px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown a {
  white-space: nowrap;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown a:before {
  display: none;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown:before {
  content: "";
  width: 1000vw;
  height: 100%;
  background-color: white;
  position: absolute;
  left: -100vw;
  top: 0;
  border-bottom: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown:before {
    min-height: 300px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown:before {
    min-height: 285px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown:before {
    min-height: 225px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown:before {
    min-height: 195px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 {
  position: relative;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 a .fa-caret-right {
  color: #ffffff;
  position: relative;
  top: 1px;
  margin-inline-start: 5px;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 a:before {
  display: none;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
  visibility: hidden;
  position: absolute;
  right: unset;
  left: 0;
  top: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0px);
  transition-duration: 100ms;
  column-gap: 30px;
  list-style: none;
  padding: 0;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    min-width: 160px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    min-width: 152px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    min-width: 120px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    min-width: 104px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    padding: 5px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    padding: 4.75px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    padding: 3.75px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    padding: 3.25px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 {
    border-radius: 9.75px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2.three-col {
  column-count: 3;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2.two-col {
  column-count: 2;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2:before {
  content: "";
  width: 1000vw;
  height: 100%;
  background-color: #fff;
  position: fixed;
  right: -100vw;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li {
  padding: 2px 0;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
  color: #0D121C;
  font-weight: 500;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-inline: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-block: 8px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-block: 7.6px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-block: 6px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a {
    padding-block: 5.2px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a:before {
  display: none;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li a:hover {
  color: #fcb725;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li.active a {
  color: #fcb725;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-start-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-start-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-start-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-start-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-end-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-end-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-end-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:first-child a:after {
    border-start-end-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-start-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-start-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-start-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-start-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-end-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-end-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-end-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2 .submenuDropDown2 li:last-child a:after {
    border-end-end-radius: 6.5px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2:hover .submenuDropDown2 {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
  position: absolute;
  top: 100%;
  background-color: #ffffff;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2:hover a {
  color: #fcb725;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown .submenu2:hover a .fa-caret-right {
  color: #fcb725;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown li {
  padding: 2px 0;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown li a {
  color: #1b8354;
  font-weight: 700;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-inline: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-block: 8px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-block: 7.6px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-block: 6px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li a {
    padding-block: 5.2px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown li a:hover {
  color: #fcb725;
}
.mainHeader .bottom > ul li.submenu .submenuDropDown li.active a {
  color: #fcb725;
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-start-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-start-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-start-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-start-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-end-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-end-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-end-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:first-child a:after {
    border-start-end-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-start-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-start-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-start-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-start-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-end-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-end-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-end-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHeader .bottom > ul li.submenu .submenuDropDown li:last-child a:after {
    border-end-end-radius: 6.5px;
  }
}
.mainHeader .bottom > ul li.submenu .submenuDropDown > li > a {
  display: flex;
  align-items: center;
}
.mainHeader .bottom > ul li.submenu:hover .submenuDropDown {
  transform: translateY(0px);
  opacity: 1;
  visibility: visible;
}
.mainHeader .bottom > ul li.active a {
  color: #161616;
}
.mainHeader .bottom > ul li.active a:before {
  opacity: 1;
}
.mainHeader .bottom > ul li.active.submenu > a:after {
  border-top-color: #fcb725;
}
.mainHeader .bottom > ul > li.active > a {
  background-color: #1b8354;
  color: #ffffff;
}
.mainHeader .bottom > ul > li.active > a::before {
  background-color: #54C08A;
}
.mainHeader .bottom > ul > li.active > a::after {
  background-color: #ffffff;
}
.mainHeader .bottom > ul > li.active > a i {
  color: #ffffff;
}

.applyStyles::before {
  z-index: 998 !important;
  background: #fff !important;
}

[lang=ar] .submenuDropDown2 {
  left: unset !important;
  right: 100% !important;
}

[lang=ar] .mainHeader .siteLogo a img {
  transform: none;
}

.topNav.sideBlock {
  line-height: 1;
}
.topNav ul {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .topNav ul {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .topNav ul {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .topNav ul {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .topNav ul {
    gap: 6.5px;
  }
}
.topNav ul li a, .topNav ul li button {
  color: #ffffff;
  line-height: 1;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .topNav ul li a, .topNav ul li button {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .topNav ul li a, .topNav ul li button {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .topNav ul li a, .topNav ul li button {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .topNav ul li a, .topNav ul li button {
    font-size: 9.75px;
  }
}
.topNav ul li a:hover, .topNav ul li button:hover {
  color: #fcb725;
}
.topNav ul li.active a {
  color: #fcb725;
}

.searchBarWrap {
  position: relative;
}
.searchBarWrap .closeSearch {
  position: relative;
  text-align: end;
  width: 100%;
}
@media (min-width: 1600px) {
  .searchBarWrap .closeSearch {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .closeSearch {
    padding-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .closeSearch {
    padding-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .closeSearch {
    padding-bottom: 10.4px;
  }
}
.searchBarWrap .closeSearch i {
  cursor: pointer;
  color: #161616;
  align-content: center;
  text-align: center;
  border-radius: 4px;
}
@media (min-width: 1600px) {
  .searchBarWrap .closeSearch i {
    width: 32px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .closeSearch i {
    width: 30.4px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .closeSearch i {
    width: 24px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .closeSearch i {
    width: 20.8px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .closeSearch i {
    height: 32px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .closeSearch i {
    height: 30.4px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .closeSearch i {
    height: 24px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .closeSearch i {
    height: 20.8px;
  }
}
.searchBarWrap .closeSearch i:hover {
  background-color: #F9FAFB;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion {
    padding-top: 32px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion {
    padding-top: 30.4px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion {
    padding-top: 24px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion {
    padding-top: 20.8px;
  }
}
.searchBarWrap .searchSuggestion h3 {
  font-weight: 600;
  margin: 0;
  line-height: 28px;
  color: #1b8354;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion h3 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion h3 {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion h3 {
    padding-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion h3 {
    padding-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion h3 {
    padding-bottom: 10.4px;
  }
}
.searchBarWrap .searchSuggestion .suggestionTags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags {
    gap: 5.2px;
  }
}
.searchBarWrap .searchSuggestion .suggestionTags a {
  display: flex;
  background-color: #E5E7EB;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    border-radius: 2.6px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-block: 4px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-block: 3.8px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-block: 3px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-block: 2.6px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a {
    padding-inline: 7.8px;
  }
}
.searchBarWrap .searchSuggestion .suggestionTags a i {
  align-content: center;
  text-align: center;
  color: #161616;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    width: 17.1px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    width: 13.5px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    width: 11.7px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a i {
    height: 11.7px;
  }
}
.searchBarWrap .searchSuggestion .suggestionTags a span {
  color: #161616;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchSuggestion .suggestionTags a span {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a span {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchSuggestion .suggestionTags a span {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchSuggestion .suggestionTags a span {
    font-size: 10.4px;
  }
}
.searchBarWrap.searchBarWrapKR {
  background-color: rgba(37, 147, 95, 0.4);
  padding: 2px;
  border-radius: 10px;
}
.searchBarWrap.searchBarWrapKR .inputWrap {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.searchBarWrap .searchBtn {
  background-color: #074D31CC;
  border: none;
  color: #ffffff;
  border-radius: 8px;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchBtn {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchBtn {
    width: 38px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchBtn {
    width: 30px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchBtn {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchBtn {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchBtn {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchBtn {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchBtn {
    height: 26px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchBtn {
    font-size: 9.1px;
  }
}
.searchBarWrap .searchBtn.searchOpen {
  position: absolute;
  z-index: 8;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchBtn.searchOpen {
    inset-inline-end: 2px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchBtn.searchOpen {
    inset-inline-end: 1.9px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchBtn.searchOpen {
    inset-inline-end: 1.5px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchBtn.searchOpen {
    inset-inline-end: 1.3px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .searchBtn.searchOpen {
    top: 2px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchBtn.searchOpen {
    top: 1.9px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchBtn.searchOpen {
    top: 1.5px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchBtn.searchOpen {
    top: 1.3px;
  }
}
.searchBarWrap .searchBtn.closeBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  position: absolute;
  color: #074D31;
  inset-inline-end: 0;
  top: 0px;
}
.searchBarWrap .formGroup {
  width: -webkit-fill-available;
  position: relative;
}
.searchBarWrap .formGroup .fa-search {
  color: #074D31;
  position: absolute;
  inset-inline-start: 10px;
  top: 12px;
  z-index: 100;
  font-size: 14px;
}
.searchBarWrap .formGroup svg {
  position: absolute;
  inset-inline-start: 13px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 100;
  fill: #161616;
}
@media (min-width: 1600px) {
  .searchBarWrap .formGroup svg {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .formGroup svg {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .formGroup svg {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .formGroup svg {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .formGroup svg {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .formGroup svg {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .formGroup svg {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .formGroup svg {
    height: 13px;
  }
}
.searchBarWrap .inputWrap {
  position: relative;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  display: flex;
}
@media (min-width: 1600px) {
  .searchBarWrap .inputWrap {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .inputWrap {
    gap: 15.2px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .inputWrap {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .inputWrap {
    gap: 10.4px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .inputWrap {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .inputWrap {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .inputWrap {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .inputWrap {
    width: 19.5px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .inputWrap button {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .inputWrap button {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .inputWrap button {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .inputWrap button {
    height: 26px;
  }
}
.searchBarWrap .inputWrap input {
  position: relative;
  border-radius: 8px;
  width: 100%;
  color: #161616;
  padding-inline-start: 10px;
  border: 1px solid #9da4ae;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .searchBarWrap .inputWrap input {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .inputWrap input {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .inputWrap input {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .inputWrap input {
    font-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .searchBarWrap .inputWrap input {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .inputWrap input {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .inputWrap input {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .inputWrap input {
    height: 26px;
  }
}
.searchBarWrap .inputWrap.active {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
@media (min-width: 992px) {
  .searchBarWrap .inputWrap.active {
    width: 10vw;
  }
}
.searchBarWrap .searchResults {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  visibility: hidden;
  padding-block: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 30vh;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 8px;
  margin-top: 5px;
}
.searchBarWrap .searchResults.hdrsearchresult {
  margin-top: 45px;
}
@media (max-width: 1600px) {
  .searchBarWrap .searchResults {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1199px) {
  .searchBarWrap .searchResults {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchResults {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchResults {
    grid-template-columns: repeat(1, 1fr);
  }
}
.searchBarWrap .searchResults:has(.loading) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchBarWrap .searchResults.active {
  visibility: visible;
}
.searchBarWrap .searchResults a, .searchBarWrap .searchResults span {
  color: #161616;
  text-transform: capitalize;
  position: relative;
  z-index: 9999;
  max-width: 100%;
  text-wrap: auto;
  padding: 8px 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchResults a, .searchBarWrap .searchResults span {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchResults a, .searchBarWrap .searchResults span {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchResults a, .searchBarWrap .searchResults span {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchResults a, .searchBarWrap .searchResults span {
    font-size: 9.75px;
  }
}
.searchBarWrap .searchResults a:hover, .searchBarWrap .searchResults span:hover {
  color: #1b8354;
  text-decoration: underline;
  background-color: #E5E7EB;
  border-radius: 8px;
}
.searchBarWrap .searchResults span {
  pointer-events: none;
  cursor: default;
  justify-content: center;
}
@media (max-width: 575px) {
  .searchBarWrap .searchResults {
    font-size: 12px;
  }
}

.searchBarWrap .searchResultsBASIC {
  position: absolute;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  visibility: hidden;
  padding-block: 10px;
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 30vh;
  overflow-y: auto;
  z-index: 1000;
  border-radius: 8px;
  margin-top: 5px;
}
.searchBarWrap .searchResultsBASIC.hdrsearchresult {
  margin-top: 45px;
}
@media (max-width: 1600px) {
  .searchBarWrap .searchResultsBASIC {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1199px) {
  .searchBarWrap .searchResultsBASIC {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchResultsBASIC {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchResultsBASIC {
    grid-template-columns: repeat(1, 1fr);
  }
}
.searchBarWrap .searchResultsBASIC:has(.loading) {
  display: flex;
  align-items: center;
  justify-content: center;
}
.searchBarWrap .searchResultsBASIC.active {
  visibility: visible;
}
.searchBarWrap .searchResultsBASIC a, .searchBarWrap .searchResultsBASIC span {
  color: #161616;
  text-transform: capitalize;
  position: relative;
  z-index: 9999;
  max-width: 100%;
  text-wrap: auto;
  padding: 8px 10px;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .searchBarWrap .searchResultsBASIC a, .searchBarWrap .searchResultsBASIC span {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .searchBarWrap .searchResultsBASIC a, .searchBarWrap .searchResultsBASIC span {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .searchBarWrap .searchResultsBASIC a, .searchBarWrap .searchResultsBASIC span {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .searchBarWrap .searchResultsBASIC a, .searchBarWrap .searchResultsBASIC span {
    font-size: 9.75px;
  }
}
.searchBarWrap .searchResultsBASIC a:hover, .searchBarWrap .searchResultsBASIC span:hover {
  color: #1b8354;
  text-decoration: underline;
  background-color: #E5E7EB;
  border-radius: 8px;
}
.searchBarWrap .searchResultsBASIC span {
  pointer-events: none;
  cursor: default;
  justify-content: center;
}
@media (max-width: 575px) {
  .searchBarWrap .searchResultsBASIC {
    font-size: 12px;
  }
}

.accessabilityBar {
  background-color: transparent;
  border: none;
  border-radius: 0;
}
@media (min-width: 1600px) {
  .accessabilityBar {
    padding-block: 3px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar {
    padding-block: 2.85px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar {
    padding-block: 2.25px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar {
    padding-block: 1.95px;
  }
}
.accessabilityBar ul {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .accessabilityBar ul {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar ul {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar ul {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar ul {
    gap: 3.25px;
  }
}
.accessabilityBar ul li {
  color: #0D121C;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .accessabilityBar ul li {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar ul li {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar ul li {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar ul li {
    font-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .accessabilityBar ul li {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar ul li {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar ul li {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar ul li {
    gap: 6.5px;
  }
}
.accessabilityBar ul li button {
  background-color: transparent;
  border: none;
  color: #0D121C;
  position: relative;
  /* Show on hover */
}
.accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
  text-align: center;
  border: none;
  align-content: center;
  cursor: pointer;
  position: relative;
}
@media (min-width: 1600px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    width: 32px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    width: 30.4px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    width: 24px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    width: 20.8px;
  }
}
@media (min-width: 1600px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    height: 32px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    height: 30.4px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    height: 24px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar ul li button.fontBtn, .accessabilityBar ul li button.colorBtn {
    height: 20.8px;
  }
}
.accessabilityBar ul li button.fontBtn svg, .accessabilityBar ul li button.colorBtn svg {
  fill: #161616;
}
.accessabilityBar ul li button.fontBtn svg.active, .accessabilityBar ul li button.colorBtn svg.active {
  fill: #1b8354;
}
.accessabilityBar ul li button.fontBtn:hover svg, .accessabilityBar ul li button.colorBtn:hover svg {
  fill: #1b8354;
}
.accessabilityBar ul li button[data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  max-width: 240px;
  width: max-content;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  background: #161616;
  color: #ffffff;
  padding: 4px 8px;
  border-radius: 0px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 1000;
}
.accessabilityBar ul li button[data-tooltip]:hover::after, .accessabilityBar ul li button[data-tooltip]:hover::before {
  opacity: 1;
}
.accessabilityBar ul li b {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .accessabilityBar ul li b {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .accessabilityBar ul li b {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .accessabilityBar ul li b {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .accessabilityBar ul li b {
    font-size: 13px;
  }
}

.langHeader a,
.langHeader button {
  color: #161616;
  line-height: 1;
  display: none;
  align-items: center;
  border: none;
}
@media (min-width: 1600px) {
  .langHeader a,
  .langHeader button {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .langHeader a,
  .langHeader button {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .langHeader a,
  .langHeader button {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .langHeader a,
  .langHeader button {
    font-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .langHeader a,
  .langHeader button {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .langHeader a,
  .langHeader button {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .langHeader a,
  .langHeader button {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .langHeader a,
  .langHeader button {
    gap: 6.5px;
  }
}
.langHeader a:hover,
.langHeader button:hover {
  color: #1b8354;
}
.langHeader a.langHeader-arabic,
.langHeader button.langHeader-arabic {
  font-family: "IBMPlexSansArabic";
}
@media (min-width: 1600px) {
  .langHeader a.langHeader-arabic,
  .langHeader button.langHeader-arabic {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .langHeader a.langHeader-arabic,
  .langHeader button.langHeader-arabic {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .langHeader a.langHeader-arabic,
  .langHeader button.langHeader-arabic {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .langHeader a.langHeader-arabic,
  .langHeader button.langHeader-arabic {
    font-size: 13.65px;
  }
}
.langHeader a.active,
.langHeader button.active {
  display: flex;
}
@media (max-width: 992px) {
  .langHeader a,
  .langHeader button {
    font-size: 12px;
    color: #074D31;
  }
}

.relative .menuIcon {
  top: 22px;
  inset-inline-end: 30px;
  position: absolute;
}

.menuIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 18px;
  justify-content: space-between;
  position: relative;
  z-index: 998;
  width: 25px;
}
.menuIcon .line {
  background-color: #0D121C;
  height: 2px;
  transition: all 0.3s ease;
  width: 100%;
}
.menuIcon .line:nth-child(2), .menuIcon .line:nth-child(3) {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.menuIcon.menuOpen .line {
  background-color: #0D121C;
}
.menuIcon.menuOpen .line:nth-child(1), .menuIcon.menuOpen .line:nth-child(4) {
  width: 0;
}
.menuIcon.menuOpen .line.line:nth-child(2) {
  transform: rotate(-45deg) translateY(-50%);
}
.menuIcon.menuOpen .line:nth-child(3) {
  transform: rotate(45deg) translateY(-50%);
}

body:has(.mobileMenuWrap.open) header::after, body:has(.mobileMenuWrap.open) .main::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999999;
}

.howyouknow:hover {
  text-decoration: underline;
  color: rgba(27, 131, 84, 0.75) !important;
}

.mobileMenuWrap {
  height: 100%;
  left: 0;
  right: unset;
  margin-top: 0px;
  padding: 0px 0px;
  position: fixed;
  top: 0px;
  padding-top: 0px;
  transform: translateX(-600px);
  transition: all 0.5s ease;
  width: 100%;
  max-width: 350px;
  max-height: 100vh;
  z-index: 999999;
  background-color: #ffffff;
}
.mobileMenuWrap .mobile-inner {
  position: relative;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.mobileMenuWrap .mobileTopLogoBox {
  padding-block: 15px;
  padding-inline-start: 23px;
  padding-inline-end: 16px;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
  flex-shrink: 0;
}
.mobileMenuWrap .mobileTopLogoBox .menuIcon {
  background-color: #F9FAFB;
  border-radius: 50%;
  width: 20px;
  height: 20px;
}
.mobileMenuWrap .mobileTopLogoBox .menuIcon.menuOpen .line:nth-child(2),
.mobileMenuWrap .mobileTopLogoBox .menuIcon.menuOpen .line:nth-child(3) {
  width: 12px;
  height: 1px;
  left: unset;
}
.mobileMenuWrap .nav-custom-header {
  background-color: #f9fafb;
  border-radius: 0px;
  flex-shrink: 0;
  padding-bottom: 13px;
  padding-inline-start: 23px;
  padding-inline-end: 16px;
}
.mobileMenuWrap .nav-custom-header .mobileAccessibiliy {
  padding-top: 13px;
  display: flex;
  background-color: #f9fafb;
  z-index: 10;
  position: relative;
  gap: 10px;
  align-items: center;
  border-bottom: 1px solid #D7DBE0;
  padding-bottom: 8px;
}
.mobileMenuWrap .nav-custom-header .mobileAccessibiliy .langHeader {
  background-color: transparent;
  border: none;
  min-height: unset;
}
.mobileMenuWrap .nav-custom-header .mobileAccessibiliy .langHeader a {
  padding: 0;
  width: 100%;
  gap: 4px;
  color: #0D121C;
  line-height: 1;
  font-size: 14px;
  align-items: center;
  justify-content: start;
  background-color: transparent;
  border: none;
}
.mobileMenuWrap .nav-custom-header .mobileAccessibiliy .searchMobile {
  display: flex;
  gap: 4px;
  cursor: pointer;
}
.mobileMenuWrap .nav-custom-header .searchBarWrap {
  padding-top: 0px;
  z-index: 9;
  display: flex;
  gap: 10px;
  position: relative;
  transition: margin 0.6s linear, opacity 0.3s linear;
  opacity: 0;
  height: 76px;
  margin-top: -76px;
  transform-origin: top;
  pointer-events: none;
}
.mobileMenuWrap .nav-custom-header .searchBarWrap.active {
  transition: margin 0.6s linear, opacity 1s linear;
  transform-origin: bottom;
  margin-top: 0px;
  pointer-events: auto;
  opacity: 1;
  padding-top: 36px;
}
.mobileMenuWrap .nav-custom-header .searchBarWrap svg {
  position: absolute;
  width: 20px;
  height: 20px;
  inset-inline-end: 0;
  top: 8px;
  cursor: pointer;
}
.mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap {
  position: relative;
}
.mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap svg {
  z-index: 1;
  top: 10px;
  height: 20px;
  width: 20px;
  position: absolute;
  inset-inline-start: 5px;
}
.mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap input {
  height: 40px;
  border-start-start-radius: unset;
  border-end-start-radius: unset;
}
@media (min-width: 1600px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap input {
    border-radius: 5px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap input {
    border-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap input {
    border-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .inputWrap input {
    border-radius: 3.25px;
  }
}
.mobileMenuWrap .nav-custom-header .searchBarWrap .searchBtn {
  border: none;
  height: 40px;
  width: max-content;
  padding-inline: 10px;
  border-start-end-radius: unset;
  border-end-end-radius: unset;
  background-color: #1b8354;
}
@media (min-width: 1600px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .searchBtn {
    border-radius: 5px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .searchBtn {
    border-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .searchBtn {
    border-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .nav-custom-header .searchBarWrap .searchBtn {
    border-radius: 3.25px;
  }
}
.mobileMenuWrap .mobileMenu {
  padding-top: 0;
  padding-inline-start: 23px;
  padding-inline-end: 16px;
  position: relative;
  margin-bottom: 55px;
  z-index: 1;
  flex-grow: 1;
  overflow-y: scroll;
}
.mobileMenuWrap .mobileMenu > ul {
  list-style: none;
  padding: 0;
}
.mobileMenuWrap .mobileMenu > ul li {
  position: relative;
  margin-bottom: 5px;
  transition: all 0.3s ease;
  width: 100%;
  border-radius: 4px;
  margin-bottom: 16px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open:hover {
  background-color: transparent;
}
.mobileMenuWrap .mobileMenu > ul li:hover {
  background-color: #F9FAFB;
  transition: all 0.3s ease;
}
.mobileMenuWrap .mobileMenu > ul li > a {
  display: block;
}
.mobileMenuWrap .mobileMenu > ul li a {
  padding: 0px;
  color: #0D121C;
  font-size: 14px;
  font-weight: 600;
  padding: 12px 16px;
  text-decoration: none;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub a {
  color: #0D121C !important;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle {
  padding: 10px;
  color: #25935f;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-mobile-icon-plus.icon-plus,
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-sub-mobile-icon-plus.icon-plus {
  box-sizing: border-box;
  transition: transform 0.3s;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15px;
  height: 15px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-mobile-icon-plus.icon-plus:before, .mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-mobile-icon-plus.icon-plus:after,
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-sub-mobile-icon-plus.icon-plus:before,
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-sub-mobile-icon-plus.icon-plus:after {
  content: "";
  position: absolute;
  background-color: #0D121C;
  border-radius: 3px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-mobile-icon-plus.icon-plus::before,
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-sub-mobile-icon-plus.icon-plus::before {
  width: 12px;
  height: 2px;
  border-radius: 20px;
  transform: rotate(45deg);
  inset-inline-start: 0px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-mobile-icon-plus.icon-plus::after,
.mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-sub-mobile-icon-plus.icon-plus::after {
  width: 13px;
  height: 2px;
  border-radius: 20px;
  transform: rotate(-45deg);
  inset-inline-start: 7.6px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub ul {
  width: 100%;
  display: none;
  padding-inline-start: 25px;
  padding-left: unset;
  list-style-type: none;
  padding-block: 10px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub ul.submenuDropDown li a {
  font-weight: 400;
  padding-inline-start: 40px;
  padding-inline-end: 10px;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub ul.submenuDropDown li.active a {
  font-weight: 400;
  color: #25935f !important;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub ul li {
  border-bottom: none;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub ul li .dd-toggle {
  padding: 0;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open .dd-toggle .sub-mobile-icon-plus.icon-plus {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open .dd-toggle .sub-mobile-icon-plus.icon-plus:after, .mobileMenuWrap .mobileMenu > ul li.has-sub.open .dd-toggle .sub-mobile-icon-plus.icon-plus:before {
  background-color: #25935f;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2.open:hover {
  background-color: transparent;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2.open .submenuDropDown2 li:hover {
  background-color: #F9FAFB;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2.open .dd-toggle .sub-sub-mobile-icon-plus.icon-plus {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
.mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2.open .dd-toggle .sub-sub-mobile-icon-plus.icon-plus:after, .mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2.open .dd-toggle .sub-sub-mobile-icon-plus.icon-plus:before {
  background-color: #25935f;
}
.mobileMenuWrap .mobileMenu > ul li.active {
  border-color: #fcb725;
}
.mobileMenuWrap .mobileMenu > ul li.active > a, .mobileMenuWrap .mobileMenu > ul li.active > div > a {
  color: #25935f;
  font-weight: 600;
}
.mobileMenuWrap .mobileMenu > ul > li > a {
  padding: 12px 16px;
  font-size: 15px;
}
.mobileMenuWrap .mobileMenu > ul > li::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #D2D6DB;
}
.mobileMenuWrap .mobileMenu > ul > li > div > a {
  font-size: 15px;
}
.mobileMenuWrap .mobileMenu .submenuDropDown {
  padding-inline-start: 15px;
}
.mobileMenuWrap .mobileMenu .submenuDropDown .submenu2 .submenuDropDown2 {
  padding-inline-start: 15px;
}
.mobileMenuWrap .mobileMenu .submenuDropDown .submenu2 .submenuDropDown2 li {
  min-height: 30px;
  display: flex;
  align-items: center;
}
.mobileMenuWrap .mobileMenu .submenuDropDown .submenu2 .submenuDropDown2 li.active::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: -10px;
  z-index: -1;
  width: 106%;
  height: 100%;
  background: #044A8B;
  background: -moz-linear-gradient(180deg, #044A8B 0%, #04377A 100%);
  background: -webkit-linear-gradient(180deg, #044A8B 0%, #04377A 100%);
  background: linear-gradient(180deg, #044A8B 0%, #04377A 100%);
  border-radius: 4px;
}
.mobileMenuWrap .langHeader {
  width: max-content;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-height: 40px;
  min-width: 100px;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .mobileMenuWrap .langHeader {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .langHeader {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .langHeader {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .langHeader {
    border-radius: 6.5px;
  }
}
.mobileMenuWrap .langHeader a {
  font-size: 16px;
  color: #ffffff;
  width: 50%;
  padding: 5px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobileMenuWrap .langHeader a.active-lang {
  cursor: not-allowed;
  pointer-events: none;
  color: #25935f;
  background-color: #ffffff;
}
.mobileMenuWrap .topNav ul li {
  margin-inline-start: 0;
  list-style: none;
  line-height: 1;
}
@media (max-width: 575px) {
  .mobileMenuWrap .topNav ul li {
    flex: 1 0 0%;
  }
}
.mobileMenuWrap .topNav ul li:first-child {
  border-inline-start: none;
  padding-inline-start: 0px;
  margin-inline-start: 0px;
}
.mobileMenuWrap .topNav ul li a {
  font-size: 14px;
  color: #0D121C;
  white-space: nowrap;
}
.mobileMenuWrap .topNav ul span {
  font-size: 16px;
  color: #0D121C;
}
.mobileMenuWrap .topNav ul span:last-child {
  display: none;
}
.mobileMenuWrap .searchBarWrap {
  width: 100%;
  background: rgba(255, 255, 255, 0.4);
  border: none;
}
.mobileMenuWrap .searchBarWrap .searchBtn {
  display: flex;
  border-end-start-radius: 0;
  border-start-start-radius: 0;
  height: 38px;
  width: 38px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  align-items: center;
  justify-content: center;
  position: relative;
  top: 0;
  right: 1px;
}
@media (min-width: 1600px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-start-end-radius: 5px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-start-end-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-start-end-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-start-end-radius: 3.25px;
  }
}
@media (min-width: 1600px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-end-end-radius: 5px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-end-end-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-end-end-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    border-end-end-radius: 3.25px;
  }
}
@media (min-width: 1600px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    font-size: 14px !important;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    font-size: 13.3px !important;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    font-size: 10.5px !important;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .searchBarWrap .searchBtn {
    font-size: 9.1px !important;
  }
}
.mobileMenuWrap .searchBarWrap .searchBtn.closeBtn {
  display: flex;
}
.mobileMenuWrap .searchBarWrap .inputWrap {
  width: 100% !important;
  visibility: visible;
  opacity: 1;
  align-items: center;
}
.mobileMenuWrap .searchBarWrap .inputWrap input,
.mobileMenuWrap .searchBarWrap .inputWrap button {
  height: 40px;
  font-size: 14px;
}
.mobileMenuWrap .searchBarWrap .inputWrap input {
  border-end-end-radius: 0;
  border-start-end-radius: 0;
}
@media (min-width: 1600px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-start-start-radius: 5px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-start-start-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-start-start-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-start-start-radius: 3.25px;
  }
}
@media (min-width: 1600px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-end-start-radius: 5px;
  }
}
@media (min-width: 992px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-end-start-radius: 4.75px;
  }
}
@media (max-width: 992px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-end-start-radius: 3.75px;
  }
}
@media (max-width: 575px) {
  .mobileMenuWrap .searchBarWrap .inputWrap input {
    border-end-start-radius: 3.25px;
  }
}
.mobileMenuWrap .searchBarWrap .inputWrap button {
  width: 30px;
  display: block;
}
.mobileMenuWrap .socialLinks ul {
  padding: 0;
  width: 100%;
}
.mobileMenuWrap .socialLinks ul li {
  list-style: none;
}
.mobileMenuWrap .socialLinks ul li a {
  width: 32px;
  height: 32px;
  background-color: #25935f;
}
.mobileMenuWrap .socialLinks ul li a i {
  color: #0D121C;
  position: relative;
  top: 1px;
}
.mobileMenuWrap .footerBottomLinks {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: white;
  padding-inline-start: 32px;
  padding-inline-end: 20px;
  padding-block: 20px;
  flex-shrink: 0;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.mobileMenuWrap .footerBottomLinks ul li {
  margin-inline-start: 0;
  list-style: none;
  line-height: 1;
}
@media (max-width: 575px) {
  .mobileMenuWrap .footerBottomLinks ul li {
    flex: 1 0 0%;
  }
}
.mobileMenuWrap .footerBottomLinks ul li:first-child {
  border-inline-start: none;
  padding-inline-start: 0px;
  margin-inline-start: 0px;
}
.mobileMenuWrap .footerBottomLinks ul li a {
  font-size: 14px;
  white-space: nowrap;
  color: #0D121C;
}
.mobileMenuWrap .footerBottomLinks ul span {
  font-size: 16px;
  color: #ffffff;
}
.mobileMenuWrap .footerBottomLinks ul span.lines {
  color: #0D121C;
}
.mobileMenuWrap.open {
  transform: translateX(0) !important;
}

[lang=ar] .mobileMenuWrap .mobileMenu > ul li.has-sub .dd-toggle .sub-mobile-icon-plus.icon-plus {
  transform: rotate(180deg);
}
[lang=ar] .mobileMenuWrap .mobileMenu > ul li.has-sub.open .dd-toggle .sub-mobile-icon-plus.icon-plus {
  transform: rotate(0deg);
}
[lang=ar] .mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2 .dd-toggle .sub-sub-mobile-icon-plus.icon-plus {
  transform: rotate(180deg);
}
[lang=ar] .mobileMenuWrap .mobileMenu > ul li.has-sub.open .submenu2.open .dd-toggle .sub-sub-mobile-icon-plus.icon-plus {
  transform: rotate(0deg);
}
[lang=ar] .mobileMenuWrap {
  right: 0;
  left: unset;
  transform: translateX(calc(100% + 600px));
}
[lang=ar] .mobileMenuWrap .searchBarWrap .searchBtn {
  right: -1px;
}

@media (min-width: 1600px) {
  #main.mainSectioHandle {
    margin-block-start: 160px;
  }
}
@media (min-width: 992px) {
  #main.mainSectioHandle {
    margin-block-start: 152px;
  }
}
@media (max-width: 992px) {
  #main.mainSectioHandle {
    margin-block-start: 120px;
  }
}
@media (max-width: 575px) {
  #main.mainSectioHandle {
    margin-block-start: 104px;
  }
}

#headerLayout {
  border-top: 1px solid #D2D6DB;
  border-bottom: 1px solid #D2D6DB;
}

.top_header {
  background-color: #F9FAFB;
  padding-block: 5px;
}
@media (max-width: 1199px) {
  .top_header {
    display: none;
  }
}
.top_header .top {
  padding-top: 0;
}
.top_header .topNav ul li a, .top_header .topNav ul li button {
  color: #384250;
  font-weight: 500;
  border: none;
  background: none;
  outline: none;
}
.top_header .topNav ul li a button, .top_header .topNav ul li button button {
  background-color: transparent;
  border: none;
  outline: none;
  color: #384250;
  font-weight: 500;
}
.top_header .langHeader a {
  color: #0D121C;
}

#searchAccordion, #officialMsgAccordion {
  border: none;
  outline: none;
  box-shadow: none;
}
#searchAccordion button, #officialMsgAccordion button {
  border: none;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  color: #161616;
  font-weight: 500;
  text-align: start;
}
@media (min-width: 1600px) {
  #searchAccordion button, #officialMsgAccordion button {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  #searchAccordion button, #officialMsgAccordion button {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  #searchAccordion button, #officialMsgAccordion button {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  #searchAccordion button, #officialMsgAccordion button {
    font-size: 9.75px;
  }
}
#searchAccordion button span, #officialMsgAccordion button span {
  color: #1b8354;
  font-weight: 400;
  text-align: start;
}
#searchAccordion button i, #officialMsgAccordion button i {
  color: #1b8354;
}

#searchAccordion {
  width: max-content;
}

#officialMsgAccordion.collapsed i, #aboutUsAccordion.collapsed i, #centerAccordion.collapsed i {
  transform: rotate(0);
}
#officialMsgAccordion i, #aboutUsAccordion i, #centerAccordion i {
  transform: rotate(180deg);
}

#collapseSearch {
  background-color: #F9FAFB;
}
@media (min-width: 1600px) {
  #collapseSearch {
    padding-top: 16px;
  }
}
@media (min-width: 992px) {
  #collapseSearch {
    padding-top: 15.2px;
  }
}
@media (max-width: 992px) {
  #collapseSearch {
    padding-top: 12px;
  }
}
@media (max-width: 575px) {
  #collapseSearch {
    padding-top: 10.4px;
  }
}
@media (min-width: 1600px) {
  #collapseSearch {
    padding-block: 24px;
  }
}
@media (min-width: 992px) {
  #collapseSearch {
    padding-block: 22.8px;
  }
}
@media (max-width: 992px) {
  #collapseSearch {
    padding-block: 18px;
  }
}
@media (max-width: 575px) {
  #collapseSearch {
    padding-block: 15.6px;
  }
}
#collapseSearch h3 {
  font-weight: 600;
  color: #161616;
}
@media (min-width: 1600px) {
  #collapseSearch h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  #collapseSearch h3 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  #collapseSearch h3 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  #collapseSearch h3 {
    font-size: 13px;
  }
}

#collapseAboutUs, #collapseCenter {
  background-color: #F9FAFB;
}
#collapseAboutUs .first-col-of-center, #collapseCenter .first-col-of-center {
  border-inline-end: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  #collapseAboutUs .first-col-of-center, #collapseCenter .first-col-of-center {
    padding-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  #collapseAboutUs .first-col-of-center, #collapseCenter .first-col-of-center {
    padding-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  #collapseAboutUs .first-col-of-center, #collapseCenter .first-col-of-center {
    padding-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  #collapseAboutUs .first-col-of-center, #collapseCenter .first-col-of-center {
    padding-inline-end: 13px;
  }
}
@media (max-width: 575px) {
  #collapseAboutUs .first-col-of-center, #collapseCenter .first-col-of-center {
    border-inline-end: none;
    border-block-end: 1px solid #D2D6DB;
    padding-inline-end: 0;
    padding-block-end: 20px;
  }
}
@media (min-width: 1600px) {
  #collapseAboutUs .second-col-of-center, #collapseCenter .second-col-of-center {
    padding-inline-start: 20px;
  }
}
@media (min-width: 992px) {
  #collapseAboutUs .second-col-of-center, #collapseCenter .second-col-of-center {
    padding-inline-start: 19px;
  }
}
@media (max-width: 992px) {
  #collapseAboutUs .second-col-of-center, #collapseCenter .second-col-of-center {
    padding-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  #collapseAboutUs .second-col-of-center, #collapseCenter .second-col-of-center {
    padding-inline-start: 13px;
  }
}
@media (max-width: 575px) {
  #collapseAboutUs .second-col-of-center, #collapseCenter .second-col-of-center {
    padding-inline-start: 0;
    padding-block-start: 20px;
  }
}
#collapseAboutUs .d-grid, #collapseCenter .d-grid {
  grid-template-columns: repeat(5, auto);
  grid-gap: 16px;
}
@media (max-width: 1600px) {
  #collapseAboutUs .d-grid, #collapseCenter .d-grid {
    grid-template-columns: repeat(4, auto);
  }
}
@media (max-width: 1199px) {
  #collapseAboutUs .d-grid, #collapseCenter .d-grid {
    grid-template-columns: repeat(3, auto);
  }
}
@media (max-width: 992px) {
  #collapseAboutUs .d-grid, #collapseCenter .d-grid {
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 575px) {
  #collapseAboutUs .d-grid, #collapseCenter .d-grid {
    grid-template-columns: repeat(1, auto);
  }
}
#collapseAboutUs a, #collapseCenter a {
  transition: all 0.1s ease;
  cursor: pointer;
}
#collapseAboutUs a span, #collapseCenter a span {
  position: relative;
  font-weight: 500;
  color: #161616;
  padding-bottom: 10px;
  transition: all 0.1s ease;
  cursor: pointer;
}
@media (min-width: 1600px) {
  #collapseAboutUs a span, #collapseCenter a span {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #collapseAboutUs a span, #collapseCenter a span {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #collapseAboutUs a span, #collapseCenter a span {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #collapseAboutUs a span, #collapseCenter a span {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #collapseAboutUs a span, #collapseCenter a span {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  #collapseAboutUs a span, #collapseCenter a span {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  #collapseAboutUs a span, #collapseCenter a span {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  #collapseAboutUs a span, #collapseCenter a span {
    line-height: 15.6px;
  }
}
#collapseAboutUs a span.active::after, #collapseCenter a span.active::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  border-radius: 9999px;
  background-color: #161616;
}
#collapseAboutUs a:hover span::after, #collapseCenter a:hover span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  border-radius: 9999px;
  background-color: #9da4ae;
}
#collapseAboutUs a:focus span::after, #collapseAboutUs a:focus-within span::after, #collapseAboutUs a:focus-visible span::after, #collapseCenter a:focus span::after, #collapseCenter a:focus-within span::after, #collapseCenter a:focus-visible span::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  border-radius: 9999px;
  background-color: #161616;
}

#collapseOfficialMsg {
  background-color: #F9FAFB;
}
#collapseOfficialMsg h3 {
  font-weight: 600;
  color: #161616;
}
@media (min-width: 1600px) {
  #collapseOfficialMsg h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg h3 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg h3 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg h3 {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  #collapseOfficialMsg h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg h3 {
    line-height: 18.2px;
  }
}
#collapseOfficialMsg h3 span {
  color: #1b8354;
  font-weight: 600;
}
#collapseOfficialMsg p {
  font-weight: 400;
}
@media (min-width: 1600px) {
  #collapseOfficialMsg p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #collapseOfficialMsg p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg p {
    line-height: 15.6px;
  }
}
#collapseOfficialMsg .officialMsgIconContainer {
  border: 1px solid #1b8354;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  max-width: 48px;
  max-height: 48px;
}
#collapseOfficialMsg .white_bg {
  border-radius: 8px;
  padding-inline: 24px;
  padding-block: 8px;
}
#collapseOfficialMsg .white_bg h5 {
  color: #161616;
}
@media (min-width: 1600px) {
  #collapseOfficialMsg .white_bg h5 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg .white_bg h5 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg .white_bg h5 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg .white_bg h5 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #collapseOfficialMsg .white_bg h5 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg .white_bg h5 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg .white_bg h5 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg .white_bg h5 {
    line-height: 15.6px;
  }
}
#collapseOfficialMsg .white_bg a {
  color: #1b8354;
  text-decoration: underline;
}
@media (min-width: 1600px) {
  #collapseOfficialMsg .white_bg a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg .white_bg a {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg .white_bg a {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg .white_bg a {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #collapseOfficialMsg .white_bg a {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  #collapseOfficialMsg .white_bg a {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  #collapseOfficialMsg .white_bg a {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  #collapseOfficialMsg .white_bg a {
    line-height: 15.6px;
  }
}

.justnavchildren {
  position: absolute;
  display: flex;
  background-color: #ffffff;
  padding-top: 10px;
  padding-bottom: 20px;
  z-index: 1;
  width: inherit;
  min-width: max-content;
}
@media (min-width: 1600px) {
  .justnavchildren {
    padding-inline-start: 0px;
  }
}
@media (min-width: 992px) {
  .justnavchildren {
    padding-inline-start: 0px;
  }
}
@media (max-width: 992px) {
  .justnavchildren {
    padding-inline-start: 0px;
  }
}
@media (max-width: 575px) {
  .justnavchildren {
    padding-inline-start: 0px;
  }
}
.justnavchildren::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  width: 1000vw;
  left: -100vw;
  height: 100%;
  background-color: #ffffff;
  border-bottom: 1px solid #D2D6DB;
}
.justnavchildren .submenuDropDown {
  display: flex;
  gap: 10px;
  max-width: 70vw;
  flex-wrap: wrap;
}
.justnavchildren .submenuDropDown > li {
  display: flex;
}
.justnavchildren .submenuDropDown > li.hovered {
  background-color: #F9FAFB;
}
.justnavchildren .submenuDropDown > li.hovered > a > i {
  transform: rotate(180deg);
}
.justnavchildren .submenuDropDown > li > a {
  padding-block: 8px;
  border-radius: 4px;
  font-weight: 600;
  color: #1b8354;
}
@media (min-width: 1600px) {
  .justnavchildren .submenuDropDown > li > a {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .justnavchildren .submenuDropDown > li > a {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .justnavchildren .submenuDropDown > li > a {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .justnavchildren .submenuDropDown > li > a {
    padding-inline: 7.8px;
  }
}
@media (min-width: 1600px) {
  .justnavchildren .submenuDropDown > li > a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .justnavchildren .submenuDropDown > li > a {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .justnavchildren .submenuDropDown > li > a {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .justnavchildren .submenuDropDown > li > a {
    font-size: 10.4px;
  }
}
.justnavchildren .submenuDropDown > li > a:hover {
  background-color: #F9FAFB;
}
.justnavchildren .submenuDropDown > li > a:hover > i {
  transform: rotate(180deg);
}
@media (max-width: 1366px) {
  .justnavchildren .submenuDropDown > li > a {
    font-size: 14px !important;
  }
}
.justnavchildren .submenuDropDown > li.active > a {
  background-color: #E5E7EB;
}
.justnavchildren .submenuDropDown2 {
  display: grid;
  grid-auto-flow: column;
  /* Narrow the gap between secondary row and tertiary links (reduces accidental mouseleave). */
  margin-top: -8px;
  padding-top: 24px;
  grid-auto-columns: max-content;
  grid-column-gap: 57px;
  grid-row-gap: 10px;
}
.justnavchildren .submenuDropDown2 > li {
  display: flex;
}
.justnavchildren .submenuDropDown2 > li > a {
  padding-block: 8px;
  padding-inline: 16px;
  border-radius: 4px;
  font-weight: 500;
  color: #1F2A37;
  position: relative;
}
@media (min-width: 1600px) {
  .justnavchildren .submenuDropDown2 > li > a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .justnavchildren .submenuDropDown2 > li > a {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .justnavchildren .submenuDropDown2 > li > a {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .justnavchildren .submenuDropDown2 > li > a {
    font-size: 10.4px;
  }
}
.justnavchildren .submenuDropDown2 > li > a:hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background-color: #9da4ae;
  border-radius: 9999px;
}
.justnavchildren .submenuDropDown2 > li > a:focus::after, .justnavchildren .submenuDropDown2 > li > a:focus-within::after, .justnavchildren .submenuDropDown2 > li > a:focus-visible::after {
  background-color: #161616;
}
.justnavchildren .submenuDropDown2 > li.active > a::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: 0;
  left: 0;
  background-color: #161616;
  border-radius: 9999px;
}

.justnavchildren .submenuDropDown > li > a:hover .demo-icon.icon-externalsvg {
  transform: rotate(0deg) !important;
}

.mainFooter {
  z-index: 1;
}
.mainFooter .subscribeWrap {
  background-color: #074D311A;
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap {
    padding-block: 30px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap {
    padding-block: 28.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap {
    padding-block: 22.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap {
    padding-block: 19.5px;
  }
}
.mainFooter .subscribeWrap .subscribeText h3 {
  color: #25935f;
  font-weight: 400;
  margin: 0px;
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeText h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeText h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeText h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeText h3 {
    font-size: 10.4px;
  }
}
.mainFooter .subscribeWrap .subscribeText p {
  color: #074D31;
  font-weight: 500;
  margin: 0px;
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeText p {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeText p {
    font-size: 26.6px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeText p {
    font-size: 21px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeText p {
    font-size: 18.2px;
  }
}
.mainFooter .subscribeWrap .subscribeForm form {
  display: flex;
  overflow: hidden;
  border: 1px solid #25935f;
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form {
    border-radius: 5.2px;
  }
}
.mainFooter .subscribeWrap .subscribeForm form input {
  width: 100%;
  border: none;
  height: 100%;
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    max-width: 390px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    max-width: 370.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    max-width: 292.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    max-width: 253.5px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    min-width: 390px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    min-width: 370.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    min-width: 292.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    min-width: 253.5px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form input {
    padding-inline: 7.8px;
  }
}
.mainFooter .subscribeWrap .subscribeForm form button {
  color: #ffffff;
  background-color: #25935f;
  border: none;
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-inline: 35px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-inline: 33.25px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-inline: 26.25px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    padding-inline: 22.75px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    border-radius: 5.7px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    border-radius: 4.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    border-radius: 3.9px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form button {
    font-size: 13px;
  }
}
.mainFooter .subscribeWrap .subscribeForm form button:hover {
  background-color: #074D31;
}
@media (max-width: 992px) {
  .mainFooter .subscribeWrap .subscribeForm {
    margin-top: 20px;
  }
}
@media (max-width: 575px) {
  .mainFooter .subscribeWrap .subscribeForm form {
    width: 100%;
  }
  .mainFooter .subscribeWrap .subscribeForm form input {
    min-width: 180px;
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .mainFooter .updatedPageRow {
    padding-block: 16px;
  }
}
@media (min-width: 992px) {
  .mainFooter .updatedPageRow {
    padding-block: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainFooter .updatedPageRow {
    padding-block: 12px;
  }
}
@media (max-width: 575px) {
  .mainFooter .updatedPageRow {
    padding-block: 10.4px;
  }
}
.mainFooter .updatedPageRow p {
  text-align: end;
  margin: 0;
  padding: 0;
  color: #161616;
}
@media (min-width: 1600px) {
  .mainFooter .updatedPageRow p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainFooter .updatedPageRow p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainFooter .updatedPageRow p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainFooter .updatedPageRow p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .updatedPageRow p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .mainFooter .updatedPageRow p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .mainFooter .updatedPageRow p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .mainFooter .updatedPageRow p {
    line-height: 15.6px;
  }
}
.mainFooter .footerInner {
  background-color: #074D31;
}
@media (max-width: 769px) {
  .mainFooter .footerInner.footerMobileCustom .col {
    flex: 1 0 40%;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner.footerMobileCustom .col.max-w-md-max-content .footerLink ul {
    width: 100%;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner {
    padding-top: 26px;
  }
}
.mainFooter .footerInner .footerLink > ul > li {
  margin-bottom: 5px;
}
@media (max-width: 575px) {
  .mainFooter .footerInner .footerLink {
    display: flex;
    gap: 30px;
  }
  .mainFooter .footerInner .footerLink ul {
    width: 50%;
  }
  .mainFooter .footerInner .footerLink ul li .socialMediaIcons {
    padding-inline-end: 30px;
  }
}
.mainFooter .footerInner .footerLink ul li {
  line-height: 1;
  margin-bottom: 7px;
}
.mainFooter .footerInner .footerLink ul li a {
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .footerLink ul li a {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .footerLink ul li a {
    font-size: 12.35px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .footerLink ul li a {
    font-size: 9.75px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .footerLink ul li a {
    font-size: 8.45px;
  }
}
.mainFooter .footerInner .footerLink ul li a:hover {
  text-decoration: underline;
}
.mainFooter .footerInner .footerLink ul li.heading {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 10px;
  margin-bottom: 16px;
}
@media (max-width: 575px) {
  .mainFooter .footerInner .footerLink ul li.heading.invisible {
    display: none;
  }
}
.mainFooter .footerInner .footerLink ul li.heading:not(:first-child) {
  margin-top: 24px;
}
.mainFooter .footerInner .footerLink ul li.heading a {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .footerLink ul li.heading a {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .footerLink ul li.heading a {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .footerLink ul li.heading a {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .footerLink ul li.heading a {
    font-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .footerLink ul li .socialMediaIcons {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .footerLink ul li .socialMediaIcons {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .footerLink ul li .socialMediaIcons {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .footerLink ul li .socialMediaIcons {
    margin-bottom: 13px;
  }
}
.mainFooter .footerInner .footerLink ul li .socialMediaIcons.accessabilityBar {
  border: none;
  padding: 0;
  background-color: transparent;
}
.mainFooter .footerInner .footerLink ul li .socialMediaIcons a {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background-color: transparent;
  border-radius: 4px;
  width: 32px;
  height: 32px;
}
.mainFooter .footerInner .footerLink ul li .socialMediaIcons a:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.mainFooter .footerInner .footerLink .sub-sub-footer-ul {
  padding-inline-start: 15px;
}
.mainFooter .footerInner .footerLink .sub-sub-footer-ul li {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 2px;
}
.mainFooter .footerInner .footerLink .sub-sub-footer-ul li a {
  font-weight: 400;
}
@media (max-width: 575px) {
  .mainFooter .footerInner .footerLink ul li a {
    font-size: 11px;
  }
  .mainFooter .footerInner .footerLink ul li.heading a {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap {
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .socialWrap {
    padding-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .socialWrap {
    padding-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .socialWrap {
    padding-bottom: 19.5px;
  }
}
.mainFooter .footerInner .socialWrap ul {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap ul {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .socialWrap ul {
    gap: 28.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .socialWrap ul {
    gap: 22.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .socialWrap ul {
    gap: 19.5px;
  }
}
.mainFooter .footerInner .socialWrap ul li a:hover {
  transform: translateY(-3px);
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 23.75px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 18.75px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 16.25px;
  }
}
@media (max-width: 559px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: center;
    align-items: center;
    width: 100%;
  }
}
@media (max-width: 559px) and (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 45px;
  }
}
@media (max-width: 559px) and (min-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 42.75px;
  }
}
@media (max-width: 559px) and (max-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 33.75px;
  }
}
@media (max-width: 559px) and (max-width: 575px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo {
    gap: 29.25px;
  }
}
@media (max-width: 559px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo li {
    display: flex;
    justify-content: center;
    width: 100%;
  }
}
.mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo li.updatedFilterLogo a img {
  filter: brightness(0) invert(1);
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo li a img {
    max-width: 210px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo li a img {
    max-width: 199.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo li a img {
    max-width: 157.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .socialWrap .appLinks ul.updatedFooterLogo li a img {
    max-width: 136.5px;
  }
}
@media (max-width: 769px) {
  .mainFooter .footerInner .socialWrap .appLinks ul {
    justify-content: center;
  }
}
.mainFooter .footerInner .socialWrap .appLinks ul li a {
  display: block;
}
.mainFooter .footerInner .socialWrap .appLinks ul li a img {
  transform: none;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .socialWrap .appLinks ul li a img {
    max-width: 144px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul li a img {
    max-width: 136.8px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .socialWrap .appLinks ul li a img {
    max-width: 108px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .socialWrap .appLinks ul li a img {
    max-width: 93.6px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks {
    padding-bottom: 38px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks {
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks {
    padding-bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul {
    gap: 6.5px;
  }
}
.mainFooter .footerInner .copyrightWrap .footerBottomLinks ul li {
  border-inline-end: 1px solid rgba(255, 255, 255, 0.7);
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul li {
    padding-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul li {
    padding-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul li {
    padding-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap .footerBottomLinks ul li {
    padding-inline-end: 6.5px;
  }
}
.mainFooter .footerInner .copyrightWrap .footerBottomLinks ul li:last-child {
  border-inline-end: none;
}
.mainFooter .footerInner .copyrightWrap p.developed {
  margin: 0;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-top: 8px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-top: 7.6px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-top: 6px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-top: 5.2px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p.developed {
    padding-bottom: 10.4px;
  }
}
.mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
  margin: 0;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-top: 0px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-top: 0px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-top: 0px;
  }
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p.lastModifiedPlatform {
    padding-bottom: 0px;
  }
}
.mainFooter .footerInner .copyrightWrap p,
.mainFooter .footerInner .copyrightWrap ul {
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap ul {
    margin-block: 20px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap ul {
    margin-block: 19px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap ul {
    margin-block: 15px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap ul {
    margin-block: 13px;
  }
}
.mainFooter .footerInner .copyrightWrap p,
.mainFooter .footerInner .copyrightWrap li {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap li {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap li {
    font-size: 12.35px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap li {
    font-size: 9.75px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap li {
    font-size: 8.45px;
  }
}
.mainFooter .footerInner .copyrightWrap ul {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .mainFooter .footerInner .copyrightWrap ul {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .mainFooter .footerInner .copyrightWrap ul {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainFooter .footerInner .copyrightWrap ul {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap ul {
    gap: 6.5px;
  }
}
.mainFooter .footerInner .copyrightWrap ul li {
  line-height: 1;
}
.mainFooter .footerInner .copyrightWrap ul li:last-child {
  border-inline-end: none;
  padding-inline-end: 0;
}
.mainFooter .footerInner .copyrightWrap ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.mainFooter .footerInner .copyrightWrap ul li a:hover {
  text-decoration: underline;
}
@media (max-width: 575px) {
  .mainFooter .footerInner .copyrightWrap p,
  .mainFooter .footerInner .copyrightWrap li {
    font-size: 10px;
  }
  .mainFooter .footerInner .copyrightWrap p {
    text-align: center;
    margin-bottom: 5px;
  }
}

@media (min-width: 1600px) {
  .socialLinks ul {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .socialLinks ul {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .socialLinks ul {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .socialLinks ul {
    gap: 9.75px;
  }
}
.socialLinks ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (min-width: 1600px) {
  .socialLinks ul li a {
    width: 34px;
  }
}
@media (min-width: 992px) {
  .socialLinks ul li a {
    width: 32.3px;
  }
}
@media (max-width: 992px) {
  .socialLinks ul li a {
    width: 25.5px;
  }
}
@media (max-width: 575px) {
  .socialLinks ul li a {
    width: 22.1px;
  }
}
@media (min-width: 1600px) {
  .socialLinks ul li a {
    height: 34px;
  }
}
@media (min-width: 992px) {
  .socialLinks ul li a {
    height: 32.3px;
  }
}
@media (max-width: 992px) {
  .socialLinks ul li a {
    height: 25.5px;
  }
}
@media (max-width: 575px) {
  .socialLinks ul li a {
    height: 22.1px;
  }
}
@media (min-width: 1600px) {
  .socialLinks ul li a {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .socialLinks ul li a {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .socialLinks ul li a {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .socialLinks ul li a {
    border-radius: 2.6px;
  }
}
@media (min-width: 1600px) {
  .socialLinks ul li a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .socialLinks ul li a {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .socialLinks ul li a {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .socialLinks ul li a {
    font-size: 11.7px;
  }
}
.socialLinks ul li a.emptyBg {
  background-color: transparent;
}

@media screen and (max-width: 767px) {
  .mainFooter .footerInner .container .row .col:nth-child(3) .footerLink ul .invisible,
  .mainFooter .footerInner .container .row .col:nth-child(4) .footerLink ul .invisible {
    display: none;
  }
  .mainFooter .footerInner .container .row .col:nth-child(5) .footerLink ul .invisible {
    display: none;
  }
}
.grid-content {
  font-family: "Century Gothic", sans-serif;
  border: 1px solid #D2D6DB;
  padding: 16px;
  background-color: #ffffff;
  height: 440px;
  border-radius: 16px;
  margin-bottom: 20px;
}

.tweet-content {
  font-family: "Century Gothic", sans-serif;
}

.tweet-header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.tweet-image img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.sk-tweet-title {
  margin-left: 10px;
}

.sk-tweet-username {
  display: flex;
  align-items: center;
}

.sk-twitter-feed-tweet-user-name {
  color: #1b8354;
  text-decoration: none;
  font-weight: bold;
}

.sk-secondary-data {
  color: #161616;
  font-size: 12px;
}

.sk-twitter-feed-container {
  cursor: pointer;
  height: 266px;
  overflow: hidden;
  overflow-y: scroll;
  scrollbar-width: thin;
  scrollbar-color: rgba(6, 6, 6, 0.5) transparent;
}

.sk-tweet-text {
  color: #161616;
}

.sk-tweet-text a {
  color: #1b8354;
  text-decoration: none;
  margin-bottom: 15px;
  display: inline-block;
}

.sk-tweet-media img {
  width: 100%;
  border-radius: 16px;
  margin-top: 10px;
}

.post-tweet-counts {
  display: flex;
  gap: 20px;
  color: #161616;
  margin-top: 15px;
}

.fa-icon {
  font-family: FontAwesome;
}

.view_on_twitter_icon {
  position: absolute;
  inset-inline-end: 0;
  top: 1px;
}

.visit-here {
  border: 1px solid hsla(0, 0%, 100%, 0.3);
  padding: 8px;
  border-radius: 5px;
  text-decoration: underline;
}

.access-it-here {
  text-decoration: underline;
  color: #ffffff;
}
.access-it-here:hover {
  color: #ffffff;
}

.cstmBreadcrumb {
  position: relative;
  z-index: 11;
}
@media (min-width: 1600px) {
  .cstmBreadcrumb {
    margin-block-start: 40px;
  }
}
@media (min-width: 992px) {
  .cstmBreadcrumb {
    margin-block-start: 38px;
  }
}
@media (max-width: 992px) {
  .cstmBreadcrumb {
    margin-block-start: 30px;
  }
}
@media (max-width: 575px) {
  .cstmBreadcrumb {
    margin-block-start: 26px;
  }
}
.cstmBreadcrumb ul {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  min-width: fit-content;
  max-width: 20%;
  margin: 0;
  padding: 0;
  height: 50px;
  list-style: none;
}
@media (min-width: 1600px) {
  .cstmBreadcrumb ul {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .cstmBreadcrumb ul {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .cstmBreadcrumb ul {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .cstmBreadcrumb ul {
    gap: 6.5px;
  }
}
@media (max-width: 575px) {
  .cstmBreadcrumb ul {
    flex-wrap: wrap;
    min-width: unset;
  }
}
@media (max-width: 1199px) {
  .cstmBreadcrumb ul {
    max-width: unset;
  }
}
.cstmBreadcrumb ul li {
  display: flex;
  height: 100%;
  align-items: center;
  line-height: 1 !important;
}
.cstmBreadcrumb ul li a {
  display: flex;
  align-items: center;
  color: #384250;
  line-height: 1 !important;
}
@media (min-width: 1600px) {
  .cstmBreadcrumb ul li a {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .cstmBreadcrumb ul li a {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .cstmBreadcrumb ul li a {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .cstmBreadcrumb ul li a {
    font-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .cstmBreadcrumb ul li a {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .cstmBreadcrumb ul li a {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .cstmBreadcrumb ul li a {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .cstmBreadcrumb ul li a {
    gap: 6.5px;
  }
}
.cstmBreadcrumb ul li a.breadcrumb--long-text {
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  flex: 1;
  flex-basis: auto;
  display: block;
}
.cstmBreadcrumb ul li i {
  color: #9da4ae;
  position: relative;
  top: 1px;
}
@media (min-width: 1600px) {
  .cstmBreadcrumb ul li i {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .cstmBreadcrumb ul li i {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .cstmBreadcrumb ul li i {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .cstmBreadcrumb ul li i {
    font-size: 7.8px;
  }
}
.cstmBreadcrumb ul li:last-child a {
  color: #9da4ae;
  width: auto;
  display: block;
}
@media (max-width: 575px) {
  .cstmBreadcrumb ul li:last-child a {
    width: auto;
  }
}

.fullPageBreadCrumb .cstmBreadcrumb ul {
  max-width: 100%;
}

[lang=ar] .cstmBreadcrumb ul li a .arrowIcon {
  transform: scaleX(-1);
}

[lang=ar] .cstmTabs .tab-content.accordion .tab-pane .accordion-header .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}
[lang=ar] .cstmTabs.latestNewsBg .pattern .pattern-left-top {
  left: unset;
  right: 0;
}
[lang=ar] .cstmTabs.latestNewsBg .pattern .pattern-left-top img {
  transform: scaleX(-1);
}
[lang=ar] .cstmTabs.latestNewsBg .pattern .pattern-right-bottom {
  right: unset;
  left: 0;
}
[lang=ar] .cstmTabs.latestNewsBg .pattern .pattern-right-bottom img {
  transform: scaleX(-1);
}
[lang=ar] .cstmTabs.latestNewsBg .filtrationSection.new-style-filters .filter-button.new-style-subtab.active::after {
  right: 0;
}
[lang=ar] .cstmTabs .nav-tabs.new-style-main-tabs .nav-item .nav-link {
  margin-right: 0;
  margin-left: 2px;
}
[lang=ar] .requirements-numbered-list ul, [lang=ar] .requirements-numbered-list ol {
  padding-inline-end: 0;
}
[lang=ar] .requirements-numbered-list ul li, [lang=ar] .requirements-numbered-list ol li {
  padding-right: 2em;
  padding-left: 0;
  text-indent: -2em;
}
[lang=ar] .requirements-numbered-list ul li::before, [lang=ar] .requirements-numbered-list ol li::before {
  position: absolute;
  right: 0;
}

.cstmTabs.latestNewsBg .tab-content.accordion .tab-pane .accordion-body .filtrationSection.new-style-filters {
  display: flex;
  gap: 2px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D2D6DB;
  padding-bottom: 12px;
  justify-content: flex-start;
  border: none;
  margin-top: unset;
}
.cstmTabs.latestNewsBg .tab-content.accordion .tab-pane .accordion-body .filtrationSection.new-style-filters .filter-button.new-style-subtab {
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 20px;
  font-weight: 400;
  color: #9da4ae;
  padding: 0;
  position: relative;
  transition: all 0.3s ease;
  text-decoration: none;
  margin-top: 10px;
  padding-bottom: 8px;
  max-width: max-content !important;
}
.cstmTabs.latestNewsBg .tab-content.accordion .tab-pane .accordion-body .filtrationSection.new-style-filters .filter-button.new-style-subtab:hover {
  color: #161616;
}
.cstmTabs.latestNewsBg .tab-content.accordion .tab-pane .accordion-body .filtrationSection.new-style-filters .filter-button.new-style-subtab.active {
  color: #161616;
  font-weight: 500;
}
.cstmTabs.latestNewsBg .tab-content.accordion .tab-pane .accordion-body .filtrationSection.new-style-filters .filter-button.new-style-subtab.active::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  height: 3px;
  background-color: #1b8354;
  border-radius: 3px 3px 0 0;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .cstmTabs.latestNewsBg .tab-content.accordion .tab-pane .accordion-body .filtrationSection.new-style-filters {
    display: block;
  }
}
.cstmTabs .nav-tabs.new-style-main-tabs {
  background-color: transparent;
  border: none;
  gap: 24px;
  padding: 0;
  justify-content: flex-start;
  width: 100%;
}
.cstmTabs .nav-tabs.new-style-main-tabs .nav-item .nav-link {
  background-color: #E5E7EB;
  border: none;
  border-radius: 8px 8px 0 0;
  color: #161616;
  font-size: 20px;
  font-weight: 400;
  padding: 7px 12px;
  margin-right: 2px;
}
.cstmTabs .nav-tabs.new-style-main-tabs .nav-item .nav-link:hover {
  background-color: #D2D6DB;
}
.cstmTabs .nav-tabs.new-style-main-tabs .nav-item .nav-link.active {
  background-color: #E5E7EB;
  color: #161616;
  border-bottom: 3px solid #1b8354;
  font-weight: 500;
}

.requirements-numbered-list ul, .requirements-numbered-list ol {
  padding-inline-start: 0;
  list-style: none;
  counter-reset: item;
}
.requirements-numbered-list ul li, .requirements-numbered-list ol li {
  counter-increment: item;
  line-height: 28px;
  color: #161616;
  margin-bottom: 12px;
  position: relative;
  padding-inline-start: 0;
  display: block;
  padding-left: 34px;
  text-indent: 0em;
}
@media (min-width: 1600px) {
  .requirements-numbered-list ul li, .requirements-numbered-list ol li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .requirements-numbered-list ul li, .requirements-numbered-list ol li {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .requirements-numbered-list ul li, .requirements-numbered-list ol li {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .requirements-numbered-list ul li, .requirements-numbered-list ol li {
    font-size: 11.7px;
  }
}
.requirements-numbered-list ul li::before, .requirements-numbered-list ol li::before {
  content: counter(item) "- ";
  font-weight: 400;
  position: absolute;
  left: 0;
}
.requirements-numbered-list ul li:last-child, .requirements-numbered-list ol li:last-child {
  margin-bottom: 0;
}
.requirements-numbered-list ul ul, .requirements-numbered-list ol ol, .requirements-numbered-list ul ol, .requirements-numbered-list ol ul {
  padding-inline-start: 22px;
}
.requirements-numbered-list ul ul li, .requirements-numbered-list ol ol li, .requirements-numbered-list ul ol li, .requirements-numbered-list ol ul li {
  padding-left: 0;
  text-indent: 0;
}
.requirements-numbered-list ul ul li::before, .requirements-numbered-list ol ol li::before, .requirements-numbered-list ul ol li::before, .requirements-numbered-list ol ul li::before {
  content: "";
  position: absolute;
}
.requirements-numbered-list p {
  line-height: 28px;
  color: #161616;
  margin-bottom: 12px;
}
@media (min-width: 1600px) {
  .requirements-numbered-list p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .requirements-numbered-list p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .requirements-numbered-list p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .requirements-numbered-list p {
    font-size: 11.7px;
  }
}
.requirements-numbered-list p:last-child {
  margin-bottom: 0;
}

.cstmTabs.latestNewsBg {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1600px) {
  .cstmTabs.latestNewsBg {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .cstmTabs.latestNewsBg {
    padding-top: 95px;
  }
}
@media (max-width: 992px) {
  .cstmTabs.latestNewsBg {
    padding-top: 75px;
  }
}
@media (max-width: 575px) {
  .cstmTabs.latestNewsBg {
    padding-top: 65px;
  }
}
@media (min-width: 1600px) {
  .cstmTabs.latestNewsBg {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .cstmTabs.latestNewsBg {
    padding-bottom: 95px;
  }
}
@media (max-width: 992px) {
  .cstmTabs.latestNewsBg {
    padding-bottom: 75px;
  }
}
@media (max-width: 575px) {
  .cstmTabs.latestNewsBg {
    padding-bottom: 65px;
  }
}
.cstmTabs.latestNewsBg .pattern .pattern-left-top {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}
.cstmTabs.latestNewsBg .pattern .pattern-left-top img {
  width: 100%;
}
@media (min-width: 1600px) {
  .cstmTabs.latestNewsBg .pattern .pattern-left-top img {
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .cstmTabs.latestNewsBg .pattern .pattern-left-top img {
    max-width: 237.5px;
  }
}
@media (max-width: 992px) {
  .cstmTabs.latestNewsBg .pattern .pattern-left-top img {
    max-width: 187.5px;
  }
}
@media (max-width: 575px) {
  .cstmTabs.latestNewsBg .pattern .pattern-left-top img {
    max-width: 162.5px;
  }
}
.cstmTabs.latestNewsBg .pattern .pattern-right-bottom {
  position: absolute;
  right: 0;
  z-index: -1;
}
@media (min-width: 1600px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom {
    bottom: -80px;
  }
}
@media (min-width: 992px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom {
    bottom: -76px;
  }
}
@media (max-width: 992px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom {
    bottom: -60px;
  }
}
@media (max-width: 575px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom {
    bottom: -52px;
  }
}
.cstmTabs.latestNewsBg .pattern .pattern-right-bottom img {
  width: 100%;
}
@media (min-width: 1600px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom img {
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom img {
    max-width: 237.5px;
  }
}
@media (max-width: 992px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom img {
    max-width: 187.5px;
  }
}
@media (max-width: 575px) {
  .cstmTabs.latestNewsBg .pattern .pattern-right-bottom img {
    max-width: 162.5px;
  }
}
.cstmTabs.latestNewsBg .btn-icon.borderBtn i {
  display: none;
}
.cstmTabs .reports-tabs {
  overflow: auto;
  border-radius: 8px;
  border: 1px solid #D2D6DB;
}
.cstmTabs .nav-tabs {
  justify-content: center;
  gap: 2px;
  border: none;
  width: max-content;
  overflow: hidden;
  padding: 0;
  border-radius: 8px;
  margin: 0 auto;
  background-color: #D2D6DB;
  border: 1px solid #D2D6DB;
}
.cstmTabs .nav-tabs.reports-tabs-list {
  border: none;
  border-radius: 0;
  margin: 0;
}
.cstmTabs .nav-tabs .nav-link {
  font-weight: 400;
  background-color: #F9FAFB;
  border: 0;
  color: #161616;
  border-radius: 0;
  margin: 0;
}
@media (min-width: 1600px) {
  .cstmTabs .nav-tabs .nav-link {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .nav-tabs .nav-link {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .nav-tabs .nav-link {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .nav-tabs .nav-link {
    font-size: 13px;
  }
}
.cstmTabs .nav-tabs .nav-link:hover {
  background-color: #E5E7EB;
}
.cstmTabs .nav-tabs .nav-link.active {
  background-color: #0D121C;
  color: #ffffff;
  border-radius: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .cstmTabs .nav-tabs .nav-link.small-nav-link {
    width: 240px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .nav-tabs .nav-link.small-nav-link {
    width: 228px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .nav-tabs .nav-link.small-nav-link {
    width: 180px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .nav-tabs .nav-link.small-nav-link {
    width: 156px;
  }
}
.cstmTabs .nav-tabs .side-buttons {
  background-color: transparent;
  border: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #707070;
  position: relative;
  z-index: 0;
}
@media (min-width: 1600px) {
  .cstmTabs .nav-tabs .side-buttons {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .nav-tabs .side-buttons {
    width: 38px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .nav-tabs .side-buttons {
    width: 30px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .nav-tabs .side-buttons {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .cstmTabs .nav-tabs .side-buttons {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .nav-tabs .side-buttons {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .nav-tabs .side-buttons {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .nav-tabs .side-buttons {
    height: 26px;
  }
}
@media (min-width: 1600px) {
  .cstmTabs .nav-tabs .side-buttons {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .nav-tabs .side-buttons {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .nav-tabs .side-buttons {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .nav-tabs .side-buttons {
    border-radius: 6.5px;
  }
}
.cstmTabs .nav-tabs .side-buttons:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border-radius: inherit;
  background-image: -webkit-linear-gradient(top, #25935f, #074D31);
}
.cstmTabs .nav-tabs .side-buttons.active:after {
  background-image: -webkit-linear-gradient(top, #074D31, #092a1e);
  opacity: 1;
}
@media (min-width: 1600px) {
  .cstmTabs .tab-content {
    margin-block: 40px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .tab-content {
    margin-block: 38px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .tab-content {
    margin-block: 30px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .tab-content {
    margin-block: 26px;
  }
}
.cstmTabs .tab-content .tab-pane {
  background-color: transparent;
  border: 0;
}
.cstmTabs .tab-content .tab-pane:focus-visible {
  outline: 0;
}
.cstmTabs .tab-content .tab-pane .accordion-collapse:focus-visible {
  outline: 0;
}
.cstmTabs .tab-content .tab-pane .accordion-body {
  padding: 0;
}
@media (max-width: 992px) {
  .cstmTabs .tab-content .tab-pane .accordion-body {
    padding-block: 30px;
  }
}
@media (min-width: 1600px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .cstmTabs .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 13px;
  }
}
@media (max-width: 992px) {
  .cstmTabs .tab-content.accordion .tab-pane .accordion-header .accordion-button {
    background-color: #0D121C;
    color: #ffffff;
  }
  .cstmTabs .tab-content.accordion .tab-pane .accordion-header .accordion-button:focus {
    box-shadow: none;
  }
  .cstmTabs .tab-content.accordion .tab-pane .accordion-header .accordion-button::after {
    background-image: url("../../../assets/images/icon/arrow-down.svg");
    background-position: center;
  }
  .cstmTabs .tab-content.accordion .tab-pane .accordion-header .accordion-button.collapsed {
    background-color: #f9fafb;
    color: #161616;
  }
  .cstmTabs .tab-content.accordion .tab-pane .accordion-header .accordion-button:not(.collapsed)::after {
    background-image: url("../../../assets/images/icon/arrow-down-white.svg");
    background-position: center;
  }
  .cstmTabs .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}

[lang=ar] .commonSlider .slick-list .slick-track {
  float: left;
}
[lang=ar] .commonSlider .slick-arrow {
  z-index: 1;
}
[lang=ar] .regionstabing .slick-track {
  float: left;
}
[lang=ar] .regionstabing .slick-slide {
  float: left;
}
[lang=ar] .heroSliderMain .slick-track,
[lang=ar] .kingdomSlider .slick-track {
  float: left;
}
[lang=ar] .heroSliderMain .slick-slide,
[lang=ar] .kingdomSlider .slick-slide {
  float: left;
}
[lang=ar] .activeWeatherRed-slider-main .slick-track {
  float: none !important;
}
[lang=ar] .sliderLatestNewsSection.commonSlider .slick-list .slick-track {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

[lang=ar] .related-services-container .commonSlider .slick-list .slick-track {
  float: right !important;
}

[lang=ar] .commonSlider.citiesForecastSlider .slick-arrow.slick-prev {
  inset-inline-end: 70px;
  inset-inline-start: unset;
  z-index: 1;
}
[lang=ar] .commonSlider.citiesForecastSlider .slick-arrow.slick-next {
  inset-inline-end: 10px;
  inset-inline-start: unset;
  z-index: 1;
}
[lang=ar] .commonSlider.activeWeatherSlider .slick-arrow.slick-prev {
  inset-inline-end: 70px;
  inset-inline-start: unset;
  z-index: 1;
}
[lang=ar] .commonSlider.activeWeatherSlider .slick-arrow.slick-next {
  inset-inline-end: 10px;
  inset-inline-start: unset;
  z-index: 1;
}
[lang=ar] .commonSlider .slick-arrow.slick-prev {
  inset-inline-end: 70px;
  inset-inline-start: unset;
  z-index: 1;
  scale: -1;
}
[lang=ar] .commonSlider .slick-arrow.slick-next {
  inset-inline-start: unset;
  inset-inline-end: 10px;
  z-index: 1;
  scale: -1;
}

.slick-dots li button {
  color: transparent;
}

.commonSlider.citiesForecastSlider .slick-arrow {
  z-index: 1;
  --slick-button-width: 130px;
  top: unset;
  transform: unset;
  bottom: 0;
  align-content: center;
}
.commonSlider.citiesForecastSlider .slick-arrow.slick-prev {
  inset-inline-start: unset;
  inset-inline-end: 70px;
}
.commonSlider.citiesForecastSlider .slick-arrow.slick-next {
  inset-inline-start: unset;
  inset-inline-end: 10px;
}
.commonSlider.citiesForecastSlider .slick-dots {
  width: max-content;
  inset-inline-start: 10px;
}
@media (max-width: 769px) {
  .commonSlider.citiesForecastSlider .slick-dots {
    display: none !important;
  }
}
.commonSlider.citiesForecastSlider .slick-track {
  display: flex;
}
.commonSlider.citiesForecastSlider .sliderItems {
  height: inherit;
}
.commonSlider.activeWeatherSlider .slick-arrow {
  z-index: 1;
  --slick-button-width: 130px;
  top: unset;
  transform: unset;
  bottom: 0;
  align-content: center;
}
.commonSlider.activeWeatherSlider .slick-arrow.slick-prev {
  inset-inline-start: unset;
  inset-inline-end: 70px;
}
.commonSlider.activeWeatherSlider .slick-arrow.slick-next {
  inset-inline-start: unset;
  inset-inline-end: 10px;
}
.commonSlider.activeWeatherSlider .slick-dots {
  width: max-content;
  inset-inline-start: 10px;
}
@media (max-width: 769px) {
  .commonSlider.activeWeatherSlider .slick-dots {
    display: none !important;
  }
}
.commonSlider.activeWeatherSlider .slick-track {
  display: flex;
}
.commonSlider.activeWeatherSlider .sliderItems {
  height: inherit;
}
@media (max-width: 992px) {
  .commonSlider.activeWeatherRed-slides .slick-list {
    margin: 0;
  }
}
@media (max-width: 992px) {
  .commonSlider.heritageSlider .slick-list {
    max-width: 90%;
  }
}
.commonSlider .slick-list {
  width: 100%;
  max-width: 100%;
  margin: auto;
}
@media (min-width: 1600px) {
  .commonSlider .slick-list {
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .commonSlider .slick-list {
    padding-bottom: 66.5px;
  }
}
@media (max-width: 992px) {
  .commonSlider .slick-list {
    padding-bottom: 52.5px;
  }
}
@media (max-width: 575px) {
  .commonSlider .slick-list {
    padding-bottom: 45.5px;
  }
}
@media (min-width: 1600px) {
  .commonSlider .sliderItems {
    margin-inline: 10px;
  }
}
@media (min-width: 992px) {
  .commonSlider .sliderItems {
    margin-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .commonSlider .sliderItems {
    margin-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .commonSlider .sliderItems {
    margin-inline: 6.5px;
  }
}
.commonSlider .sliderItems:focus-visible {
  outline: unset;
}
.commonSlider .slick-arrow {
  z-index: 1;
  position: absolute;
  bottom: 0;
  inset-inline-start: unset;
  transform: none;
  top: unset;
  cursor: pointer;
}
.commonSlider .slick-arrow i {
  color: #1b8354;
}
@media (min-width: 1600px) {
  .commonSlider .slick-arrow i {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .commonSlider .slick-arrow i {
    font-size: 33.25px;
  }
}
@media (max-width: 992px) {
  .commonSlider .slick-arrow i {
    font-size: 26.25px;
  }
}
@media (max-width: 575px) {
  .commonSlider .slick-arrow i {
    font-size: 22.75px;
  }
}
.commonSlider .slick-arrow svg {
  width: 100%;
}
@media (min-width: 1600px) {
  .commonSlider .slick-arrow svg {
    max-width: 40px;
  }
}
@media (min-width: 992px) {
  .commonSlider .slick-arrow svg {
    max-width: 38px;
  }
}
@media (max-width: 992px) {
  .commonSlider .slick-arrow svg {
    max-width: 30px;
  }
}
@media (max-width: 575px) {
  .commonSlider .slick-arrow svg {
    max-width: 26px;
  }
}
.commonSlider .slick-arrow.slick-prev {
  inset-inline-start: unset;
  inset-inline-end: 70px;
}
.commonSlider .slick-arrow.slick-next {
  inset-inline-start: unset;
  inset-inline-end: 10px;
}
.commonSlider .slick-arrow:hover i {
  color: #074D31;
}
.commonSlider .slick-dots {
  inset-inline-start: 10px;
  padding-inline-start: 0;
  list-style: none;
  font-size: 0;
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-block: 0;
  bottom: 15px;
  position: relative;
  padding: 0;
}
@media (min-width: 1600px) {
  .commonSlider .slick-dots {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .commonSlider .slick-dots {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .commonSlider .slick-dots {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .commonSlider .slick-dots {
    gap: 6.5px;
  }
}
@media (max-width: 769px) {
  .commonSlider .slick-dots {
    display: none !important;
  }
}
.commonSlider .slick-dots li button {
  padding: 0;
  box-shadow: none;
  border: 0;
  border-radius: 100%;
}
.commonSlider .slick-dots li.slick-active button {
  background-color: #1b8354;
}
.commonSlider.whiteNav .slick-arrow {
  z-index: 1;
}
.commonSlider.whiteNav .slick-dots li button {
  background-color: rgba(255, 255, 255, 0.43);
}
.commonSlider.whiteNav .slick-dots li.slick-active button {
  background-color: white;
}

@media (max-width: 769px) {
  .cstmSlideNav.customPaginationForecast,
  .news-slider-container .slick-dots,
  .news-slider-images-videos-slider-container .slick-dots {
    display: none !important;
  }
  .commonSlider .slick-arrow.slick-prev,
  .worldForecastSlider .wordPrevArrow,
  .news-slider-images-videos-slider-container .slick-arrow.slick-prev,
  .swiperSliderWithNav .prevArrow {
    inset-inline-start: 43% !important;
    inset-inline-end: unset !important;
  }
  .commonSlider .slick-arrow.slick-next,
  .worldForecastSlider .worldNextArrow,
  .news-slider-images-videos-slider-container .slick-arrow.slick-next,
  .swiperSliderWithNav .nextArrow {
    inset-inline-start: unset !important;
    inset-inline-end: 40% !important;
  }
  [lang=ar] .commonSlider .slick-arrow {
    scale: -1;
  }
}
[lang=ar] .simpleCards .simpleCards-content .cardPattern {
  right: unset;
  left: 0;
}
[lang=ar] .simpleCards .simpleCards-content .cardPattern img {
  transform: scaleX(-1);
}

.simpleCards {
  border-radius: 16px;
  background-color: #ffffff;
  padding: 16px;
  border: 1px solid #D2D6DB;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .simpleCards {
    margin-block: 25px;
  }
}
@media (min-width: 992px) {
  .simpleCards {
    margin-block: 23.75px;
  }
}
@media (max-width: 992px) {
  .simpleCards {
    margin-block: 18.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards {
    margin-block: 16.25px;
  }
}
.simpleCards .simpleCards-image {
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image {
    height: 280px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image {
    height: 266px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image {
    height: 210px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image {
    height: 182px;
  }
}
.simpleCards .simpleCards-image img {
  transform: none !important;
}
.simpleCards .simpleCards-image .simpleCards-image-date {
  position: absolute;
  background: #fcb725;
  background: linear-gradient(180deg, #fcb725 0%, #dd7025 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 0.9;
  text-align: center;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    inset-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    inset-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    inset-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    inset-inline-start: 9.75px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    top: 15px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    top: 14.25px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    top: 11.25px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    top: 9.75px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-block: 11px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-block: 10.45px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-block: 8.25px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-block: 7.15px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-inline: 13px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-inline: 12.35px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-inline: 9.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    padding-inline: 8.45px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    gap: 2px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    gap: 1.9px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    gap: 1.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date {
    gap: 1.3px;
  }
}
.simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-day {
  font-weight: 600;
  text-align: center;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-day {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-day {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-day {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-day {
    font-size: 20.8px;
  }
}
.simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-month {
  font-weight: 500;
  text-align: center;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-month {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-month {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-month {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-image .simpleCards-image-date .simpleCards-image-date-month {
    font-size: 9.1px;
  }
}
.simpleCards .simpleCards-content {
  padding-top: 10px;
  position: relative;
  background-color: white;
}
.simpleCards .simpleCards-content .cardPattern {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-events {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    width: 17.1px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    width: 13.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    width: 11.7px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-events .eventIcon {
    height: 13px;
  }
}
.simpleCards .simpleCards-content .simpleCards-title h2 {
  color: #0D121C;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 18.2px;
  }
}
.simpleCards .simpleCards-content .simpleCards-title h2.white-wrap {
  white-space: normal;
}
.simpleCards .simpleCards-content .simpleCards-title h2.h-auto {
  min-height: 1px;
}
.simpleCards .simpleCards-content .simpleCards-title h2.no-ellipsis {
  overflow: visible;
  text-overflow: unset;
  white-space: unset;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .text-descp {
    min-height: 160px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .text-descp {
    min-height: 152px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .text-descp {
    min-height: 120px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .text-descp {
    min-height: 104px;
  }
}
.simpleCards .simpleCards-content .text-descp.h-auto {
  min-height: 1px;
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .text-descp {
    min-height: 1px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .text-descp {
    height: auto;
  }
}
.simpleCards .simpleCards-content .simpleCards-descp p {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-descp p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-descp p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-descp p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-descp p {
    font-size: 10.4px;
  }
}
.simpleCards .simpleCards-content .simpleCards-date {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-date {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-date {
    gap: 6.5px;
  }
}
.simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon {
  color: #25935f;
}
.simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
  display: block;
  overflow: visible;
  margin-top: -1px;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    width: 17.1px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    width: 13.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    width: 11.7px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    height: 11.7px;
  }
}
.simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-text {
  color: #1b8354;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-text {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-text {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-text {
    font-size: 10.4px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon {
    color: #25935f;
  }
  .simpleCards .simpleCards-content .simpleCards-date .simpleCards-date-icon svg {
    width: 14px;
    height: 14px;
  }
}
.simpleCards .simpleCards-content .mountainHeight {
  display: flex;
  align-items: baseline;
  margin-bottom: 2px;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .mountainHeight {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .mountainHeight {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    max-width: 22px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    max-width: 20.9px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    max-width: 16.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    max-width: 14.3px;
  }
}
.simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
  color: #25935f;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    margin-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    margin-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    margin-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    margin-inline-end: 13px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 9.1px;
  }
}
.simpleCards .simpleCards-content .climateCard {
  border: solid #d2d6db;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard {
    border-radius: 12px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard {
    border-radius: 11.4px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard {
    border-radius: 9px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard {
    border-radius: 7.8px;
  }
}
.simpleCards .simpleCards-content .climateCard .climateCard-header {
  background-color: #f3fcf6;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-block: 7px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-block: 6.65px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-block: 5.25px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-block: 4.55px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header {
    padding-inline: 6.5px;
  }
}
.simpleCards .simpleCards-content .climateCard .climateCard-header h4, .simpleCards .simpleCards-content .climateCard .climateCard-header h3 {
  color: #0d121c;
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header h4, .simpleCards .simpleCards-content .climateCard .climateCard-header h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header h4, .simpleCards .simpleCards-content .climateCard .climateCard-header h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header h4, .simpleCards .simpleCards-content .climateCard .climateCard-header h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard .climateCard-header h4, .simpleCards .simpleCards-content .climateCard .climateCard-header h3 {
    font-size: 11.7px;
  }
}
.simpleCards .simpleCards-content .climateCard ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.simpleCards .simpleCards-content .climateCard ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: solid #d2d6db;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-block: 7px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-block: 6.65px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-block: 5.25px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-block: 4.55px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    padding-inline: 6.5px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li {
    border-width: 0.65px;
  }
}
.simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title {
  display: flex;
  align-items: center;
  width: 60%;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .icon img {
    max-width: 18px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .icon img {
    max-width: 17.1px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .icon img {
    max-width: 13.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .icon img {
    max-width: 11.7px;
  }
}
.simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .text {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .text {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .text {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-title .text {
    font-size: 10.4px;
  }
}
.simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values {
  width: 40%;
}
.simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell {
    gap: 6.5px;
  }
}
.simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
  display: flex;
  align-items: center;
  color: #3d3d3d;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values .tempratureCell span {
    font-size: 10.4px;
  }
}

[lang=ar] .horizontalCards .horizontalCards-content .cardPattern {
  right: unset;
  left: 0;
}
[lang=ar] .horizontalCards .horizontalCards-content .cardPattern img {
  transform: scaleX(-1);
}

@media (min-width: 1600px) {
  .horizontalCards {
    margin-block: 25px;
  }
}
@media (min-width: 992px) {
  .horizontalCards {
    margin-block: 23.75px;
  }
}
@media (max-width: 992px) {
  .horizontalCards {
    margin-block: 18.75px;
  }
}
@media (max-width: 575px) {
  .horizontalCards {
    margin-block: 16.25px;
  }
}
.horizontalCards .horizontalCards-image {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image {
    border-radius: 9.75px;
  }
}
.horizontalCards .horizontalCards-image img {
  width: 100%;
}
.horizontalCards .horizontalCards-image .horizontalCards-image-date {
  position: absolute;
  background: #fcb725;
  background: linear-gradient(180deg, #fcb725 0%, #dd7025 100%);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 0.9;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    left: 5px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    left: 4.75px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    left: 3.75px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    left: 3.25px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    top: 5px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    top: 4.75px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    top: 3.75px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    top: 3.25px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    padding: 6.5px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date {
    border-radius: 6.5px;
  }
}
.horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-day {
  font-weight: 600;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-day {
    font-size: 52px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-day {
    font-size: 49.4px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-day {
    font-size: 39px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-day {
    font-size: 33.8px;
  }
}
.horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-month {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-month {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-month {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-month {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-image .horizontalCards-image-date .horizontalCards-image-date-month {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content {
    padding-inline: 16.25px;
  }
}
.horizontalCards .horizontalCards-content .horizontalCards-upcoming {
  display: flex;
  align-items: center;
  color: #25935f;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-bottom: 13px;
  }
}
@media (max-width: 992px) and (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-top: 40px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-top: 38px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-top: 30px;
  }
}
@media (max-width: 992px) and (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-upcoming {
    margin-top: 26px;
  }
}
.horizontalCards .horizontalCards-content .horizontalCards-title h2 {
  color: #074D31;
  font-weight: 500;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-title h2 {
    margin-bottom: 13px;
  }
}
.horizontalCards .horizontalCards-content .horizontalCards-title:hover h2 {
  text-shadow: 0px 0px 5px rgba(37, 147, 95, 0.5);
}
.horizontalCards .horizontalCards-content .horizontalCards-schedule {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule {
    gap: 28.5px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule {
    gap: 22.5px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule {
    gap: 19.5px;
  }
}
.horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date {
  display: flex;
  align-items: baseline;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date {
    gap: 6.5px;
  }
}
.horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date .horizontalCards-date-icon {
  color: #25935f;
}
.horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date .horizontalCards-date-text {
  color: #25935f;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date .horizontalCards-date-text {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date .horizontalCards-date-text {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date .horizontalCards-date-text {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule .horizontalCards-date .horizontalCards-date-text {
    font-size: 9.1px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-schedule {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp {
    margin-top: 13px;
  }
}
.horizontalCards .horizontalCards-content .horizontalCards-descp p {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .horizontalCards .horizontalCards-content .horizontalCards-descp p {
    font-size: 10.4px;
  }
}

.mediaCards a {
  width: 100%;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (min-width: 1600px) {
  .mediaCards a {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .mediaCards a {
    height: 190px;
  }
}
@media (max-width: 992px) {
  .mediaCards a {
    height: 150px;
  }
}
@media (max-width: 575px) {
  .mediaCards a {
    height: 130px;
  }
}
@media (min-width: 1600px) {
  .mediaCards a {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mediaCards a {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mediaCards a {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mediaCards a {
    border-radius: 6.5px;
  }
}
.mediaCards a img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1600px) {
  .mediaCards a img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .mediaCards a img {
    height: 190px;
  }
}
@media (max-width: 992px) {
  .mediaCards a img {
    height: 150px;
  }
}
@media (max-width: 575px) {
  .mediaCards a img {
    height: 130px;
  }
}
.mediaCards a .playIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
[lang=ar] .activeWeather .pattern .pattern-right {
  right: unset;
  left: 0;
}
[lang=ar] .activeWeather .pattern .pattern-right img {
  transform: scaleX(-1);
}
[lang=ar] .activeWeather .pattern .pattern-left-bottom {
  left: unset;
}
@media (min-width: 1600px) {
  [lang=ar] .activeWeather .pattern .pattern-left-bottom {
    right: -110px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .activeWeather .pattern .pattern-left-bottom {
    right: -104.5px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .activeWeather .pattern .pattern-left-bottom {
    right: -82.5px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .activeWeather .pattern .pattern-left-bottom {
    right: -71.5px;
  }
}
[lang=ar] .activeWeather .pattern .pattern-left-bottom img {
  transform: scaleX(-1);
}
[lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides.commonSlider .slick-arrow {
  z-index: 1;
  scale: -1;
}
[lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides.commonSlider .slick-arrow.slick-prev {
  top: unset;
  inset-inline-end: 50px;
  inset-inline-start: unset;
}
[lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides.commonSlider .slick-arrow.slick-next {
  top: unset;
  inset-inline-start: unset;
  inset-inline-end: 0px;
}
[lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .pattern .rightTop {
  right: unset;
  left: 0;
}
[lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .pattern .rightTop img {
  transform: scaleX(-1);
}
[lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title .arrowRight img {
  transform: scaleX(-1);
}

.region-active-weather .activeWeather {
  background-color: rgba(252, 183, 37, 0.2);
}
.region-active-weather .darkBtn {
  display: none;
}

.activeWeather {
  overflow: hidden;
  background-color: #f9fafb;
  position: relative;
}
@media (min-width: 1600px) {
  .activeWeather {
    padding-block: 110px;
  }
}
@media (min-width: 992px) {
  .activeWeather {
    padding-block: 104.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather {
    padding-block: 82.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather {
    padding-block: 71.5px;
  }
}
.activeWeather.active-weather-white-bg {
  background-color: #f9fafb;
}
.activeWeather .pattern .pattern-right {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  opacity: 0.5;
}
.activeWeather .pattern .pattern-left-bottom {
  position: absolute;
  z-index: 0;
}
@media (min-width: 1600px) {
  .activeWeather .pattern .pattern-left-bottom {
    bottom: -175px;
  }
}
@media (min-width: 992px) {
  .activeWeather .pattern .pattern-left-bottom {
    bottom: -166.25px;
  }
}
@media (max-width: 992px) {
  .activeWeather .pattern .pattern-left-bottom {
    bottom: -131.25px;
  }
}
@media (max-width: 575px) {
  .activeWeather .pattern .pattern-left-bottom {
    bottom: -113.75px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .pattern .pattern-left-bottom {
    left: -110px;
  }
}
@media (min-width: 992px) {
  .activeWeather .pattern .pattern-left-bottom {
    left: -104.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .pattern .pattern-left-bottom {
    left: -82.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .pattern .pattern-left-bottom {
    left: -71.5px;
  }
}
.activeWeather .mainHeading {
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .activeWeather .mainHeading .heading-primary {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .activeWeather .mainHeading .heading-primary {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .mainHeading .heading-primary {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .mainHeading .heading-primary {
    font-size: 19.5px;
  }
}
.activeWeather .activeWeatherSection {
  position: relative;
  z-index: 2;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex {
  display: flex;
  align-items: start;
  align-items: self-start;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section {
  width: 100%;
  max-width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  background-color: #1b8354;
  display: flex;
  align-items: center;
  justify-content: start;
  flex-direction: column;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    min-height: 110px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    min-height: 104.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    min-height: 82.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    min-height: 71.5px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    max-width: 65px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    max-width: 61.75px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    max-width: 48.75px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    max-width: 42.25px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    border-radius: 6.5px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red {
  background: #df1414;
  background: linear-gradient(180deg, #df1414 0%, #570000 100%);
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red {
    min-height: 65px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red {
    min-height: 61.75px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red {
    min-height: 48.75px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red {
    min-height: 42.25px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red.orange {
  background: #fcb725;
  background: linear-gradient(180deg, #fcb725 0%, #dd7025 100%);
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red.yellow {
  background: #fffb07;
  background: linear-gradient(180deg, #fffb07 0%, #ffb804 100%);
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-icon {
  width: 100%;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-icon {
    max-width: 25px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-icon {
    max-width: 23.75px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-icon {
    max-width: 18.75px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-icon {
    max-width: 16.25px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    font-size: 7.8px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    margin-top: 5px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    margin-top: 4.75px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    margin-top: 3.75px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-red .activeWeatherRed-indication-red-text p {
    margin-top: 3.25px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure {
    min-height: 45px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure {
    min-height: 42.75px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure {
    min-height: 33.75px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure {
    min-height: 29.25px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure p {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure p {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication .activeWeatherRed-indication-figure p {
    font-size: 15.6px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides {
  width: 100%;
  max-width: 90%;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides.commonSlider .slick-arrow {
  z-index: 1;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides.commonSlider .slick-arrow.slick-prev {
  top: unset;
  inset-inline-start: unset;
  inset-inline-end: 50px;
  z-index: 1;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides.commonSlider .slick-arrow.slick-next {
  top: unset;
  inset-inline-start: unset;
  inset-inline-end: 0;
  z-index: 1;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .region-weather-warning-slider--container .sliderItems {
  height: auto;
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .region-weather-warning-slider--container .sliderItems .activeWeatherRed-slider-card {
    margin-left: 8px;
    margin-right: 8px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems {
    margin-inline: 15px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems {
    margin-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems {
    margin-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems {
    margin-inline: 9.75px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
  background: #ffffff;
  position: relative;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    min-height: 110px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    min-height: 104.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    min-height: 82.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card {
    min-height: 71.5px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .pattern .rightTop {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h3, .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h2 {
  color: #1F2A37;
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h3, .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h2 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h3, .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h2 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h3, .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h2 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h3, .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-title h2 {
    font-size: 10.4px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    padding-block: 6px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    padding-block: 5.7px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    padding-block: 4.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates {
    padding-block: 3.9px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1 0;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    min-height: 42px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    min-height: 39.9px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    min-height: 31.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    min-height: 27.3px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts {
    gap: 6.5px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
  width: 100%;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    min-width: 24px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    min-width: 22.8px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    min-width: 18px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    min-width: 15.6px;
  }
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    max-height: 24px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    max-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    max-height: 18px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather .activeWeatherRed-slider-alerts-icon img,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts .activeWeatherRed-slider-alerts-icon img {
    max-height: 15.6px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather p,
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts p {
  color: #1F2A37;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather p,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather p,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather p,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-weather p,
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-updates .activeWeatherRed-slider-alerts p {
    font-size: 9.1px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info {
  display: flex;
  justify-content: space-between;
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section {
  line-height: 1.2;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section {
    padding-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section {
    padding-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section {
    padding-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section {
    padding-inline-end: 6.5px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section span {
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section span {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section span {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section span {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card .activeWeatherRed-slider-card-info .activeWeatherRed-slider-card-info-section span {
    font-size: 7.8px;
  }
}
.activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems .activeWeatherRed-slider-card.emptyCard {
  background-color: #F9FAFB;
  border: 1px solid #D2D6DB;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
}
.activeWeather .activeWeatherSection .activeWeatherSlider .slick-list {
  padding: 0 !important;
}
@media (max-width: 992px) {
  .activeWeather {
    max-height: unset;
  }
}

.custom-popover {
  border-color: #25935f;
}
.custom-popover .popover-arrow::before {
  border-top-color: #25935f !important;
  border-bottom-color: #25935f !important;
}

.ews-popover .popover-body {
  max-height: 250px;
  overflow: auto;
  padding-block: 0;
  margin-block: 10px;
}

.weather-slider-card-new {
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .weather-slider-card-new {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .weather-slider-card-new {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .weather-slider-card-new {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .weather-slider-card-new {
    border-radius: 6.5px;
  }
}
.weather-slider-card-new .activeWeatherRed-slider-card {
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #D2D6DB;
}
.weather-slider-card-new .gov-section-2 {
  color: #074D31;
  font-weight: 500;
  background-color: #f3fcf6;
}
@media (min-width: 1600px) {
  .weather-slider-card-new .gov-section-2 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-slider-card-new .gov-section-2 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-slider-card-new .gov-section-2 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-slider-card-new .gov-section-2 {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .weather-slider-card-new .gov-section-2 {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .weather-slider-card-new .gov-section-2 {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .weather-slider-card-new .gov-section-2 {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .weather-slider-card-new .gov-section-2 {
    padding-inline: 9.75px;
  }
}
.weather-slider-card-new .gov-section-2 .others-popover {
  color: #707070;
  text-decoration: underline;
}

@media (max-width: 769px) {
  [lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow {
    z-index: 1;
  }
  [lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-next {
    top: unset !important;
    bottom: 0 !important;
    right: unset !important;
  }
  [lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-prev {
    top: unset !important;
    bottom: 0 !important;
    right: 43% !important;
    left: unset !important;
  }
  [lang=ar] .activeWeather .activeWeatherSection.iconsRotate .activeWeatherRedFlex .commonSlider .slick-arrow {
    z-index: 1;
  }
  [lang=ar] .activeWeather .activeWeatherSection.iconsRotate .activeWeatherRedFlex .commonSlider .slick-arrow.slick-next, [lang=ar] .activeWeather .activeWeatherSection.iconsRotate .activeWeatherRedFlex .commonSlider .slick-arrow.slick-prev {
    transform: none;
  }
}
@media screen and (max-width: 769px) and (min-width: 431px) {
  [lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-next {
    left: 43% !important;
  }
}
@media screen and (max-width: 769px) and (max-width: 430px) {
  [lang=ar] .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-next {
    left: 40% !important;
  }
}
@media (max-width: 769px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex {
    flex-direction: column;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section {
    max-width: 100%;
    margin-bottom: 20px;
    align-items: start;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .seperatorBottom {
    display: none;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-indication-section .activeWeatherRed-indication {
    max-width: 70px;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex activeWeatherRed-slides {
    max-width: 100%;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides {
    max-width: 100%;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-list {
    max-width: 100%;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow {
    z-index: 1;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-next {
    top: unset !important;
    bottom: 0 !important;
    right: 43% !important;
    left: unset !important;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-prev {
    top: unset !important;
    bottom: 0 !important;
    left: 43% !important;
    right: unset !important;
  }
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .activeWeatherRed-slides .activeWeatherRed-slider-main .sliderItems {
    margin-inline: 0;
  }
}
@media screen and (max-width: 430px) {
  .activeWeather .activeWeatherSection .activeWeatherRedFlex .commonSlider .slick-arrow.slick-prev {
    left: 40% !important;
    right: unset !important;
  }
}
.region-weather-warning-slider--container .slick-track {
  display: flex;
}

[lang=ar] .latestReport .pattern .leftBottom {
  right: 0;
  left: unset;
}
[lang=ar] .latestReport .pattern .rightBottom {
  right: unset;
  left: 0;
}

@media (min-width: 1600px) {
  .reports-new-page.cstmTabs .nav-tabs .nav-link {
    max-width: 220px;
  }
}
@media (min-width: 992px) {
  .reports-new-page.cstmTabs .nav-tabs .nav-link {
    max-width: 209px;
  }
}
@media (max-width: 992px) {
  .reports-new-page.cstmTabs .nav-tabs .nav-link {
    max-width: 165px;
  }
}
@media (max-width: 575px) {
  .reports-new-page.cstmTabs .nav-tabs .nav-link {
    max-width: 143px;
  }
}

.latestReport {
  position: relative;
}
.latestReport .pattern .bgImage {
  position: absolute;
  z-index: 0;
}
@media (min-width: 1600px) {
  .latestReport .pattern .bgImage img {
    width: 800px;
  }
}
@media (min-width: 992px) {
  .latestReport .pattern .bgImage img {
    width: 760px;
  }
}
@media (max-width: 992px) {
  .latestReport .pattern .bgImage img {
    width: 600px;
  }
}
@media (max-width: 575px) {
  .latestReport .pattern .bgImage img {
    width: 520px;
  }
}
.latestReport .pattern .leftBottom {
  position: absolute;
  left: 0;
  bottom: 0;
}
.latestReport .pattern .rightBottom {
  position: absolute;
  right: 0;
  bottom: 0;
}
.latestReport .reportFiltration {
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration {
    padding-top: 28.5px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration {
    padding-top: 22.5px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration {
    padding-top: 19.5px;
  }
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration {
    padding-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration {
    padding-bottom: 47.5px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration {
    padding-bottom: 37.5px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration {
    padding-bottom: 32.5px;
  }
}
.latestReport .reportFiltration ul {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration ul {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration ul {
    gap: 28.5px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration ul {
    gap: 22.5px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration ul {
    gap: 19.5px;
  }
}
.latestReport .reportFiltration ul .filterBtn {
  background-color: #25935f;
  color: #ffffff;
  width: 100%;
  text-align: center;
  cursor: pointer;
  box-shadow: none;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration ul .filterBtn {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration ul .filterBtn {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration ul .filterBtn {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    max-width: 190px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration ul .filterBtn {
    max-width: 130px;
  }
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration ul .filterBtn {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration ul .filterBtn {
    border-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .latestReport .reportFiltration ul .filterBtn {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .latestReport .reportFiltration ul .filterBtn {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .latestReport .reportFiltration ul .filterBtn {
    font-size: 11.05px;
  }
}
.latestReport .reportFiltration ul .filterBtn:hover {
  background-color: #074d31;
}
.latestReport .reportFiltration ul .filterBtn.active {
  background-color: #074d31;
}
.latestReport .latestReport-section .latestReport-section-flex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 46px;
}
@media (max-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 769px) {
  .latestReport .latestReport-section .latestReport-section-flex {
    grid-gap: 20px;
    grid-template-columns: repeat(2, 250px);
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .latestReport .latestReport-section .latestReport-section-flex {
    grid-template-columns: repeat(1, 250px);
  }
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items {
  width: 100%;
  transition: 0.5 all;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items.inActive {
  display: none;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image {
  border-radius: 16px;
  overflow: hidden;
  width: max-content;
}
@media (min-width: 1600px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image {
    margin-bottom: 13px;
  }
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image .hover-switch {
  position: relative;
  width: max-content;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image .hover-switch > img {
  top: 0;
  left: 0;
  width: auto;
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  max-height: 300px;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image .hover-switch > img:last-of-type {
  position: absolute;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-image .hover-switch:hover > img:last-of-type {
  opacity: 0;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-title p {
  color: #074d31;
  line-height: 1.3;
  text-overflow: ellipsis;
  white-space: wrap;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-title p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-title p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-title p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-title p {
    font-size: 10.4px;
  }
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-published {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-published p {
  color: #074d31;
}
@media (min-width: 1600px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-published p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-published p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-published p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .latestReport .latestReport-section .latestReport-section-flex .latestReport-section-flex-items .latestReport-section-card-items .latestReport-section-card .latestReport-section-card-published p {
    font-size: 7.8px;
  }
}

.latestReport-section-card-title p {
  display: -webkit-box;
  -webkit-line-clamp: 3; /* Limit text to 3 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

.latestReport-section-card-title p.expand {
  -webkit-line-clamp: unset; /* Remove line clamp when expanded */
  overflow: visible; /* Show the entire text */
  text-overflow: unset; /* Remove ellipsis */
}

#reports-container {
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  #reports-container {
    padding-inline: 60px;
  }
}
@media (min-width: 992px) {
  #reports-container {
    padding-inline: 57px;
  }
}
@media (max-width: 992px) {
  #reports-container {
    padding-inline: 45px;
  }
}
@media (max-width: 575px) {
  #reports-container {
    padding-inline: 39px;
  }
}
@media (min-width: 1600px) {
  #reports-container {
    padding-block: 44px;
  }
}
@media (min-width: 992px) {
  #reports-container {
    padding-block: 41.8px;
  }
}
@media (max-width: 992px) {
  #reports-container {
    padding-block: 33px;
  }
}
@media (max-width: 575px) {
  #reports-container {
    padding-block: 28.6px;
  }
}
#reports-container #reports-content {
  gap: 16px;
}
#reports-container #reports-content .latestReport-section-card-image {
  border-radius: 16px;
  overflow: hidden;
  width: max-content;
}
#reports-container #reports-content .latestReport-section-card-image .hover-switch {
  position: relative;
  width: max-content;
}
#reports-container #reports-content .latestReport-section-card-image .hover-switch > img {
  top: 0;
  left: 0;
  width: auto;
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  max-height: 300px;
}
#reports-container #reports-content .latestReport-section-card-image .hover-switch > img:last-of-type {
  position: absolute;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
#reports-container #reports-content .latestReport-section-card-image .hover-switch:hover > img:last-of-type {
  opacity: 0;
}
#reports-container p {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  #reports-container p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #reports-container p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #reports-container p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #reports-container p {
    font-size: 11.7px;
  }
}

[lang=ar] .ourServices .ourServices-grid .ourServices-grid-items .pattern .bottomLeft {
  left: unset;
  right: 0;
}
[lang=ar] .ourServices .ourServices-grid .ourServices-grid-items .pattern .topRight {
  left: 0;
  right: unset;
}

@media (min-width: 1600px) {
  .ourServices {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .ourServices {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  .ourServices {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .ourServices {
    padding-top: 52px;
  }
}
.ourServices .ourServices-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 1rem;
}
@media (max-width: 992px) {
  .ourServices .ourServices-grid {
    --auto-grid-min-size: 14rem;
    grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
  }
}
.ourServices .ourServices-grid .ourServices-grid-items {
  border: 1px solid #25935f;
  background-color: #ffffff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    height: 190px;
  }
}
@media (max-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    height: 150px;
  }
}
@media (max-width: 575px) {
  .ourServices .ourServices-grid .ourServices-grid-items {
    height: 130px;
  }
}
.ourServices .ourServices-grid .ourServices-grid-items:hover {
  box-shadow: none;
}
.ourServices .ourServices-grid .ourServices-grid-items .pattern .topRight {
  position: absolute;
  top: 0;
  right: 0;
}
.ourServices .ourServices-grid .ourServices-grid-items .pattern .bottomLeft {
  position: absolute;
  bottom: 0;
  left: 0;
}
.ourServices .ourServices-grid .ourServices-grid-items a {
  height: inherit;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content {
  position: relative;
  z-index: 2;
  height: 100%;
}
.ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-icon {
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media (min-width: 1600px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-icon {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-icon {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-icon {
    margin-bottom: 9.75px;
  }
}
.ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-icon img {
  max-width: 100%;
}
.ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-title h6 {
  color: #074d31;
  margin-bottom: 0;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-title h6 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-title h6 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-title h6 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .ourServices .ourServices-grid .ourServices-grid-items .ourServices-grid-items-content .ourServices-grid-items-title h6 {
    font-size: 13px;
  }
}

.advanceManagementHome {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.advanceManagementHome .container .advanceManagementHome-section {
  background: linear-gradient(45.62deg, #104631 1.8%, #1B8354 98.16%);
  border-radius: 16px;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    border-radius: 19px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    border-radius: 15px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    border-radius: 13px;
  }
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-block: 30px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-block: 28.5px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-block: 22.5px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-block: 19.5px;
  }
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-inline: 30px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-inline: 28.5px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-inline: 22.5px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section {
    padding-inline: 19.5px;
  }
}
.advanceManagementHome .container .advanceManagementHome-section h2 {
  color: #ffffff;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    font-size: 20.8px;
  }
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section h2 {
    line-height: 24.7px;
  }
}
.advanceManagementHome .container .advanceManagementHome-section p {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section p {
    margin-bottom: 10.4px;
  }
}
.advanceManagementHome .container .advanceManagementHome-section .advanceFlex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: baseline;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex {
    gap: 9.75px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex {
    flex-direction: column;
  }
}
.advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  margin: 0;
  list-style: none;
  padding: 0;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul {
    gap: 12px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul {
    gap: 11.4px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul {
    gap: 9px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul {
    gap: 7.8px;
  }
}
.advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-inline: 8px;
  padding-block: 9px;
  border-radius: 4px;
  gap: 10px;
  border: none;
  background-color: #ffffff;
}
.advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-icon img {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-icon img {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-icon img {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-icon img {
    width: 13px;
  }
}
.advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-title p {
  margin-bottom: 0;
  color: #161616;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-title p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-title p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-title p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .advanceManagementHome .container .advanceManagementHome-section .advanceFlex ul li .advanceFlex-items .advanceFlex-items-title p {
    font-size: 10.4px;
  }
}
.advanceManagementHome .container .advanceManagementHome-section .advanceFlex a.whiteBtn {
  color: #161616;
  font-weight: 500;
}

@media (max-width: 769px) {
  .advanceManagementHome .container .advanceFlex {
    flex-direction: column;
    gap: 10px;
  }
  .advanceManagementHome .container .advanceFlex ul {
    gap: 5px;
  }
  .advanceManagementHome .container .advanceFlex a {
    margin-bottom: 10px;
  }
}
.select2-container {
  width: 100% !important;
  z-index: 1001;
}
@media (min-width: 1600px) {
  .select2-container {
    max-width: 245px;
  }
}
@media (min-width: 992px) {
  .select2-container {
    max-width: 232.75px;
  }
}
@media (max-width: 992px) {
  .select2-container {
    max-width: 183.75px;
  }
}
@media (max-width: 575px) {
  .select2-container {
    max-width: 159.25px;
  }
}
@media (min-width: 1600px) {
  .select2-container {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .select2-container {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  .select2-container {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  .select2-container {
    height: 29.25px;
  }
}
@media (max-width: 575px) {
  .select2-container {
    max-width: 100%;
  }
}

.select2-container--default .select2-selection--single {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background-color: #ffffff !important;
  border: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .select2-container--default .select2-selection--single {
    padding-inline: 4px;
  }
}
@media (min-width: 992px) {
  .select2-container--default .select2-selection--single {
    padding-inline: 3.8px;
  }
}
@media (max-width: 992px) {
  .select2-container--default .select2-selection--single {
    padding-inline: 3px;
  }
}
@media (max-width: 575px) {
  .select2-container--default .select2-selection--single {
    padding-inline: 2.6px;
  }
}
@media (min-width: 1600px) {
  .select2-container--default .select2-selection--single {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  .select2-container--default .select2-selection--single {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  .select2-container--default .select2-selection--single {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  .select2-container--default .select2-selection--single {
    border-radius: 4.55px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #161616;
  font-weight: 400;
  text-transform: capitalize;
  padding-right: 30px;
}
@media (min-width: 1600px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 11.05px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
  z-index: 9;
  border: none;
  transition: transform 0.3s ease;
  background-position: left;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px;
  top: 50%;
  transition: transform 0.3s ease;
  transform: translateY(-50%);
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.select2-results__option {
  text-transform: capitalize;
}
@media (min-width: 1600px) {
  .select2-results__option {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .select2-results__option {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .select2-results__option {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .select2-results__option {
    font-size: 11.05px;
  }
}

.form-select-cstm + .select2-container {
  overflow: hidden;
  max-width: 100% !important;
}
@media (min-width: 1600px) {
  .form-select-cstm + .select2-container {
    border-radius: 12px;
  }
}
@media (min-width: 992px) {
  .form-select-cstm + .select2-container {
    border-radius: 11.4px;
  }
}
@media (max-width: 992px) {
  .form-select-cstm + .select2-container {
    border-radius: 9px;
  }
}
@media (max-width: 575px) {
  .form-select-cstm + .select2-container {
    border-radius: 7.8px;
  }
}
.form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: 0;
  background-image: url("../../../assets/images/icon/select-angle-down.svg");
  background-repeat: no-repeat;
}
@media (min-width: 1600px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-size: 15px;
  }
}
@media (min-width: 992px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .form-select-cstm + .select2-container.select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 13px;
  }
}

.regionalProgramsCentres {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ffffff;
}
.regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items {
  border-radius: 16px;
  overflow: hidden;
  text-align: center;
  transition: 0.5s all;
  background-color: white;
  border: 1px solid #D2D6DB;
  position: relative;
  z-index: 0;
  transition-duration: 220ms;
}
@media (min-width: 1600px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items {
    padding: 19px;
  }
}
@media (max-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items {
    padding: 13px;
  }
}
.regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (min-width: 1600px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    padding: 6.5px;
  }
}
@media (min-width: 1600px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    height: 66.5px;
  }
}
@media (max-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    height: 52.5px;
  }
}
@media (max-width: 575px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    height: 45.5px;
  }
}
.regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
  max-width: 100%;
}
@media (min-width: 1600px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
    max-height: 65px;
  }
}
@media (min-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
    max-height: 61.75px;
  }
}
@media (max-width: 992px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
    max-height: 48.75px;
  }
}
@media (max-width: 575px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
    max-height: 42.25px;
  }
}
@media (max-width: 769px) {
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image {
    height: 70px;
  }
  .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
    max-height: unset;
  }
}
.regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  transition-duration: 220ms;
}
.regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items:hover {
  box-shadow: none;
  transform: scale(1.02);
}
.regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items:hover:before {
  opacity: 0;
}

[lang=ar] .regionalProgramsCentres .regionalProgramsCentres-section .regionalProgramsCentres-items .regionalProgramsCentres-items-image img {
  transform: none;
}

[lang=ar] .stayUpdate .stayUpdate-section::before {
  background-image: url("../../../assets/images/Stay_Updated_new_ar.png");
}
[lang=ar] .stayUpdate .stayUpdate-section .desktopImage {
  transform: scaleX(1);
}
[lang=ar] .stayUpdate .stayUpdate-section .mobileImage {
  transform: scaleX(1);
}
[lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
  left: unset;
}
@media (min-width: 1600px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    right: 30px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    right: 28.5px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    right: 22.5px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    right: 19.5px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    bottom: 15px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content {
    bottom: 9.75px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    font-size: 18px;
    line-height: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    line-height: 1 !important;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content .keyFeatures ul li .keyFeatures-items {
    padding: 5px;
  }
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content .keyFeatures ul li .keyFeatures-items .keyFeatures-items-icon img {
    width: 14px;
  }
  [lang=ar] .stayUpdate .stayUpdate-section .stayUpdate-content .keyFeatures ul li .keyFeatures-items .keyFeatures-items-title p {
    font-size: 8px;
  }
}

.stayUpdate {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
  position: relative;
}
.stayUpdate .pattern .separatorTop {
  position: absolute;
  left: 0;
  width: 100%;
}
@media (min-width: 1600px) {
  .stayUpdate .pattern .separatorTop {
    top: -6px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .pattern .separatorTop {
    top: -5.7px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .pattern .separatorTop {
    top: -4.5px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .pattern .separatorTop {
    top: -3.9px;
  }
}
.stayUpdate .pattern .separatorTop img {
  width: 100%;
}
.stayUpdate .stayUpdate-section {
  max-width: 1700px;
  margin: 0 auto;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 38px;
  border-radius: 16px;
  overflow: hidden;
}
.stayUpdate .stayUpdate-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../../../assets/images/Stay_Updated_new_en.png");
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.stayUpdate .stayUpdate-section .desktopImage {
  width: 100%;
  min-height: 450px;
}
.stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    line-height: 24.7px;
  }
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-title h2 {
    margin-bottom: 10.4px;
  }
}
.stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    line-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .stayUpdate-content-descp p {
    margin-bottom: 10.4px;
  }
}
.stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp {
    gap: 13px;
  }
}
.stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppTitle h4 {
    line-height: 18.2px;
  }
}
.stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppIcon img {
  transform: none;
  width: 100%;
}
@media (min-width: 1600px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppIcon img {
    max-width: 140px;
  }
}
@media (min-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppIcon img {
    max-width: 133px;
  }
}
@media (max-width: 992px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppIcon img {
    max-width: 105px;
  }
}
@media (max-width: 575px) {
  .stayUpdate .stayUpdate-section .stayUpdate-content .downloadApp .downloadAppIcon img {
    max-width: 91px;
  }
}
.stayUpdate .stayUpdate-section .stayUpdate-content .keyFeatures ul {
  width: 100%;
}
.stayUpdate .stayUpdate-section .stayUpdate-content .keyFeatures .keyFeatures-title {
  width: 100%;
}

.keyFeatures {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
}
@media (max-width: 992px) {
  .keyFeatures {
    flex-direction: column;
  }
}
.keyFeatures .keyFeatures-title h3 {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .keyFeatures .keyFeatures-title h3 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .keyFeatures .keyFeatures-title h3 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .keyFeatures .keyFeatures-title h3 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .keyFeatures .keyFeatures-title h3 {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .keyFeatures .keyFeatures-title h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .keyFeatures .keyFeatures-title h3 {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .keyFeatures .keyFeatures-title h3 {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .keyFeatures .keyFeatures-title h3 {
    margin-bottom: 6.5px;
  }
}
.keyFeatures ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .keyFeatures ul {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul {
    gap: 6.5px;
  }
}
.keyFeatures ul li .keyFeatures-items {
  display: flex;
  align-items: baseline;
  justify-content: start;
  flex-wrap: wrap;
  border: 1px solid #ffffff;
  background-color: white;
}
@media (min-width: 1600px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul li .keyFeatures-items {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .keyFeatures ul li .keyFeatures-items {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul li .keyFeatures-items {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .keyFeatures ul li .keyFeatures-items {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul li .keyFeatures-items {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul li .keyFeatures-items {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-icon img {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-icon img {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-icon img {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-icon img {
    width: 13px;
  }
}
.keyFeatures ul li .keyFeatures-items .keyFeatures-items-title p {
  margin-bottom: 0;
  color: #161616;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-title p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-title p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-title p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .keyFeatures ul li .keyFeatures-items .keyFeatures-items-title p {
    font-size: 10.4px;
  }
}

@media (max-width: 769px) {
  .keyFeatures {
    flex-direction: column;
    gap: 10px;
  }
  .keyFeatures ul {
    gap: 5px;
  }
  .keyFeatures a {
    margin-bottom: 10px;
  }
}
[lang=ar] .pageHeroBanner .mainHero {
  transform: rotateY(0deg);
}
[lang=ar] .pageHeroBanner .mainHeroPattern {
  transform: scaleX(-1);
}

.pageHeroBanner {
  position: relative;
  z-index: 2;
  display: none;
}
.pageHeroBanner.pageHeroBannerGovernorates {
  display: block;
}
.pageHeroBanner.pageHeroBannerGovernorates .mainHeroFull {
  display: none;
}
@media (max-width: 769px) {
  .pageHeroBanner.mobileViewGovernorates .forecastPopup.forBanner.forBannerGovernorates {
    margin-inline: auto;
  }
  .pageHeroBanner.mobileViewGovernorates .active-alerts-section .alerts-count-section {
    justify-content: center !important;
  }
}
@media (max-width: 992px) {
  .pageHeroBanner.localWeatherHero .mainHero {
    min-height: 550px;
  }
}
.pageHeroBanner .mainHero {
  width: 100%;
  height: 100%;
}
@media (min-width: 1600px) {
  .pageHeroBanner .mainHero {
    max-height: 300px;
  }
}
@media (min-width: 992px) {
  .pageHeroBanner .mainHero {
    max-height: 285px;
  }
}
@media (max-width: 992px) {
  .pageHeroBanner .mainHero {
    max-height: 225px;
  }
}
@media (max-width: 575px) {
  .pageHeroBanner .mainHero {
    max-height: 195px;
  }
}
.pageHeroBanner .mainHero.mainHeroFull {
  max-height: unset;
}
@media (min-width: 1600px) {
  .pageHeroBanner .mainHero.mainHeroFull {
    height: 740px;
  }
}
@media (min-width: 992px) {
  .pageHeroBanner .mainHero.mainHeroFull {
    height: 703px;
  }
}
@media (max-width: 992px) {
  .pageHeroBanner .mainHero.mainHeroFull {
    height: 555px;
  }
}
@media (max-width: 575px) {
  .pageHeroBanner .mainHero.mainHeroFull {
    height: 481px;
  }
}
@media (max-width: 992px) {
  .pageHeroBanner .mainHero {
    min-height: 200px;
    object-fit: cover;
  }
  .pageHeroBanner .mainHero.mainHeroFull {
    height: 100%;
  }
}
.pageHeroBanner .mainHeroPattern {
  margin-top: -1vw;
  width: 100%;
}
@media (max-width: 1199px) and (min-width: 1600px) {
  .pageHeroBanner .mainHeroPattern {
    margin-top: -15px;
  }
}
@media (max-width: 1199px) and (min-width: 992px) {
  .pageHeroBanner .mainHeroPattern {
    margin-top: -14.25px;
  }
}
@media (max-width: 1199px) and (max-width: 992px) {
  .pageHeroBanner .mainHeroPattern {
    margin-top: -11.25px;
  }
}
@media (max-width: 1199px) and (max-width: 575px) {
  .pageHeroBanner .mainHeroPattern {
    margin-top: -9.75px;
  }
}

@media (min-width: 1600px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr {
    height: 60px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr {
    height: 57px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr {
    height: 45px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr {
    height: 39px;
  }
}
[lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
  color: #3d3d3d;
  border-right: 0px solid #D2D6DB;
  border-left: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 15.6px;
  }
}
[lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
  border-left: 0px solid #D2D6DB;
}
@media (min-width: 992px) and (max-width: 1280px) {
  [lang=ar] .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr {
    height: 45px;
  }
}

.cstmTableSimple div .col-xl-9.col-11 {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
}
.cstmTableSimple .cstmTableSimple-card {
  padding: 0;
  position: relative;
  overflow: visible !important;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain {
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  border-radius: 8px;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain.table-responsive .movable-table .table tbody {
  background-color: #ffffff;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain.table-responsive .movable-table .table tbody tr td {
  white-space: unset;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain.table-responsive .movable-table .table tbody tr td .description-container {
  min-width: unset;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain.table-responsive .movable-table .table tbody tr td .description-container.desc-column {
  min-width: 350px;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain.table-responsive .movable-table .table.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
  background-color: white;
  --bs-table-accent-bg: rgba($white, 1);
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table {
  margin-bottom: 0;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
  color: #384250;
  font-weight: 500;
  white-space: nowrap;
  background-color: #F9FAFB;
  border-inline-end: 1px solid #D2D6DB;
  border-bottom: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 14px !important;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 13.3px !important;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 10.5px !important;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 9.1px !important;
  }
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    padding: 14.25px;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    padding: 11.25px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    padding: 9.75px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th {
    min-width: 80px;
  }
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table thead tr th:last-child {
  border-inline-end: 0px solid #D2D6DB;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table.table-striped > tbody > tr:nth-of-type(2n + 1) > * {
  background-color: white;
  --bs-table-accent-bg: rgba($white, 1);
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr {
  vertical-align: middle;
  border-bottom: 1px solid #D2D6DB;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr:last-child {
  border-bottom: 0px solid #D2D6DB;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
  color: #3d3d3d;
  border-right: 1px solid #D2D6DB;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 15.6px;
  }
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td:last-child {
  border-right: 0px solid #D2D6DB;
}
.cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    max-width: 19px;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    max-width: 15px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    max-width: 13px;
  }
}
@media (min-width: 1600px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    margin-inline: 5px;
  }
}
@media (min-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    margin-inline: 4.75px;
  }
}
@media (max-width: 992px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    margin-inline: 3.75px;
  }
}
@media (max-width: 575px) {
  .cstmTableSimple .cstmTableSimple-card .cstmTableMain table tbody tr td .tempratureCell img {
    margin-inline: 3.25px;
  }
}

.table-container--primary {
  filter: none;
  background-color: #e7f5fc;
}
.table-container--primary .table thead {
  background-color: #25935f;
}
.table-container--primary .table thead tr th {
  color: #ffffff;
}
.table-container--primary .table tbody tr {
  /* .table-row-border--right {
    border-right: 1px solid $primaryLight;
  }

  .table-row-border--left {
    border-left: 1px solid $primaryLight;
  } */
}
@media (min-width: 1600px) {
  .table-container--primary .table tbody tr td {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .table-container--primary .table tbody tr td {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .table-container--primary .table tbody tr td {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .table-container--primary .table tbody tr td {
    font-size: 10.4px;
  }
}
.table-container--primary .table tbody tr td p {
  font-size: inherit !important;
  margin: 0px;
}
.table-container--primary .table tbody tr td .badge-status {
  padding: 10px;
}
.table-container--primary .table tbody tr td .badge-status p {
  display: inline-block;
  padding: 6px 12px;
  border-radius: 18px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #074D31;
  color: #ffffff;
  font-weight: normal;
  font-size: 16px;
}
.table-container--primary .table tbody tr td .attached-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.5px;
  white-space: nowrap;
  background-color: #25935f;
  border: none;
  outline: none;
  padding: 8px 16px;
  border-radius: 26px;
  color: #ffffff;
  margin: 0px;
}
.table-container--primary .table tbody tr td .email-field--column p a {
  color: #074D31;
}
.table-container--primary .table tbody tr td .email-field--column p a:hover {
  color: #25935f;
}
.table-container--primary .table tbody tr td .description-container {
  min-width: 320px;
}
@media (max-width: 575px) {
  .table-container--primary .table tbody tr td .description-container {
    min-width: 256px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .table-container--primary .table tbody tr td .description-container {
    min-width: 256px;
  }
}

select, .select2-selection, .citySelect-heading-primary, .selectize-input,
.volunteering-section .accordion-body .volunteer-form .vf-select {
  border: 1px solid #9da4ae;
  position: relative;
}
@media (min-width: 1600px) {
  select, .select2-selection, .citySelect-heading-primary, .selectize-input,
  .volunteering-section .accordion-body .volunteer-form .vf-select {
    border-radius: 4px !important;
  }
}
@media (min-width: 992px) {
  select, .select2-selection, .citySelect-heading-primary, .selectize-input,
  .volunteering-section .accordion-body .volunteer-form .vf-select {
    border-radius: 3.8px !important;
  }
}
@media (max-width: 992px) {
  select, .select2-selection, .citySelect-heading-primary, .selectize-input,
  .volunteering-section .accordion-body .volunteer-form .vf-select {
    border-radius: 3px !important;
  }
}
@media (max-width: 575px) {
  select, .select2-selection, .citySelect-heading-primary, .selectize-input,
  .volunteering-section .accordion-body .volunteer-form .vf-select {
    border-radius: 2.6px !important;
  }
}
select .select2-selection__placeholder, .select2-selection .select2-selection__placeholder, .citySelect-heading-primary .select2-selection__placeholder, .selectize-input .select2-selection__placeholder,
.volunteering-section .accordion-body .volunteer-form .vf-select .select2-selection__placeholder {
  color: #161616 !important;
}
select:hover, .select2-selection:hover, .citySelect-heading-primary:hover, .selectize-input:hover,
.volunteering-section .accordion-body .volunteer-form .vf-select:hover {
  cursor: pointer;
  border: 1px solid #384250;
}
select:after, .select2-selection:after, .citySelect-heading-primary:after, .selectize-input:after,
.volunteering-section .accordion-body .volunteer-form .vf-select:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2px;
  transform: translateX(-50%);
  background-color: black;
  transition: width 0.3s ease-in-out;
}
select.customDropDownAnim:after, .select2-selection.customDropDownAnim:after, .citySelect-heading-primary.customDropDownAnim:after, .selectize-input.customDropDownAnim:after,
.volunteering-section .accordion-body .volunteer-form .vf-select.customDropDownAnim:after {
  width: 100%;
  transition: width 0.3s ease-in-out;
}
select:focus-visible, .select2-selection:focus-visible, .citySelect-heading-primary:focus-visible, .selectize-input:focus-visible,
.volunteering-section .accordion-body .volunteer-form .vf-select:focus-visible {
  outline-width: 0px !important;
}

.selectize-input:after {
  left: unset;
}

[lang=ar] .selectize-input:after {
  left: 15px;
  right: unset;
}

select:focus, select.input-active, .volunteering-section .accordion-body .volunteer-form .vf-select:focus, .volunteering-section .accordion-body .volunteer-form .vf-select.input-active, .selectize-input:focus, .selectize-input.input-active {
  border: 1px solid #9da4ae !important;
  border-bottom: 2px solid #0D121C !important;
}
select:focus::after, select.input-active::after, .volunteering-section .accordion-body .volunteer-form .vf-select:focus::after, .volunteering-section .accordion-body .volunteer-form .vf-select.input-active::after, .selectize-input:focus::after, .selectize-input.input-active::after {
  transform: scaleY(-1);
  transition: transform 0.3s ease;
}

.select2.select2-container.select2-container--open .select2-selection:after {
  width: 100%;
  transition: width 0.3s ease-in-out;
}

[lang=ar] .kingdomWrap:after {
  left: 0;
  transform: scaleX(-1);
}
[lang=ar] .kingdomWrap .kingdomCard::after {
  transform: scaleX(-1);
}

.kingdomWrap {
  position: relative;
}
@media (min-width: 1600px) {
  .kingdomWrap {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap {
    padding: 28.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap {
    padding: 22.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap {
    padding: 19.5px;
  }
}
.kingdomWrap.no-bottom-border .head::before {
  display: none;
}
.kingdomWrap .days-filter {
  position: relative;
  width: max-content;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter {
    padding-inline: 6.5px;
  }
}
.kingdomWrap .days-filter::before {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: #25935f;
  mix-blend-mode: multiply;
  z-index: -1;
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter::before {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter::before {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter::before {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter::before {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter::before {
    padding-block: 4px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter::before {
    padding-block: 3.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter::before {
    padding-block: 3px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter::before {
    padding-block: 2.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter::before {
    padding-inline: 8px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter::before {
    padding-inline: 7.6px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter::before {
    padding-inline: 6px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter::before {
    padding-inline: 5.2px;
  }
}
.kingdomWrap .days-filter span {
  font-weight: 500;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter span {
    margin-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter span {
    margin-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter span {
    margin-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter span {
    margin-inline-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter span {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter span {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter span {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter span {
    font-size: 10.4px;
  }
}
.kingdomWrap .days-filter .btn-container {
  position: relative;
  z-index: 111;
  isolation: isolate;
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter .btn-container {
    padding: 4px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter .btn-container {
    padding: 3.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter .btn-container {
    padding: 3px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter .btn-container {
    padding: 2.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter .btn-container {
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter .btn-container {
    border-radius: 5.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter .btn-container {
    border-radius: 4.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter .btn-container {
    border-radius: 3.9px;
  }
}
.kingdomWrap .days-filter .btn-container::before {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(7, 77, 49, 0.5);
  z-index: -1;
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter .btn-container::before {
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter .btn-container::before {
    border-radius: 5.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter .btn-container::before {
    border-radius: 4.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter .btn-container::before {
    border-radius: 3.9px;
  }
}
.kingdomWrap .days-filter .btn-container button {
  background-color: rgba(214, 214, 214, 0.1);
  font-weight: 500;
  border: none;
  color: #d6d6d6;
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter .btn-container button {
    padding-inline: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter .btn-container button {
    padding-inline: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter .btn-container button {
    padding-inline: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter .btn-container button {
    padding-inline: 9.1px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter .btn-container button {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter .btn-container button {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter .btn-container button {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter .btn-container button {
    border-radius: 2.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .days-filter .btn-container button {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .days-filter .btn-container button {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .days-filter .btn-container button {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .days-filter .btn-container button {
    font-size: 10.4px;
  }
}
.kingdomWrap .days-filter .btn-container button.active {
  background-color: #d6d6d6;
  color: #3d3d3d;
}
.kingdomWrap:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-linear-gradient(top, #25935fB3, #074D31CC);
  background-color: black;
  opacity: 0.8;
}
@media (min-width: 1600px) {
  .kingdomWrap:before {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap:before {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap:before {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap:before {
    border-radius: 6.5px;
  }
}
.kingdomWrap:after {
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="246.797" height="151.39" viewBox="0 0 246.797 151.39"><defs><clipPath id="clip-path"><rect id="Rectangle_7737" data-name="Rectangle 7737" width="246.797" height="151.39" fill="none" stroke="%23707070" stroke-width="1"/></clipPath></defs><g id="Group_18789" data-name="Group 18789" transform="translate(40 -25)"><g id="Group_17998" data-name="Group 17998" transform="translate(-40 25)" clip-path="url(%23clip-path)"><path id="Path_27036" data-name="Path 27036" d="M.239,0C-.964,22.559,1.8,53.325,21.781,71.78,36.6,85.463,59.409,90.175,84.361,84.7c15.7-3.441,30.768-10.216,45.337-16.768,5.523-2.486,11.234-5.055,16.9-7.4,16.557-6.874,41.313-15.393,65.043-10.068,15.835,3.553,30.049,12.848,43.8,21.84,15.351,10.033,31.219,20.411,49.156,22.531,22.082,2.613,43.259-7.542,63.741-17.36,3.408-1.636,6.933-3.323,10.381-4.914a321.231,321.231,0,0,1,145.61-28.782A326.44,326.44,0,0,1,593.6,53.832a317.774,317.774,0,0,1,74.114,29.283" transform="translate(-172.447 -137.914) rotate(23)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="1"/><path id="Path_27052" data-name="Path 27052" d="M.239,0C-.964,22.559,1.8,53.325,21.781,71.78,36.6,85.463,59.409,90.175,84.361,84.7c15.7-3.441,30.768-10.216,45.337-16.768,5.523-2.486,11.234-5.055,16.9-7.4,16.557-6.874,41.313-15.393,65.043-10.068,15.835,3.553,30.049,12.848,43.8,21.84,15.351,10.033,31.219,20.411,49.156,22.531,22.082,2.613,43.259-7.542,63.741-17.36,3.408-1.636,6.933-3.323,10.381-4.914a321.231,321.231,0,0,1,145.61-28.782A326.44,326.44,0,0,1,593.6,53.832a317.774,317.774,0,0,1,74.114,29.283" transform="translate(105.647 -47.034) rotate(23)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></g></g></svg>');
  background-repeat: no-repeat;
  background-size: 95% auto;
  background-position: top right;
  position: absolute;
  z-index: -1;
  top: 0;
  inset-inline-end: 0;
}
@media (min-width: 1600px) {
  .kingdomWrap:after {
    width: 246px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap:after {
    width: 233.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap:after {
    width: 184.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap:after {
    width: 159.9px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap:after {
    height: 151px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap:after {
    height: 143.45px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap:after {
    height: 113.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap:after {
    height: 98.15px;
  }
}
.kingdomWrap > .head {
  position: relative;
  z-index: 99;
}
@media (min-width: 1600px) {
  .kingdomWrap > .head {
    padding-bottom: 35px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap > .head {
    padding-bottom: 33.25px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap > .head {
    padding-bottom: 26.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap > .head {
    padding-bottom: 22.75px;
  }
}
.kingdomWrap > .head:before {
  content: "";
  background-image: url('data:image/svg+xml,<svg id="Group_18215" data-name="Group 18215" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1475" height="13.828" viewBox="0 0 1475 13.828"><defs><clipPath id="clip-path"><rect id="Rectangle_7828" data-name="Rectangle 7828" width="1475" height="13.828" fill="none" stroke="%23707070" stroke-width="2"/></clipPath></defs><g id="Group_18180" data-name="Group 18180" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_27964" data-name="Path 27964" d="M1470.274,12.5C1102.7,12.5,1102.7.218,735.2.218,367.646.218,367.646,12.5.117,12.5" transform="translate(2.305 0.326)" fill="none" stroke="%23fcb725" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path id="Path_27965" data-name="Path 27965" d="M.118.218C147.08.218,147.08,12.5,294.042,12.5c147,0,147-12.284,294.027-12.284S735.093,12.5,882.1,12.5C1029.14,12.5,1029.14.218,1176.164.218c147.045,0,147.045,12.284,294.089,12.284" transform="translate(2.304 0.321)" fill="none" stroke="%2300a2e1" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g></svg>');
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: top right;
  position: absolute;
  z-index: -1;
  bottom: 0;
  inset-inline-end: 0;
  width: 100%;
}
@media (min-width: 1600px) {
  .kingdomWrap > .head:before {
    height: 15px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap > .head:before {
    height: 14.25px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap > .head:before {
    height: 11.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap > .head:before {
    height: 9.75px;
  }
}
.kingdomWrap > .head h2 {
  color: #ffffff;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 1600px) {
  .kingdomWrap > .head h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap > .head h2 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap > .head h2 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap > .head h2 {
    font-size: 23.4px;
  }
}
.kingdomWrap > .head p {
  color: #ffffff;
  margin: 0;
  line-height: 1.8;
}
@media (min-width: 1600px) {
  .kingdomWrap > .head p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap > .head p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap > .head p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap > .head p {
    font-size: 9.1px;
  }
}
.kingdomWrap .kingdomCard {
  position: relative;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard {
    padding-inline: 7.8px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard {
    padding-block: 13px;
  }
}
.kingdomWrap .kingdomCard .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title {
    margin-bottom: 13px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title {
    padding-inline-start: 5px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title {
    padding-inline-start: 4.75px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title {
    padding-inline-start: 3.75px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title {
    padding-inline-start: 3.25px;
  }
}
.kingdomWrap .kingdomCard .title h3 {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-weight: 500;
  margin: 0px;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title h3 {
    gap: 6px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 {
    gap: 5.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 {
    gap: 4.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title h3 {
    gap: 3.9px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title h3 {
    font-size: 10.4px;
  }
}
.kingdomWrap .kingdomCard .title h3 span {
  color: #25935f;
}
.kingdomWrap .kingdomCard .title h3 svg {
  overflow: visible;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title h3 svg {
    height: 13px;
  }
}
.kingdomWrap .kingdomCard .title a {
  color: #ffffff;
  border: 2px solid #ffffff;
  display: none;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title a {
    font-size: 10px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    font-size: 9.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    font-size: 7.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title a {
    font-size: 6.5px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title a {
    width: 24px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    width: 22.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    width: 18px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title a {
    width: 15.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title a {
    height: 24px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    height: 22.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    height: 18px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title a {
    height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title a {
    border-radius: 24px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    border-radius: 22.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title a {
    border-radius: 18px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title a {
    border-radius: 15.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .title a i {
    margin-top: 2px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .title a i {
    margin-top: 1.9px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title a i {
    margin-top: 1.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .title a i {
    margin-top: 1.3px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard {
  border: 1px solid #D2D6DB;
  flex: 1 0;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    border-radius: 9px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    border-radius: 8.55px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    border-radius: 6.75px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    border-radius: 5.85px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard {
    padding: 6.5px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard > .head {
  border-bottom: 1px solid #074D31;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-block: 8px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-block: 7.6px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-block: 6px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-block: 5.2px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-inline-start: 4px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-inline-start: 3.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-inline-start: 3px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    padding-inline-start: 2.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head i,
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    margin-bottom: 2px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head i,
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    margin-bottom: 1.9px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head i,
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    margin-bottom: 1.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head i,
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    margin-bottom: 1.3px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard > .head svg {
  overflow: visible;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    width: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    width: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    width: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    width: 9.1px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    height: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    height: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    height: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    height: 9.1px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul {
    padding-top: 5px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul {
    padding-top: 4.75px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul {
    padding-top: 3.75px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul {
    padding-top: 3.25px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #25935f;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    padding-block: 7px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    padding-block: 6.65px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    padding-block: 5.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li {
    padding-block: 4.55px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard > .list ul li:last-child {
  border-bottom: none;
}
.kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value {
    font-size: 10.4px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value.enlarged {
  line-height: 1.4;
  white-space: nowrap;
  color: #25935f;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value.enlarged {
    font-size: 23px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value.enlarged {
    font-size: 21.85px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value.enlarged {
    font-size: 17.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard .tempStatsCard > .list ul li .value.enlarged {
    font-size: 14.95px;
  }
}
.kingdomWrap .kingdomCard .tempStatsCard > .list.orange ul li {
  border-color: #fcb725;
}
.kingdomWrap .kingdomCard .tempStatsCard > .list.orange ul li .value.enlarged {
  color: #dd7025;
}
.kingdomWrap .kingdomCard.fullCard:after {
  display: none;
}
.kingdomWrap .kingdomCard.fullCard .title {
  border-bottom: 1px solid #074D31;
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard.fullCard .title {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard.fullCard .title {
    padding-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard.fullCard .title {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard.fullCard .title {
    padding-bottom: 13px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .kingdomCard.fullCard .title h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .kingdomCard.fullCard .title h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard.fullCard .title h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .kingdomCard.fullCard .title h3 {
    font-size: 11.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .kingdomCard .title h3 {
    font-size: 18px;
  }
  .kingdomWrap .kingdomCard .title h3 svg {
    width: 18px;
    height: 18px;
  }
  .kingdomWrap .kingdomCard .tempStatsCard > .head {
    font-size: 14px;
  }
  .kingdomWrap .kingdomCard .tempStatsCard > .head svg {
    width: 15px;
    height: 15px;
  }
  .kingdomWrap .kingdomCard .tempStatsCard .list ul li {
    font-size: 12px;
  }
  .kingdomWrap .kingdomCard .tempStatsCard .list ul li .value {
    font-size: 14px;
  }
  .kingdomWrap .kingdomCard .tempStatsCard .list ul li .value.enlarged {
    font-size: 21px;
  }
}
.kingdomWrap .historicalList ul {
  display: flex;
}
.kingdomWrap .historicalList ul li {
  flex: 2 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kingdomWrap .historicalList ul li:first-child .historicalWrap {
  width: 90%;
}
.kingdomWrap .historicalList ul li:first-child .historicalWrap .historicalCard {
  flex: 1 0;
}
.kingdomWrap .historicalList ul li:not(:first-child) {
  flex: 1 0;
}
.kingdomWrap .historicalList ul li:not(:last-child) {
  border-inline-end: 1px solid #25935f;
}
.kingdomWrap .historicalList ul li h3 {
  display: flex;
  align-items: center;
  width: 100%;
  color: #ffffff;
  font-weight: 500;
  margin: 0px;
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li h3 {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li h3 {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li h3 {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li h3 {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li h3 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li h3 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li h3 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li h3 {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li h3 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li h3 {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li h3 {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li h3 {
    margin-bottom: 9.75px;
  }
}
.kingdomWrap .historicalList ul li h3 svg {
  overflow: visible;
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li h3 svg {
    width: 15px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li h3 svg {
    width: 14.25px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li h3 svg {
    width: 11.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li h3 svg {
    width: 9.75px;
  }
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li h3 svg {
    height: 15px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li h3 svg {
    height: 14.25px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li h3 svg {
    height: 11.25px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li h3 svg {
    height: 9.75px;
  }
}
.kingdomWrap .historicalList ul li .historicalCard h4,
.kingdomWrap .historicalList ul li .historicalCard h5,
.kingdomWrap .historicalList ul li .historicalCard p {
  color: #ffffff;
}
.kingdomWrap .historicalList ul li .historicalCard h4 {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li .historicalCard h4 {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li .historicalCard h4 {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li .historicalCard h4 {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li .historicalCard h4 {
    font-size: 7.8px;
  }
}
.kingdomWrap .historicalList ul li .historicalCard h5 {
  font-weight: 700;
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li .historicalCard h5 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li .historicalCard h5 {
    font-size: 24.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li .historicalCard h5 {
    font-size: 19.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li .historicalCard h5 {
    font-size: 16.9px;
  }
}
.kingdomWrap .historicalList ul li .historicalCard p {
  margin: 0px;
}
@media (min-width: 1600px) {
  .kingdomWrap .historicalList ul li .historicalCard p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .kingdomWrap .historicalList ul li .historicalCard p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul li .historicalCard p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li .historicalCard p {
    font-size: 7.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWrap .historicalList ul {
    flex-direction: column;
    flex-wrap: wrap;
  }
  .kingdomWrap .historicalList ul li {
    flex: 0 0 100%;
    padding-block: 30px;
  }
  .kingdomWrap .historicalList ul li:not(:last-child) {
    border-inline-end: none;
    border-bottom: 1px solid #25935f;
  }
  .kingdomWrap .historicalList ul li h3 {
    margin-bottom: 20px;
    font-size: 14px;
  }
  .kingdomWrap .historicalList ul li h3 svg {
    width: 15px;
    height: 15px;
  }
  .kingdomWrap .historicalList ul li .historicalCard h4 {
    font-size: 12px;
  }
  .kingdomWrap .historicalList ul li .historicalCard h5 {
    font-size: 24px;
  }
  .kingdomWrap .historicalList ul li .historicalCard p {
    font-size: 10px;
  }
}
@media (max-width: 575px) {
  .kingdomWrap .historicalList ul li:first-child .historicalWrap {
    width: auto;
  }
  .kingdomWrap .historicalList ul li:first-child .historicalWrap .historicalCard {
    margin-top: 10px;
  }
}

.arabic .tempArrowBtn {
  transform: rotate(180deg);
}

.forecast-card {
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
@media (min-width: 1600px) {
  .forecast-card {
    width: 476px;
  }
}
@media (min-width: 992px) {
  .forecast-card {
    width: 452.2px;
  }
}
@media (max-width: 992px) {
  .forecast-card {
    width: 357px;
  }
}
@media (max-width: 575px) {
  .forecast-card {
    width: 309.4px;
  }
}
@media (min-width: 1600px) {
  .forecast-card {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .forecast-card {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecast-card {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .forecast-card {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .forecast-card {
    height: 130px;
  }
}
@media (min-width: 992px) {
  .forecast-card {
    height: 123.5px;
  }
}
@media (max-width: 992px) {
  .forecast-card {
    height: 97.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card {
    height: 84.5px;
  }
}
.forecast-card.auto-width {
  width: auto;
  height: auto;
  margin-block: 1%;
}
.forecast-card svg {
  cursor: pointer;
}
.forecast-card .header {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .forecast-card .header {
    padding-inline-start: 20px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header {
    padding-inline-start: 19px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header {
    padding-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header {
    padding-inline-start: 13px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .header {
    padding-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header {
    padding-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header {
    padding-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header {
    padding-inline-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .header {
    padding-block-start: 10px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header {
    padding-block-start: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header {
    padding-block-start: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header {
    padding-block-start: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .header {
    padding-block-end: 10px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header {
    padding-block-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header {
    padding-block-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header {
    padding-block-end: 6.5px;
  }
}
.forecast-card .header .title {
  padding-block: 0 !important;
  font-weight: 500;
  color: #0D121C;
  text-align: start;
}
@media (min-width: 1600px) {
  .forecast-card .header .title {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header .title {
    font-size: 25.65px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header .title {
    font-size: 20.25px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header .title {
    font-size: 17.55px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .header .right-arrow-icon {
    width: 26px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header .right-arrow-icon {
    width: 24.7px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header .right-arrow-icon {
    width: 19.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header .right-arrow-icon {
    width: 16.9px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .header .right-arrow-icon {
    height: 26px;
  }
}
@media (min-width: 992px) {
  .forecast-card .header .right-arrow-icon {
    height: 24.7px;
  }
}
@media (max-width: 992px) {
  .forecast-card .header .right-arrow-icon {
    height: 19.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .header .right-arrow-icon {
    height: 16.9px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .body {
    padding-block-end: 20px;
  }
}
@media (min-width: 992px) {
  .forecast-card .body {
    padding-block-end: 19px;
  }
}
@media (max-width: 992px) {
  .forecast-card .body {
    padding-block-end: 15px;
  }
}
@media (max-width: 575px) {
  .forecast-card .body {
    padding-block-end: 13px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .body {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .forecast-card .body {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .forecast-card .body {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .forecast-card .body {
    padding-inline: 13px;
  }
}
.forecast-card .body p {
  font-weight: 400;
  margin: 0;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .forecast-card .body p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecast-card .body p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecast-card .body p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecast-card .body p {
    font-size: 10.4px;
  }
}
.forecast-card .footer {
  border-top: 1px solid #D2D6DB;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .forecast-card .footer {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .footer {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer {
    padding-inline: 13px;
  }
}
.forecast-card .footer .parameter-values-container {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-values-container {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-values-container {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-values-container {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-values-container {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    width: 17.1px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    width: 13.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    width: 11.7px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-values-container .arrow-icon {
    height: 11.7px;
  }
}
.forecast-card .footer .parameter-container {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-container {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-container {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-container {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-container {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    width: 23px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    width: 21.85px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    width: 17.25px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    width: 14.95px;
  }
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    height: 23px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    height: 21.85px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    height: 17.25px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-container .parameter-icon {
    height: 14.95px;
  }
}
.forecast-card .footer .parameter-container .parameter-title {
  font-weight: 400;
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-container .parameter-title {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-title {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-title {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-container .parameter-title {
    font-size: 13.65px;
  }
}
.forecast-card .footer .parameter-container .parameter-value {
  font-weight: 500;
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .forecast-card .footer .parameter-container .parameter-value {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-value {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .forecast-card .footer .parameter-container .parameter-value {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .forecast-card .footer .parameter-container .parameter-value {
    font-size: 13.65px;
  }
}

[lang=ar] .forecast-card .header .right-arrow-icon {
  transform: rotateY(180deg);
}

[lang=ar] .slider-content .slick-track {
  float: left;
}
[lang=ar] .regionsReport .regionInfo .patter .top {
  left: unset;
}
@media (min-width: 1600px) {
  [lang=ar] .regionsReport .regionInfo .patter .top {
    right: -20px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .regionsReport .regionInfo .patter .top {
    right: -19px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .regionsReport .regionInfo .patter .top {
    right: -15px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .regionsReport .regionInfo .patter .top {
    right: -13px;
  }
}
[lang=ar] .regionsReport .regionInfo .patter .bottom {
  right: unset;
}
@media (min-width: 1600px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    left: -20px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    left: -19px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    left: -15px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    left: -13px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    margin-bottom: -20px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    margin-bottom: -19px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    margin-bottom: -15px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .regionsReport .regionInfo .patter .bottom {
    margin-bottom: -13px;
  }
}
.region {
  background-color: rgba(37, 147, 95, 0.1);
}
@media (min-width: 1600px) {
  .region {
    padding-top: 70px;
  }
}
@media (min-width: 992px) {
  .region {
    padding-top: 66.5px;
  }
}
@media (max-width: 992px) {
  .region {
    padding-top: 52.5px;
  }
}
@media (max-width: 575px) {
  .region {
    padding-top: 45.5px;
  }
}
@media (min-width: 1600px) {
  .region {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .region {
    padding-bottom: 76px;
  }
}
@media (max-width: 992px) {
  .region {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .region {
    padding-bottom: 52px;
  }
}
.region .regionHeader .regionHeaderContent {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContent {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContent {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContent {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContent {
    gap: 6.5px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContent {
    flex-direction: column;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContent i svg {
    max-width: 24px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContent i svg {
    max-width: 22.8px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContent i svg {
    max-width: 18px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContent i svg {
    max-width: 15.6px;
  }
}
.region .regionHeader .regionHeaderContent .regionHeaderText p {
  margin-bottom: 0;
  color: #074D31;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 15.6px;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex {
    gap: 9.75px;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
  width: 100%;
  max-width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 9.75px;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    padding-top: 9.75px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
    max-width: 15%;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts {
    margin-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts {
    margin-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts {
    margin-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts {
    margin-inline-start: 9.75px;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts .regionHeaderContentInfo-indication {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%) !important;
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text {
  display: flex;
  align-items: center;
  justify-content: center;
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
  margin-top: 0;
  line-height: 1.2;
  width: 60%;
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section.activeAlerts .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    width: 60%;
    text-align: center;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
  width: 100%;
  height: 100%;
  border: solid #25935f;
  overflow: hidden;
  background: #25935f;
  background: linear-gradient(90deg, #25935f 0%, #074d31 100%);
  display: flex;
  align-items: center;
  justify-content: start;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    min-height: 60px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    min-height: 57px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    min-height: 45px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    min-height: 39px;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    max-width: 150px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    max-width: 142.5px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    max-width: 112.5px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    max-width: 97.5px;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    border-width: 0.65px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
    flex-direction: column;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red {
  background: #df1414;
  background: linear-gradient(180deg, #df1414 0%, #570000 100%);
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red {
    width: 100%;
    min-height: 55px;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red.orange {
  background: #fcb725;
  background: linear-gradient(180deg, #fcb725 0%, #dd7025 100%);
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red.yellow {
  background: #fffb07;
  background: linear-gradient(180deg, #fffb07 0%, #ffb804 100%);
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-icon {
  width: 100%;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-icon {
    max-width: 25px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-icon {
    max-width: 23.75px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-icon {
    max-width: 18.75px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-icon {
    max-width: 16.25px;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    font-size: 7.8px;
  }
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    margin-top: 2px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    margin-top: 1.9px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    margin-top: 1.5px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-red .regionHeaderContentInfo-indication-red-text p {
    margin-top: 1.3px;
  }
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure {
  width: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 41px;
  }
}
@media (min-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 38.95px;
  }
}
@media (max-width: 992px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 30.75px;
  }
}
@media (max-width: 575px) {
  .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 26.65px;
  }
}
@media (min-width: 1600px) {
  .region .regionMap .pattern .top {
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .region .regionMap .pattern .top {
    padding-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .region .regionMap .pattern .top {
    padding-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .region .regionMap .pattern .top {
    padding-bottom: 19.5px;
  }
}
@media (min-width: 1600px) {
  .region .regionMap .pattern .top {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .region .regionMap .pattern .top {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  .region .regionMap .pattern .top {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .region .regionMap .pattern .top {
    margin-top: 26px;
  }
}
.region .regionMap .pattern .top img {
  width: 100%;
}
@media (min-width: 1600px) {
  .region .regionMap .pattern .bottom {
    padding-top: 70px;
  }
}
@media (min-width: 992px) {
  .region .regionMap .pattern .bottom {
    padding-top: 66.5px;
  }
}
@media (max-width: 992px) {
  .region .regionMap .pattern .bottom {
    padding-top: 52.5px;
  }
}
@media (max-width: 575px) {
  .region .regionMap .pattern .bottom {
    padding-top: 45.5px;
  }
}
@media (min-width: 1600px) {
  .region .regionMap .pattern .bottom {
    margin-bottom: 60px;
  }
}
@media (min-width: 992px) {
  .region .regionMap .pattern .bottom {
    margin-bottom: 57px;
  }
}
@media (max-width: 992px) {
  .region .regionMap .pattern .bottom {
    margin-bottom: 45px;
  }
}
@media (max-width: 575px) {
  .region .regionMap .pattern .bottom {
    margin-bottom: 39px;
  }
}
.region .regionMap .pattern .bottom img {
  width: 100%;
}
.region .regionMap .regionMap-section {
  overflow: hidden;
}
@media (min-width: 1600px) {
  .region .regionMap .regionMap-section {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .region .regionMap .regionMap-section {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .region .regionMap .regionMap-section {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .region .regionMap .regionMap-section {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .region .regionMap .regionMap-section {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .region .regionMap .regionMap-section {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  .region .regionMap .regionMap-section {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .region .regionMap .regionMap-section {
    margin-top: 26px;
  }
}
.region .regionMap .regionMap-section img {
  width: 100%;
}
.region .regionstabing .slider-thumb .slick-list {
  border: solid #25935f;
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-block: 13px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-list {
    margin-inline: 20px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    margin-inline: 19px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    margin-inline: 15px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-list {
    margin-inline: 13px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-list {
    padding-inline: 6.5px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-width: 1.3px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-list {
    border-radius: 6.5px;
  }
}
.region .regionstabing .slider-thumb .slick-arrow {
  z-index: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  background-color: #def1fb;
  border: solid #def1fb;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-radius: 100px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-radius: 95px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-radius: 75px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-radius: 65px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-arrow {
    border-width: 1.3px;
  }
}
.region .regionstabing .slider-thumb .slick-arrow svg {
  width: 100%;
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-arrow svg {
    max-width: 35px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-arrow svg {
    max-width: 33.25px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-arrow svg {
    max-width: 26.25px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-arrow svg {
    max-width: 22.75px;
  }
}
.region .regionstabing .slider-thumb .slick-arrow.slick-prev {
  left: 0;
}
.region .regionstabing .slider-thumb .slick-arrow.slick-next {
  right: 0;
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-slide {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-slide {
    padding-inline: 6.5px;
  }
}
.region .regionstabing .slider-thumb .slick-slide .tabBtn {
  background-color: #25935f;
  color: #ffffff;
  font-weight: 500;
  cursor: pointer;
  box-shadow: none;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-thumb .slick-slide .tabBtn {
    font-size: 11.05px;
  }
}
.region .regionstabing .slider-thumb .slick-slide .tabBtn:hover {
  background-color: #074d31;
}
.region .regionstabing .slider-thumb .slick-slide.slick-active .tabBtn {
  background-color: #074d31;
}
@media (min-width: 1600px) {
  .region .regionstabing .slider-content .slick-slide {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .region .regionstabing .slider-content .slick-slide {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .region .regionstabing .slider-content .slick-slide {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .region .regionstabing .slider-content .slick-slide {
    padding-inline: 13px;
  }
}

.regionsTab {
  position: relative;
  z-index: 2;
}
.regionsTab .regionsTabList {
  padding-block: 20px;
  margin-inline: 20px;
  padding-inline: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  overflow: hidden;
}
@media (max-width: 992px) {
  .regionsTab .regionsTabList {
    padding-block: 18px;
    padding-inline: 15px;
  }
}
.regionsTab .rigionName {
  display: flex;
  align-items: center;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .regionsTab .rigionName .regionNameItem {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .regionsTab .rigionName .regionNameItem {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionsTab .rigionName .regionNameItem {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionsTab .rigionName .regionNameItem {
    padding-inline: 6.5px;
  }
}
.regionsTab .rigionName .regionNameItem a {
  border-radius: 16px;
  background-color: white;
  color: #161616;
  font-weight: 500;
  cursor: pointer;
  transition: 0.5s all;
  display: inline-block;
  border: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-block: 8px;
  }
}
@media (min-width: 992px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-block: 7.6px;
  }
}
@media (max-width: 992px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-block: 6px;
  }
}
@media (max-width: 575px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-block: 5.2px;
  }
}
@media (min-width: 1600px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .regionsTab .rigionName .regionNameItem a {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .regionsTab .rigionName .regionNameItem a {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .regionsTab .rigionName .regionNameItem a {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .regionsTab .rigionName .regionNameItem a {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .regionsTab .rigionName .regionNameItem a {
    font-size: 11.05px;
  }
}
.regionsTab .rigionName .regionNameItem a:hover {
  background-color: #1b8354;
  color: #ffffff;
  border: 1px solid #1b8354;
}
.regionsTab .rigionName .regionNameItem.active a {
  background-color: #1b8354;
  color: #ffffff;
  border: 1px solid #1b8354;
}
.regionsTab .tabNavigate {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  color: #074D31;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .regionsTab .tabNavigate {
    border-radius: 100px;
  }
}
@media (min-width: 992px) {
  .regionsTab .tabNavigate {
    border-radius: 95px;
  }
}
@media (max-width: 992px) {
  .regionsTab .tabNavigate {
    border-radius: 75px;
  }
}
@media (max-width: 575px) {
  .regionsTab .tabNavigate {
    border-radius: 65px;
  }
}
@media (min-width: 1600px) {
  .regionsTab .tabNavigate {
    width: 35px;
  }
}
@media (min-width: 992px) {
  .regionsTab .tabNavigate {
    width: 33.25px;
  }
}
@media (max-width: 992px) {
  .regionsTab .tabNavigate {
    width: 26.25px;
  }
}
@media (max-width: 575px) {
  .regionsTab .tabNavigate {
    width: 22.75px;
  }
}
@media (min-width: 1600px) {
  .regionsTab .tabNavigate {
    height: 35px;
  }
}
@media (min-width: 992px) {
  .regionsTab .tabNavigate {
    height: 33.25px;
  }
}
@media (max-width: 992px) {
  .regionsTab .tabNavigate {
    height: 26.25px;
  }
}
@media (max-width: 575px) {
  .regionsTab .tabNavigate {
    height: 22.75px;
  }
}
@media (min-width: 1600px) {
  .regionsTab .tabNavigate {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .regionsTab .tabNavigate {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .regionsTab .tabNavigate {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .regionsTab .tabNavigate {
    font-size: 14.3px;
  }
}
.regionsTab .tabNavigate i {
  display: block;
  line-height: 1;
  position: relative;
  color: #1b8354;
}
@media (min-width: 1600px) {
  .regionsTab .tabNavigate i {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .regionsTab .tabNavigate i {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .regionsTab .tabNavigate i {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .regionsTab .tabNavigate i {
    font-size: 19.5px;
  }
}
.regionsTab .tabNavigate.left {
  inset-inline-start: 3px;
}
.regionsTab .tabNavigate.right {
  inset-inline-end: 3px;
}
.regionTabsContent {
  position: relative;
}
@media (min-width: 1600px) {
  .regionTabsContent {
    height: 680px;
  }
}
@media (min-width: 992px) {
  .regionTabsContent {
    height: 646px;
  }
}
@media (max-width: 992px) {
  .regionTabsContent {
    height: 510px;
  }
}
@media (max-width: 575px) {
  .regionTabsContent {
    height: 442px;
  }
}
.regionTabsContent .regionsContent {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.regionTabsContent .regionsContent.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 992px) {
  .regionTabsContent {
    height: 1320px;
  }
}
@media (max-width: 575px) {
  .regionTabsContent {
    height: 1250px;
  }
}

.regionsTabList .rigionName.swiper-container {
  max-width: 100% !important;
  right: 0 !important;
}
.regionsTabList .rigionName.swiper-container .swiper-slide {
  width: auto;
  flex-shrink: 0;
}

.regionRecords {
  text-align: center;
}
@media (min-width: 1600px) {
  .regionRecords {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .regionRecords {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  .regionRecords {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .regionRecords {
    margin-top: 26px;
  }
}
.regionRecords p {
  margin-bottom: 0;
  color: #074d31;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionRecords p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .regionRecords p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .regionRecords p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .regionRecords p {
    font-size: 11.7px;
  }
}

.regionsReport {
  padding: 16px;
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  overflow: hidden;
}
.regionsReport .regionInfo {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top {
    padding-inline: 13px;
  }
}
@media (max-width: 769px) {
  .regionsReport .regionInfo .regionInfo-top {
    padding-top: 40px;
  }
}
.regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h2, .regionsReport .regionInfo .regionInfo-top .regionInfoTitle h4 {
    margin-bottom: 19.5px;
  }
}
.regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h5, .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText h3 {
    line-height: 18.2px;
  }
}
.regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
  color: #161616;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    line-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .regionInfoDescp .regionInfoDescpText p {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    max-width: 190px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    max-width: 130px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .regionInfo-top .lightBtn {
    height: 26px;
  }
}
.regionsReport .regionInfo .activeAlerts {
  border-top: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-block: 13px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-inline: 40px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-inline: 38px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-inline: 30px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts {
    padding-inline: 26px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts {
    margin-left: -15px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts {
    margin-left: -14.25px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts {
    margin-left: -11.25px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts {
    margin-left: -9.75px;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h6, .regionsReport .regionInfo .activeAlerts .activeAlertsTitle h3 {
    line-height: 18.2px;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex {
  position: relative;
  display: flex;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex {
    gap: 6.5px;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
  width: 100%;
  max-width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 9.75px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 15px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    padding-top: 9.75px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section {
    max-width: 15%;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
  width: 100%;
  height: 100%;
  border-radius: 16px;
  overflow: hidden;
  background-color: #1b8354;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    min-height: 50px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    min-height: 47.5px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    min-height: 37.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    min-height: 32.5px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    max-width: 150px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    max-width: 142.5px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    max-width: 112.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    max-width: 97.5px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication {
    flex-direction: column;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red {
  background: #df1414;
  background: linear-gradient(180deg, #df1414 0%, #570000 100%);
  width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red {
    width: 100%;
    min-height: 55px;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red.orange {
  background: #fcb725;
  background: linear-gradient(180deg, #fcb725 0%, #dd7025 100%);
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red.yellow {
  background: #fffb07;
  background: linear-gradient(180deg, #fffb07 0%, #ffb804 100%);
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-icon {
  width: 100%;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-icon {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-icon {
    max-width: 19px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-icon {
    max-width: 15px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-icon {
    max-width: 13px;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    font-size: 9px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    font-size: 8.55px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    font-size: 6.75px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    font-size: 5.85px;
  }
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    margin-top: 2px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    margin-top: 1.9px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    margin-top: 1.5px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    margin-top: 1.3px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-red .activeAlerts-indication-red-text p {
    font-size: 10px;
  }
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-figure {
  width: 60%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-figure p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-figure p {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-figure p {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-figure p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .regionsReport .regionInfo .activeAlerts .activeAlerts-indication .regionHeaderContentInfoFlex .activeAlerts-indication-section .activeAlerts-indication .activeAlerts-indication-figure p {
    font-size: 15.6px;
  }
}

.regionDetails {
  position: relative;
  z-index: 2;
  background-color: white;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid #D2D6DB;
}
.regionDetails .cityMap {
  background-color: #074D31;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.regionDetails .cityMap img {
  width: auto;
  height: 20px;
}
.regionDetails .cityMap .cityMap-title {
  position: absolute;
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .cityMap-title {
    left: 25px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .cityMap-title {
    left: 23.75px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .cityMap-title {
    left: 18.75px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .cityMap-title {
    left: 16.25px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .cityMap-title {
    top: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .cityMap-title {
    top: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .cityMap-title {
    top: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .cityMap-title {
    top: 6.5px;
  }
}
.regionDetails .cityMap .cityMap-title h6 {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .cityMap-title h6 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .cityMap-title h6 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .cityMap-title h6 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .cityMap-title h6 {
    font-size: 10.4px;
  }
}
.regionDetails .cityMap .zoomInOut {
  position: absolute;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .zoomInOut {
    right: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .zoomInOut {
    right: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .zoomInOut {
    right: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .zoomInOut {
    right: 6.5px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .zoomInOut {
    top: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .zoomInOut {
    top: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .zoomInOut {
    top: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .zoomInOut {
    top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .zoomInOut {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .zoomInOut {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .zoomInOut {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .zoomInOut {
    gap: 6.5px;
  }
}
.regionDetails .cityMap .zoomInOut .mapBtn.button-bottom-seperator::after {
  display: none;
}
.regionDetails .cityMap .knowMore {
  position: absolute;
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .knowMore {
    inset-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .knowMore {
    inset-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .knowMore {
    inset-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .knowMore {
    inset-inline-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .cityMap .knowMore {
    bottom: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .cityMap .knowMore {
    bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .cityMap .knowMore {
    bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .cityMap .knowMore {
    bottom: 6.5px;
  }
}
.regionDetails .cityMap .knowMore .knowMoreBtn {
  color: #ffffff;
  transition: 0.5s all;
}
.regionDetails .cityMap .knowMore .knowMoreBtn i {
  transition: 0.5s all;
  border-color: #ffffff;
}
.regionDetails .cityMap .knowMore .knowMoreBtn:hover {
  color: #dd7025;
}
.regionDetails .cityMap .knowMore .knowMoreBtn:hover i {
  border-color: #dd7025;
}
@media (max-width: 992px) {
  .regionDetails .cityMap {
    height: 350px;
  }
}
.regionDetails .regionDetails-cards {
  height: 100%;
  border-inline-end: 1px solid #d2d6db;
}
.regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
  height: 100%;
  overflow: auto;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    max-height: 590px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    max-height: 560.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    max-height: 442.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    max-height: 383.5px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    min-height: 590px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    min-height: 560.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    min-height: 442.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-bodyStyle {
    min-height: 383.5px;
  }
}
.regionDetails .regionDetails-cards.rightBorderZero .regionDetails-cards-headStyle {
  border-inline-end: 0px solid #d2d6db;
}
.regionDetails .regionDetails-cards.rightBorderZero .regionDetails-cards-textStyle {
  border-inline-end: 0px solid #d2d6db;
}
.regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
  border-inline-end: 1px solid #d2d6db;
  background-color: #f9fafb;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle {
    padding-inline: 6.5px;
  }
}
.regionDetails .regionDetails-cards .regionDetails-cards-headStyle .regionDetails-cards-items h3 {
  color: #0d121c;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle .regionDetails-cards-items h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle .regionDetails-cards-items h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle .regionDetails-cards-items h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-headStyle .regionDetails-cards-items h3 {
    font-size: 11.7px;
  }
}
.regionDetails .regionDetails-cards .colOne {
  width: 100%;
  max-width: 50%;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .colOne {
    padding-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .colOne {
    padding-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .colOne {
    padding-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .colOne {
    padding-inline-end: 6.5px;
  }
}
.regionDetails .regionDetails-cards .colTwo {
  width: 100%;
  max-width: 50%;
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
  border-inline-end: 1px solid #d2d6db;
  padding-inline: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid #d2d6db;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    padding-block: 7px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    padding-block: 6.65px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    padding-block: 5.25px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    padding-block: 4.55px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle {
    border-width: 0.65px;
  }
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle:hover {
  background-color: rgba(7, 77, 49, 0.1);
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .knowMoreBtn i {
  display: none;
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items svg {
  width: 17px;
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
  display: flex;
  align-items: center;
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .climateCard-header-title {
    font-size: 10.4px;
  }
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
  color: #3d3d3d;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items p {
    gap: 6.5px;
  }
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
  color: #3d3d3d;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell {
    gap: 6.5px;
  }
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureUp {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureUp {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureUp {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureUp {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureUp {
    gap: 3.25px;
  }
}
.regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureDown {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureDown {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureDown {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureDown {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .regionDetails .regionDetails-cards .regionDetails-cards-textStyle .regionDetails-cards-items .tempratureCell .tempratureDown {
    gap: 3.25px;
  }
}

@media (max-width: 1024px) {
  .regionDetails-cards {
    border-inline-end: unset !important;
  }
  .regionDetails-cards .regionDetails-cards-bodyStyle {
    margin-bottom: 4px;
    min-height: unset !important;
    max-height: 450px !important;
  }
  .regionDetails-cards .regionDetails-cards-bodyStyle .regionDetails-cards-textStyle {
    border-inline-end: unset;
  }
  .map-wrap {
    border-top: 1px solid #074D31;
  }
}
[lang=ar] .forecastPopup.forMap {
  transform: translate3d(130%, -50%, 0);
}
[lang=ar] .forecastPopup.forMap.slideIn {
  transform: translate3d(0, -50%, 0);
}

.forecastPopup {
  overflow: hidden;
  padding: 16px;
  color: #161616;
  border-radius: 16px;
  margin: auto;
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width: 1600px) {
  .forecastPopup {
    max-width: 470px;
  }
}
@media (min-width: 992px) {
  .forecastPopup {
    max-width: 446.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup {
    max-width: 352.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup {
    max-width: 305.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .forecastPopup {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup {
    margin-top: 6.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup {
    width: 100%;
    max-width: 100%;
  }
}
.forecastPopup.forBanner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.forecastPopup.forBanner.forBannerGovernorates {
  position: relative;
  transform: unset;
  margin: 0;
}
.forecastPopup.forgovernate {
  border: none;
  background-color: transparent;
  transition: unset;
  padding: unset;
  border-radius: unset;
}
.forecastPopup.forMap {
  position: absolute;
  overflow: hidden;
  z-index: 11111;
  inset-inline-start: 4%;
  top: 50%;
  transform: translate3d(-130%, -50%, 0);
}
.forecastPopup.forMap.slideIn {
  transform: translate3d(0, -50%, 0);
}
.forecastPopup .header {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .forecastPopup .header span {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .header span {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .header span {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .header span {
    font-size: 10.4px;
  }
}
.forecastPopup .header span:first-child {
  font-weight: 500;
  color: #161616;
}
.forecastPopup .header span:last-child {
  font-weight: 400;
  color: #161616;
}
.forecastPopup .location-name {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .forecastPopup .location-name {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .location-name {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .location-name {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .location-name {
    padding-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .location-name {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .location-name {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .location-name {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .location-name {
    font-size: 15.6px;
  }
}
.forecastPopup .upper-section {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section {
    gap: 28.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section {
    gap: 22.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section {
    gap: 19.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section {
    padding-top: 35px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section {
    padding-top: 33.25px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section {
    padding-top: 26.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section {
    padding-top: 22.75px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section .weather-icon {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section .weather-icon {
    width: 95px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section .weather-icon {
    width: 75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section .weather-icon {
    width: 65px;
  }
}
.forecastPopup .upper-section .temperature-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.forecastPopup .upper-section .temperature-section .little-C {
  position: relative;
  direction: inherit;
  padding-inline-end: 15px;
}
.forecastPopup .upper-section .temperature-section .little-C::after {
  content: "°C";
  font-size: 30px;
  font-weight: 800;
  color: #161616;
  display: flex;
  align-items: end;
  position: absolute;
  inset-inline-end: -18px;
  top: 7px;
}
.forecastPopup #currentLocationLink {
  transition: all 0.3s ease-in-out;
}
.forecastPopup #currentLocationLink:hover {
  color: #161616;
  text-decoration: underline;
  font-weight: 500;
  scale: 1.1;
}
.forecastPopup .closing-interactive-stations {
  inset-inline-end: 20px;
}
.forecastPopup .closing-interactive-stations i {
  color: rgba(22, 22, 22, 0.7);
  font-size: 20px;
  font-weight: 900;
  cursor: pointer;
  z-index: 9;
  transition: all 0.3s ease-in-out;
}
.forecastPopup .closing-interactive-stations i:hover {
  color: #161616;
  scale: 1.2;
}
.forecastPopup .upper-section .feels-like-section {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 3.25px;
  }
}
.forecastPopup .temperature {
  font-weight: 500;
  display: flex;
  align-items: stretch;
  line-height: 1 !important;
}
@media (min-width: 1600px) {
  .forecastPopup .temperature {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .temperature {
    font-size: 45.6px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .temperature {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .temperature {
    font-size: 31.2px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .temperature {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .temperature {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .temperature {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .temperature {
    gap: 3.25px;
  }
}
.forecastPopup .temperature .deging {
  line-height: 1 !important;
}
.forecastPopup .temperature .value {
  font-size: 1.5em;
  font-weight: inherit;
  line-height: 1 !important;
}
.forecastPopup .bold {
  font-weight: bold;
  line-height: 0.9;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecastPopup .bold {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .bold {
    font-size: 25.65px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .bold {
    font-size: 20.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bold {
    font-size: 17.55px;
  }
}
.forecastPopup .divider {
  width: 100%;
  margin-inline: 0;
}
@media (min-width: 1600px) {
  .forecastPopup .divider {
    margin-block: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .divider {
    margin-block: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .divider {
    margin-block: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .divider {
    margin-block: 16.25px;
  }
}
.forecastPopup .bottom-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 4px !important;
}
@media (min-width: 1600px) {
  .forecastPopup .bottom-section {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .bottom-section {
    gap: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .bottom-section {
    gap: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bottom-section {
    gap: 16.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bottom-section {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1600px) {
  .forecastPopup .bottom-section img {
    width: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .bottom-section img {
    width: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .bottom-section img {
    width: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bottom-section img {
    width: 10.4px;
  }
}
.forecastPopup .bottom-section .parameter-container svg {
  width: 25px !important;
  height: 25px !important;
}
.forecastPopup .parameter {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .forecastPopup .parameter {
    gap: 7px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter {
    gap: 6.65px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter {
    gap: 5.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter {
    gap: 4.55px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .parameter {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter {
    font-size: 10.4px;
  }
}
.forecastPopup .parameter-container {
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
@media (min-width: 1600px) {
  .forecastPopup .parameter-container {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter-container {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter-container {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter-container {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .parameter-container {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter-container {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter-container {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter-container {
    font-size: 10.4px;
  }
}
.forecastPopup .parameter-value .invisible {
  height: 20px;
  width: 20px;
}
.forecastPopup .parameter-value,
.forecastPopup .parameter-value i {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecastPopup .parameter-value,
  .forecastPopup .parameter-value i {
    gap: 2px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter-value,
  .forecastPopup .parameter-value i {
    gap: 1.9px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter-value,
  .forecastPopup .parameter-value i {
    gap: 1.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter-value,
  .forecastPopup .parameter-value i {
    gap: 1.3px;
  }
}
.forecastPopup .opacity-60 {
  opacity: 0.6;
}
.forecastPopup .temperature .deg {
  font-size: 40px;
  font-weight: 600;
  line-height: 1 !important;
}
@media (min-width: 1600px) {
  .forecastPopup .temperature .deg {
    margin-bottom: -10px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .temperature .deg {
    margin-bottom: -9.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .temperature .deg {
    margin-bottom: -7.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .temperature .deg {
    margin-bottom: -6.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .temperature .deg {
    margin-top: 17px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .temperature .deg {
    margin-top: 16.15px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .temperature .deg {
    margin-top: 12.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .temperature .deg {
    margin-top: 11.05px;
  }
}
.forecastPopup .feels-like-section .feelsLikeSpan {
  margin-top: 10px;
}
@media (min-width: 1600px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .feels-like-section .feelsLikeSpan {
    margin-inline-start: 9.75px;
  }
}
.forecastPopup .footer {
  text-align: center;
  color: #161616;
  opacity: 0.8;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .forecastPopup .footer {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .footer {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .footer {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .footer {
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .footer {
    padding-bottom: 2px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .footer {
    padding-bottom: 1.9px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .footer {
    padding-bottom: 1.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .footer {
    padding-bottom: 1.3px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .footer {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .footer {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .footer {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .footer {
    font-size: 10.4px;
  }
}
.forecastPopup .lines {
  position: absolute;
  transform: scale(2);
  z-index: 1;
  opacity: 0.7;
}
@media (min-width: 1600px) {
  .forecastPopup .top-right {
    top: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .top-right {
    top: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .top-right {
    top: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .top-right {
    top: 16.25px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .top-right {
    inset-inline-end: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .top-right {
    inset-inline-end: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .top-right {
    inset-inline-end: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .top-right {
    inset-inline-end: 16.25px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .lines.bottom-left {
    bottom: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .lines.bottom-left {
    bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .lines.bottom-left {
    bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .lines.bottom-left {
    bottom: 16.25px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 16.25px;
  }
}
.forecastPopup i {
  font-style: normal;
  font-weight: inherit;
  display: inline-flex;
}
@media (min-width: 1600px) {
  .forecastPopup i {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup i {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup i {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup i {
    font-size: 10.4px;
  }
}
.forecastPopup .header span:last-child {
  font-weight: 400;
  color: rgba(22, 22, 22, 0.7);
}
.forecastPopup .location-name {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .forecastPopup .location-name {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .location-name {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .location-name {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .location-name {
    padding-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .location-name {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .location-name {
    font-size: 26.6px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .location-name {
    font-size: 21px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .location-name {
    font-size: 18.2px;
  }
}
.forecastPopup .upper-section {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section {
    padding-top: 35px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section {
    padding-top: 33.25px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section {
    padding-top: 26.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section {
    padding-top: 22.75px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section .weather-icon {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section .weather-icon {
    width: 95px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section .weather-icon {
    width: 75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section .weather-icon {
    width: 65px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section .weather-icon {
    height: 100px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section .weather-icon {
    height: 95px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section .weather-icon {
    height: 75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section .weather-icon {
    height: 65px;
  }
}
.forecastPopup .upper-section .temperature-section {
  display: flex;
  flex-direction: column;
}
.forecastPopup .upper-section .feels-like-section {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .upper-section .feels-like-section {
    gap: 3.25px;
  }
}
.forecastPopup .temperature {
  font-weight: 500;
  display: flex;
  align-items: stretch;
}
@media (min-width: 1600px) {
  .forecastPopup .temperature {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .temperature {
    font-size: 45.6px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .temperature {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .temperature {
    font-size: 31.2px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .temperature {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .temperature {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .temperature {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .temperature {
    gap: 3.25px;
  }
}
.forecastPopup .bold {
  font-weight: bold;
  line-height: 0.9;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecastPopup .bold {
    font-size: 27px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .bold {
    font-size: 25.65px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .bold {
    font-size: 20.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bold {
    font-size: 17.55px;
  }
}
.forecastPopup .divider {
  width: 100%;
  margin-inline: 0;
}
@media (min-width: 1600px) {
  .forecastPopup .divider {
    margin-block: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .divider {
    margin-block: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .divider {
    margin-block: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .divider {
    margin-block: 16.25px;
  }
}
.forecastPopup .bottom-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (min-width: 1600px) {
  .forecastPopup .bottom-section {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .bottom-section {
    gap: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .bottom-section {
    gap: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bottom-section {
    gap: 16.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bottom-section {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1600px) {
  .forecastPopup .bottom-section img {
    width: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .bottom-section img {
    width: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .bottom-section img {
    width: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .bottom-section img {
    width: 10.4px;
  }
}
.forecastPopup .parameter {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .forecastPopup .parameter {
    gap: 7px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter {
    gap: 6.65px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter {
    gap: 5.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter {
    gap: 4.55px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .parameter {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter {
    font-size: 10.4px;
  }
}
.forecastPopup .parameter-container {
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
@media (min-width: 1600px) {
  .forecastPopup .parameter-container {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter-container {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter-container {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter-container {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .parameter-container {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter-container {
    font-size: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter-container {
    font-size: 12px !important;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter-container {
    font-size: 10.4px !important;
  }
}
.forecastPopup .parameter-value {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forecastPopup .parameter-value {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .parameter-value {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .parameter-value {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .parameter-value {
    gap: 5.2px;
  }
}
.forecastPopup .opacity-60 {
  opacity: 0.6;
}
.forecastPopup .temperature .deg {
  margin-bottom: -10px;
  margin-top: 17px;
}
@media (min-width: 1600px) {
  .forecastPopup .feels-like-section > span:last-child {
    gap: 21px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .feels-like-section > span:last-child {
    gap: 19.95px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .feels-like-section > span:last-child {
    gap: 15.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .feels-like-section > span:last-child {
    gap: 13.65px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .feels-like-section > span:last-child {
    margin-inline-start: 9.75px;
  }
}
.forecastPopup .footer {
  text-align: center;
  color: #161616;
  opacity: 0.8;
}
@media (min-width: 1600px) {
  .forecastPopup .footer {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .footer {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .footer {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .footer {
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .footer {
    padding-bottom: 2px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .footer {
    padding-bottom: 1.9px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .footer {
    padding-bottom: 1.5px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .footer {
    padding-bottom: 1.3px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .footer {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .footer {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .footer {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .footer {
    font-size: 10.4px;
  }
}
.forecastPopup .lines {
  position: absolute;
  transform: scale(2);
  z-index: 1;
  opacity: 0.7;
}
@media (min-width: 1600px) {
  .forecastPopup .top-right {
    top: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .top-right {
    top: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .top-right {
    top: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .top-right {
    top: 16.25px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .top-right {
    inset-inline-end: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .top-right {
    inset-inline-end: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .top-right {
    inset-inline-end: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .top-right {
    inset-inline-end: 16.25px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .lines.bottom-left {
    bottom: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .lines.bottom-left {
    bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .lines.bottom-left {
    bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .lines.bottom-left {
    bottom: 16.25px;
  }
}
@media (min-width: 1600px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 25px;
  }
}
@media (min-width: 992px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 23.75px;
  }
}
@media (max-width: 992px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 18.75px;
  }
}
@media (max-width: 575px) {
  .forecastPopup .lines.bottom-left {
    inset-inline-start: 16.25px;
  }
}
.forecastPopup i {
  font-style: normal;
}
@media (min-width: 1600px) {
  .forecastPopup i {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .forecastPopup i {
    font-size: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .forecastPopup i {
    font-size: 12px !important;
  }
}
@media (max-width: 575px) {
  .forecastPopup i {
    font-size: 10.4px !important;
  }
}
.forecastPopup i .value {
  font-weight: 500 !important;
}
@media (min-width: 1600px) {
  .forecastPopup i .value {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .forecastPopup i .value {
    font-size: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .forecastPopup i .value {
    font-size: 12px !important;
  }
}
@media (max-width: 575px) {
  .forecastPopup i .value {
    font-size: 10.4px !important;
  }
}

.parameter-value {
  margin-left: 10px;
  margin-top: -12px;
}

.up-section {
  display: flex;
  align-items: center;
  gap: 45px;
  padding-inline-start: 20px;
}

.feels-like {
  display: flex;
  flex-direction: column;
}

.bottom-section .parameter {
  padding-inline-end: 40px;
  width: max-content;
  white-space: nowrap;
}
[lang=ar] .bottom-section .parameter {
  padding-inline-end: 27px;
}

.alerts-count-section {
  flex-direction: row !important;
}

[lang=ar] .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track {
  margin-right: auto;
}
[lang=ar] .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-image .targetMap {
  transform: none;
}
[lang=ar] .thumbnainStyle-image img {
  transform: none;
}

.serviceMaps {
  background-color: rgba(37, 147, 95, 0.1);
}
@media (min-width: 1600px) {
  .serviceMaps {
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  .serviceMaps {
    padding-top: 47.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps {
    padding-top: 37.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps {
    padding-top: 32.5px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps {
    padding-bottom: 50px;
  }
}
@media (min-width: 992px) {
  .serviceMaps {
    padding-bottom: 47.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps {
    padding-bottom: 37.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps {
    padding-bottom: 32.5px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider {
    margin-top: 28.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider {
    margin-top: 22.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider {
    margin-top: 19.5px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
  border: solid rgba(37, 147, 95, 0.2);
  overflow: hidden;
  display: flex;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    border-radius: 9.75px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping {
    flex-direction: column;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-image {
  width: 100%;
  max-width: 80%;
  overflow: hidden;
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-image {
    max-width: 100%;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-image img {
  width: 100%;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
  width: 100%;
  max-width: 20%;
  background-color: #b8e5fa;
  border: solid #25935f;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: self-end;
  justify-content: space-between;
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    max-width: 100%;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    padding: 25px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    padding: 23.75px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    padding: 18.75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    padding: 16.25px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-width: 1.3px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-end-end-radius: 15px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-end-end-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-end-end-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-end-end-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-start-end-radius: 15px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-start-end-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-start-end-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-start-end-radius: 9.75px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info {
    border-start-end-radius: 0;
    border-end-start-radius: 10px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info {
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info {
    margin-bottom: 50px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info {
    padding: 6.5px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country {
    gap: 6.5px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-flag {
  width: 100%;
  max-width: 30%;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-flag img {
  width: 100%;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-name {
  width: 100%;
  max-width: 70%;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-name h5 {
  margin-bottom: 0;
  color: #000000;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-name h5 {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-name h5 {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-name h5 {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-country .serviceMaps-slider-top-info-country-name h5 {
    font-size: 13.65px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-top: 23.75px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-top: 18.75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-top: 16.25px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital {
    margin-bottom: 16.25px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-icon {
  width: 100%;
  max-width: 40%;
  text-align: center;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-icon img {
  width: 100%;
  margin: auto;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-icon img {
    max-width: 25px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-icon img {
    max-width: 23.75px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-icon img {
    max-width: 18.75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-icon img {
    max-width: 16.25px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-name {
  width: 100%;
  max-width: 60%;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-name p {
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-name p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-name p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-name p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-capital .serviceMaps-slider-top-info-capital-name p {
    font-size: 11.7px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-top: 8px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-top: 7.6px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-top: 6px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-top: 5.2px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-bottom: 7.6px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items {
    margin-bottom: 5.2px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-icon {
  width: 100%;
  max-width: 50%;
  text-align: center;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-icon img {
  width: 100%;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-icon img {
    max-width: 100px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-icon img {
    max-width: 95px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-icon img {
    max-width: 75px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-icon img {
    max-width: 65px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-name {
  width: 100%;
  max-width: 50%;
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-name p {
  margin-bottom: 0;
  line-height: 1.2;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-name p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-name p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-name p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-top-info .serviceMaps-slider-top-info-indication .serviceMaps-slider-top-info-indication-items .serviceMaps-slider-top-info-indication-name p {
    font-size: 11.7px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function {
    gap: 9.75px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
  border: solid #074d31;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn {
    border-width: 1.3px;
  }
}
.serviceMaps .serviceMaps-slider .serviceMaps-slider-maping .serviceMaps-slider-info .serviceMaps-slider-bottom-function .mapBtn.button-bottom-seperator::after {
  display: none;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .slider-thumb {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .slider-thumb {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list {
    margin-inline: 50px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list {
    margin-inline: 47.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list {
    margin-inline: 37.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list {
    margin-inline: 32.5px;
  }
}
.serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track {
  margin-left: auto;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide {
    margin-inline: 10px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide {
    margin-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide {
    margin-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide {
    margin-inline: 6.5px;
  }
}
.serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle {
  cursor: pointer;
}
.serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image {
    border-radius: 6.5px;
  }
}
.serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image img {
  width: 100%;
}
.serviceMaps .serviceMaps-slider .slider-thumb .slick-list .slick-track .slick-slide .thumbnainStyle .thumbnainStyle-image h5 {
  color: #ffffff;
  margin-bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.serviceMaps .nav-tabs {
  border-bottom: 0;
  border-color: none;
  display: flex;
  justify-content: center;
}
@media (min-width: 1600px) {
  .serviceMaps .nav-tabs {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .nav-tabs {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .nav-tabs {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .nav-tabs {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .serviceMaps .nav-tabs {
    gap: 50px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .nav-tabs {
    gap: 47.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .nav-tabs {
    gap: 37.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .nav-tabs {
    gap: 32.5px;
  }
}
.serviceMaps .nav-tabs .nav-item.show .nav-link {
  padding: 0;
  margin: 0;
}
.serviceMaps .nav-tabs .nav-link {
  width: 100%;
  padding: 0;
}
@media (min-width: 1600px) {
  .serviceMaps .nav-tabs .nav-link {
    max-width: 250px;
  }
}
@media (min-width: 992px) {
  .serviceMaps .nav-tabs .nav-link {
    max-width: 237.5px;
  }
}
@media (max-width: 992px) {
  .serviceMaps .nav-tabs .nav-link {
    max-width: 187.5px;
  }
}
@media (max-width: 575px) {
  .serviceMaps .nav-tabs .nav-link {
    max-width: 162.5px;
  }
}
.serviceMaps .nav-tabs .nav-link.active {
  padding: 0;
  margin: 0;
  border-bottom: 0;
  border-color: none;
}
.serviceMaps .nav-tabs .nav-link.active .thumbnainStyle .thumbnainStyle-image h5 {
  color: #ffb804;
}

.thumbnainStyle {
  cursor: pointer;
}
.thumbnainStyle .thumbnainStyle-image {
  position: relative;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .thumbnainStyle .thumbnainStyle-image {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .thumbnainStyle .thumbnainStyle-image {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .thumbnainStyle .thumbnainStyle-image {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .thumbnainStyle .thumbnainStyle-image {
    border-radius: 6.5px;
  }
}
.thumbnainStyle .thumbnainStyle-image img {
  width: 100%;
}
.thumbnainStyle .thumbnainStyle-image h5 {
  color: #ffffff;
  margin-bottom: 0;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.downloadReportGroupedBtn {
  border: 1px solid #ffffff;
  width: fit-content;
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn {
    padding: 3px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn {
    padding: 2.85px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn {
    padding: 2.25px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn {
    padding: 1.95px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn {
    border-radius: 5.2px;
  }
}
.downloadReportGroupedBtn .downloadReportGroupedBtn-container {
  display: flex;
  background-color: rgba(7, 77, 49, 0.7);
  align-items: center;
  width: max-content;
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn .downloadReportGroupedBtn-container {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn .downloadReportGroupedBtn-container {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn .downloadReportGroupedBtn-container {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn .downloadReportGroupedBtn-container {
    border-radius: 5.2px;
  }
}
.downloadReportGroupedBtn button {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-weight: 500;
  background-color: transparent;
  border: none;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button {
    padding-inline: 11px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button {
    padding-inline: 10.45px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button {
    padding-inline: 8.25px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button {
    padding-inline: 7.15px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button .file-icon {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button .file-icon {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button .file-icon {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button .file-icon {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button .file-icon {
    height: 22px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button .file-icon {
    height: 20.9px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button .file-icon {
    height: 16.5px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button .file-icon {
    height: 14.3px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button .arrow-icon {
    width: 7px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button .arrow-icon {
    width: 6.65px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button .arrow-icon {
    width: 5.25px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button .arrow-icon {
    width: 4.55px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button .arrow-icon {
    height: 13px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button .arrow-icon {
    height: 12.35px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button .arrow-icon {
    height: 9.75px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button .arrow-icon {
    height: 8.45px;
  }
}
.downloadReportGroupedBtn button .text {
  font-weight: 400;
  color: #ffffff;
  position: relative;
  z-index: 1111;
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button .text {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button .text {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button .text {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button .text {
    font-size: 9.1px;
  }
}
.downloadReportGroupedBtn button .text.arabic {
  font-family: "IBMPlexSansArabic";
}
.downloadReportGroupedBtn button:nth-child(2)::after {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #074D31;
  mix-blend-mode: multiply;
}
.downloadReportGroupedBtn button:last-child::after {
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: #001b6d;
  mix-blend-mode: multiply;
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-end-end-radius: 8px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-end-end-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-end-end-radius: 6px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-end-end-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-start-end-radius: 8px;
  }
}
@media (min-width: 992px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-start-end-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-start-end-radius: 6px;
  }
}
@media (max-width: 575px) {
  .downloadReportGroupedBtn button:last-child::after {
    border-start-end-radius: 5.2px;
  }
}

.weather-warning-card-container {
  position: absolute;
  z-index: 9999;
  inset-inline-end: 42%;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .weather-warning-card-container {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container {
    border-radius: 19px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container {
    border-radius: 15px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container {
    border-radius: 13px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container {
    width: 360px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container {
    width: 342px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container {
    width: 270px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container {
    width: 234px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container {
    min-height: 391px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container {
    min-height: 371.45px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container {
    min-height: 293.25px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container {
    min-height: 254.15px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container {
    width: 90%;
    inset-inline-end: 5%;
  }
}
.weather-warning-card-container .slick-controls {
  display: flex;
  justify-content: space-between;
  width: 96%;
  margin-inline: auto;
  z-index: 1;
  position: relative;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .slick-controls {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .slick-controls {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .slick-controls {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .slick-controls {
    margin-bottom: 3.25px;
  }
}
.weather-warning-card-container .slick-dots {
  display: flex;
  align-items: center;
}
.weather-warning-card-container .slick-dots li {
  width: 10px;
  height: 10px;
  cursor: pointer;
  color: rgba(37, 147, 95, 0.5);
}
.weather-warning-card-container .slick-dots li.slick-active {
  color: #25935f;
}
.weather-warning-card-container .slick-dots button {
  display: none;
}
.weather-warning-card-container .slick-arrow {
  cursor: pointer;
}
.weather-warning-card-container .weatherWarningCard h5,
.weather-warning-card-container .weatherWarningCard h2,
.weather-warning-card-container .weatherWarningCard .alert-type {
  color: #161616;
}
.weather-warning-card-container .weatherWarningCard h1 {
  margin: 0;
}
.weather-warning-card-container .weatherWarningCard .header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
}
.weather-warning-card-container .weatherWarningCard .header .close-icon {
  position: relative;
  z-index: 11111;
}
.weather-warning-card-container .weatherWarningCard .header.red {
  border-top: 8px solid #D92D20;
}
.weather-warning-card-container .weatherWarningCard .header.red .icon-container-for-services {
  background-color: #FEF3F2;
}
.weather-warning-card-container .weatherWarningCard .header.red .icon-container-for-services svg path {
  fill: #D92D20;
}
.weather-warning-card-container .weatherWarningCard .header.orange {
  border-top: 8px solid #DC6803;
}
.weather-warning-card-container .weatherWarningCard .header.orange .icon-container-for-services {
  background-color: #FFFAEB;
}
.weather-warning-card-container .weatherWarningCard .header.orange .icon-container-for-services svg path {
  fill: #DC6803;
}
.weather-warning-card-container .weatherWarningCard .header.yellow {
  border-top: 8px solid #FEC84B;
}
.weather-warning-card-container .weatherWarningCard .header.yellow .icon-container-for-services {
  background-color: rgba(254, 200, 75, 0.2);
}
.weather-warning-card-container .weatherWarningCard .header.yellow .icon-container-for-services svg path {
  fill: #FEC84B;
}
.weather-warning-card-container .weatherWarningCard .upper-section {
  display: flex;
  justify-content: space-between;
  z-index: 9999;
}
.weather-warning-card-container .weatherWarningCard .bottom-section h1 {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .bottom-section h1 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .bottom-section h1 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .bottom-section h1 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .bottom-section h1 {
    font-size: 15.6px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-type {
  display: flex;
  gap: 5px;
  align-items: center;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-type {
    font-size: 9.1px;
  }
}
.weather-warning-card-container .weatherWarningCard .location-info {
  color: #161616;
}
.weather-warning-card-container .weatherWarningCard .location-info h5 {
  font-weight: 500;
  margin: 0;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    margin-block: 4px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    margin-block: 3.8px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    margin-block: 3px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .location-info h5 {
    margin-block: 2.6px;
  }
}
.weather-warning-card-container .weatherWarningCard .location-info h2 {
  font-weight: 600;
  margin: 0;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .location-info h2 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .location-info h2 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .location-info h2 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .location-info h2 {
    font-size: 10.4px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-card-body {
  position: relative;
  background-color: #ffffff;
  padding: 16px;
  padding-top: 0;
  height: 100%;
}
.weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .top-text-title {
  border-top: 1px solid #D2D6DB;
  font-size: 13px;
  font-weight: 400;
  color: #161616;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .top-text-title {
    padding-top: 16px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .top-text-title {
    padding-top: 15.2px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .top-text-title {
    padding-top: 12px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .top-text-title {
    padding-top: 10.4px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .alert-card-weather-icon-container {
  border-bottom: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .alert-card-weather-icon-container {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .alert-card-weather-icon-container {
    padding-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .alert-card-weather-icon-container {
    padding-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section .alert-card-weather-icon-container {
    padding-bottom: 10.4px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-card-body .top-section h1 {
  font-weight: 700;
  color: #161616;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section h1 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section h1 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section h1 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-card-body .top-section h1 {
    font-size: 13px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-card-body .top-section img {
  max-width: 100%;
  object-fit: contain;
}
.weather-warning-card-container .weatherWarningCard .alert-information {
  display: flex;
  align-items: start;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-information {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-information {
    gap: 3.25px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-information svg {
  cursor: pointer;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-information svg {
    margin-top: 3px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information svg {
    margin-top: 2.85px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information svg {
    margin-top: 2.25px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-information svg {
    margin-top: 1.95px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-information label {
  color: #161616;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    margin: 1px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    margin: 0.95px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    margin: 0.75px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-information label {
    margin: 0.65px;
  }
}
.weather-warning-card-container .weatherWarningCard .alert-information p {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    margin: 1px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    margin: 0.95px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    margin: 0.75px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .alert-information p {
    margin: 0.65px;
  }
}
.weather-warning-card-container .weatherWarningCard .last-updated {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .last-updated {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .last-updated {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .last-updated {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .last-updated {
    font-size: 9.1px;
  }
}
.weather-warning-card-container .weatherWarningCard .view-detail-btn {
  background-color: #074D31;
  color: #ffffff;
  border: none;
  outline: none;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    width: 88px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    width: 83.6px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    width: 66px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    width: 57.2px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    height: 24px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    height: 22.8px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    height: 18px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    border-radius: 19px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    border-radius: 15px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    border-radius: 13px;
  }
}
@media (min-width: 1600px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    padding: 2px;
  }
}
@media (min-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    padding: 1.9px;
  }
}
@media (max-width: 992px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    padding: 1.5px;
  }
}
@media (max-width: 575px) {
  .weather-warning-card-container .weatherWarningCard .view-detail-btn {
    padding: 1.3px;
  }
}

.weather-stations.weatherStationsNew {
  margin-top: 0;
  position: relative;
}
.weather-stations.weatherStationsNew .map-section-bg {
  margin-top: 0;
}
.weather-stations.weatherStationsNew .map-section-bg .map-section {
  margin-top: 0;
  position: relative;
  overflow: hidden;
}
.weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
  position: absolute;
  inset-inline-start: 2%;
  top: 35px;
  z-index: 9999;
  background-color: #166A45;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    border-radius: 6px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    border-radius: 5.7px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    border-radius: 4.5px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    border-radius: 3.9px;
  }
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-inline: 7.8px;
  }
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-block: 6px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-block: 5.7px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-block: 4.5px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon {
    padding-block: 3.9px;
  }
}
.weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon i {
  color: #ffffff;
  display: none;
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon i {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon i {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon i {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon i {
    font-size: 15.6px;
  }
}
.weather-stations.weatherStationsNew .map-section-bg .map-section .fullScreenIcon i.show {
  display: block;
}
.weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  inset-inline-start: 0;
  flex-wrap: wrap;
  top: unset;
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    margin-block: 20px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    margin-block: 19px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    margin-block: 15px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    margin-block: 13px;
  }
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts {
    gap: 13px;
  }
}
.weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle {
  position: relative;
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle {
    margin-block: 8px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle {
    margin-block: 7.6px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle {
    margin-block: 6px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle {
    margin-block: 5.2px;
  }
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    height: 25px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    height: 23.75px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    height: 18.75px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    height: 16.25px;
  }
}
@media (min-width: 1600px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    width: 25px;
  }
}
@media (min-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    width: 23.75px;
  }
}
@media (max-width: 992px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    width: 18.75px;
  }
}
@media (max-width: 575px) {
  .weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .activeWeatherTitle svg {
    width: 16.25px;
  }
}
.weather-stations.weatherStationsNew .activeWeatherWarnings.newDesignWeatherAlerts .alerts-count-section {
  flex-direction: row;
  justify-content: center;
  margin-bottom: 0;
}

.activeWeatherWarnings {
  position: absolute;
  z-index: 1111;
  top: 0;
  inset-inline-start: 5%;
}
.activeWeatherWarnings.activeWeather {
  background-color: transparent;
}
.activeWeatherWarnings.activeWeather .alerts-count-section {
  flex-direction: column;
}
@media (min-width: 992px) and (max-width: 1280px) {
  .activeWeatherWarnings.activeWeather .alerts-count-section {
    flex-direction: row;
  }
}
@media (max-width: 992px) {
  .activeWeatherWarnings.activeWeather .alerts-count-section {
    flex-direction: row;
  }
}
@media (min-width: 1600px) {
  .activeWeatherWarnings .alerts-count-section {
    gap: 20px !important;
  }
}
@media (min-width: 992px) {
  .activeWeatherWarnings .alerts-count-section {
    gap: 19px !important;
  }
}
@media (max-width: 992px) {
  .activeWeatherWarnings .alerts-count-section {
    gap: 15px !important;
  }
}
@media (max-width: 575px) {
  .activeWeatherWarnings .alerts-count-section {
    gap: 13px !important;
  }
}
.activeWeatherWarnings .alerts-count-section .no-bg {
  background: transparent !important;
}
.activeWeatherWarnings .alerts-count-section .alert-count {
  white-space: nowrap;
  min-width: max-content;
  max-width: 200px;
}
.activeWeatherWarnings .alerts-count-section .alert-count.full-dark-bg {
  background: #1b8354;
}

.weatherNavs #openSourceButton {
  border-radius: 50%;
  width: 42px;
  height: 42px;
}

.activeWeatherTitle {
  font-weight: 500;
  color: #161616;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .activeWeatherTitle {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .activeWeatherTitle {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .activeWeatherTitle {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .activeWeatherTitle {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .activeWeatherTitle {
    margin-block: 15px;
  }
}
@media (min-width: 992px) {
  .activeWeatherTitle {
    margin-block: 14.25px;
  }
}
@media (max-width: 992px) {
  .activeWeatherTitle {
    margin-block: 11.25px;
  }
}
@media (max-width: 575px) {
  .activeWeatherTitle {
    margin-block: 9.75px;
  }
}
@media (min-width: 1600px) {
  .activeWeatherTitle {
    gap: 7px;
  }
}
@media (min-width: 992px) {
  .activeWeatherTitle {
    gap: 6.65px;
  }
}
@media (max-width: 992px) {
  .activeWeatherTitle {
    gap: 5.25px;
  }
}
@media (max-width: 575px) {
  .activeWeatherTitle {
    gap: 4.55px;
  }
}

@media screen and (min-width: 992px) {
  .weatherNavs #openSourceButton {
    position: absolute;
    inset-inline-end: 2%;
    top: 35px;
    background-color: #166A45;
  }
}
@media screen and (max-width: 992px) {
  .weatherNavs #openSourceButton {
    position: absolute;
    inset-inline-end: 2%;
    bottom: 110px;
    background-color: #166A45;
  }
}
.weatherNavs .source {
  display: none;
}

.weatherNavs .source #close-source {
  position: absolute;
  right: 0;
  left: unset;
  top: 0;
}
.weatherNavs .source #close-source:focus-visible {
  outline: none;
}
.weatherNavs .source #close-source #closeSourceButton {
  border: none;
}

.weatherNavs .source #close-source i {
  color: #161616;
}

[lang=ar] .weather-warning-card-container .slick-arrow {
  transform: scaleX(-1);
}
[lang=ar] .weatherNavs .source #close-source {
  right: unset !important;
  left: 0 !important;
}

@media screen and (max-width: 992px) {
  .map-wrap .weatherNavs .active-alerts-section.activeWeather.activeWeatherWarnings .alerts-count-section {
    flex-direction: row;
    width: auto;
  }
}
@media (min-width: 1600px) {
  .map-wrap.map-wrap-warning {
    height: 1000px !important;
  }
}
@media (min-width: 992px) {
  .map-wrap.map-wrap-warning {
    height: 950px !important;
  }
}
@media (max-width: 992px) {
  .map-wrap.map-wrap-warning {
    height: 750px !important;
  }
}
@media (max-width: 575px) {
  .map-wrap.map-wrap-warning {
    height: 650px !important;
  }
}
.map-wrap .lock-map {
  display: flex;
  width: max-content;
  height: max-content;
  inset-inline-start: 2%;
  position: absolute;
  z-index: 999;
}
@media (min-width: 1600px) {
  .map-wrap .lock-map {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .map-wrap .lock-map {
    padding-top: 28.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .lock-map {
    padding-top: 22.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .lock-map {
    padding-top: 19.5px;
  }
}
.map-wrap .lock-map i {
  color: #ffffff;
}
.map-wrap .lock-map button {
  border-radius: 50%;
}
.map-wrap .weatherNavs {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  align-items: start;
}
@media (min-width: 1600px) {
  .map-wrap .weatherNavs {
    padding-top: 30px;
  }
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs {
    padding-top: 28.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .weatherNavs {
    padding-top: 22.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .weatherNavs {
    padding-top: 19.5px;
  }
}
.map-wrap .weatherNavs .activeWeatherWarnings {
  position: relative;
  display: flex;
  flex-direction: column;
}
.map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
  margin: 0;
}
@media (min-width: 1600px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .map-wrap .weatherNavs .activeWeatherWarnings .activeWeatherTitle {
    margin-bottom: 16.25px;
  }
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section {
  margin: 0;
  flex-direction: column;
  width: 200px;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count {
  white-space: nowrap;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count.full-dark-bg {
  justify-content: space-between;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count.full-dark-bg .left-side {
  padding-inline-start: 10px;
  padding-inline-end: 5px;
  width: max-content;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count.full-dark-bg .left-side .text {
  font-size: 17px !important;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count.full-dark-bg .right-side {
  padding-inline-start: 5px;
  padding-inline-end: 15px;
  width: max-content;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count.full-dark-bg .right-side p {
  padding: 0;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count .left-side .no-bg.text {
  font-size: 12px !important;
  line-height: 100% !important;
}
.map-wrap .weatherNavs .activeWeatherWarnings .alerts-count-section .alert-count .left-side .text {
  font-size: 12px !important;
  line-height: 100% !important;
}
.map-wrap .weatherNavs .source {
  position: relative;
  top: unset;
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs .source {
    flex: 0 0 50%;
    max-width: 44%;
  }
}
@media (max-width: 1025px) and (min-width: 769px) {
  .map-wrap .weatherNavs .source {
    max-width: 26%;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .map-wrap .weatherNavs .source {
    max-width: 30%;
  }
}
@media (min-width: 1600px) {
  .map-wrap .weatherNavs .source {
    padding-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs .source {
    padding-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .map-wrap .weatherNavs .source {
    padding-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .map-wrap .weatherNavs .source {
    padding-bottom: 10.4px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .weatherNavs .source {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs .source {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .weatherNavs .source {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .weatherNavs .source {
    padding-top: 6.5px;
  }
}
.map-wrap .weatherNavs .source .header {
  padding: 0;
}
@media (min-width: 1600px) {
  .map-wrap .weatherNavs .source .header {
    padding-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .map-wrap .weatherNavs .source .header {
    padding-bottom: 7.6px;
  }
}
@media (max-width: 992px) {
  .map-wrap .weatherNavs .source .header {
    padding-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .map-wrap .weatherNavs .source .header {
    padding-bottom: 5.2px;
  }
}

@media (max-width: 992px) {
  .map-wrap .weatherNavs {
    padding-inline: 15px;
    height: 100%;
    flex-direction: column;
  }
  .map-wrap .weatherNavs .source {
    top: -50px !important;
    inset-inline-end: 0%;
    margin-inline: auto;
  }
  .map-wrap .weatherNavs .source .header {
    margin-block: 8px;
  }
}
.img-svg, .img-svg-searchInput {
  height: 20px;
  fill: white;
  filter: invert(1) grayscale(100%) brightness(140%) sepia(100%) saturate(0) contrast(100%);
}

#searchBtn, #fullScreen, #zoomIn, #zoomOut, #adjust, #lock-map-btn, #opacityToggleBtn {
  border-radius: 50%;
}

.img-svg-searchInput {
  position: absolute;
}

#searchBtn:has(.expand) {
  border-radius: 0px;
}

.custom-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  background: #ffffff;
  padding: 12px 24px;
  min-height: 56px;
  position: relative;
  z-index: 1;
}
.custom-pagination .paginate-item {
  min-width: 40px;
  height: 40px;
  border: none;
  background: transparent;
  color: #3d3d3d;
  font-size: 18px;
  font-weight: 500;
  transition: background 0.2s, color 0.2s;
  cursor: pointer;
  position: relative;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.custom-pagination .paginate-item.active {
  background: transparent;
  color: #074D31;
}
.custom-pagination .paginate-item.active::after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 6px;
  height: 3px;
  background: #1b8354;
  border-radius: 2px;
}
.custom-pagination .paginate-item:hover:not(.active):not(.ellipsis) {
  background: #efefef;
  color: #3d3d3d;
  border-radius: 5px;
}
.custom-pagination .paginate-item.prev, .custom-pagination .paginate-item.next {
  background: #ffffff;
  color: #000000;
  border: none;
  min-width: 40px;
  height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, color 0.2s;
}
.custom-pagination .paginate-item.prev:hover, .custom-pagination .paginate-item.next:hover {
  background: #efefef;
}
.custom-pagination .paginate-item.ellipsis {
  background: #ffffff;
  color: #3d3d3d;
  border: none;
  min-width: 40px;
  height: 40px;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.custom-pagination .paginate-item.ellipsis:hover {
  background: #efefef;
  color: #074D31;
}
.custom-pagination .paginate-item.prev i, .custom-pagination .paginate-item.next i {
  color: #000000 !important;
}
.custom-pagination .paginate-ellipsis-dropdown {
  position: relative;
  display: inline-block;
  z-index: 99999 !important;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 48px;
  left: 0;
  min-width: 80px;
  background: #ffffff;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 4px 0;
  max-height: 240px;
  overflow-y: auto;
  overflow-x: visible;
  z-index: 99999 !important;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown[hidden] {
  display: none;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown .dropdown-page {
  background: transparent;
  border: none;
  color: #161616;
  font-size: 16px;
  padding: 8px 24px 8px 16px;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  transition: background 0.2s, color 0.2s;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown .dropdown-page:hover {
  background: #efefef;
  color: #074D31;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown .dropdown-page.active {
  background: transparent;
  color: #074D31;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown .dropdown-page.active::after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 6px;
  height: 3px;
  background: #1b8354;
  border-radius: 0;
}
.custom-pagination .paginate-ellipsis-dropdown .remaining-pages-dropdown .dropdown-page .dropdown-checkmark {
  color: #074D31;
  font-size: 18px;
  margin-left: auto;
}

.pagination-info p {
  margin: 0;
  padding: 0;
  color: #4D5761;
  width: fit-content;
}
@media (min-width: 1600px) {
  .pagination-info p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .pagination-info p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .pagination-info p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .pagination-info p {
    font-size: 9.1px;
  }
}
@media (max-width: 575px) {
  .pagination-info {
    position: static;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15px;
  }
  .pagination-info p {
    font-size: 12px;
  }
}

#temp-current-locing.early-warning-header {
  background-color: #fff;
}
@media (min-width: 1600px) {
  #temp-current-locing.early-warning-header {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  #temp-current-locing.early-warning-header {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  #temp-current-locing.early-warning-header {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  #temp-current-locing.early-warning-header {
    padding-block: 6.5px;
  }
}
#temp-current-locing.early-warning-header .warning-title {
  color: #161616;
  line-height: 0;
}
#temp-current-locing.early-warning-header .wrapper svg {
  height: 30px;
}
#temp-current-locing.early-warning-header #weatherSymbol {
  height: 30px;
}

.early-warning-header {
  position: relative;
  height: max-content;
  min-height: max-content;
  background-color: #002c8c;
  border-bottom: 3px solid #fcb725;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .early-warning-header {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .early-warning-header {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .early-warning-header {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .early-warning-header {
    padding-block: 3.25px;
  }
}
.early-warning-header::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="759.458" height="494.633" viewBox="0 0 759.458 494.633"><g id="Group_118255" data-name="Group 118255" transform="translate(3224.302 1714.219)"><g id="Group_118252" data-name="Group 118252" transform="translate(-2837 -1555)"><path id="Path_41015" data-name="Path 41015" d="M-8.336,170.632c2.74-24.269,9.87-58.083,28.267-81.346C33.573,72.039,51.914,63.22,70.249,65.1c11.538,1.179,22.045,6.077,32.2,10.814,3.851,1.8,7.834,3.656,11.819,5.28,11.639,4.763,29.328,9.977,48.477.344,12.778-6.428,25.241-18.819,37.3-30.805C213.5,37.355,227.418,23.52,241.582,18.3c17.439-6.424,32.1,1.146,46.288,8.464,2.36,1.22,4.8,2.477,7.2,3.642,31.177,15.13,68.356,17.738,107.511,7.541a245.387,245.387,0,0,0,55.01-22.166,337.535,337.535,0,0,0,61.864-43.806" transform="matrix(-0.921, 0.391, -0.391, -0.921, 352.931, 1.351)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="1"/><g id="Group_118253" data-name="Group 118253"><g id="Group_118254" data-name="Group 118254"><path id="Path_41016" data-name="Path 41016" d="M-8.336,170.632c2.74-24.269,9.87-58.083,28.267-81.346C33.573,72.039,51.914,63.22,70.249,65.1c11.538,1.179,22.045,6.077,32.2,10.814,3.851,1.8,7.834,3.656,11.819,5.28,11.639,4.763,29.328,9.977,48.477.344,12.778-6.428,25.241-18.819,37.3-30.805C213.5,37.355,227.418,23.52,241.582,18.3c17.439-6.424,32.1,1.146,46.288,8.464,2.36,1.22,4.8,2.477,7.2,3.642,31.177,15.13,68.356,17.738,107.511,7.541a245.387,245.387,0,0,0,55.01-22.166,337.535,337.535,0,0,0,61.864-43.806" transform="matrix(-0.921, 0.391, -0.391, -0.921, 157.856, 106.18)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></g></g></g></g></svg>');
  width: 337px;
  height: 90px;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  inset-inline-start: -155px;
  top: 0;
  background-position: center;
}
.early-warning-header::after {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="403.797" height="151.39" viewBox="0 0 403.797 151.39"><defs><clipPath id="clip-path"><rect id="Rectangle_15688" data-name="Rectangle 15688" width="403.797" height="151.39" fill="none" stroke="%23707070" stroke-width="1"/></clipPath></defs><g id="Group_118245" data-name="Group 118245" clip-path="url(%23clip-path)"><path id="Path_41013" data-name="Path 41013" d="M134.7,529.247c-7.013,25.025-9.8,58.147,16.729,73.823,19.674,11.621,53.7,11.572,93.355-.14,24.952-7.367,49.69-18.248,73.611-28.77,9.069-3.992,18.446-8.117,27.707-11.989,27.054-11.33,67.1-26.341,102.406-25.928,23.558.275,43.307,7.221,62.408,13.94,21.33,7.495,43.377,15.25,70.5,13.472,33.387-2.185,68.3-18.172,102.071-33.631,5.619-2.574,11.43-5.232,17.1-7.766,73.719-32.936,153.493-55.377,230.684-64.894a661.256,661.256,0,0,1,104.316-4.82c38.387,1.381,74.574,6.457,107.364,15.169" transform="translate(-198.987 -677.626) rotate(23)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="1"/><path id="Path_41014" data-name="Path 41014" d="M134.7,529.247c-7.013,25.025-9.8,58.147,16.729,73.823,19.674,11.621,53.7,11.572,93.355-.14,24.952-7.367,49.69-18.248,73.611-28.77,9.069-3.992,18.446-8.117,27.707-11.989,27.054-11.33,67.1-26.341,102.406-25.928,23.558.275,43.307,7.221,62.408,13.94,21.33,7.495,43.377,15.25,70.5,13.472,33.387-2.185,68.3-18.172,102.071-33.631,5.619-2.574,11.43-5.232,17.1-7.766,73.719-32.936,153.493-55.377,230.684-64.894a661.256,661.256,0,0,1,104.316-4.82c38.387,1.381,74.574,6.457,107.364,15.169" transform="translate(256.016 -586.746) rotate(23)" fill="none" stroke="%23fff" stroke-miterlimit="10" stroke-width="1"/></g></svg>');
  width: 625px;
  height: 90px;
  background-repeat: no-repeat;
  position: absolute;
  content: "";
  inset-inline-end: -155px;
  top: 0;
  background-position: center;
}
.early-warning-header .early-warning-header-container {
  width: 83%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.early-warning-header .early-warning-header-container .wrapper {
  display: flex;
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper {
    gap: 2px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper {
    gap: 1.9px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper {
    gap: 1.5px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper {
    gap: 1.3px;
  }
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    width: 38px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    width: 30px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper svg {
    height: 26px;
  }
}
.early-warning-header .early-warning-header-container .wrapper .warning-title {
  font-weight: 500;
  color: #fff;
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper .warning-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .warning-title {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .warning-title {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper .warning-title {
    font-size: 13px;
  }
}
.early-warning-header .early-warning-header-container .wrapper .regions {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    gap: 23.75px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    gap: 18.75px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    gap: 16.25px;
  }
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    margin-block-start: 10px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    margin-block-start: 9.5px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    margin-block-start: 7.5px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper .regions {
    margin-block-start: 6.5px;
  }
}
.early-warning-header .early-warning-header-container .wrapper .regions .region-name {
  cursor: pointer;
  position: relative;
  font-weight: 500;
  color: #fff;
}
@media (min-width: 1600px) {
  .early-warning-header .early-warning-header-container .wrapper .regions .region-name {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .regions .region-name {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .early-warning-header .early-warning-header-container .wrapper .regions .region-name {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .early-warning-header .early-warning-header-container .wrapper .regions .region-name {
    font-size: 9.75px;
  }
}
.early-warning-header .early-warning-header-container .wrapper .regions .region-name:hover {
  color: #fcb725;
}
.early-warning-header .early-warning-header-container .wrapper .regions .region-name:nth-child(2n)::before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2.951" height="24.368" viewBox="0 0 2.951 24.368"><path id="Path_41010" data-name="Path 41010" d="M0,0C5.842,0,5.842,1.951,11.684,1.951S17.526,0,23.368,0" transform="translate(2.451 0.5) rotate(90)" fill="none" stroke="%23ffb917" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1"/></svg>');
  width: 3px;
  height: 50px;
  inset-inline-start: -10px;
  top: 0;
  background-repeat: no-repeat;
}
.early-warning-header .early-warning-header-container .wrapper .regions .region-name:nth-child(2n)::after {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="2.951" height="24.368" viewBox="0 0 2.951 24.368"><path id="Path_41011" data-name="Path 41011" d="M0,1.951C4.873,1.951,5.681.594,9.51.107A18.54,18.54,0,0,1,11.684,0c5.842,0,5.842,1.951,11.684,1.951" transform="translate(2.451 0.5) rotate(90)" fill="none" stroke="%23ffb917" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1"/></svg>');
  width: 3px;
  height: 40px;
  inset-inline-end: -10px;
  top: 0;
  background-repeat: no-repeat;
}

[lang=ar] .region-name:nth-child(2n)::before {
  inset-inline-end: -10px;
  inset-inline-start: unset !important;
}
[lang=ar] .region-name:nth-child(2n)::after {
  inset-inline-start: -10px;
  inset-inline-end: unset !important;
}

[lang=ar] .early-warning-header::before {
  transform: rotateY(145deg);
}
[lang=ar] .early-warning-header::after {
  transform: rotateY(145deg);
}

.popup {
  display: none;
}

/* For screens 1200px or smaller: Hide regions and show popup */
@media (max-width: 1200px) {
  .regions {
    display: none !important;
  }
  .popup {
    display: none; /* Hidden by default, will be shown by JavaScript */
  }
  .early-warning-header .early-warning-header-container .wrapper .warning-title {
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .early-warning-header .early-warning-header-container .wrapper .warning-title:hover {
    color: #fcb725;
    transform: scale(1.1);
  }
}
.popup {
  left: 0;
  width: 100%;
  overflow: auto;
  position: absolute;
  z-index: 1000;
  background-color: rgba(0, 44, 140, 0.9);
  color: #fff;
}
.popup .popup-content {
  padding: 20px;
  width: 100%;
  height: 100%;
  position: relative;
}
.popup .popup-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: rgba(0, 44, 140, 0.9); /* Match the background color */
}

.close {
  color: #fff;
  position: absolute;
  font-size: 28px;
  font-weight: bold;
  right: 20px;
  left: unset;
  top: 10px;
  transition: all 0.3s ease;
  cursor: pointer;
}

[lang=ar] .close {
  right: unset;
  left: 20px;
}

.close:hover,
.close:focus {
  transform: scale(1.2);
  color: #fcb725;
}

.region-complete {
  display: flex;
  column-gap: 10%;
  row-gap: 2rem;
  flex-wrap: wrap;
  width: 90%;
}
.region-complete .region-name {
  position: relative;
  width: 200px;
  text-align: center;
  cursor: pointer;
  font-weight: 500;
  color: #fff;
}
@media (min-width: 1600px) {
  .region-complete .region-name {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .region-complete .region-name {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .region-complete .region-name {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .region-complete .region-name {
    font-size: 9.75px;
  }
}
.region-complete .region-name:hover {
  color: #fcb725;
}
.region-complete .region-name::after {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="2.951" viewBox="0 0 200 2.951"><path id="Path_41011" data-name="Path 41011" d="M0,1.951C24,1.951,28,.594,48,.107A18.54,18.54,0,0,1,56,0c24,0,24,1.951,48,1.951S128,0,152,0s24,1.951,48,1.951" transform="translate(0.5 0.5)" fill="none" stroke="%23ffb917" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1"/></svg>');
  width: 100%;
  height: 3px;
  bottom: -15px;
  left: 0;
  background-repeat: no-repeat;
}

body:has(.meteogram-section) .leaflet-popup-close-button {
  display: none;
}

.meteogram-section {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background-color: #FFFFFF;
  padding-inline: 25px;
  padding-top: 10px;
  padding-bottom: 25px;
  box-shadow: none;
  position: absolute;
  bottom: 0;
  width: 80%;
  height: 40vh;
  min-height: max-content;
  max-height: max-content;
  max-width: max-content;
  z-index: 9999999999;
}
.meteogram-section .leaflet-popup-close-button {
  display: none;
}
.meteogram-section .closing-btn {
  inset-inline-end: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  margin-bottom: -20px;
  margin-inline-start: 20px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 100vw;
  background: #fff;
}
.meteogram-section .closing-btn i {
  font-size: 20px;
  cursor: pointer;
  color: #161616;
}
.meteogram-section .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 0;
  border-bottom: 1px solid #149DDF;
}
.meteogram-section .header .title {
  padding: 1rem 0 1.5rem;
  color: #454545;
  font-size: 1.7em;
  font-weight: 500;
  padding: 0;
}
.meteogram-section .header .sub-title {
  font-size: 1.5625em;
  font-weight: 500;
  color: #149DDF;
  padding: 0;
}
.meteogram-section .table-reponsive {
  overflow-x: auto;
  scroll-padding: 20px;
  width: 100%;
  height: 100%;
  min-height: max-content;
  max-height: max-content;
}
.meteogram-section .table-reponsive > .loader-container {
  min-height: 500px;
}

#meteogramTable {
  border-collapse: separate;
  border-spacing: 0;
  direction: ltr;
}

[dir=rtl] #meteogramTable,
html:lang(ar) #meteogramTable,
html[lang^=ar] #meteogramTable {
  direction: rtl;
}

[dir=rtl] #meteogramTable tbody tr > td:first-child,
html:lang(ar) #meteogramTable tbody tr > td:first-child,
html[lang^=ar] #meteogramTable tbody tr > td:first-child {
  direction: rtl;
  text-align: end;
}

[dir=rtl] #meteogramTable tbody tr > td:not(:first-child),
html:lang(ar) #meteogramTable tbody tr > td:not(:first-child),
html[lang^=ar] #meteogramTable tbody tr > td:not(:first-child) {
  direction: ltr;
}

.meteogram-table thead th {
  font-size: 1em;
  font-weight: bold;
  padding: 1.5rem 1rem;
  color: #0d121c;
  background-color: #F9FAFB;
}
.meteogram-table thead th:first-child {
  border-start-start-radius: 18px;
}
.meteogram-table thead th:last-child {
  border-start-end-radius: 18px;
}
.meteogram-table td:not(:last-child), .meteogram-table th:not(:last-child) {
  border-inline-end-color: #D9D9D9;
  border-inline-end-width: 1px;
}
.meteogram-table tbody tr:nth-of-type(2n + 1) > * {
  background-color: #f9fafb;
  --bs-table-accent-bg: rgba($saGrey50, 1);
}
.meteogram-table tbody td {
  padding: 5px 12px;
  border-bottom: 1px solid #D2D6DB;
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .meteogram-table tbody td {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .meteogram-table tbody td {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .meteogram-table tbody td {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .meteogram-table tbody td {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .meteogram-table tbody td div {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .meteogram-table tbody td div {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .meteogram-table tbody td div {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .meteogram-table tbody td div {
    font-size: 9.1px;
  }
}
.meteogram-table tbody td .icon-container {
  display: flex;
  flex-direction: column;
}
.meteogram-table tbody td .icon-container img {
  width: 30px;
  object-fit: contain;
}
.meteogram-table tbody td .icon-container img.no-scale {
  width: 20px;
}
.meteogram-table tbody td:first-child {
  background-color: #f9fafb;
}
.meteogram-table tbody td:first-child > div {
  color: #161616;
  font-size: 1em;
  font-weight: 500;
  border-right: none;
  width: max-content;
}
.meteogram-table tbody td > div {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
}
.meteogram-table tbody td > div > div {
  font-size: 1em;
  font-weight: 400;
  color: #707070;
  flex-basis: 100%;
  text-align: center;
}
.meteogram-table tbody td > div > div .hours {
  font-size: 1.1em;
  font-weight: 500;
  color: #707070;
}
.meteogram-table tbody td > div > div .period {
  font-size: 0.75em;
  font-weight: 400;
  color: #707070;
}
.meteogram-table tbody td > div .icon-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.meteogram-table tbody td > div .icon-container img {
  width: 20px;
  transform: scale(1.4);
}
.meteogram-table tbody td.chart-container {
  padding: 0 !important;
}

.no-scale {
  transform: scale(1) !important;
}

.main-chart {
  margin: 0 auto;
  width: 100%;
  height: 220px;
  justify-content: center;
}

.loader-container {
  min-height: 100px;
}

.ten-day-last-updated {
  font-size: 0.875em;
  font-weight: 500;
  margin-bottom: 10px;
  color: #0055a4;
}

.select2-results__option .wrap:before {
  font-family: fontAwesome;
  color: #161616;
  content: "\f096";
  width: 25px;
  padding-right: 10px;
}

.select2-results__option[aria-selected=true] .wrap:before {
  content: "\f14a";
}

.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container {
  display: flex;
  flex-direction: column;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
  font-weight: 600;
  text-align: start;
  padding-inline-end: 30px;
}
@media (min-width: 1600px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button {
    line-height: 15.6px;
  }
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header::after, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header::after {
  margin-inline-start: auto !important;
  margin-left: inherit !important;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header {
  border-radius: 0;
  justify-content: space-between !important;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header:hover, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header:hover {
  background-color: rgb(247, 253, 249);
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header:focus, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header:focus {
  background-color: #ffffff;
  border: 1px solid black !important;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header button:focus, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header button:focus {
  outline: none;
  background-color: transparent;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-header:active, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-header:active {
  background-color: #F9FAFB;
  border: 1px solid #000000;
  border-radius: 0;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
  font-weight: 400;
  color: #161616;
}
@media (min-width: 1600px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body p, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body p {
    line-height: 15.6px;
  }
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
  font-weight: 400;
  color: #161616;
}
@media (min-width: 1600px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li {
    line-height: 15.6px;
  }
}
.faqs-two-sided.centerBranches .ourObjectivesMain #regionAccordion.faq-container .accordion-body ul li strong, .faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.faq-container .accordion-body ul li strong {
  font-weight: 600;
}
.faqs-two-sided .ourObjectivesMain #regionAccordion.faq-container .accordion-item {
  border-radius: 0;
  border: none;
  border-top: 1px solid #D2D6DB;
}
.faqs-two-sided .ourObjectivesMain #regionAccordion.faq-container .accordion-item .accordion-body ul li {
  display: block;
}
.faqs-two-sided .background {
  position: absolute;
  right: 0;
  height: 100%;
}
.faqs-two-sided .background svg {
  width: 100%;
  height: 100%;
}
.faqs-two-sided .accordion-header button {
  color: #161616 !important;
  background-color: transparent !important;
  border: none !important;
}

[lang=ar] .accordionButton {
  text-align: right;
}

.faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.serviceFaqAccordionContainer.faq-container .accordion-item {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.serviceFaqAccordionContainer.faq-container .accordion-item .accordion-header.accordion-button {
  border-left: none !important;
  border-right: none !important;
  border-top: none !important;
  outline: none !important;
  box-shadow: none !important;
  padding-inline: 10px !important;
}
.faqs-two-sided.centerBranches .ourObjectivesMain #serviceFaqAccordion.serviceFaqAccordionContainer.faq-container .accordion-item .accordion-body {
  padding-inline: 16px !important;
}

.smart-cards-content-section {
  position: relative;
}
.smart-cards-content-section .wavy-pattern {
  position: absolute;
  top: 10px;
  left: 0px;
}

.smart-cards-content-section::before {
  background-image: url("data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjI5NS43MjMiIGhlaWdodD0iMzAzLjcyOCIgdmlld0JveD0iMCAwIDI5NS43MjMgMzAzLjcyOCI+CiAgICAgICAgICAgICAgICA8ZGVmcz4KICAgICAgICAgICAgICAgICAgICA8Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+CiAgICAgICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV83ODM3IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSA3ODM3IiB3aWR0aD0iMjk1LjcyMyIgaGVpZ2h0PSIzMDMuNzI4IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDcxLjU0Mikgcm90YXRlKC0xNCkiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzcwNzA3MCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgICAgICAgICAgICAgPC9jbGlwUGF0aD4KICAgICAgICAgICAgICAgIDwvZGVmcz4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xODgwOCIgZGF0YS1uYW1lPSJHcm91cCAxODgwOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjc4LjQxNSAzNzMuMTQ1KSByb3RhdGUoLTE2NikiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cF8xODE5OCIgZGF0YS1uYW1lPSJHcm91cCAxODE5OCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAtcGF0aCkiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGlkPSJQYXRoXzI3OTc4IiBkYXRhLW5hbWU9IlBhdGggMjc5NzgiIGQ9Ik0zNTMuNjg0LDc5LjUzNkMzMDkuMzc3LDQ1LjgyNiwyNDcuNyw0LjcyNSwyMDUuNTEyLjM2M2MtMzEuMjgtMy4yMzItNDcuMDY4LDE1LjI2LTQzLjMyMSw1MC43MzgsMi4zNjcsMjIuMzE5LDExLjUwNiw0OC43MjcsMjAuMzQ3LDc0LjI2MiwzLjM0OCw5LjY3Nyw2LjgwOSwxOS42ODUsOS44NjMsMjkuMzM1LDguOSwyOC4yLDE4Ljc0OSw2Ny44MzcsMS40ODcsODYuNDYyLTExLjUyNiwxMi40MzEtMzMuOTQ4LDE0LjgyOC01NS42NDEsMTcuMTQ0QzExNC4wMzUsMjYwLjksODksMjYzLjU3NCw3OS43MTgsMjgwLjM4N2MtMTEuNDI2LDIwLjcsMi42NzEsNTguNzIyLDE2LjMsOTUuNDksMi4yNjcsNi4xMiw0LjYxMSwxMi40NDQsNi43ODEsMTguNTQ4LDI4LjIwNSw3OS4zLDMzLjYzNCwxNDkuMzMsMTUuNywyMDIuNTE3LTguMzQ1LDI0LjczOS0yMS42NzIsNDUuNjIyLTM5LjUzOCw2Mi4yNjZDNTguNDE1LDY3OC4zNTIsMzEuODcsNjkxLjg5MSwwLDY5OS4yMzIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE3LjAxNCAzMS4yMTQpIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmJlMDAiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIyIi8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggaWQ9IlBhdGhfMjc5NzkiIGRhdGEtbmFtZT0iUGF0aCAyNzk3OSIgZD0iTTM4NS41MzgsOTUuN0MzNDAuODEsNjcuODksMjk0LjU1NiwzOS4xMzYsMjUxLjIyNSwyMC4wNzgsMjAzLjEtMS4wODEsMTY2LjM4OC01Ljc2OCwxNTAuNDg2LDcuMjE1Yy0xNy4yNzIsMTQuMTY2LTEwLjIzOSw0NS40ODktMi43NDcsNzguNjc2LDUuNDE4LDI0LjAxMSwxMS4wMjMsNDguODQxLDYuMzY3LDY2LjI4OC03Ljc0MSwyOS4wNDYtNDIuNzQ4LDM1LjE4OS03Ni42LDQxLjEyNi0zNC40NzksNi4wNTItNzAuMTMyLDEyLjMtNzYuNDcxLDQyLjkxQy02LjA0MiwyNzAuMzg0LDI0LjQsMzI2LjQyNiw1My44NDQsMzgwLjYyMXEzLjgyNiw3LjA1LDcuNiwxNC4wMjNjMTkuNDA5LDM1Ljk3MSwzMS4zNTIsNjIuOSwzNy41OTIsODQuNzQxLDcuODcyLDI3LjU0OSw2LjMyMiw0Ni4wMDktNC43NDksNTYuMzIyLS40OTMuNDYxLTEuMDExLjkxMy0xLjU0NiwxLjMzOCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzEuNTEgNjcuODA5KSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMTQ5ZGRmIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9zdmc+") !important;
}

.smart-cards-content-section::before {
  inset-inline-end: unset !important;
  height: 220px !important;
  top: -3.4vw;
}
@media (max-width: 992px) {
  .smart-cards-content-section::before {
    top: -4vw !important;
  }
}
@media (max-width: 1600px) {
  .smart-cards-content-section::before {
    top: -4.3vw !important;
  }
}
@media (min-width: 1600px) {
  .smart-cards-content-section::before {
    top: -4vw !important;
  }
}
@media (max-width: 575px) {
  .smart-cards-content-section::before {
    top: -3.4vw !important;
  }
}

.strategic-and-supervisory-committee-content {
  background-color: rgba(37, 147, 95, 0.1);
  margin-top: -1px;
}

.strategic-and-supervisory-committee-card {
  background-color: #ffffff;
  position: relative;
  border-radius: 10px;
}

.awareness-container .bottom-shape-container {
  bottom: -12px;
}

@media (max-width: 575px) {
  .transformation-program-container .transformation-card-container {
    padding: 0px 10px;
  }
}
.transformation-program-container .transformation-card {
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  border-radius: 16px;
}
.transformation-program-container .transformation-card .contact-heading {
  color: #074D31 !important;
}
@media (min-width: 1600px) {
  .transformation-program-container .transformation-card .contact-heading {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .transformation-program-container .transformation-card .contact-heading {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .transformation-program-container .transformation-card .contact-heading {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .transformation-program-container .transformation-card .contact-heading {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .transformation-program-container .transformation-card .contact-heading {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .transformation-program-container .transformation-card .contact-heading {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .transformation-program-container .transformation-card .contact-heading {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .transformation-program-container .transformation-card .contact-heading {
    line-height: 18.2px;
  }
}
.transformation-program-container .transformation-card .content {
  color: #3C3C3C;
}
@media (min-width: 1600px) {
  .transformation-program-container .transformation-card .content {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .transformation-program-container .transformation-card .content {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .transformation-program-container .transformation-card .content {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .transformation-program-container .transformation-card .content {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .transformation-program-container .transformation-card .content {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .transformation-program-container .transformation-card .content {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .transformation-program-container .transformation-card .content {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .transformation-program-container .transformation-card .content {
    line-height: 15.6px;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .transformation-program-container .transformation-card {
    width: 23%;
  }
}

.strategic-and-supervisory-heading {
  color: #074D31 !important;
}
.strategic-and-supervisory-heading.dark-grey-heading {
  color: #0D121C !important;
}
@media (min-width: 1600px) {
  .strategic-and-supervisory-headingh3 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .strategic-and-supervisory-headingh3 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .strategic-and-supervisory-headingh3 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .strategic-and-supervisory-headingh3 {
    font-size: 14.3px;
  }
}

.news-slider-container {
  background: #ffffff;
}
.news-slider-container .news-slider-content .news-slider-slick-container {
  padding: 10px;
}
.news-slider-container .news-slider-content .news-slider-slick-container .slick-track {
  display: flex !important;
}
.news-slider-container .news-slider-content .news-slider-slick-container .news-item {
  border-radius: 20px;
  background: white;
  margin: 30px 20px;
  position: relative;
  height: auto !important;
}
.news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-image a img {
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  object-fit: cover;
  border-radius: 20px 20px 0px 0px;
}
.news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content {
  position: relative;
  z-index: 1;
}
.news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .news-slider-container .news-slider-content .news-slider-slick-container .news-item .news-item-content p {
    line-height: 15.6px;
  }
}

.faq-button {
  max-width: fit-content !important;
}

.news-slider-videos-picture-section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link {
    width: 285px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link {
    width: 225px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link {
    width: 195px;
  }
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link.small-nav-link {
    width: 240px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link.small-nav-link {
    width: 228px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link.small-nav-link {
    width: 180px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .nav-tabs .nav-link.small-nav-link {
    width: 156px;
  }
}
.news-slider-videos-picture-section .nav-tabs .side-buttons {
  background-color: transparent;
  border: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #707070;
  position: relative;
  z-index: 0;
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    width: 38px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    width: 30px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    height: 26px;
  }
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .nav-tabs .side-buttons {
    border-radius: 6.5px;
  }
}
.news-slider-videos-picture-section .nav-tabs .side-buttons:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border-radius: inherit;
  background-image: -webkit-linear-gradient(top, #25935f, #074D31);
}
.news-slider-videos-picture-section .nav-tabs .side-buttons.active:after {
  background-image: -webkit-linear-gradient(top, #074D31, #092a1e);
  opacity: 1;
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .tab-content {
    margin-block: 40px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .tab-content {
    margin-block: 38px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .tab-content {
    margin-block: 30px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .tab-content {
    margin-block: 26px;
  }
}
.news-slider-videos-picture-section .tab-content .tab-pane {
  background-color: transparent;
  border: 0;
}
.news-slider-videos-picture-section .tab-content .tab-pane:focus-visible {
  outline: 0;
}
.news-slider-videos-picture-section .tab-content .tab-pane .accordion-collapse:focus-visible {
  outline: 0;
}
.news-slider-videos-picture-section .tab-content .tab-pane .accordion-body {
  padding: 0;
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body {
    padding-block: 30px;
  }
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .news-slider-videos-picture-section .tab-content .tab-pane .accordion-body .mainHeading {
    padding-bottom: 13px;
  }
}
@media (max-width: 992px) {
  .news-slider-videos-picture-section .tab-content.accordion .tab-pane .accordion-header .accordion-button {
    background-color: #25935f;
    color: #ffffff;
  }
  .news-slider-videos-picture-section .tab-content.accordion .tab-pane .accordion-header .accordion-button:focus {
    box-shadow: none;
  }
  .news-slider-videos-picture-section .tab-content.accordion .tab-pane .accordion-header .accordion-button::after {
    background-image: url("../../../assets/images/icon/arrow-down.svg");
    background-position: center;
  }
  .news-slider-videos-picture-section .tab-content.accordion .tab-pane .accordion-header .accordion-button.collapsed {
    background-color: rgba(37, 147, 95, 0.5);
  }
  .news-slider-videos-picture-section .tab-content > .tab-pane {
    display: block;
    opacity: 1;
  }
}

@media (max-width: 575px) {
  .news-slider-images-videos-slider-container .slider-content-video {
    margin: 30px 10px !important;
  }
}
.news-slider-images-videos-slider-container .slider-content {
  border: 1px solid #D2D6DB;
  padding: 20px;
  border-radius: 16px;
  margin: 30px 10px;
  position: relative;
}
.news-slider-images-videos-slider-container .slider-content img {
  width: 100%;
  min-height: 300px;
  max-height: 300px;
  object-fit: contain;
}
.news-slider-images-videos-slider-container .slider-content .playIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.news-slider-images-videos-slider-container .slider-content .playIcon img {
  width: 100%;
  object-fit: unset;
}
@media (min-width: 1600px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    width: 70px;
  }
}
@media (min-width: 992px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    width: 66.5px;
  }
}
@media (max-width: 992px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    width: 52.5px;
  }
}
@media (max-width: 575px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    width: 45.5px;
  }
}
@media (min-width: 1600px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    height: 66.5px;
  }
}
@media (max-width: 992px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    height: 52.5px;
  }
}
@media (max-width: 575px) {
  .news-slider-images-videos-slider-container .slider-content .playIcon img {
    height: 45.5px;
  }
}

@media (min-width: 1600px) {
  .news-slider-container .slick-list, .news-slider-images-videos-slider-container .slick-list {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .news-slider-container .slick-list, .news-slider-images-videos-slider-container .slick-list {
    padding-bottom: 38px;
  }
}
@media (max-width: 992px) {
  .news-slider-container .slick-list, .news-slider-images-videos-slider-container .slick-list {
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .news-slider-container .slick-list, .news-slider-images-videos-slider-container .slick-list {
    padding-bottom: 26px;
  }
}
.news-slider-container .slick-arrow, .news-slider-images-videos-slider-container .slick-arrow {
  z-index: 1;
  position: absolute;
  z-index: 10;
  bottom: 0;
  inset-inline-start: unset;
  transform: none;
  top: unset;
  cursor: pointer;
}
.news-slider-container .slick-arrow svg, .news-slider-images-videos-slider-container .slick-arrow svg {
  width: 100%;
}
@media (min-width: 1600px) {
  .news-slider-container .slick-arrow svg, .news-slider-images-videos-slider-container .slick-arrow svg {
    max-width: 40px;
  }
}
@media (min-width: 992px) {
  .news-slider-container .slick-arrow svg, .news-slider-images-videos-slider-container .slick-arrow svg {
    max-width: 38px;
  }
}
@media (max-width: 992px) {
  .news-slider-container .slick-arrow svg, .news-slider-images-videos-slider-container .slick-arrow svg {
    max-width: 30px;
  }
}
@media (max-width: 575px) {
  .news-slider-container .slick-arrow svg, .news-slider-images-videos-slider-container .slick-arrow svg {
    max-width: 26px;
  }
}
.news-slider-container .slick-arrow.slick-prev, .news-slider-images-videos-slider-container .slick-arrow.slick-prev {
  inset-inline-start: unset;
  inset-inline-end: 70px;
}
.news-slider-container .slick-arrow.slick-next, .news-slider-images-videos-slider-container .slick-arrow.slick-next {
  inset-inline-start: unset;
  inset-inline-end: 10px;
}
.news-slider-container .slick-dots, .news-slider-images-videos-slider-container .slick-dots {
  inset-inline-start: 10px;
  bottom: 15px;
  padding-inline-start: 0;
  list-style: none;
  font-size: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  justify-content: flex-start;
  margin-top: 0;
  margin-block: 0;
  position: relative;
}
@media (min-width: 1600px) {
  .news-slider-container .slick-dots, .news-slider-images-videos-slider-container .slick-dots {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .news-slider-container .slick-dots, .news-slider-images-videos-slider-container .slick-dots {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .news-slider-container .slick-dots, .news-slider-images-videos-slider-container .slick-dots {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .news-slider-container .slick-dots, .news-slider-images-videos-slider-container .slick-dots {
    gap: 6.5px;
  }
}
.news-slider-container .slick-dots li button, .news-slider-images-videos-slider-container .slick-dots li button {
  padding: 0;
  box-shadow: none;
  border: 0;
  border-radius: 100%;
}
.news-slider-container .slick-dots li.slick-active button, .news-slider-images-videos-slider-container .slick-dots li.slick-active button {
  background-color: #1b8354;
}
.news-slider-container [lang=ar] .slick-arrow.slick-prev, .news-slider-images-videos-slider-container [lang=ar] .slick-arrow.slick-prev {
  inset-inline-end: 1.25vw;
  inset-inline-start: unset;
  z-index: 1;
}
.news-slider-container [lang=ar] .slick-arrow.slick-next, .news-slider-images-videos-slider-container [lang=ar] .slick-arrow.slick-next {
  inset-inline-start: 1.25vw;
  inset-inline-end: unset;
  z-index: 1;
}
.news-slider-container [lang=ar] .slick-arrow.slick-prev, .news-slider-images-videos-slider-container [lang=ar] .slick-arrow.slick-prev {
  inset-inline-end: -20px;
  inset-inline-start: unset;
  z-index: 1;
}
.news-slider-container [lang=ar] .slick-arrow.slick-next, .news-slider-images-videos-slider-container [lang=ar] .slick-arrow.slick-next {
  inset-inline-start: -20px;
  inset-inline-end: unset;
  z-index: 1;
}

[lang=ar] .news-slider-images-videos-slider-container .slick-arrow, [lang=ar] .news-slider-slick-container .slick-arrow {
  z-index: 1;
  scale: -1;
}
[lang=ar] .news-slider-images-videos-slider-container .slick-arrow.slick-prev, [lang=ar] .news-slider-slick-container .slick-arrow.slick-prev {
  inset-inline-end: 70px;
  inset-inline-start: unset;
}
[lang=ar] .news-slider-images-videos-slider-container .slick-arrow.slick-next, [lang=ar] .news-slider-slick-container .slick-arrow.slick-next {
  inset-inline-start: unset;
  inset-inline-end: 10px;
}

.no-right-side-pattern::before {
  content: unset !important;
}

.youtube-iframe-container {
  min-height: 300px;
  max-height: 300px;
  display: flex;
  flex-direction: column;
}
.youtube-iframe-container iframe {
  flex-grow: 1;
}

[lang=ar] .news-slider-videos-picture-section .tab-pane .accordion-header .accordion-button::after {
  margin-right: auto;
  margin-left: 0;
}

@media (min-width: 1600px) {
  .column-container {
    max-width: 1200px;
  }
}

.single-horizontal-card-container .pattern .topLeft {
  top: -4.3vw !important;
}
@media (max-width: 1025px) and (min-width: 769px) {
  .single-horizontal-card-container .pattern .topLeft {
    top: -4.1vw !important;
  }
}
.single-horizontal-card-container .single-horizontal-card-heading {
  font-weight: normal;
}

.single-horizontal-card {
  flex-direction: row;
  padding: 30px 80px;
}
@media (max-width: 575px) {
  .single-horizontal-card {
    padding: 10px 20px;
  }
}
.single-horizontal-card .simpleCards-title {
  max-width: 70%;
}
@media (max-width: 575px) {
  .single-horizontal-card .simpleCards-title {
    max-width: 100%;
    text-align: center;
  }
}
.single-horizontal-card .simpleCards-title .single-horizontal-card-heading {
  font-weight: normal !important;
}
.single-horizontal-card .right-side {
  justify-content: space-between;
}
@media (max-width: 575px) {
  .single-horizontal-card .right-side {
    justify-content: center;
    margin-top: 12px;
  }
}
@media (max-width: 575px) {
  .single-horizontal-card {
    flex-direction: column;
  }
}

@media (min-width: 1600px) {
  .climate-condition-container {
    align-items: stretch;
    justify-content: center;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .climate-condition-container {
    padding: 20px;
  }
}
@media (max-width: 575px) {
  .climate-condition-container {
    padding: 20px;
  }
}

.climate-condition-column {
  height: auto;
  display: flex;
  flex-direction: column;
}
.climate-condition-column .heading {
  flex-shrink: 0;
}
.climate-condition-column .heading h2 {
  color: #0D121C;
  font-weight: normal;
}
@media (min-width: 1600px) {
  .climate-condition-column .heading h2 {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .climate-condition-column .heading h2 {
    font-size: 23.75px;
  }
}
@media (max-width: 992px) {
  .climate-condition-column .heading h2 {
    font-size: 18.75px;
  }
}
@media (max-width: 575px) {
  .climate-condition-column .heading h2 {
    font-size: 16.25px;
  }
}
.climate-condition-column .climate-condition-summary-card {
  position: relative;
  border: 1px solid #D2D6DB;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
@media (min-width: 1600px) {
  .climate-condition-column .climate-condition-summary-card {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .climate-condition-column .climate-condition-summary-card {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .climate-condition-column .climate-condition-summary-card {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .climate-condition-column .climate-condition-summary-card {
    border-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .climate-condition-column .climate-condition-summary-card {
    margin-block: 25px;
  }
}
@media (min-width: 992px) {
  .climate-condition-column .climate-condition-summary-card {
    margin-block: 23.75px;
  }
}
@media (max-width: 992px) {
  .climate-condition-column .climate-condition-summary-card {
    margin-block: 18.75px;
  }
}
@media (max-width: 575px) {
  .climate-condition-column .climate-condition-summary-card {
    margin-block: 16.25px;
  }
}
.climate-condition-column .climate-condition-summary-card .content {
  position: relative;
  z-index: 1;
  font-size: 16px;
}
.climate-condition-column .climate-condition-summary-card .content .actions {
  align-items: center;
}
.climate-condition-column .climate-condition-summary-card .content .actions select {
  appearance: unset;
  -webkit-appearance: auto;
  padding: 0.357rem 0.357rem;
  max-width: 100px;
  overflow: hidden !important;
  text-overflow: ellipsis;
  height: 42px;
}
@media (min-width: 1600px) {
  .climate-condition-column .climate-condition-summary-card .content .actions select {
    max-width: 145px;
  }
}
.climate-condition-column .climate-condition-summary-card .content .actions .smallBtn {
  max-width: 135px;
}
@media (max-width: 575px) {
  .climate-condition-column .climate-condition-summary-card .content .actions .smallBtn {
    max-width: 72px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content .actions .smallBtn {
    max-width: 90px !important;
  }
}
@media (min-width: 1600px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    padding-block-end: 16px;
  }
}
@media (min-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    padding-block-end: 15.2px;
  }
}
@media (max-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    padding-block-end: 12px;
  }
}
@media (max-width: 575px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    padding-block-end: 10.4px;
  }
}
@media (min-width: 1600px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .climate-condition-column .climate-condition-summary-card .content p {
    line-height: 15.6px;
  }
}
.climate-condition-column .climate-condition-summary-card .pattern .top-right {
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
}
.climate-condition-column .climate-condition-summary-card .pattern .top-right svg {
  max-height: 70px;
  max-width: 120px;
}

@media (max-width: 1366px) {
  .climate-condition-summary-container .climate-condition-container {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    justify-content: flex-start !important;
    align-items: stretch;
  }
  .climate-condition-summary-container .climate-condition-column {
    flex: 1 1 280px !important;
    min-width: 260px;
    max-width: none !important;
  }
  .climate-condition-summary-card .content .actions > .d-flex.gap-2 {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem !important;
  }
  .climate-condition-summary-card .content .actions > .d-flex.gap-2 .custom-dropdown {
    min-width: 0;
    width: 100%;
    max-width: 100%;
  }
}
[lang=ar] .climate-condition-summary-card .content .actions select {
  font-size: 22px;
  max-width: 92px !important;
}
[lang=ar] .climate-condition-summary-card .content .actions select option {
  font-size: 20px !important;
}
@media (max-width: 575px) {
  [lang=ar] .climate-condition-summary-card .content .actions select {
    font-size: 18px;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  [lang=ar] .climate-condition-summary-card .content .actions select {
    font-size: 20px;
  }
}
[lang=ar] .climate-condition-summary-card .content .actions .smallBtn {
  font-size: 16px !important;
}
@media (max-width: 575px) {
  [lang=ar] .climate-condition-summary-card .content .actions .smallBtn span {
    font-size: 20px !important;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  [lang=ar] .climate-condition-summary-card .content .actions .smallBtn span {
    font-size: 18px !important;
  }
}
@media (max-width: 575px) {
  [lang=ar] .climate-condition-summary-card .content .actions .smallBtn {
    max-width: 88px !important;
    height: 36px !important;
    gap: 2.5px;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  [lang=en] .climate-condition-summary-card .content .actions select {
    height: 32px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  [lang=en] .climate-condition-summary-card .content .actions select {
    height: 30px;
    font-size: 12px;
  }
}

@media (min-width: 1600px) {
  .last-updated--text-container-text {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .last-updated--text-container-text {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .last-updated--text-container-text {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .last-updated--text-container-text {
    font-size: 9.1px;
  }
}

.last-updated--text-container-primary--text {
  color: #074D31;
}

.last-updated--text-container-bold--text {
  font-weight: bold;
}

.last-updated--text-container-small--text {
  font-size: 12px !important;
}

.cookie--wrapper {
  position: fixed;
  width: 100%;
  left: 0;
  bottom: 0;
  height: max-content;
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
  display: block;
  transition: visibility 0s 0.75s, opacity 0.75s linear;
  box-shadow: none;
}
.cookie--wrapper .cookie--content {
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px;
  transition: right 0.3s ease;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content {
    padding-block-start: 30px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content {
    padding-block-start: 28.5px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content {
    padding-block-start: 22.5px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content {
    padding-block-start: 19.5px;
  }
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content {
    padding-block-end: 15px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content {
    padding-block-end: 14.25px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content {
    padding-block-end: 11.25px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content {
    padding-block-end: 9.75px;
  }
}
.cookie--wrapper .cookie--content header {
  text-align: start;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 12px;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content header {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content header {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content header {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content header {
    margin-bottom: 9.75px;
  }
}
.cookie--wrapper .cookie--content header .close-cookie {
  position: absolute;
  cursor: pointer;
  color: #161616;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    inset-inline-end: 5px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    inset-inline-end: 4.75px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    inset-inline-end: 3.75px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    inset-inline-end: 3.25px;
  }
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content header .close-cookie {
    font-size: 13px;
  }
}
.cookie--wrapper .cookie--content header .cookie-heading {
  color: #161616;
  text-align: start;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content header .cookie-heading {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content header .cookie-heading {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content header .cookie-heading {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content header .cookie-heading {
    font-size: 13px;
  }
}
.cookie--wrapper .cookie--content header i {
  color: #074D31;
  font-size: 32px;
}
.cookie--wrapper .cookie--content .content {
  text-align: start;
}
.cookie--wrapper .cookie--content .content p {
  color: #707070;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content .content p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content .content p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content .content p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .content p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content .content p {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content .content p {
    margin-bottom: 11.4px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content .content p {
    margin-bottom: 9px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .content p {
    margin-bottom: 7.8px;
  }
}
.cookie--wrapper .cookie--content .content a {
  display: block;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content .content a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content .content a {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content .content a {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .content a {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content .content a {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content .content a {
    margin-bottom: 11.4px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content .content a {
    margin-bottom: 9px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .content a {
    margin-bottom: 7.8px;
  }
}
.cookie--wrapper .cookie--content p {
  font-size: 16px;
}
.cookie--wrapper .cookie--content p a {
  color: #074D31;
  text-decoration: none;
}
.cookie--wrapper .cookie--content p a:hover {
  text-decoration: underline;
}
.cookie--wrapper .cookie--content .cookies--buttons {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  align-items: center;
  justify-content: flex-end;
}
@media (min-width: 768px) and (max-width: 992px) {
  .cookie--wrapper .cookie--content .cookies--buttons {
    max-width: unset !important;
  }
}
.cookie--wrapper .cookie--content .cookies--buttons button {
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    height: 35px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    height: 33.25px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    height: 26.25px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    height: 22.75px;
  }
}
@media (min-width: 1600px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .cookies--buttons button {
    font-size: 10.4px;
  }
}
.cookie--wrapper .cookie--content .cookies--buttons button.reject {
  border: 1px solid #E5E7EB;
  color: #161616;
  background-color: #ffffff;
}
.cookie--wrapper .cookie--content .cookies--buttons button.manage {
  color: #161616;
  background-color: #ffffff;
}

.cookie-settings-popup {
  align-content: center;
  z-index: 999999 !important;
  position: relative;
}
.cookie-settings-popup .cookie-settings-content {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  width: 40%;
  margin: auto;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-settings-content {
    border-radius: 27px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-settings-content {
    border-radius: 25.65px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-settings-content {
    border-radius: 20.25px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-settings-content {
    border-radius: 17.55px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-start: 40px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-start: 38px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-start: 30px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-start: 26px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-settings-content {
    padding-inline-end: 13px;
  }
}
@media (max-width: 769px) {
  .cookie-settings-popup .cookie-settings-content {
    width: 90%;
  }
}
.cookie-settings-popup .innerClose {
  position: relative;
}
.cookie-settings-popup .innerClose i {
  position: absolute;
  cursor: pointer;
  color: #161616;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1600px) {
  .cookie-settings-popup .innerClose i {
    inset-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .innerClose i {
    inset-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .innerClose i {
    inset-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .innerClose i {
    inset-inline-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .innerClose i {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .innerClose i {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .innerClose i {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .innerClose i {
    font-size: 13px;
  }
}
.cookie-settings-popup .cookie-heading {
  color: #161616;
  align-content: center;
  text-align: start;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-heading {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-heading {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-heading {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-heading {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-heading {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-heading {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-heading {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-heading {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-heading {
    padding-inline-start: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-heading {
    padding-inline-start: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-heading {
    padding-inline-start: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-heading {
    padding-inline-start: 10.4px;
  }
}
.cookie-settings-popup .shortDescPara {
  color: #384250;
  text-align: start;
  font-weight: 400;
  padding: 0;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .shortDescPara {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .shortDescPara {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .shortDescPara {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .shortDescPara {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .shortDescPara {
    margin-block: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .shortDescPara {
    margin-block: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .shortDescPara {
    margin-block: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .shortDescPara {
    margin-block: 10.4px;
  }
}
.cookie-settings-popup .settings-options {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options {
    gap: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options {
    gap: 10.4px;
  }
}
.cookie-settings-popup .settings-options input[type=checkbox] {
  vertical-align: text-bottom;
}
.cookie-settings-popup .settings-options label {
  color: #1F2A37;
  font-weight: 600;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options label {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options label {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options label {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options label {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options label {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options label {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options label {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options label {
    margin-bottom: 0px;
  }
}
.cookie-settings-popup .settings-options p.shortDesc {
  color: #161616;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    font-size: 12.35px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    font-size: 9.75px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    font-size: 8.45px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options p.shortDesc {
    margin-bottom: 10.4px;
  }
}
.cookie-settings-popup .settings-options .toggle-switch {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options .toggle-switch {
    margin-bottom: 0px;
  }
}
.cookie-settings-popup .settings-options .toggle-switch input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.cookie-settings-popup .settings-options .toggle-switch .slider {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #D2D6DB;
  border-radius: 34px;
  transition: background-color 0.2s;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .settings-options .toggle-switch .slider {
    margin-inline-end: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .settings-options .toggle-switch .slider {
    margin-inline-end: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .settings-options .toggle-switch .slider {
    margin-inline-end: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .settings-options .toggle-switch .slider {
    margin-inline-end: 10.4px;
  }
}
.cookie-settings-popup .settings-options .toggle-switch .slider::before {
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  border-radius: 50%;
  transition: transform 0.2s;
}
.cookie-settings-popup .settings-options .toggle-switch input:checked + .slider {
  background-color: #25935f;
}
.cookie-settings-popup .settings-options .toggle-switch input:checked + .slider::before {
  transform: translateX(20px);
}
.cookie-settings-popup .settings-options .toggle-switch input:disabled + .slider {
  background-color: #D2D6DB;
  cursor: not-allowed;
}
.cookie-settings-popup .cookie-settings-buttons {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-settings-buttons {
    margin-top: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-settings-buttons {
    margin-top: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-settings-buttons {
    margin-top: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-settings-buttons {
    margin-top: 10.4px;
  }
}
@media (min-width: 1600px) {
  .cookie-settings-popup .cookie-settings-buttons {
    row-gap: 16px;
  }
}
@media (min-width: 992px) {
  .cookie-settings-popup .cookie-settings-buttons {
    row-gap: 15.2px;
  }
}
@media (max-width: 992px) {
  .cookie-settings-popup .cookie-settings-buttons {
    row-gap: 12px;
  }
}
@media (max-width: 575px) {
  .cookie-settings-popup .cookie-settings-buttons {
    row-gap: 10.4px;
  }
}
.cookie-settings-popup .cookie-settings-buttons button {
  white-space: nowrap;
  width: 100%;
  max-width: 100%;
}
.cookie-settings-popup .cookie-settings-buttons button.cancel {
  border: 1px solid #E5E7EB;
  color: #161616;
  background-color: #ffffff;
}

.cookie--wrapper.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 1s linear;
}

@media (max-width: 769px) {
  [lang=ar] .cookie--wrapper {
    transform: translateX(50%);
  }
}
[lang=ar] .cookie--wrapper .cookie--content .data p a {
  font-size: inherit !important;
}

@media (max-width: 575px) {
  .cookie--wrapper .cookie--content .data {
    align-items: flex-start !important;
  }
  .cookie--wrapper .cookie--content .data .content {
    margin-bottom: 8px;
  }
}
/* spans inside this container should match their parent (p) 
font size all the time in arabic */
[lang=ar] .span--same-fontsize p span, [lang=ar] .span--same-fontsize p strong {
  font-size: inherit !important;
}
[lang=ar] .noExternalLink p {
  line-height: 28px !important;
}

.custom-dropdown {
  width: 100%;
  position: relative;
  min-width: 200px;
}
.custom-dropdown .custom-dropdown-button {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ccc;
  background: white;
  text-align: right;
  font-size: 1rem;
  border-radius: 5px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: width 0.3s ease-in-out;
  position: relative;
}
.custom-dropdown .custom-dropdown-button::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 100%;
  height: 2px;
  background: #0D121C;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  transition: transform 0.3s ease-in-out;
  z-index: 0;
}
.custom-dropdown .custom-dropdown-button:focus {
  outline: none;
  box-shadow: none;
}
.custom-dropdown .custom-dropdown-button:hover {
  border-color: #0D121C;
}
.custom-dropdown .custom-dropdown-button::after {
  display: none;
}
.custom-dropdown.show .custom-dropdown-button::before {
  transform: translateX(-50%) scaleX(1);
}
.custom-dropdown.show .arrow {
  transform: rotate(180deg);
}
.custom-dropdown .arrow {
  font-size: 1rem;
  transition: transform 0.2s ease;
  width: 14px;
  height: 8px;
  background-repeat: no-repeat;
  margin-left: 10px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
}
.custom-dropdown .dropdown-menu {
  position: absolute;
  top: 40px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-top: 2px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  padding: 6px;
  max-height: 300px;
  overflow-y: auto;
  background: white;
}
.custom-dropdown .dropdown-item {
  font-size: 1rem;
  padding: 0.5rem;
  position: relative;
  text-align: start;
}
.custom-dropdown .dropdown-item:hover {
  background-color: #f8f9fa;
}
.custom-dropdown .dropdown-item.selected::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M5 14L8.5 17.5L19 6.5' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E");
}
.custom-dropdown .dropdown-item:active {
  color: #4D5761;
}
.custom-dropdown .selected-option {
  color: #4D5761;
}

.highcharts-xaxis .highcharts-tick,
.highcharts-yaxis .highcharts-tick {
  stroke: none !important;
  stroke-width: 0 !important;
  display: none !important;
}

.highcharts-axis.highcharts-xaxis .highcharts-axis-title,
.highcharts-axis.highcharts-yaxis .highcharts-axis-title {
  font-size: 13px !important;
  color: #0D121C !important;
  font-weight: 600 !important;
}

#heroSlider {
  position: relative;
  z-index: 99;
}
@media (min-width: 1600px) {
  #heroSlider {
    padding-bottom: 110px;
  }
}
@media (min-width: 992px) {
  #heroSlider {
    padding-bottom: 104.5px;
  }
}
@media (max-width: 992px) {
  #heroSlider {
    padding-bottom: 82.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider {
    padding-bottom: 71.5px;
  }
}
#heroSlider .heroSliderMain {
  position: relative;
  z-index: 99;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain {
    max-height: 780px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain {
    max-height: 741px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain {
    max-height: 585px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain {
    max-height: 507px;
  }
}
#heroSlider .heroSliderMain .slick-list {
  margin: 0;
  max-width: 100%;
}
#heroSlider .heroSliderMain .sliderItem {
  position: relative;
  background-image: -webkit-linear-gradient(top, #25935f, #074d31);
  z-index: 9;
}
#heroSlider .heroSliderMain .sliderItem:before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 40%;
  bottom: 0;
  left: 0;
  background-image: -webkit-linear-gradient(bottom, white 0%, transparent 50%);
}
#heroSlider .heroSliderMain .sliderItem.orangeBg {
  background-image: -webkit-linear-gradient(top, #fcb725, #dd7025);
}
#heroSlider .heroSliderMain .sliderItem.blackBg {
  background-image: -webkit-linear-gradient(top, #0D121C, black);
}
#heroSlider .heroSliderMain .sliderItem.greyBg {
  background-image: -webkit-linear-gradient(top, #4D5761, #3d3d3d);
}
#heroSlider .heroSliderMain .sliderItem .sliderImage {
  position: absolute;
  inset-inline-end: 4.5vw;
  top: 10%;
  width: 55%;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage {
    height: 570px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage {
    height: 541.5px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage {
    height: 427.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage {
    height: 370.5px;
  }
}
#heroSlider .heroSliderMain .sliderItem .sliderImage img {
  object-fit: cover;
  -o-object-fit: cover;
  object-position: right;
  -o-object-position: right;
  position: relative;
  top: 0;
  height: 80%;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage img {
    object-fit: contain;
    -o-object-fit: contain;
  }
}
@media (max-width: 1025px) and (min-width: 769px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage img {
    top: 20%;
    height: 63%;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage img {
    top: 15%;
    height: 59%;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage {
    width: 48%;
    height: 480px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderImage {
    display: none;
  }
}
#heroSlider .heroSliderMain .sliderItem .sliderText {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 10vw;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    height: 780px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    height: 741px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    height: 585px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    height: 507px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    max-width: 600px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    max-width: 570px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    max-width: 450px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    max-width: 390px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    padding-top: 7vw;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    padding-top: 9vw;
  }
}
#heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
  line-height: 1.1;
  color: #ffffff;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    font-size: 48px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    font-size: 45.6px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    font-size: 31.2px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle {
    margin-bottom: 19.5px;
  }
}
#heroSlider .heroSliderMain .sliderItem .sliderText p {
  line-height: 1.25;
  color: #ffffff;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    margin-bottom: 38px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText p {
    margin-bottom: 26px;
  }
}
#heroSlider .heroSliderMain .sliderItem .sliderText a {
  font-weight: 500;
  border: 1px solid #ffffff;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-block: 8px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-block: 7.6px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-block: 6px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-block: 5.2px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    padding-inline: 13px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText a {
    gap: 5.2px;
  }
}
#heroSlider .heroSliderMain .sliderItem .sliderText a:hover {
  border-color: #fcb725;
  color: #fcb725;
}
#heroSlider .heroSliderMain .sliderItem .sliderText .sliderTitle,
#heroSlider .heroSliderMain .sliderItem .sliderText p,
#heroSlider .heroSliderMain .sliderItem .sliderText .sliderBtn {
  transform: translateY(40%);
  opacity: 0;
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    padding-inline: 20px;
    height: 520px;
  }
}
#heroSlider .heroSliderMain .sliderItem.slick-current .sliderTitle,
#heroSlider .heroSliderMain .sliderItem.slick-current p,
#heroSlider .heroSliderMain .sliderItem.slick-current .sliderBtn {
  transform: translateY(0);
  opacity: 1;
}
#heroSlider .heroSliderMain .sliderItem.slick-current .sliderTitle {
  transition-delay: 500ms;
}
#heroSlider .heroSliderMain .sliderItem.slick-current p {
  transition-delay: 800ms;
}
#heroSlider .heroSliderMain .sliderItem.slick-current .sliderBtn {
  transition-delay: 1100ms;
}
#heroSlider .heroSliderMain .heroSliderArrow {
  z-index: 99;
  top: 40%;
}
@media (min-width: 1600px) {
  #heroSlider .heroSliderMain .heroSliderArrow {
    top: 38%;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .heroSliderArrow {
    top: 36%;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain .heroSliderArrow {
    top: 31%;
  }
}
#heroSlider .heroSliderMain .slick-prev {
  inset-inline-start: 1%;
}
#heroSlider .heroSliderMain .slick-next {
  inset-inline-end: 1%;
}
#heroSlider .heroSliderMain .slick-dots {
  position: relative;
  top: auto;
  bottom: -10px;
}
@media (max-width: 992px) {
  #heroSlider .heroSliderMain .sliderItem .sliderText {
    height: auto;
    padding-bottom: 80px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroSliderMain {
    max-height: 600px;
  }
}
#heroSlider .heroWaveSlides {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  top: unset;
  display: unset;
}
@media (min-width: 1600px) {
  #heroSlider .heroWaveSlides {
    bottom: 150px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroWaveSlides {
    bottom: 142.5px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroWaveSlides {
    bottom: 112.5px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroWaveSlides {
    bottom: 97.5px;
  }
}
@media (min-width: 1600px) {
  #heroSlider .heroWaveSlides {
    height: 140px;
  }
}
@media (min-width: 992px) {
  #heroSlider .heroWaveSlides {
    height: 133px;
  }
}
@media (max-width: 992px) {
  #heroSlider .heroWaveSlides {
    height: 105px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroWaveSlides {
    height: 91px;
  }
}
#heroSlider .heroWaveSlides svg {
  height: 100%;
}
#heroSlider .heroWaveSlides .parallax > use:nth-child(1),
#heroSlider .heroWaveSlides .parallax > use:nth-child(5) {
  fill: rgba(255, 255, 255, 0.4);
  transform: translate3d(80px, 0, 0);
  animation: none;
  display: none;
}
#heroSlider .heroWaveSlides .parallax > use:nth-child(5) {
  transform: translate3d(120px, 0, 0);
}
@media (max-width: 992px) {
  #heroSlider .heroWaveSlides {
    bottom: 20px;
  }
}
@media (max-width: 575px) {
  #heroSlider .heroWaveSlides {
    bottom: 60px;
  }
}
@media (max-width: 575px) {
  #heroSlider {
    padding-bottom: 30px;
  }
}

.mauticform-input[type=number]::-webkit-inner-spin-button,
.mauticform-input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.mauticform-input[type=number] {
  -moz-appearance: textfield; /* Firefox */
}

.mapTopper {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 999;
}
@media (min-width: 1600px) {
  .mapTopper {
    top: -75px;
  }
}
@media (min-width: 992px) {
  .mapTopper {
    top: -71.25px;
  }
}
@media (max-width: 992px) {
  .mapTopper {
    top: -56.25px;
  }
}
@media (max-width: 575px) {
  .mapTopper {
    top: -48.75px;
  }
}
.mapTopper img {
  width: 100%;
}
@media (max-width: 992px) {
  .mapTopper {
    top: -50px;
  }
  .mapTopper img {
    width: 150%;
    max-width: initial;
  }
}
@media (max-width: 575px) {
  .mapTopper {
    top: -30px;
  }
  .mapTopper img {
    width: 200%;
  }
}

.mapBottom {
  position: absolute;
  z-index: 999;
  left: 0;
}
@media (min-width: 1600px) {
  .mapBottom {
    bottom: -75px;
  }
}
@media (min-width: 992px) {
  .mapBottom {
    bottom: -71.25px;
  }
}
@media (max-width: 992px) {
  .mapBottom {
    bottom: -56.25px;
  }
}
@media (max-width: 575px) {
  .mapBottom {
    bottom: -48.75px;
  }
}
.mapBottom img {
  width: 100%;
}
@media (max-width: 992px) {
  .mapBottom {
    bottom: -50px;
  }
  .mapBottom img {
    width: 150%;
    max-width: initial;
  }
}
@media (max-width: 575px) {
  .mapBottom {
    bottom: -30px;
  }
  .mapBottom img {
    width: 200%;
    max-width: initial;
  }
}

.heroWaveSlides {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  top: -8.9vw;
  height: 35vw;
  min-height: 100%;
  display: flex;
  align-items: flex-end;
}
.heroWaveSlides.h-37vw {
  height: 37vw;
}
.heroWaveSlides svg {
  width: 100%;
  height: max-content;
}
.heroWaveSlides .parallax > use {
  stroke-width: 0.5px;
  stroke-linecap: round;
  fill: none;
  animation: move-forever 35s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}
.heroWaveSlides .parallax > use:nth-child(1) {
  animation: none;
}
.heroWaveSlides .parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
  stroke: #25935f;
}
.heroWaveSlides .parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
  stroke: #fcb725;
}
.heroWaveSlides .parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
  stroke: #dd7025;
}
@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }
  100% {
    transform: translate3d(85px, 0, 0);
  }
}
@media (max-width: 992px) {
  .heroWaveSlides {
    position: relative;
  }
  .heroWaveSlides svg {
    height: 80px;
    min-height: 80px;
  }
}
@media (max-width: 575px) {
  .heroWaveSlides svg {
    height: 60px;
    min-height: 60px;
  }
}

@media screen and (max-width: 1200px) {
  .heroWaveSlides {
    top: unset;
    bottom: 0;
  }
}
[lang=ar] .heroWaveSlides svg {
  transform: scaleX(-1);
}

.forecast10 {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.forecast10 .forecastCard {
  width: 18.8%;
}

@media (max-width: 575px) {
  .tabContainer .chart-container .tabs-container {
    width: 80% !important;
  }
}
.tenday-swiper {
  width: 100%;
  height: 100%;
  padding-inline-end: 10px;
  padding-block-end: 10px;
}
.tenday-swiper .swiper-wrapper {
  height: 102.5%;
}

.tenday-swiper .swiper-wrapper {
  flex-direction: row;
}

.tenday-swiper .swiper-wrapper .swiper-slide {
  height: 100%;
  margin-top: 0 !important;
  margin-bottom: 9px;
}

.tenday-swiper .swiper-wrapper .swiper-slide .forecastCard {
  height: 100%;
}

.tenday-swiper-pagination {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: 0 !important;
}

@media screen and (max-width: 992px) {
  #forecastWrap .container .tab-content .tabContainer .forecastTabContent .hourly-forecast-section .hourly-forecast-swiper-container {
    width: 80%;
  }
  #forecastWrap .container .tab-content .tabContainer .forecastTabContent .hourly-forecast-section .prevArrow {
    width: 10%;
  }
  #forecastWrap .container .tab-content .tabContainer .forecastTabContent .hourly-forecast-section .nextArrow {
    width: 10%;
  }
}
#forecastWrap.region-detailingnow {
  background: none;
  filter: none;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.cardWindDirectionIcon {
  margin-bottom: 8px;
}

.citySelect-heading-primary {
  z-index: 999;
  color: #161616;
  background-color: #fff;
  outline: none;
  border: 1px solid #D2D6DB;
  border-radius: 10px;
  padding-block: 10px;
  padding-inline-start: 20px;
  padding-inline-end: 40px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  cursor: pointer;
  position: relative;
}
.citySelect-heading-primary.focus {
  border-bottom: 2px solid #0D121C !important;
}
.citySelect-heading-primary .selected-city {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.citySelect-heading-primary .citySelect-options {
  position: absolute;
  top: 50px;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
  padding-block: 10px;
  max-height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: inherit;
  left: 0;
}
.citySelect-heading-primary .citySelect-options .cityDropdown-scroll {
  max-height: 200px;
  border-radius: 4px;
  background: #ffffff;
  box-shadow: none;
  padding: 5px;
  overflow: auto;
}
.citySelect-heading-primary .citySelect-options .cityDropdown-scroll .citySelect-option {
  padding: 5px;
  height: 35px;
  display: flex;
  align-items: center;
  color: #161616;
}
.citySelect-heading-primary .citySelect-options .cityDropdown-scroll .citySelect-option:hover {
  background-color: transparent;
}
.citySelect-heading-primary .citySelect-options .cityDropdown-scroll .citySelect-option:hover:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 27px;
  height: 20px;
  inset-inline-end: 12px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 5L7.5 15L3.75 11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.citySelect-heading-primary .citySelect-options .cityDropdown-scroll .citySelect-option .highlight {
  background: none;
}

.custom-arrow {
  position: absolute;
  inset-inline-end: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
  z-index: 9;
  transition: transform 0.3s ease;
  pointer-events: none;
}

.demo-icon {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* You can be more comfortable with increased icons size */
  font-size: inherit;
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.suggestionWrapper {
  background-color: #F9FAFB;
}
@media (min-width: 1600px) {
  .suggestionWrapper {
    padding-block: 32px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper {
    padding-block: 30.4px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper {
    padding-block: 24px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper {
    padding-block: 20.8px;
  }
}
.suggestionWrapper .suggestionBox {
  border: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox {
    padding-inline: 32px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox {
    padding-inline: 30.4px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox {
    padding-inline: 24px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox {
    padding-inline: 20.8px;
  }
}
.suggestionWrapper .suggestionBox .SuggestionAddComment {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment {
    padding-block: 30px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment {
    padding-block: 28.5px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment {
    padding-block: 22.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment {
    padding-block: 19.5px;
  }
}
@media (max-width: 769px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment {
    flex-direction: column;
    align-items: flex-start;
  }
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo {
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo {
    gap: 22.8px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo {
    gap: 15.6px;
  }
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
  object-fit: cover;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    width: 62px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    width: 58.9px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    width: 46.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    width: 40.3px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    height: 51px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    height: 48.45px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    height: 38.25px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo img {
    height: 33.15px;
  }
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
  color: #161616;
  margin: 0;
  padding: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo h3 {
    line-height: 15.6px;
  }
}
@media (max-width: 769px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .suggestionInfo {
    flex-direction: column;
    align-items: flex-start;
  }
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
  cursor: pointer;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  border-color: transparent;
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  background-color: #1b8354;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton {
    border-radius: 2.6px;
  }
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .btn.addCommentButton:hover {
  transition: background-color 0.3s ease;
  background-color: #074D31;
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .addedReview {
  display: none;
  width: 100%;
}
.suggestionWrapper .suggestionBox .SuggestionAddComment .addedReview .review p {
  line-height: 1;
  color: #161616;
  margin: 0;
  padding: 0;
  font-weight: 400;
  text-align: end;
}
@media (min-width: 1600px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .addedReview .review p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .addedReview .review p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .addedReview .review p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .suggestionBox .SuggestionAddComment .addedReview .review p {
    font-size: 9.1px;
  }
}
.suggestionWrapper .suggestionBox:not(:has(.helpfulReview)) .addedReview {
  display: block;
}
.suggestionWrapper .dailyReport-card {
  border-radius: 16px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #D2D6DB;
  position: relative;
  height: 100%;
}
.suggestionWrapper .dailyReport-card > div {
  gap: 24px;
}
.suggestionWrapper .dailyReport-card .dailyReport-card-image {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image {
    border-radius: 10.4px;
  }
}
.suggestionWrapper .dailyReport-card .dailyReport-card-image img {
  transition: 0.3s ease-in;
  width: 100%;
}
.suggestionWrapper .dailyReport-card .dailyReport-card-image:hover img {
  transform: scale(1.05);
}
.suggestionWrapper .dailyReport-card .dailyReport-card-image::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
.suggestionWrapper .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 97%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border-radius: 16px;
}
.suggestionWrapper .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 20.8px;
  }
}
.suggestionWrapper .dailyReport-card .center-initiatives-card-image img {
  max-width: 400px;
  max-height: 400px;
  object-fit: cover;
  object-position: top;
  min-width: 100%;
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 9.75px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 18px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 17.1px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 13.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 11.7px;
  }
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
  color: #1F2A37;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 25px !important;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 13px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 18px;
  }
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px !important;
  }
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 13px;
  }
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 7.8px;
  }
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 7.8px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 17.1px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 13.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 11.7px;
  }
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp {
  overflow: hidden;
}
.suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
.suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
  color: #0D121C;
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp p,
  .suggestionWrapper .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 15.6px;
  }
}
.suggestionWrapper .dailyReport-card .lightBtn {
  padding-inline: 16px;
}

.helpfulReviewWrapper {
  border-top: 2px solid #1b8354;
}
.helpfulReviewWrapper .helpfulReview {
  padding-block: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
.helpfulReviewWrapper .helpfulReview .helpfulSide {
  align-items: center;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide {
    gap: 24px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide {
    gap: 22.8px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide {
    gap: 18px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide {
    gap: 15.6px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide {
    gap: 4px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.helpfulReviewWrapper .helpfulReview .helpfulSide p {
  color: #161616;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide p {
    line-height: 15.6px;
  }
}
.helpfulReviewWrapper .helpfulReview .helpfulSide ul li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  white-space: nowrap;
}
.helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
  cursor: pointer;
  background-color: #1b8354;
  color: #ffffff;
  transition: background-color 0.3s ease;
  line-height: 1;
  border-color: transparent;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button {
    border-radius: 2.6px;
  }
}
.helpfulReviewWrapper .helpfulReview .helpfulSide ul li button.active, .helpfulReviewWrapper .helpfulReview .helpfulSide ul li button:hover {
  transition: background-color 0.3s ease;
  background-color: #074D31;
}
.helpfulReviewWrapper .helpfulReview .review p {
  line-height: 1;
  color: #161616;
  margin: 0;
  padding: 0;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .review p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .review p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .review p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .review p {
    font-size: 9.1px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section {
  display: flex;
  margin-top: 0;
  flex-direction: column;
  padding-inline: 0;
  border: none;
  border-radius: 8px;
  width: 100%;
}
.helpfulReviewWrapper .helpfulReview .feedback-section.gap-32 {
  gap: 32px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section.mt-32 {
  margin-top: 32px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .custom-checkbox {
  display: flex;
  gap: 8px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
  width: max-content;
  cursor: pointer;
  background-color: #1b8354;
  color: #ffffff;
  transition: background-color 0.3s ease;
  line-height: 1;
  border-color: transparent;
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton {
    border-radius: 2.6px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton.active, .helpfulReviewWrapper .helpfulReview .feedback-section .SendCommentButton:hover {
  transition: background-color 0.3s ease;
  background-color: #074D31;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
  position: absolute;
  background: none;
  border: none;
  cursor: pointer;
  font-weight: 500;
  color: #161616;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    top: 35px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    top: 33.25px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    top: 26.25px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    top: 22.75px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    inset-inline-end: 15px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    inset-inline-end: 14.25px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    inset-inline-end: 11.25px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    inset-inline-end: 9.75px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .close-btn {
    font-size: 10.4px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .close-btn i {
  padding-inline-start: 5px;
  vertical-align: middle;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .close-btn:hover {
  color: #353434;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-reasons {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-gender {
  display: flex;
  align-items: center;
  gap: 16px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-feedback {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-feedback .feedback-title {
  font-size: 14px;
  font-weight: 400;
  color: #161616;
  margin-bottom: 0;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-feedback .feeback-section-textarea {
  width: 100%;
  min-height: 100px;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  color: #161616;
}
.helpfulReviewWrapper .helpfulReview .feedback-section p {
  font-size: 16px;
  font-weight: 600;
  color: #161616;
  margin-bottom: 0;
}
.helpfulReviewWrapper .helpfulReview .feedback-section p span {
  font-weight: 400;
}
.helpfulReviewWrapper .helpfulReview .feedback-section label {
  display: block;
  margin-bottom: 0;
  font-weight: 500;
  color: #161616;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label {
    font-size: 10.4px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section label input[type=checkbox] {
  vertical-align: text-bottom;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label input[type=checkbox] {
    margin-inline-end: 8px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label input[type=checkbox] {
    margin-inline-end: 7.6px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label input[type=checkbox] {
    margin-inline-end: 6px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section label input[type=checkbox] {
    margin-inline-end: 5.2px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
  width: 25%;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 0.9rem;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    padding: 8px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    padding: 7.6px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    padding: 6px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    padding: 5.2px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    margin-top: 8px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    margin-top: 7.6px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    margin-top: 6px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    margin-top: 5.2px;
  }
}
@media (max-width: 769px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .other-reason-input {
    width: 50%;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .genderTitle {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 600;
  color: #161616;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox {
  display: flex;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox {
    gap: 15.2px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox {
    gap: 10.4px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li {
  display: flex;
  align-items: center;
  padding: 0;
  list-style: none;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li {
    gap: 5.2px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li label {
  font-size: 16px;
  padding: 0;
  font-weight: 400;
  color: #161616;
  margin: 0;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
  border: 1px solid #D2D6DB;
  accent-color: #25935f;
  border-radius: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    width: 26px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    width: 24.7px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    width: 19.5px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    width: 16.9px;
  }
}
@media (min-width: 1600px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    height: 26px;
  }
}
@media (min-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    height: 24.7px;
  }
}
@media (max-width: 992px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    height: 19.5px;
  }
}
@media (max-width: 575px) {
  .helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio] {
    height: 16.9px;
  }
}
.helpfulReviewWrapper .helpfulReview .feedback-section .genderCheckBox li input[type=radio]:checked {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-footer p {
  font-size: 16px;
  font-weight: 400;
  color: #161616;
  margin-bottom: 0;
}
.helpfulReviewWrapper .helpfulReview .feedback-section .feedback-section-footer p a {
  color: #1b8354;
  text-decoration: underline;
}
.helpfulReviewWrapper .helpfulReview .hidden {
  display: none;
}

.modal {
  z-index: 2000;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-inline: 32px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-inline: 30.4px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-inline: 24px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-inline: 20.8px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-block: 24px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-block: 22.8px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-block: 18px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content {
    padding-block: 15.6px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-header {
  padding: 0;
  border-bottom: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    padding-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    padding-bottom: 7.6px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    padding-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    padding-bottom: 5.2px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header {
    margin-bottom: 10.4px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-header .modal-title {
  font-weight: 600;
  color: #161616;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header .modal-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header .modal-title {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header .modal-title {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-header .modal-title {
    font-size: 13px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-header .close {
  border: none;
  background: none;
  cursor: pointer;
  font-weight: 400;
  top: unset;
  color: #161616;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body {
  padding: 0;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 22.8px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 18px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group {
    margin-bottom: 15.6px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
  font-weight: 600;
  color: #161616;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    margin-bottom: 7.6px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label {
    margin-bottom: 5.2px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group label span {
  color: #dd2525;
  background-color: transparent;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group input, .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group textarea {
  border-radius: 0px;
  font-weight: 500;
  color: #161616;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group input, .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group textarea {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group input, .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group textarea {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group input, .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group textarea {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group input, .modal .addCommentModal.modal-dialog .modal-content .modal-body .form-group textarea {
    font-size: 10.4px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .titleTop {
  font-weight: 600;
  color: #161616;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .titleTop {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .titleTop {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .titleTop {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .titleTop {
    font-size: 11.7px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body:has(.modalAlertList) {
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList {
  margin-block: 16px;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList {
    gap: 18px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList {
    gap: 17.1px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList {
    gap: 13.5px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList {
    gap: 11.7px;
  }
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .svgDiv svg {
  height: 20px;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .svgDiv .nextSVG {
  margin-inline-start: -8px;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .alertDate {
  min-width: 140px;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .alertType {
  padding: 12px;
  border-radius: 50%;
  position: relative;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .alertType.orange {
  background-color: #DC6803;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .alertType.red {
  background-color: #D92D20;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList .alertType.yellow {
  background-color: #fffb07;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-body .modalAlertList:not(:last-child) .alertType::before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="8.004" viewBox="0 0 14 8.004"><path d="M13.189,13.663l5.293,5.3A1,1,0,0,0,19.9,17.544l-6-6a1,1,0,0,0-1.38-.029L6.479,17.539a1,1,0,0,0,1.413,1.417Z" transform="translate(-6.188 -11.251)" fill="%238795aa"/></svg>');
  bottom: -14px;
  right: 0px;
  width: 24px;
  height: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-footer {
  justify-content: flex-start;
  border: none;
  padding: 0;
}
.modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
  margin: 0;
  border: none;
  background-color: #1b8354;
  font-family: "IBM Plex Sans, sans-serif";
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-block: 7px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-block: 6.65px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-block: 5.25px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    padding-block: 4.55px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    border-radius: 2.6px;
  }
}
@media (min-width: 1600px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .modal .addCommentModal.modal-dialog .modal-content .modal-footer button {
    font-size: 10.4px;
  }
}

.custom-arrow.up {
  transform: translateY(-50%) rotate(-180deg);
  border-top: none;
}

@media screen and (max-width: 576px) {
  #forecastWrap .forecastCity {
    width: 100%;
  }
}
[lang=ar] .turning-arrow {
  transform: scaleX(-1);
}

.videoForecastWrap,
#forecastWrap {
  position: relative;
  z-index: 99;
  background-color: #f9fafb;
  padding-top: 70px;
  padding-bottom: 50px;
}
.videoForecastWrap .chart-container,
#forecastWrap .chart-container {
  position: relative;
  margin: 0;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  box-shadow: none;
  width: 49%;
}
@media (min-width: 1600px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-block: 18px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-block: 17.1px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-block: 13.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-block: 11.7px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    padding-inline: 13px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .chart-container,
  #forecastWrap .chart-container {
    width: 100%;
  }
  .videoForecastWrap .chart-container:first-child,
  #forecastWrap .chart-container:first-child {
    margin-bottom: 16px;
  }
}
.videoForecastWrap .chart-container #chart-contain-chart,
#forecastWrap .chart-container #chart-contain-chart {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.videoForecastWrap .chart-container #chart-contain-chart #chart-contain-chart-contain-chart,
#forecastWrap .chart-container #chart-contain-chart #chart-contain-chart-contain-chart {
  width: 100%;
  overflow-x: auto;
  margin: 0px 10px 10px 0;
  display: flex;
  justify-content: start;
}
.videoForecastWrap .chart-container #chart-contain-chart #chart-contain-chart-contain-chart .chart,
#forecastWrap .chart-container #chart-contain-chart #chart-contain-chart-contain-chart .chart {
  min-width: 750px;
  width: 750px;
  height: 300px;
  margin: 0 auto;
  z-index: 0;
}
.videoForecastWrap .chart-container #chart-contain-chart .heading-for-charts,
#forecastWrap .chart-container #chart-contain-chart .heading-for-charts {
  font-weight: 600;
  color: #161616;
}
@media (min-width: 1600px) {
  .videoForecastWrap .chart-container #chart-contain-chart .heading-for-charts,
  #forecastWrap .chart-container #chart-contain-chart .heading-for-charts {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .chart-container #chart-contain-chart .heading-for-charts,
  #forecastWrap .chart-container #chart-contain-chart .heading-for-charts {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .chart-container #chart-contain-chart .heading-for-charts,
  #forecastWrap .chart-container #chart-contain-chart .heading-for-charts {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .chart-container #chart-contain-chart .heading-for-charts,
  #forecastWrap .chart-container #chart-contain-chart .heading-for-charts {
    font-size: 13px;
  }
}
.videoForecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p,
#forecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .videoForecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p,
  #forecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p,
  #forecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p,
  #forecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p,
  #forecastWrap .chart-container #chart-contain-chart .legend-for-10-day-chart p {
    font-size: 9.75px;
  }
}
.videoForecastWrap .chart-container .date,
#forecastWrap .chart-container .date {
  position: absolute;
  right: 30px;
  top: 30px;
  color: #fff;
  font-size: 1em;
  font-weight: 600;
}
.videoForecastWrap .chart-container .tabs-container,
#forecastWrap .chart-container .tabs-container {
  position: absolute;
  left: 50%;
  top: 30px;
  display: flex;
  align-items: center;
  gap: 25px;
  color: #fff;
  font-size: 1em;
  font-weight: 500;
  z-index: 111;
  overflow-x: auto;
  padding-bottom: 10px;
  transform: translateX(-50%);
}
.videoForecastWrap .chart-container .tabs-container > div,
#forecastWrap .chart-container .tabs-container > div {
  cursor: pointer;
  padding: 5px 0;
  white-space: nowrap;
}
.videoForecastWrap .chart-container .tabs-container > div.active,
#forecastWrap .chart-container .tabs-container > div.active {
  border-bottom: 2px solid #fff;
}
.videoForecastWrap .spinner,
#forecastWrap .spinner {
  display: flex;
  justify-content: center;
  height: 800px;
  align-items: center;
  display: none;
}
.videoForecastWrap .spinner.show,
#forecastWrap .spinner.show {
  display: flex;
}
.videoForecastWrap .hide-charts-container,
#forecastWrap .hide-charts-container {
  visibility: hidden !important;
  height: 0 !important;
  margin: 8px 0 !important;
}
.videoForecastWrap .forecastCity,
#forecastWrap .forecastCity {
  transition: 0.1s ease;
}
.videoForecastWrap .container,
#forecastWrap .container {
  transition: opacity 0.3s ease;
}
.videoForecastWrap:has(.spinner.show) .container,
#forecastWrap:has(.spinner.show) .container {
  opacity: 0;
  position: absolute;
}
.videoForecastWrap:has(.current-location-tab.active) .forecastCity .select2-container--default .select2-selection--single .select2-selection__rendered,
#forecastWrap:has(.current-location-tab.active) .forecastCity .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #707070;
}
.videoForecastWrap:has(.current-location-tab.active) .forecastCity .select2-container--default .select2-selection--single .select2-selection__arrow b,
#forecastWrap:has(.current-location-tab.active) .forecastCity .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%707070' width='16px' height='16px'%3E%3Cpath d='M12 2C10.07 2 8.5 3.57 8.5 5.5V10h-.25C7.01 10 6 11.01 6 12.25v7.5C6 20.99 7.01 22 8.25 22h7.5c1.24 0 2.25-1.01 2.25-2.25v-7.5C18 11.01 16.99 10 15.75 10H15V5.5C15 3.57 13.43 2 11.5 2zM11 5.5c0-.83.67-1.5 1.5-1.5S14 4.67 14 5.5V10h-3V5.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  width: 20px;
  height: 20px;
  top: 4px;
}
.videoForecastWrap:has(.current-location-tab.active) #currentlocationNameText,
#forecastWrap:has(.current-location-tab.active) #currentlocationNameText {
  display: block !important;
}
.videoForecastWrap:has(.other-location-tab.active) #otherlocationNameText,
#forecastWrap:has(.other-location-tab.active) #otherlocationNameText {
  display: block !important;
}
.videoForecastWrap .location-names,
#forecastWrap .location-names {
  display: none;
}
.videoForecastWrap .container,
#forecastWrap .container {
  margin: auto;
}
.videoForecastWrap .container .hourly-forecast-swiper-container,
#forecastWrap .container .hourly-forecast-swiper-container {
  width: 90%;
  overflow: hidden;
  background-color: #e4eef7;
}
.videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
#forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
  padding-left: 0 !important;
  background-color: #e4eef7;
  width: auto;
  box-sizing: border-box;
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-start: 8px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-start: 7.6px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-start: 6px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-start: 5.2px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-end: 25px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-end: 23.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-end: 18.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-inline-end: 16.25px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast {
    padding-block: 3.25px;
  }
}
.videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
#forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    margin-bottom: 3.25px;
  }
}
.videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast,
#forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast {
  display: flex;
  align-items: center;
  gap: 3px;
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    width: 38px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    width: 30px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon {
    height: 26px;
  }
}
.videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon img,
#forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .weather-icon img {
  width: 100%;
  height: 100%;
}
.videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature,
#forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature {
  color: #161616;
  font-weight: 500;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature,
  #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .forecast .temperature {
    font-size: 11.05px;
  }
}
.videoForecastWrap .container .select2-container--default .select2-selection--single,
#forecastWrap .container .select2-container--default .select2-selection--single {
  border-radius: 10px;
}
.videoForecastWrap .container .select2-container--default .select2-selection--single .select2-selection__arrow b,
#forecastWrap .container .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #161616 transparent transparent transparent;
}
.videoForecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#forecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #161616 transparent;
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
  #forecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
  #forecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
  #forecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
  #forecastWrap .container .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 6.5px;
  }
}
.videoForecastWrap .container .select2-container--default .select2-selection--single .select2-selection__rendered,
#forecastWrap .container .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #161616;
  font-weight: 400;
}
.videoForecastWrap .container .forecastType ul li button,
#forecastWrap .container .forecastType ul li button {
  height: 45px;
  width: 45px;
}
.videoForecastWrap .container .forecastCity .select2,
#forecastWrap .container .forecastCity .select2 {
  height: 45px;
}
.videoForecastWrap .container .btn-group,
#forecastWrap .container .btn-group {
  border: 1px solid #D2D6DB;
  border-radius: 11px;
  overflow: hidden;
  width: 50%;
  min-width: 175px;
}
.videoForecastWrap .container .btn-group button,
#forecastWrap .container .btn-group button {
  width: 50%;
  border: none;
  padding: 3px 5px !important;
  background-color: #ffffff;
  white-space: normal !important;
  height: 45px;
  color: #161616;
  font-weight: 600;
  text-transform: uppercase;
  opacity: 0.7;
}
@media (min-width: 1600px) {
  .videoForecastWrap .container .btn-group button,
  #forecastWrap .container .btn-group button {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .container .btn-group button,
  #forecastWrap .container .btn-group button {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .container .btn-group button,
  #forecastWrap .container .btn-group button {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .container .btn-group button,
  #forecastWrap .container .btn-group button {
    font-size: 9.1px;
  }
}
.videoForecastWrap .container .btn-group button.active,
#forecastWrap .container .btn-group button.active {
  opacity: 1;
  background-color: #1F2A37;
  color: #ffffff;
}
.videoForecastWrap .container .btn-group button:first-child,
#forecastWrap .container .btn-group button:first-child {
  border-start-start-radius: 10px;
  border-end-start-radius: 10px;
}
.videoForecastWrap .container .btn-group button:last-child,
#forecastWrap .container .btn-group button:last-child {
  border-start-end-radius: 10px;
  border-end-end-radius: 10px;
}
@media (max-width: 575px) {
  .videoForecastWrap .container .btn-group,
  #forecastWrap .container .btn-group {
    width: 100% !important;
  }
  .videoForecastWrap .container .btn-group button,
  #forecastWrap .container .btn-group button {
    width: 100% !important;
  }
}
.videoForecastWrap.worldWeatherForecasts,
#forecastWrap.worldWeatherForecasts {
  background-color: #f9fafb;
}
.videoForecastWrap.worldWeatherForecasts .forecastTabContent,
#forecastWrap.worldWeatherForecasts .forecastTabContent {
  min-height: auto !important;
}
.videoForecastWrap.worldWeatherForecasts .forecastChartWrap,
#forecastWrap.worldWeatherForecasts .forecastChartWrap {
  display: none;
}
@media (min-width: 1600px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-top: 150px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-top: 142.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-top: 112.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-top: 97.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-bottom: 66.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-bottom: 52.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap.worldWeatherForecasts,
  #forecastWrap.worldWeatherForecasts {
    padding-bottom: 45.5px;
  }
}
.videoForecastWrap.worldWeatherForecasts .worldForecast,
#forecastWrap.worldWeatherForecasts .worldForecast {
  overflow: hidden;
}
@media (min-width: 1600px) {
  .videoForecastWrap.worldWeatherForecasts .worldForecast .forecastCard,
  #forecastWrap.worldWeatherForecasts .worldForecast .forecastCard {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap.worldWeatherForecasts .worldForecast .forecastCard,
  #forecastWrap.worldWeatherForecasts .worldForecast .forecastCard {
    max-width: 285px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap.worldWeatherForecasts .worldForecast .forecastCard,
  #forecastWrap.worldWeatherForecasts .worldForecast .forecastCard {
    max-width: 225px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap.worldWeatherForecasts .worldForecast .forecastCard,
  #forecastWrap.worldWeatherForecasts .worldForecast .forecastCard {
    max-width: 195px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap.worldWeatherForecasts .worldForecast .forecastCard,
  #forecastWrap.worldWeatherForecasts .worldForecast .forecastCard {
    max-width: 100%;
    width: 100%;
  }
}
.videoForecastWrap.worldWeatherForecasts .worldForecast .text-danger,
#forecastWrap.worldWeatherForecasts .worldForecast .text-danger {
  color: #fff !important;
  background: #dc3545;
  font-size: 12px;
  border-radius: 7px;
  margin-top: 3px;
  padding: 3px 15px;
  display: inline;
}
.videoForecastWrap.forecast-night-bg,
#forecastWrap.forecast-night-bg {
  background-image: url("../../../assets/images/forecast-night-bg.jpg");
}
.videoForecastWrap.forecast-night-bg .forecastHeader.alert,
#forecastWrap.forecast-night-bg .forecastHeader.alert {
  color: #ffffff;
}
.videoForecastWrap.forecast-night-bg .forecastHeader.alert span,
#forecastWrap.forecast-night-bg .forecastHeader.alert span {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .videoForecastWrap.forecast-night-bg .forecastHeader.alert span,
  #forecastWrap.forecast-night-bg .forecastHeader.alert span {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap.forecast-night-bg .forecastHeader.alert span,
  #forecastWrap.forecast-night-bg .forecastHeader.alert span {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap.forecast-night-bg .forecastHeader.alert span,
  #forecastWrap.forecast-night-bg .forecastHeader.alert span {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap.forecast-night-bg .forecastHeader.alert span,
  #forecastWrap.forecast-night-bg .forecastHeader.alert span {
    font-size: 13px;
  }
}
.videoForecastWrap.forecast-night-bg .forecastHeader.alert.red,
#forecastWrap.forecast-night-bg .forecastHeader.alert.red {
  background-color: #dd2525;
}
.videoForecastWrap.forecast-night-bg .forecastHeader p,
#forecastWrap.forecast-night-bg .forecastHeader p {
  display: none;
}
.videoForecastWrap .forecastSearch,
#forecastWrap .forecastSearch {
  width: 100%;
  position: relative;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    max-width: 480px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    max-width: 456px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    max-width: 360px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    max-width: 312px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch,
  #forecastWrap .forecastSearch {
    padding: 6.5px;
  }
}
.videoForecastWrap .forecastSearch .blendMode,
#forecastWrap .forecastSearch .blendMode {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border: 1px solid white;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch .blendMode,
  #forecastWrap .forecastSearch .blendMode {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch .blendMode,
  #forecastWrap .forecastSearch .blendMode {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch .blendMode,
  #forecastWrap .forecastSearch .blendMode {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch .blendMode,
  #forecastWrap .forecastSearch .blendMode {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch input[type=text],
  #forecastWrap .forecastSearch input[type=text] {
    padding-inline-start: 50px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch input[type=text],
  #forecastWrap .forecastSearch input[type=text] {
    padding-inline-start: 47.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch input[type=text],
  #forecastWrap .forecastSearch input[type=text] {
    padding-inline-start: 37.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch input[type=text],
  #forecastWrap .forecastSearch input[type=text] {
    padding-inline-start: 32.5px;
  }
}
.videoForecastWrap .forecastSearch .searchIcon,
#forecastWrap .forecastSearch .searchIcon {
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #DFF6E7;
  color: #166A45;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    width: 19.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    height: 28.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    height: 22.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    height: 19.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    border-radius: 30px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    border-radius: 28.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    border-radius: 22.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    border-radius: 19.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    inset-inline-start: 20px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    inset-inline-start: 19px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    inset-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSearch .searchIcon,
  #forecastWrap .forecastSearch .searchIcon {
    inset-inline-start: 13px;
  }
}
.videoForecastWrap .forecastHeader h2,
.videoForecastWrap .forecastHeader p,
#forecastWrap .forecastHeader h2,
#forecastWrap .forecastHeader p {
  color: #0D121C;
  margin: 0;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastHeader h2,
  #forecastWrap .forecastHeader h2 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastHeader h2,
  #forecastWrap .forecastHeader h2 {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastHeader h2,
  #forecastWrap .forecastHeader h2 {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastHeader h2,
  #forecastWrap .forecastHeader h2 {
    font-size: 19.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastHeader p,
  #forecastWrap .forecastHeader p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastHeader p,
  #forecastWrap .forecastHeader p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastHeader p,
  #forecastWrap .forecastHeader p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastHeader p,
  #forecastWrap .forecastHeader p {
    font-size: 9.1px;
  }
}
.videoForecastWrap .forecastType ul,
#forecastWrap .forecastType ul {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastType ul,
  #forecastWrap .forecastType ul {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastType ul,
  #forecastWrap .forecastType ul {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastType ul,
  #forecastWrap .forecastType ul {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastType ul,
  #forecastWrap .forecastType ul {
    gap: 6.5px;
  }
}
.videoForecastWrap .forecastType ul li button,
#forecastWrap .forecastType ul li button {
  background-color: transparent;
  border: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background-color: #707070;
  position: relative;
  z-index: 0;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    width: 45px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    width: 42.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    width: 33.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    width: 29.25px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    height: 29.25px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastType ul li button,
  #forecastWrap .forecastType ul li button {
    border-radius: 6.5px;
  }
}
.videoForecastWrap .forecastType ul li button:after,
#forecastWrap .forecastType ul li button:after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  border-radius: inherit;
  background-image: -webkit-linear-gradient(top, #25935f, #074D31);
}
.videoForecastWrap .forecastType ul li button.active:after,
#forecastWrap .forecastType ul li button.active:after {
  background-image: -webkit-linear-gradient(top, #074D31, #092a1e);
  opacity: 1;
}
.videoForecastWrap .hide-charts-container,
#forecastWrap .hide-charts-container {
  visibility: hidden !important;
  height: 0 !important;
  margin: 8px 0 !important;
}
.videoForecastWrap .forecastTabContent,
#forecastWrap .forecastTabContent {
  min-height: auto;
  position: relative;
}
.videoForecastWrap .forecastTabContent .forecastSlider.active,
.videoForecastWrap .forecastTabContent .forecastChartWrap.active,
#forecastWrap .forecastTabContent .forecastSlider.active,
#forecastWrap .forecastTabContent .forecastChartWrap.active {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 769px) {
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider {
    flex-direction: column;
    row-gap: 16px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper {
    padding-inline-end: 0px;
    padding-block-end: 12px;
    height: 100%;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide {
    margin-bottom: 16px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard {
    padding: 12px 16px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastDay,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastDay,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastDay,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastDay {
    font-size: 18px;
    line-height: 1;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather {
    padding-block: 18px;
    gap: 8px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather .label,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather .label,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather .label,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather .label {
    font-size: 18px !important;
    line-height: 1;
    color: #1b8354;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span {
    display: flex;
    column-gap: 16px;
    align-items: center;
    font-size: 22px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span.low,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span.low,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span.low,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard .forecastTemp span.low {
    color: #88D8AD;
    opacity: 1;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastWeather .label,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastWeather .label,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastWeather .label,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastWeather .label {
    font-size: 18px !important;
    line-height: 1;
    color: #ffffff;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastTemp span.low,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastTemp span.low,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastTemp span.low,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .tenday-swiper .swiper-wrapper .swiper-slide .forecastCard.active .forecastTemp span.low {
    color: #ffffff;
    opacity: 0.7;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard {
    border-radius: 16px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather {
    padding-inline: 0px;
    padding-block: 0px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forecastDay,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forecastDay,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forecastDay,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forecastDay {
    padding-inline: 26px;
    padding-top: 16px;
    font-size: 18px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .temperature,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .temperature,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .temperature,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .temperature {
    color: #1F2A37;
    line-height: 1;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .little-C::after,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .little-C::after,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .little-C::after,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .little-C::after {
    top: unset;
    bottom: 2px;
    color: #1F2A37;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather {
    padding-inline: 26px;
    padding-block: 8px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather .icon img,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather .icon img,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather .icon img,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forecastWeather .icon img {
    height: 60px;
    width: 60px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .weatherDescription,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .weatherDescription,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .weatherDescription,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .weatherDescription {
    padding-inline: 26px;
    padding-bottom: 12px;
    margin: 0;
    margin-top: 0px;
    font-size: 14px;
    font-weight: 500;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns {
    border-top: 2px solid #D2D6DB;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: repeat(2, minmax(40px, 1fr));
    width: 100%;
    row-gap: 12px;
    margin-top: 0px;
    padding-inline: 26px;
    padding-top: 22px;
    padding-bottom: 18px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div {
    gap: 0px 6px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div .fc-icon,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div .fc-icon,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div .fc-icon,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div .fc-icon {
    width: 15px;
    height: 15px;
  }
  .videoForecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div span,
  .videoForecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div span,
  #forecastWrap .forecastTabContent .forecastSlider.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div span,
  #forecastWrap .forecastTabContent .forecastChartWrap.mockUp10DaysSlider .forecastCard.currentWeather .forcastTempSigns .fCgrid div span {
    font-size: 12px;
  }
}
.videoForecastWrap .forecastCity,
#forecastWrap .forecastCity {
  position: relative;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    min-width: 200px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    min-width: 190px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    min-width: 150px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    min-width: 130px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    height: 47px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    height: 44.65px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    height: 35.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCity .select2,
  #forecastWrap .forecastCity .select2 {
    height: 30.55px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    min-width: 220px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    min-width: 209px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    min-width: 165px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    min-width: 143px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    height: 47px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    height: 44.65px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    height: 35.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    height: 30.55px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCity .selectize-control,
  #forecastWrap .forecastCity .selectize-control {
    height: 52px;
  }
}
.videoForecastWrap .forecastCity .selectize-control .selectize-input,
#forecastWrap .forecastCity .selectize-control .selectize-input {
  border-radius: 10px;
  background: #ffffff;
  border: 1px solid #D2D6DB;
  box-shadow: none;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-input::before,
#forecastWrap .forecastCity .selectize-control .selectize-input::before {
  height: 0px;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-input::after,
#forecastWrap .forecastCity .selectize-control .selectize-input::after {
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
  z-index: 9;
  border: none;
  transition: transform 0.3s ease;
  background-position: left;
  background-color: transparent;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-input.dropdown-active::after,
#forecastWrap .forecastCity .selectize-control .selectize-input.dropdown-active::after {
  border-color: transparent transparent #074D31 transparent;
}
.videoForecastWrap .forecastCity .selectize-control .item,
#forecastWrap .forecastCity .selectize-control .item {
  color: #074D31;
  font-weight: 500;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown,
#forecastWrap .forecastCity .selectize-control .selectize-dropdown {
  margin-top: 0px;
  padding: 5px;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #D2D6DB;
  box-shadow: none;
  color: #161616;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown .selected,
#forecastWrap .forecastCity .selectize-control .selectize-dropdown .selected {
  background-color: transparent;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown .selected:after,
#forecastWrap .forecastCity .selectize-control .selectize-dropdown .selected:after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 27px;
  height: 20px;
  inset-inline-end: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 5L7.5 15L3.75 11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown .option.active:not(.selected),
#forecastWrap .forecastCity .selectize-control .selectize-dropdown .option.active:not(.selected) {
  background-color: transparent;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown .option.active:not(.selected):after,
#forecastWrap .forecastCity .selectize-control .selectize-dropdown .option.active:not(.selected):after {
  position: absolute;
  content: "";
  background-color: #ffffff;
  width: 27px;
  height: 20px;
  inset-inline-end: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M17.5 5L7.5 15L3.75 11.25" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown .option,
#forecastWrap .forecastCity .selectize-control .selectize-dropdown .option {
  position: relative;
  height: 35px;
  display: flex;
  align-items: center;
  margin-inline-end: 5px;
  margin-bottom: 5px;
  color: #161616;
}
.videoForecastWrap .forecastCity .selectize-control .selectize-dropdown .option .highlight,
#forecastWrap .forecastCity .selectize-control .selectize-dropdown .option .highlight {
  background: none;
}
.videoForecastWrap .forecastCity .lock--icon,
#forecastWrap .forecastCity .lock--icon {
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  z-index: 1;
  color: #074D31;
}
.videoForecastWrap .forecastCard,
#forecastWrap .forecastCard {
  background-color: #ffffff;
  cursor: pointer;
  border: 1px solid #D2D6DB;
  position: relative;
  z-index: 9;
}
.videoForecastWrap .forecastCard.currentWeather,
#forecastWrap .forecastCard.currentWeather {
  margin-inline-end: 10px;
}
.videoForecastWrap .forecastCard.unActive,
#forecastWrap .forecastCard.unActive {
  background-color: #ffffff !important;
  pointer-events: none;
}
.videoForecastWrap .forecastCard.active,
#forecastWrap .forecastCard.active {
  background-color: rgba(22, 22, 22, 0.2);
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-block: 18px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-block: 17.1px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-block: 13.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-block: 11.7px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard,
  #forecastWrap .forecastCard {
    padding-inline: 13px;
  }
}
.videoForecastWrap .forecastCard.currentWeather .icon,
#forecastWrap .forecastCard.currentWeather .icon {
  width: 100%;
}
.videoForecastWrap .forecastCard.currentWeather .forcastTempSigns,
#forecastWrap .forecastCard.currentWeather .forcastTempSigns {
  grid-template-rows: repeat(3, minmax(62px, 1fr));
}
.videoForecastWrap .forecastCard .forecastDay,
#forecastWrap .forecastCard .forecastDay {
  color: #161616;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastDay,
  #forecastWrap .forecastCard .forecastDay {
    font-size: 18px !important;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastDay,
  #forecastWrap .forecastCard .forecastDay {
    font-size: 17.1px !important;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastDay,
  #forecastWrap .forecastCard .forecastDay {
    font-size: 13.5px !important;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastDay,
  #forecastWrap .forecastCard .forecastDay {
    font-size: 11.7px !important;
  }
}
.videoForecastWrap .forecastCard .weatherDescription,
#forecastWrap .forecastCard .weatherDescription {
  color: #1b8354;
  font-weight: 500;
  display: inline-block;
  margin-top: 5px;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    font-size: 9.75px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    padding-block-end: 15px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    padding-block-end: 14.25px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    padding-block-end: 11.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .weatherDescription,
  #forecastWrap .forecastCard .weatherDescription {
    padding-block-end: 9.75px;
  }
}
.videoForecastWrap .forecastCard .temperature,
#forecastWrap .forecastCard .temperature {
  color: #384250;
  font-weight: 500;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .temperature,
  #forecastWrap .forecastCard .temperature {
    font-size: 51px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .temperature,
  #forecastWrap .forecastCard .temperature {
    font-size: 48.45px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .temperature,
  #forecastWrap .forecastCard .temperature {
    font-size: 38.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .temperature,
  #forecastWrap .forecastCard .temperature {
    font-size: 33.15px;
  }
}
.videoForecastWrap .forecastCard .little-C,
#forecastWrap .forecastCard .little-C {
  padding-inline-end: 15px;
}
.videoForecastWrap .forecastCard .little-C::after,
#forecastWrap .forecastCard .little-C::after {
  content: "°C";
  font-size: 25px;
  font-weight: 600;
  color: #4D5761;
  display: flex;
  align-items: end;
  position: absolute;
  top: 7px;
  inset-inline-end: 5px;
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .little-C::after,
  #forecastWrap .forecastCard .little-C::after {
    top: 3px;
  }
}
.videoForecastWrap .forecastCard .forecastWeather,
#forecastWrap .forecastCard .forecastWeather {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-end: 5px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-end: 4.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-end: 3.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastWeather,
  #forecastWrap .forecastCard .forecastWeather {
    padding-block-end: 3.25px;
  }
}
.videoForecastWrap .forecastCard .forecastWeather .icon,
#forecastWrap .forecastCard .forecastWeather .icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.videoForecastWrap .forecastCard .forecastWeather .icon img,
#forecastWrap .forecastCard .forecastWeather .icon img {
  max-width: unset;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    width: 64px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    width: 60.8px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    width: 48px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    width: 41.6px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    height: 64px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    height: 60.8px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    height: 48px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastWeather .icon img,
  #forecastWrap .forecastCard .forecastWeather .icon img {
    height: 41.6px;
  }
}
.videoForecastWrap .forecastCard .forecastWeather .label,
#forecastWrap .forecastCard .forecastWeather .label {
  color: #074D31;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastWeather .label,
  #forecastWrap .forecastCard .forecastWeather .label {
    font-size: 18px !important;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather .label,
  #forecastWrap .forecastCard .forecastWeather .label {
    font-size: 17.1px !important;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastWeather .label,
  #forecastWrap .forecastCard .forecastWeather .label {
    font-size: 13.5px !important;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastWeather .label,
  #forecastWrap .forecastCard .forecastWeather .label {
    font-size: 11.7px !important;
  }
}
.videoForecastWrap .forecastCard .forecastTemp,
#forecastWrap .forecastCard .forecastTemp {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    gap: 13px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-inline-start: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-inline-start: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-inline-start: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastTemp,
  #forecastWrap .forecastCard .forecastTemp {
    padding-inline-start: 6.5px;
  }
}
.videoForecastWrap .forecastCard .forecastTemp span,
#forecastWrap .forecastCard .forecastTemp span {
  font-weight: 500;
  color: #074D31;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forecastTemp span,
  #forecastWrap .forecastCard .forecastTemp span {
    font-size: 22px !important;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp span,
  #forecastWrap .forecastCard .forecastTemp span {
    font-size: 20.9px !important;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forecastTemp span,
  #forecastWrap .forecastCard .forecastTemp span {
    font-size: 16.5px !important;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forecastTemp span,
  #forecastWrap .forecastCard .forecastTemp span {
    font-size: 14.3px !important;
  }
}
.videoForecastWrap .forecastCard .forecastTemp span.low,
#forecastWrap .forecastCard .forecastTemp span.low {
  color: #1b8354;
}
.videoForecastWrap .forecastCard.todayActive,
#forecastWrap .forecastCard.todayActive {
  transform: scaleY(1.03) translateY(1%);
  flex-grow: 0;
  flex-shrink: 0;
  background-image: -webkit-linear-gradient(top, #074D31, #25935f);
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    max-width: 285px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    max-width: 225px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    max-width: 195px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    flex-basis: 280px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    flex-basis: 266px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    flex-basis: 210px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive,
  #forecastWrap .forecastCard.todayActive {
    flex-basis: 182px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive[class*=me-],
  #forecastWrap .forecastCard.todayActive[class*=me-] {
    margin-inline-end: 30px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive[class*=me-],
  #forecastWrap .forecastCard.todayActive[class*=me-] {
    margin-inline-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive[class*=me-],
  #forecastWrap .forecastCard.todayActive[class*=me-] {
    margin-inline-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive[class*=me-],
  #forecastWrap .forecastCard.todayActive[class*=me-] {
    margin-inline-end: 19.5px;
  }
}
.videoForecastWrap .forecastCard.todayActive .forecastDay,
.videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
.videoForecastWrap .forecastCard.todayActive .forecastTemp span,
#forecastWrap .forecastCard.todayActive .forecastDay,
#forecastWrap .forecastCard.todayActive .forecastWeather .label,
#forecastWrap .forecastCard.todayActive .forecastTemp span {
  color: #ffffff;
}
.videoForecastWrap .forecastCard.todayActive .forecastWeather,
#forecastWrap .forecastCard.todayActive .forecastWeather {
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    width: 90px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    width: 85.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    width: 67.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    width: 58.5px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    height: 90px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    height: 85.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    height: 67.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .icon img,
  #forecastWrap .forecastCard.todayActive .forecastWeather .icon img {
    height: 58.5px;
  }
}
.videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
#forecastWrap .forecastCard.todayActive .forecastWeather .label {
  text-align: center;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    min-width: 90px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    min-width: 85.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    min-width: 67.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard.todayActive .forecastWeather .label,
  #forecastWrap .forecastCard.todayActive .forecastWeather .label {
    min-width: 58.5px;
  }
}
.videoForecastWrap .forecastCard .forcastTempSigns,
#forecastWrap .forecastCard .forcastTempSigns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0px;
  width: 105%;
  margin-top: 0.5rem;
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid {
  color: #1b8354;
  display: flex;
  flex-direction: column;
  align-self: start;
  gap: 0px 6px;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastCard .forcastTempSigns .fCgrid,
  #forecastWrap .forecastCard .forcastTempSigns .fCgrid {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastCard .forcastTempSigns .fCgrid,
  #forecastWrap .forecastCard .forcastTempSigns .fCgrid {
    font-size: 12.35px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastCard .forcastTempSigns .fCgrid,
  #forecastWrap .forecastCard .forcastTempSigns .fCgrid {
    font-size: 9.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forcastTempSigns .fCgrid,
  #forecastWrap .forecastCard .forcastTempSigns .fCgrid {
    font-size: 8.45px;
  }
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div .fc-icon,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid div .fc-icon {
  width: 12px;
  height: 12px;
  color: #1b8354;
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div .fc-icon.invisible,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid div .fc-icon.invisible {
  width: 18px;
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div .fc-icon.invisible,
  #forecastWrap .forecastCard .forcastTempSigns .fCgrid div .fc-icon.invisible {
    display: none;
  }
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div img,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid div img {
  width: 16px;
  height: 16px;
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div:first-child,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid div:first-child {
  display: flex;
  gap: 0px 6px;
  align-items: center;
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div:first-child span,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid div:first-child span {
  color: #1b8354;
  font-weight: 600;
}
.videoForecastWrap .forecastCard .forcastTempSigns .fCgrid div:last-child span,
#forecastWrap .forecastCard .forcastTempSigns .fCgrid div:last-child span {
  color: #4D5761;
}
.videoForecastWrap .hourly-forecast-section,
#forecastWrap .hourly-forecast-section {
  position: relative;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    margin-block-start: 35px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    margin-block-start: 33.25px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    margin-block-start: 26.25px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    margin-block-start: 22.75px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    gap: 25px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    gap: 23.75px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    gap: 18.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .hourly-forecast-section,
  #forecastWrap .hourly-forecast-section {
    gap: 16.25px;
  }
}
.videoForecastWrap .hourly-forecast-section .prevArrow,
.videoForecastWrap .hourly-forecast-section .nextArrow,
#forecastWrap .hourly-forecast-section .prevArrow,
#forecastWrap .hourly-forecast-section .nextArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  height: 100%;
}
@media (min-width: 1600px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    width: 36px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    width: 34.2px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    width: 27px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    width: 23.4px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    height: 36px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    height: 34.2px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    height: 27px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .hourly-forecast-section .prevArrow svg,
  .videoForecastWrap .hourly-forecast-section .nextArrow svg,
  #forecastWrap .hourly-forecast-section .prevArrow svg,
  #forecastWrap .hourly-forecast-section .nextArrow svg {
    height: 23.4px;
  }
}
.videoForecastWrap .hourly-forecast-section .prevArrow.swiper-button-disabled,
.videoForecastWrap .hourly-forecast-section .nextArrow.swiper-button-disabled,
#forecastWrap .hourly-forecast-section .prevArrow.swiper-button-disabled,
#forecastWrap .hourly-forecast-section .nextArrow.swiper-button-disabled {
  opacity: 0.5;
}
.videoForecastWrap .hourly-forecast-section .prevArrow,
#forecastWrap .hourly-forecast-section .prevArrow {
  inset-inline-start: 0;
}
.videoForecastWrap .hourly-forecast-section .nextArrow,
#forecastWrap .hourly-forecast-section .nextArrow {
  inset-inline-end: 0;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic,
#forecastWrap .swiper-pagination-bullets-dynamic {
  bottom: 21px;
  left: unset;
  transform: none;
  padding-inline-start: 0;
  list-style: none;
  font-size: 0;
  padding: 0;
  margin-top: 0;
  margin-block: 0;
  position: relative;
}
@media (min-width: 1600px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic,
  #forecastWrap .swiper-pagination-bullets-dynamic {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic,
  #forecastWrap .swiper-pagination-bullets-dynamic {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic,
  #forecastWrap .swiper-pagination-bullets-dynamic {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic,
  #forecastWrap .swiper-pagination-bullets-dynamic {
    gap: 6.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic,
  #forecastWrap .swiper-pagination-bullets-dynamic {
    bottom: 15px;
  }
}
.videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
#forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  padding: 0;
  opacity: 1 !important;
  box-shadow: none;
  border: 0;
  transform: scale(1) !important;
  border-radius: 100%;
  background-color: rgba(37, 147, 95, 0.43) !important;
}
@media (min-width: 1600px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    width: 12px !important;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    width: 11.4px !important;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    width: 9px !important;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    width: 7.8px !important;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    height: 12px !important;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    height: 11.4px !important;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    height: 9px !important;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    height: 7.8px !important;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
  #forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
}
.videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main,
#forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  background-color: #25935f !important;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic:before, .videoForecastWrap .swiper-pagination-bullets-dynamic:after,
#forecastWrap .swiper-pagination-bullets-dynamic:before,
#forecastWrap .swiper-pagination-bullets-dynamic:after {
  content: "";
  width: 50%;
  display: flex;
}
@media (min-width: 1600px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic:before, .videoForecastWrap .swiper-pagination-bullets-dynamic:after,
  #forecastWrap .swiper-pagination-bullets-dynamic:before,
  #forecastWrap .swiper-pagination-bullets-dynamic:after {
    height: 10px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic:before, .videoForecastWrap .swiper-pagination-bullets-dynamic:after,
  #forecastWrap .swiper-pagination-bullets-dynamic:before,
  #forecastWrap .swiper-pagination-bullets-dynamic:after {
    height: 9.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic:before, .videoForecastWrap .swiper-pagination-bullets-dynamic:after,
  #forecastWrap .swiper-pagination-bullets-dynamic:before,
  #forecastWrap .swiper-pagination-bullets-dynamic:after {
    height: 7.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic:before, .videoForecastWrap .swiper-pagination-bullets-dynamic:after,
  #forecastWrap .swiper-pagination-bullets-dynamic:before,
  #forecastWrap .swiper-pagination-bullets-dynamic:after {
    height: 6.5px;
  }
}
.videoForecastWrap .swiper-pagination-bullets-dynamic:before,
#forecastWrap .swiper-pagination-bullets-dynamic:before {
  background-image: url('data:image/svg+xml,<svg id="divider_lines" data-name="divider lines" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="731.777" height="10.447" viewBox="0 0 731.777 10.447"><defs><clipPath id="clip-path"><rect id="Rectangle_7818" data-name="Rectangle 7818" width="731.777" height="10.447" fill="none" stroke="%23707070" stroke-width="1"/></clipPath></defs><g id="Group_18159" data-name="Group 18159" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_27954" data-name="Path 27954" d="M.352.352C73.182.352,73.182,4.505,146,4.505S218.829.352,291.664.352,364.49,4.505,437.31,4.505c72.836,0,72.836-4.153,145.676-4.153s72.835,4.153,145.671,4.153" transform="translate(1.381 4.354)" fill="none" stroke="%23fdc830" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1"/></g></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  inset-inline-start: 0;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic:after,
#forecastWrap .swiper-pagination-bullets-dynamic:after {
  background-image: url('data:image/svg+xml,<svg id="divider_lines" data-name="divider lines" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="731.777" height="10.447" viewBox="0 0 731.777 10.447"><defs><clipPath id="clip-path"><rect id="Rectangle_7818" data-name="Rectangle 7818" width="731.777" height="10.447" fill="none" stroke="%23fff" stroke-width="1"/></clipPath></defs><g id="Group_18159" data-name="Group 18159" clip-path="url(%23clip-path)"><path id="Path_27953" data-name="Path 27953" d="M.353,4.506C182.432,4.506,182.432.353,364.506.353S546.584,4.506,728.658,4.506" transform="translate(1.38 2.276)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-miterlimit="10" stroke-width="1"/></g></svg>');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  inset-inline-end: 0;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
#forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  background-color: #ffffff;
  opacity: 0.3;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active,
#forecastWrap .swiper-pagination-bullets-dynamic .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic.noLines,
#forecastWrap .swiper-pagination-bullets-dynamic.noLines {
  justify-content: center;
}
.videoForecastWrap .swiper-pagination-bullets-dynamic.noLines:before, .videoForecastWrap .swiper-pagination-bullets-dynamic.noLines:after,
#forecastWrap .swiper-pagination-bullets-dynamic.noLines:before,
#forecastWrap .swiper-pagination-bullets-dynamic.noLines:after {
  display: none;
}
@media (max-width: 992px) {
  .videoForecastWrap .swiper-pagination-bullets-dynamic,
  #forecastWrap .swiper-pagination-bullets-dynamic {
    display: block;
  }
  .videoForecastWrap .swiper-pagination-bullets-dynamic:before, .videoForecastWrap .swiper-pagination-bullets-dynamic:after,
  #forecastWrap .swiper-pagination-bullets-dynamic:before,
  #forecastWrap .swiper-pagination-bullets-dynamic:after {
    display: none;
  }
}
.videoForecastWrap .forecastSliderSwiper,
#forecastWrap .forecastSliderSwiper {
  flex: 1 0;
  max-width: 75.5%;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSliderSwiper,
  #forecastWrap .forecastSliderSwiper {
    padding-block-start: 40px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper,
  #forecastWrap .forecastSliderSwiper {
    padding-block-start: 38px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper,
  #forecastWrap .forecastSliderSwiper {
    padding-block-start: 30px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSliderSwiper,
  #forecastWrap .forecastSliderSwiper {
    padding-block-start: 26px;
  }
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide {
    margin-inline-end: 1px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide {
    margin-inline-end: 0.95px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide {
    margin-inline-end: 0.75px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-wrapper .swiper-slide {
    margin-inline-end: 0.65px;
  }
}
.videoForecastWrap .forecastSliderSwiper .swiper-slide,
#forecastWrap .forecastSliderSwiper .swiper-slide {
  transform: scale(1);
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-slide {
    padding-inline-end: 30px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-slide {
    padding-inline-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-slide {
    padding-inline-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSliderSwiper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-slide {
    padding-inline-end: 19.5px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastSliderSwiper,
  #forecastWrap .forecastSliderSwiper {
    max-width: 62%;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastSliderSwiper,
  #forecastWrap .forecastSliderSwiper {
    max-width: 90%;
    padding-bottom: 20px;
  }
  .videoForecastWrap .forecastSliderSwiper .swiper-wrapper,
  #forecastWrap .forecastSliderSwiper .swiper-wrapper {
    align-items: center;
  }
  .videoForecastWrap .forecastSliderSwiper .swiper-slide,
  #forecastWrap .forecastSliderSwiper .swiper-slide {
    padding-inline-end: 30;
    display: inline-flex;
  }
  .videoForecastWrap .forecastSliderSwiper .swiper-slide .forecastCard,
  #forecastWrap .forecastSliderSwiper .swiper-slide .forecastCard {
    width: 100%;
    flex-basis: auto;
  }
  .videoForecastWrap .forecastSliderSwiper .swiper-slide .forecastCard.todayActive,
  #forecastWrap .forecastSliderSwiper .swiper-slide .forecastCard.todayActive {
    max-width: 100%;
    transform: none;
  }
}
.videoForecastWrap .forecastUpdateDate p,
#forecastWrap .forecastUpdateDate p {
  color: #0D121C;
  line-height: 1.5;
}
@media (min-width: 1600px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 10.4px;
  }
}
.videoForecastWrap .forecastWeatherImg,
#forecastWrap .forecastWeatherImg {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #25935f;
}
.videoForecastWrap .forecastWeatherImg img,
#forecastWrap .forecastWeatherImg img {
  display: none;
}
.videoForecastWrap .forecastWeatherImg::before,
#forecastWrap .forecastWeatherImg::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.1);
  z-index: 1;
}
@media (max-width: 575px) {
  .videoForecastWrap,
  #forecastWrap {
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .videoForecastWrap .forecastHeader h2,
  #forecastWrap .forecastHeader h2 {
    font-size: 22px;
  }
  .videoForecastWrap .forecastHeader p,
  #forecastWrap .forecastHeader p {
    font-size: 11px;
  }
}
@media (max-width: 575px) and (min-width: 1600px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 16px;
  }
}
@media (max-width: 575px) and (min-width: 992px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 15.2px;
  }
}
@media (max-width: 575px) and (max-width: 992px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 12px;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .videoForecastWrap .forecastUpdateDate p,
  #forecastWrap .forecastUpdateDate p {
    font-size: 10.4px;
  }
}

.selectize-control.rtl .selectize-input > input {
  width: 100% !important;
}

[lang=ar] .hourly-forecast-section .prevArrow {
  transform: rotate(180deg);
}
[lang=ar] .hourly-forecast-section .nextArrow {
  transform: rotate(180deg);
}
[lang=ar] #forecastWrap .forecastCard .little-C::after,
[lang=ar] .videoForecastWrap .forecastCard .little-C::after {
  content: "°م";
  font-size: 25px;
  font-weight: 600;
  display: flex;
  align-items: end;
  position: absolute;
  top: 5px;
  inset-inline-end: 4px;
}
@media (max-width: 575px) {
  [lang=ar] #forecastWrap .forecastCard .little-C::after,
  [lang=ar] .videoForecastWrap .forecastCard .little-C::after {
    top: 0;
  }
}
[lang=ar] #forecastWrap .forecastSlider .slick-list,
[lang=ar] .videoForecastWrap .forecastSlider .slick-list {
  margin-left: auto;
  margin-right: 0;
}
[lang=ar] #forecastWrap .forecastCard.todayActive,
[lang=ar] .videoForecastWrap .forecastCard.todayActive {
  margin-right: unset !important;
}
[lang=ar] #forecastWrap .forecastCard:before,
[lang=ar] .videoForecastWrap .forecastCard:before {
  transform: scaleX(-1);
}
[lang=ar] .hourly-forecast-section .sliderArrow .prevArrow,
[lang=ar] .hourly-forecast-section .sliderArrow .nextArrow {
  transform: rotate(180deg);
}

.hourly-forecast-section .prevArrow {
  border-radius: 15px 0 0 15px;
}
.hourly-forecast-section .nextArrow {
  border-radius: 0 15px 15px 0;
}
.hourly-forecast-section .swiper-button-disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
}
.hourly-forecast-section .prevArrow,
.hourly-forecast-section .nextArrow {
  width: 5%;
  display: flex;
  align-items: center;
  background-image: -webkit-linear-gradient(top, #0051ab, #149ddf);
  padding: 4px 12px;
}
@media (min-width: 1600px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    height: 75px;
  }
}
@media (min-width: 992px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    height: 71.25px;
  }
}
@media (max-width: 992px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    height: 56.25px;
  }
}
@media (max-width: 575px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    height: 48.75px;
  }
}
@media (min-width: 1600px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-inline: 7.8px;
  }
}
@media (min-width: 1600px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-block: 4px;
  }
}
@media (min-width: 992px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-block: 3.8px;
  }
}
@media (max-width: 992px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-block: 3px;
  }
}
@media (max-width: 575px) {
  .hourly-forecast-section .prevArrow,
  .hourly-forecast-section .nextArrow {
    padding-block: 2.6px;
  }
}
@media (min-width: 1600px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    width: 36px;
  }
}
@media (min-width: 992px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    width: 34.2px;
  }
}
@media (max-width: 992px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    width: 27px;
  }
}
@media (max-width: 575px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    width: 23.4px;
  }
}
@media (min-width: 1600px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    height: 36px;
  }
}
@media (min-width: 992px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    height: 34.2px;
  }
}
@media (max-width: 992px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    height: 27px;
  }
}
@media (max-width: 575px) {
  .hourly-forecast-section .prevArrow svg,
  .hourly-forecast-section .nextArrow svg {
    height: 23.4px;
  }
}
.hourly-forecast-section .prevArrow.swiper-button-disabled,
.hourly-forecast-section .nextArrow.swiper-button-disabled {
  opacity: 0.5;
}
.hourly-forecast-section .forecastSliderSwiper {
  padding-block-start: 0 !important;
}
.hourly-forecast-section .forecastSliderSwiper .swiper-wrapper .swiper-slide {
  padding-inline-end: 0 !important;
  margin-inline-end: 0 !important;
}
.hourly-forecast-section .forecastSliderSwiper .swiper-wrapper .swiper-slide .forecastCard {
  width: 100%;
  border-inline-start: none !important;
  background: #e3eef8;
  background-image: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 5px !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hourly-forecast-section .forecastSliderSwiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather {
  padding-block: 0 !important;
  gap: 10px !important;
}
.hourly-forecast-section .forecastSliderSwiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather .icon img {
  width: 50px !important;
  height: 50px !important;
}
.hourly-forecast-section .forecastSliderSwiper .swiper-wrapper .swiper-slide .forecastCard .forecastWeather .has-text {
  color: #0051ac;
}
.hourly-forecast-section .forecastSliderSwiper .swiper-wrapper .swiper-slide .forecastCard::before {
  display: none;
}

.forecastChartWrap {
  background: -webkit-linear-gradient(top, #25935f, #074D31);
}
@media (min-width: 1600px) {
  .forecastChartWrap {
    border-radius: 18px;
  }
}
@media (min-width: 992px) {
  .forecastChartWrap {
    border-radius: 17.1px;
  }
}
@media (max-width: 992px) {
  .forecastChartWrap {
    border-radius: 13.5px;
  }
}
@media (max-width: 575px) {
  .forecastChartWrap {
    border-radius: 11.7px;
  }
}
@media (min-width: 1600px) {
  .forecastChartWrap {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .forecastChartWrap {
    padding: 28.5px;
  }
}
@media (max-width: 992px) {
  .forecastChartWrap {
    padding: 22.5px;
  }
}
@media (max-width: 575px) {
  .forecastChartWrap {
    padding: 19.5px;
  }
}
@media (min-width: 1600px) {
  .forecastChartWrap #forecastChart {
    height: 350px;
  }
}
@media (min-width: 992px) {
  .forecastChartWrap #forecastChart {
    height: 332.5px;
  }
}
@media (max-width: 992px) {
  .forecastChartWrap #forecastChart {
    height: 262.5px;
  }
}
@media (max-width: 575px) {
  .forecastChartWrap #forecastChart {
    height: 227.5px;
  }
}
.forecastChartWrap #forecastChart svg {
  overflow: visible;
}
@media (max-width: 575px) {
  .forecastChartWrap {
    overflow-x: auto;
  }
  .forecastChartWrap #forecastChart {
    width: 800px;
  }
}

#kingdomSection {
  position: relative;
  z-index: 99;
}
@media (min-width: 1600px) {
  #kingdomSection {
    padding-block: 100px;
  }
}
@media (min-width: 992px) {
  #kingdomSection {
    padding-block: 95px;
  }
}
@media (max-width: 992px) {
  #kingdomSection {
    padding-block: 75px;
  }
}
@media (max-width: 575px) {
  #kingdomSection {
    padding-block: 65px;
  }
}
@media (min-width: 1600px) {
  #kingdomSection {
    max-height: 1250px;
  }
}
@media (min-width: 992px) {
  #kingdomSection {
    max-height: 1187.5px;
  }
}
@media (max-width: 992px) {
  #kingdomSection {
    max-height: 937.5px;
  }
}
@media (max-width: 575px) {
  #kingdomSection {
    max-height: 812.5px;
  }
}
@media (max-width: 992px) {
  #kingdomSection {
    max-height: unset;
  }
}
#kingdomSection .kingdomSlider {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#kingdomSection .kingdomSlider .slick-list,
#kingdomSection .kingdomSlider .slick-track {
  height: inherit;
}
#kingdomSection .kingdomSlider .item {
  height: inherit;
}
@media (max-width: 575px) {
  .weather-stations .map-section-bg .map-section .map-wrap-warning .mapButtonWrap {
    top: calc(60% - 5%);
    inset-inline-end: 3%;
  }
}
@media (max-width: 575px) {
  .weather-stations .map-section-bg .map-section .map-wrap-warning .source {
    top: unset;
    bottom: 5%;
  }
}

.map-wrap {
  height: 100vh;
  min-height: 800px;
  width: 100%;
  position: relative;
  z-index: 98;
  display: flex;
  justify-content: center;
}
.map-wrap .map {
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
}
.map-wrap #currentLocation {
  display: none;
}
.map-wrap.weatherStations #currentLocation {
  display: block;
}
.map-wrap .currentLayerTime {
  display: none;
  position: absolute;
  inset-inline-start: 10%;
  bottom: 8.3%;
  z-index: 1111;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.419608);
  padding: 5px;
  border-radius: 4px;
  color: #fff;
}
.map-wrap .legend {
  display: none;
  position: absolute;
  inset-inline-start: 5%;
  top: 5%;
  z-index: 1111;
}
.map-wrap .legend img {
  width: auto;
  height: auto;
  transform: unset !important;
}
.map-wrap #playState svg {
  display: none;
}
.map-wrap #playState .loader {
  display: none;
}
.map-wrap #playState.paused .pause {
  display: block;
}
.map-wrap #playState.loading .loader {
  display: block;
}
.map-wrap #playState.playing .play {
  display: block;
}
.map-wrap.weatherMap .currentLayerTime {
  display: block;
}
.map-wrap.weatherMap .legend {
  display: block;
}
.map-wrap.weatherMap .time-slider-container {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="209" height="6" viewBox="0 0 209 6"><defs><clipPath id="clip-path"><rect id="Rectangle_6249" data-name="Rectangle 6249" width="209" height="6" transform="translate(0 0.264)" fill="%2349586c"/></clipPath></defs><g id="Mask_Group_18" data-name="Mask Group 18" transform="translate(0 -0.264)" clip-path="url(%23clip-path)"><text id="_" data-name="||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||" transform="translate(0 6.264)" fill="%2349586c" font-size="10" font-family="IBMPlexSans-Medium, IBMPlexSans" font-weight="500" letter-spacing="0.04em"><tspan x="0" y="0">||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||</tspan></text></g></svg>');
  background-repeat: no-repeat;
  width: 170px;
}
.map-wrap.weatherMap .time-slider-container:has(#currentHourDisplayDate:not(:empty)) {
  height: 5px;
}
.map-wrap.weatherMap .time-slider-container:has(#currentHourDisplayDate:not(:empty)) .hoverProgress-WeojR {
  height: 5px;
}
.map-wrap.weatherMap .timeSliderOuter-AKnfq {
  position: relative;
}
.map-wrap.weatherMap #timeSlider {
  display: flex;
  justify-content: space-between;
  cursor: pointer;
  width: 170px;
  height: 5px;
}
.map-wrap.weatherMap .timeElement-mCcgz {
  flex: 1;
  text-align: center;
  transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.map-wrap.weatherMap #glyph_backward,
.map-wrap.weatherMap #glyph_forward {
  cursor: pointer;
}
.map-wrap.weatherMap #hour_backward,
.map-wrap.weatherMap #hour_forward {
  cursor: pointer;
  margin-top: 10px;
}
.map-wrap.weatherMap .hoverProgress-WeojR {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 2;
  transition: all 0.3s ease;
}
.map-wrap.weatherMap ::ng-deep body.arabic-font .hoverProgress-WeojR {
  left: unset;
  right: 0;
}
.map-wrap.weatherMap .timeHour-mNJgh {
  position: relative;
  z-index: 1111;
}
.map-wrap.weatherMap .hoverProgress-WeojR::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #49586c;
}
.map-wrap.weatherMap .timeSelectionWrapper-oGz5d {
  position: absolute;
  display: flex;
  flex-direction: column;
  bottom: 10px;
  left: 10px;
  right: 220px;
  z-index: 2;
  margin: 0 auto;
  pointer-events: initial;
  transition: right 500ms;
  min-width: 300px;
}
.map-wrap.weatherMap .timeSelectionContainer-rnJ67 {
  position: relative;
  bottom: 0;
  left: 0px;
  display: flex;
}
.map-wrap.weatherMap .timeControl-SkfDN {
  width: 100%;
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  background: rgba(0, 0, 0, 0.47);
  background: var(--meteoblue-mapsplugin-background-primary, rgba(0, 0, 0, 0.47));
  color: #f8f8f8;
  color: var(--meteoblue-mapsplugin-color-primary, #f8f8f8);
  text-shadow: 1px 1px 2px black;
  text-shadow: var(--meteoblue-mapsplugin-text-shadow, 1px 1px 2px black);
  border-radius: 5px;
  border-radius: var(--meteoblue-mapsplugin-border-radius, 5px);
}
.map-wrap.weatherMap .timeSliderOuter-AKnfq {
  position: relative;
  width: 100%;
}
.map-wrap.weatherMap .timeSlider-zg2rd {
  width: 100%;
  display: table;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.map-wrap.weatherMap .timeElement-mCcgz {
  text-align: center;
  z-index: 1;
  position: relative;
  display: table-cell;
  color: #fff;
  height: 6px;
}
.map-wrap.weatherMap .currentHour-IVZlt {
  position: absolute;
  top: -20px;
  right: -42px;
  z-index: 111;
  color: #000;
  border-radius: 5px;
  transition: all 0.1s cubic-bezier(0.075, 0.82, 0.165, 1);
  min-width: max-content;
  font-size: 0.7em;
  font-weight: bolder;
}
.map-wrap.weatherMap .currentHour-IVZlt.follow-slider {
  right: unset;
  left: 0;
  transform: translateX(0);
}
.map-wrap.weatherMap ::ng-deep body.arabic-font .currentHour-IVZlt {
  right: unset;
  inset-inline-end: -32px;
  left: -50px !important;
}
.map-wrap.weatherMap ::ng-deep body.arabic-font .currentHour-IVZlt.follow-slider {
  left: unset !important;
  inset-inline-end: unset;
  transform: translateX(0);
}
.map-wrap.weatherMap .hover-indicator {
  position: absolute;
  top: 0;
  z-index: 1111111;
  background: rgba(0, 0, 0, 0.8039215686);
  width: 5px;
  height: 15%;
}
.map-wrap.weatherMap .timeSlider-zg2rd {
  position: relative;
  z-index: 11111111111;
}
.map-wrap.weatherMap .time-slider {
  position: absolute;
  inset-inline-start: 5%;
  bottom: 6%;
  z-index: 9999;
  transition: all 0.4s ease-out;
  background: #ffffff;
  height: 55px;
  display: flex;
  justify-content: start;
  align-items: center;
  border-radius: 30px;
  gap: 20px;
  padding-inline-end: 70px;
  padding-inline-start: 20px;
}
.map-wrap.weatherMap .time {
  font-size: 0.8em;
  font-weight: 600;
  color: #000;
}
.map-wrap .mapButtonWrap {
  position: absolute;
  top: 55%;
  inset-inline-end: 2%;
  display: flex;
  flex-direction: column;
  align-items: end;
  z-index: 1111;
  transform: translateY(-30%);
}
@media (min-width: 1600px) {
  .map-wrap .mapButtonWrap {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .map-wrap .mapButtonWrap {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .map-wrap .mapButtonWrap {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .map-wrap .mapButtonWrap {
    gap: 13px;
  }
}
.map-wrap .mapButtonWrap.map-button-wrap-basemap::before {
  top: 70px;
}
@media (max-width: 992px) {
  .map-wrap .mapButtonWrap.map-button-wrap-basemap::after, .map-wrap .mapButtonWrap.map-button-wrap-basemap::before {
    content: none;
  }
}
.map-wrap .mapButtonWrap::before {
  content: "";
  top: 50px;
  position: absolute;
  inset-inline-end: 0;
  width: 43px;
  height: 2px;
  background-color: #166A45;
}
.map-wrap .mapButtonWrap::after {
  content: "";
  bottom: 50px;
  position: absolute;
  inset-inline-end: 0;
  width: 43px;
  height: 2px;
  background-color: #166A45;
}
.map-wrap .mapButtonWrap button {
  padding: 4px;
}
@media (max-width: 992px) {
  .map-wrap .mapButtonWrap::after, .map-wrap .mapButtonWrap::before {
    content: none;
  }
}
@media (max-width: 575px) {
  .map-wrap .mapButtonWrap {
    top: 35% !important;
    inset-inline-end: 3%;
  }
}
@media (min-width: 992px) {
  .map-wrap .mapButtonWrap {
    top: calc(60% - 15%);
  }
}
@media (max-width: 1199px) {
  .map-wrap .mapButtonWrap {
    top: calc(60% - 22%);
  }
}
.map-wrap .layers-control {
  top: calc(55% + 30%);
  position: absolute;
  z-index: 1111;
  inset-inline-end: 2%;
  display: flex;
  align-items: stretch;
  gap: 5px;
  background-color: #ffffff;
  border-radius: 40px !important;
  overflow: visible;
}
@media (min-width: 1600px) {
  .map-wrap .layers-control {
    padding: 3px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control {
    padding: 2.85px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control {
    padding: 2.25px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control {
    padding: 1.95px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control {
    border-radius: 6.5px;
  }
}
@media (max-width: 1199px) {
  .map-wrap .layers-control {
    top: calc(60% + 15%);
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control.region {
    top: calc(60% + 14%);
  }
}
.map-wrap .layers-control button.layerBtn {
  position: relative;
  overflow: visible;
  background-color: #F9FAFB;
  border: none;
  border-radius: 50% !important;
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn {
    padding-inline: 23px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn {
    padding-inline: 21.85px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn {
    padding-inline: 17.25px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn {
    padding-inline: 14.95px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn {
    padding-block: 19px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn {
    padding-block: 18.05px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn {
    padding-block: 14.25px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn {
    padding-block: 12.35px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn {
    padding-inline: 10px;
    padding-block: 8px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-start-start-radius: 8px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-start-start-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-start-start-radius: 6px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-start-start-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-end-start-radius: 8px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-end-start-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-end-start-radius: 6px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn:first-child {
    border-end-start-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-start-end-radius: 8px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-start-end-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-start-end-radius: 6px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-start-end-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-end-end-radius: 8px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-end-end-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-end-end-radius: 6px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn.last-btn {
    border-end-end-radius: 5.2px;
  }
}
.map-wrap .layers-control button.layerBtn.active {
  background-color: #B8EACB;
}
.map-wrap .layers-control button.layerBtn .layer-name-tooltip {
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  max-width: min(220px, 72vw);
  padding: 7px 12px;
  background-color: #ffffff;
  color: #161616;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
  white-space: normal;
  border-radius: 8px;
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.14);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  width: max-content;
}
@media (min-width: 1600px) {
  .map-wrap .layers-control button.layerBtn .layer-name-tooltip {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control button.layerBtn .layer-name-tooltip {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control button.layerBtn .layer-name-tooltip {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn .layer-name-tooltip {
    font-size: 9.1px;
  }
}
.map-wrap .layers-control button.layerBtn .layer-name-tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 7px solid transparent;
  border-top-color: #ffffff;
  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
}
.map-wrap .layers-control button.layerBtn.active .layer-name-tooltip {
  opacity: 1;
  visibility: visible;
}
.map-wrap .layers-control button.layerBtn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  transform: scale(1.3);
}
@media (max-width: 575px) {
  .map-wrap .layers-control button.layerBtn img {
    width: 13px;
    height: 13px;
  }
}
.map-wrap .layers-control .layerHideBtn {
  background-color: transparent;
}
@media (min-width: 1600px) {
  .map-wrap .layers-control .layerHideBtn {
    padding-inline-start: 10px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control .layerHideBtn {
    padding-inline-start: 9.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control .layerHideBtn {
    padding-inline-start: 7.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn {
    padding-inline-start: 6.5px;
  }
}
.map-wrap .layers-control .layerHideBtn > button {
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .map-wrap .layers-control .layerHideBtn > button {
    padding-block: 13px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control .layerHideBtn > button {
    padding-block: 12.35px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control .layerHideBtn > button {
    padding-block: 9.75px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn > button {
    padding-block: 8.45px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn > button {
    padding-block: 3px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control .layerHideBtn > button {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control .layerHideBtn > button {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control .layerHideBtn > button {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn > button {
    font-size: 9.75px;
  }
}
.map-wrap .layers-control .layerHideBtn > button img {
  width: 15px;
  height: 15px;
}
@media (min-width: 1600px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-en {
    padding-inline: 13px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-en {
    padding-inline: 12.35px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-en {
    padding-inline: 9.75px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-en {
    padding-inline: 8.45px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-en {
    padding-inline: 7px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-ar {
    padding-inline: 19px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-ar {
    padding-inline: 18.05px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-ar {
    padding-inline: 14.25px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-ar {
    padding-inline: 12.35px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control .layerHideBtn button.hide-btn-ar {
    padding-inline: 8px;
  }
}
.map-wrap .layers-control.collapsed {
  gap: 0px;
}
.map-wrap .layers-control.collapsed .layer-name-tooltip {
  display: none !important;
}
.map-wrap .layers-control.collapsed button.layerBtn {
  width: 0;
  padding: 0;
  overflow: hidden;
  transition: all 0.2s ease-out;
}
.map-wrap .layers-control.collapsed .layerHideBtn {
  padding: 0;
  transition: padding 1s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@media (min-width: 1600px) {
  .map-wrap .layers-control.collapsed > button {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control.collapsed > button {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control.collapsed > button {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control.collapsed > button {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .layers-control.collapsed > button {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .map-wrap .layers-control.collapsed > button {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .map-wrap .layers-control.collapsed > button {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .layers-control.collapsed > button {
    padding-inline: 6.5px;
  }
}
.map-wrap .source {
  position: absolute;
  inset-inline-end: 2%;
  top: 4%;
  z-index: 1111;
  padding: 16px;
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
}
.map-wrap .source#source-interactive select {
  color: #161616;
  font-weight: 400;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .map-wrap .source#source-interactive select {
    min-width: 256px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source#source-interactive select {
    min-width: 243.2px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source#source-interactive select {
    min-width: 192px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source#source-interactive select {
    min-width: 166.4px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .source#source-interactive select {
    min-height: 45px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source#source-interactive select {
    min-height: 42.75px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source#source-interactive select {
    min-height: 33.75px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source#source-interactive select {
    min-height: 29.25px;
  }
}
.map-wrap .source#source-interactive select .option-interactive {
  color: #161616;
  font-weight: 400;
  padding-block: 10px;
}
@media (min-width: 1600px) {
  .map-wrap .source#source-interactive select .option-interactive {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source#source-interactive select .option-interactive {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source#source-interactive select .option-interactive {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source#source-interactive select .option-interactive {
    height: 26px;
  }
}
.map-wrap .source#source-interactive select .option-interactive:hover {
  background-color: #9da4ae;
  color: #ffffff;
}
.map-wrap .source#source-interactive .custom-select-wrapper {
  position: relative;
}
.map-wrap .source#source-interactive .custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px 40px 10px 10px;
  border: 1px solid #D2D6DB;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.map-wrap .source#source-interactive .custom-arrow {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  transform-origin: center;
  transition: transform 0.3s ease;
  pointer-events: none;
}
.map-wrap .source#source-interactive .custom-arrow.open {
  transform: translateY(-10%) rotate(-135deg);
}
.map-wrap .source .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .map-wrap .source .header {
    padding-block-start: 4px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source .header {
    padding-block-start: 3.8px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source .header {
    padding-block-start: 3px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source .header {
    padding-block-start: 2.6px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .source .header {
    padding-block-end: 7px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source .header {
    padding-block-end: 6.65px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source .header {
    padding-block-end: 5.25px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source .header {
    padding-block-end: 4.55px;
  }
}
.map-wrap .source .header .title {
  font-weight: 500;
  color: #161616;
}
@media (min-width: 1600px) {
  .map-wrap .source .header .title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source .header .title {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source .header .title {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source .header .title {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .map-wrap .source .select2-container {
    min-width: 256px;
  }
}
@media (min-width: 992px) {
  .map-wrap .source .select2-container {
    min-width: 243.2px;
  }
}
@media (max-width: 992px) {
  .map-wrap .source .select2-container {
    min-width: 192px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source .select2-container {
    min-width: 166.4px;
  }
}
@media (max-width: 575px) {
  .map-wrap .source {
    top: 20px;
    inset-inline-end: 10px;
  }
}
@media (max-width: 992px) {
  .map-wrap.map-wrap-warning .source {
    top: 15%;
  }
}

@media (max-width: 1199px) {
  .just-on-top-of-map .map-wrap .layers-control {
    top: calc(60% + 15%);
  }
}

@media (min-width: 1600px) {
  .leaflet-container .leaflet-marker-pane img {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .leaflet-container .leaflet-marker-pane img {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .leaflet-container .leaflet-marker-pane img {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .leaflet-container .leaflet-marker-pane img {
    width: 19.5px;
  }
}
@media (min-width: 1600px) {
  .leaflet-container .leaflet-marker-pane img {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .leaflet-container .leaflet-marker-pane img {
    height: 28.5px;
  }
}
@media (max-width: 992px) {
  .leaflet-container .leaflet-marker-pane img {
    height: 22.5px;
  }
}
@media (max-width: 575px) {
  .leaflet-container .leaflet-marker-pane img {
    height: 19.5px;
  }
}

.custom-div-icon {
  height: auto !important;
}

.cityMarker {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
}
@media (min-width: 1600px) {
  .cityMarker {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .cityMarker {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .cityMarker {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .cityMarker {
    gap: 3.25px;
  }
}
.cityMarker .cityValue {
  font-weight: 600;
  color: #000000;
}
@media (min-width: 1600px) {
  .cityMarker .cityValue {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .cityMarker .cityValue {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .cityMarker .cityValue {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .cityMarker .cityValue {
    font-size: 10.4px;
  }
}
.cityMarker .cityValue.red {
  color: #df1414;
}
.cityMarker .cityValue.orange {
  color: #dd7025;
}
.cityMarker .cityValue.yellow {
  color: #ffb804;
}
.cityMarker .cityValue.green {
  color: #14db49;
}
.cityMarker .cityValue.black {
  visibility: hidden;
}

.cityPopup {
  cursor: pointer;
}
@media (min-width: 1600px) {
  .cityPopup {
    bottom: -25px !important;
  }
}
@media (min-width: 992px) {
  .cityPopup {
    bottom: -23.75px !important;
  }
}
@media (max-width: 992px) {
  .cityPopup {
    bottom: -18.75px !important;
  }
}
@media (max-width: 575px) {
  .cityPopup {
    bottom: -16.25px !important;
  }
}
@media (min-width: 1600px) {
  .cityPopup {
    inset-inline-start: -46px !important;
  }
}
@media (min-width: 992px) {
  .cityPopup {
    inset-inline-start: -43.7px !important;
  }
}
@media (max-width: 992px) {
  .cityPopup {
    inset-inline-start: -34.5px !important;
  }
}
@media (max-width: 575px) {
  .cityPopup {
    inset-inline-start: -29.9px !important;
  }
}
@media (max-width: 575px) and (min-width: 1600px) {
  .cityPopup {
    inset-inline-start: -55px !important;
  }
}
@media (max-width: 575px) and (min-width: 992px) {
  .cityPopup {
    inset-inline-start: -52.25px !important;
  }
}
@media (max-width: 575px) and (max-width: 992px) {
  .cityPopup {
    inset-inline-start: -41.25px !important;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .cityPopup {
    inset-inline-start: -35.75px !important;
  }
}
.cityPopup .leaflet-popup-content-wrapper {
  box-shadow: none !important;
  background: none !important;
}
.cityPopup .leaflet-popup-content-wrapper .leaflet-popup-content {
  display: flex;
  align-items: center;
  width: max-content;
}
.cityPopup .circle {
  position: relative;
  z-index: 11;
  background-color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1600px) {
  .cityPopup .circle {
    width: 50px;
  }
}
@media (min-width: 992px) {
  .cityPopup .circle {
    width: 47.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .circle {
    width: 37.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .circle {
    width: 32.5px;
  }
}
@media (min-width: 1600px) {
  .cityPopup .circle {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .cityPopup .circle {
    height: 47.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .circle {
    height: 37.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .circle {
    height: 32.5px;
  }
}
@media (min-width: 1600px) {
  .cityPopup .circle {
    border-radius: 50px;
  }
}
@media (min-width: 992px) {
  .cityPopup .circle {
    border-radius: 47.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .circle {
    border-radius: 37.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .circle {
    border-radius: 32.5px;
  }
}
.cityPopup .circle img {
  width: 55%;
}
.cityPopup .rectangle {
  width: max-content;
  position: relative;
  z-index: 1;
  height: max-content;
  background-color: #000000;
  display: flex;
  align-items: center;
  color: #ffffff;
  animation-name: expandWidth;
  animation-duration: 0.7s;
  animation-fill-mode: forwards;
  transform: translate3d(0px, 0px, 0);
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .cityPopup .rectangle {
    min-height: 28px;
  }
}
@media (min-width: 992px) {
  .cityPopup .rectangle {
    min-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .cityPopup .rectangle {
    min-height: 21px;
  }
}
@media (max-width: 575px) {
  .cityPopup .rectangle {
    min-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .cityPopup .rectangle {
    border-end-end-radius: 50px;
  }
}
@media (min-width: 992px) {
  .cityPopup .rectangle {
    border-end-end-radius: 47.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .rectangle {
    border-end-end-radius: 37.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .rectangle {
    border-end-end-radius: 32.5px;
  }
}
@media (min-width: 1600px) {
  .cityPopup .rectangle {
    border-start-end-radius: 50px;
  }
}
@media (min-width: 992px) {
  .cityPopup .rectangle {
    border-start-end-radius: 47.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .rectangle {
    border-start-end-radius: 37.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .rectangle {
    border-start-end-radius: 32.5px;
  }
}
@media (min-width: 1600px) {
  .cityPopup .rectangle {
    margin-inline-start: -10px;
  }
}
@media (min-width: 992px) {
  .cityPopup .rectangle {
    margin-inline-start: -9.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .rectangle {
    margin-inline-start: -7.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .rectangle {
    margin-inline-start: -6.5px;
  }
}
@media (min-width: 1600px) {
  .cityPopup .rectangle {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .cityPopup .rectangle {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .cityPopup .rectangle {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .cityPopup .rectangle {
    padding-inline: 6.5px;
  }
}
.cityPopup .rectangle span {
  color: inherit;
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .cityPopup .rectangle span {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .cityPopup .rectangle span {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .cityPopup .rectangle span {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .cityPopup .rectangle span {
    font-size: 9.75px;
  }
}
.cityPopup .leaflet-popup-tip {
  display: none;
}

@keyframes expandWidth {
  0% {
    transform: translate3d(-29px, 0px, 0);
    max-width: 80%;
    color: #000000;
  }
  100% {
    transform: translate3d(0px, 0px, 0);
    max-width: 100%;
    color: #ffffff;
  }
}
.just-on-top-of-map .mapTopper {
  top: -4vw;
}
@media (max-width: 992px) {
  .just-on-top-of-map .mapTopper {
    top: -6vw;
  }
}

#weatherNews {
  background-color: #ffffff;
  position: relative;
}
@media (min-width: 1600px) {
  #weatherNews {
    padding-block: 70px;
  }
}
@media (min-width: 992px) {
  #weatherNews {
    padding-block: 66.5px;
  }
}
@media (max-width: 992px) {
  #weatherNews {
    padding-block: 52.5px;
  }
}
@media (max-width: 575px) {
  #weatherNews {
    padding-block: 45.5px;
  }
}
@media (min-width: 1600px) {
  #weatherNews {
    max-height: 780px;
  }
}
@media (min-width: 992px) {
  #weatherNews {
    max-height: 741px;
  }
}
@media (max-width: 992px) {
  #weatherNews {
    max-height: 585px;
  }
}
@media (max-width: 575px) {
  #weatherNews {
    max-height: 507px;
  }
}
#weatherNews.WorldWeatherNav {
  max-height: unset;
  padding-bottom: 0;
}
#weatherNews.WorldWeatherNav .simpleCards {
  margin-bottom: 0px;
}
#weatherNews.WorldWeatherNav .slick-arrow {
  z-index: 1;
}
#weatherNews.WorldWeatherNav .slick-dots {
  inset-inline-start: 10px;
  padding-inline-start: 0;
  list-style: none;
  font-size: 0;
  display: flex;
  align-items: center;
  margin-top: 0;
  margin-block: 0;
  bottom: 15px;
  position: relative;
  padding: 0;
}
@media (min-width: 1600px) {
  #weatherNews.WorldWeatherNav .slick-dots {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  #weatherNews.WorldWeatherNav .slick-dots {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  #weatherNews.WorldWeatherNav .slick-dots {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  #weatherNews.WorldWeatherNav .slick-dots {
    gap: 6.5px;
  }
}
#weatherNews.WorldWeatherNav .slick-dots li button {
  padding: 0;
  box-shadow: none;
  border: 0;
  border-radius: 100%;
  background-color: rgba(37, 147, 95, 0.43);
}
#weatherNews.WorldWeatherNav .slick-dots li.slick-active button {
  background-color: #25935f;
}
#weatherNews .container {
  position: relative;
  z-index: 99;
}
#weatherNews .weatherNewsTop {
  top: -12% !important;
}
@media (max-width: 992px) {
  #weatherNews .weatherNewsTop {
    top: -60px !important;
  }
}
@media (max-width: 575px) {
  #weatherNews .weatherNewsTop {
    top: -40px !important;
  }
}

@media (max-width: 575px) {
  .g-recaptcha {
    transform: scale(0.8);
    margin: 0 auto;
  }
}
.loading {
  width: 20px;
  height: 20px;
  padding: 2px;
  border-radius: 50%;
  background: #1b8354;
  --_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
  mask: var(--_m);
  -webkit-mask-composite: source-out;
  mask-composite: subtract;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  to {
    transform: rotate(1turn);
  }
}
[lang=ar] .hoverProgress-WeojR {
  left: unset !important;
  right: 0 !important;
}

[lang=ar] .time-slider {
  transform: scaleX(-1);
}
[lang=ar] .time-slider #playState {
  transform: scaleX(-1);
}
[lang=ar] .time-slider .time-slider-container .currentHour-IVZlt {
  transform: scaleX(-1);
}
[lang=ar] .time-slider .time-slider-container .currentHour-IVZlt #currentHourDisplay {
  font-size: 11px !important;
  line-height: 1 !important;
}
[lang=ar] .time-slider .time-slider-container .currentHour-IVZlt svg {
  position: absolute;
  left: -13px;
  bottom: 6px;
}
[lang=ar] .time-slider .time-slider-container #currentHourDisplayDate {
  transform: scaleX(-1);
  font-size: 12px !important;
  position: absolute;
  top: 8px;
}

#currentHourDisplayDate {
  font-size: 12px !important;
  font-weight: 700 !important;
}

@media (max-width: 1000px) {
  .tenDaysForecastContainer {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
  }
}
@media (max-width: 350px) {
  .forecastCard.currentWeather {
    max-width: 260px !important;
  }
}
.spin-loader {
  color: #fff;
  font-size: 10px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  animation: mulShdSpin 1.3s infinite linear;
  transform: translateZ(0);
}

@keyframes mulShdSpin {
  0%, 100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
[lang=ar] .hourly-forecast-section {
  flex-direction: row-reverse;
}

[lang=ar] .temperature #unit div:last-child {
  line-height: 0;
}

.social-share-list li a {
  color: #1b8354;
}

.social-share-list li a svg path {
  fill: #1b8354;
}

.animateBtn {
  background-color: #1b8354;
  transition: background-color 0.3s ease;
}
.animateBtn:hover {
  background-color: #166A45;
}

@media (min-width: 1600px) {
  [lang=ar] #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  [lang=ar] #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  [lang=ar] #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  [lang=ar] #forecastWrap .container .hourly-forecast-swiper-container .hourly-forecast .time {
    font-size: 13px;
  }
}

#newsDetail .heroWaveSlides {
  height: max-content;
}

[lang=en] .forecastCity .lock--icon {
  right: 12px;
}
@media (max-width: 575px) {
  [lang=en] .forecastCity .lock--icon {
    right: 14px;
  }
}

@media (max-width: 575px) {
  [lang=ar] .forecastCity .selectize-control .selectize-input {
    font-size: 20px;
  }
  [lang=ar] .forecastCity .selectize-control .selectize-input .item {
    font-size: 20px !important;
  }
}
[lang=ar] .forecastCity .selectize-control .selectize-input .item {
  font-size: 16px;
  position: absolute;
}
[lang=ar] .forecastCity .selectize-control .selectize-input input::placeholder {
  font-size: 20px;
}
[lang=ar] .forecastCity .selectize-control .selectize-dropdown {
  font-size: 16px;
}
@media (max-width: 575px) {
  [lang=ar] .forecastCity .selectize-control .selectize-dropdown {
    font-size: 20px;
  }
}
[lang=ar] .forecastCity .lock--icon {
  left: 12px;
}
@media (max-width: 575px) {
  [lang=ar] .forecastCity .lock--icon {
    left: 14px;
  }
}

#forecastWrap .slick-arrow {
  z-index: 1;
}
#forecastWrap .slick-arrow i {
  color: #25935f;
}
@media (min-width: 1600px) {
  #forecastWrap .slick-arrow i {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  #forecastWrap .slick-arrow i {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  #forecastWrap .slick-arrow i {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  #forecastWrap .slick-arrow i {
    font-size: 19.5px;
  }
}
#forecastWrap .slick-arrow:hover i {
  color: #074D31;
}

.img-svg-searchInput {
  position: absolute;
}

.img-svg, .img-svg-searchInput {
  fill: white;
  filter: invert(1) grayscale(100%) brightness(140%) sepia(100%) saturate(0) contrast(100%);
}

#searchBtn:has(.expand) {
  border-radius: 0px;
}

#searchBtn, #fullScreen, #zoomIn, #zoomOut, #adjust, #lock-map-btn, #opacityToggleBtn {
  border-radius: 50%;
}

.svg-img {
  object-fit: cover;
  fill: white;
  filter: invert(1) grayscale(100%) brightness(140%) sepia(100%) saturate(0) contrast(100%);
}

.kingdomWeatherTop {
  position: relative;
  z-index: 1;
}
@media (max-width: 1025px) and (min-width: 769px) {
  .kingdomWeatherTop.only-here-1025-no-img .rightImage {
    display: none;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop.no-curve-img {
    margin-bottom: 7vw;
  }
}
.kingdomWeatherTop.no-curve-img .rightImage {
  max-width: 42%;
  top: -6.7vw;
}
.kingdomWeatherTop.no-curve-img .rightImage::after {
  content: none;
}
.kingdomWeatherTop.no-curve-img .heroWaveSlides {
  height: 42vw;
}
.kingdomWeatherTop .rightImage {
  position: absolute;
  z-index: 0;
  right: 0;
  height: 35vw;
  max-width: 40%;
  top: -10vw;
  overflow: hidden;
}
.kingdomWeatherTop .rightImage:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("../../../assets/images/right-image-mask.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  left: 0;
  top: 0;
  inset-inline-end: 1px;
  outline: 3px solid #fff;
  outline-offset: -1px;
  display: none;
}
.kingdomWeatherTop .pattern {
  position: absolute;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .pattern {
    bottom: 6px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .pattern {
    bottom: 5.7px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .pattern {
    bottom: 4.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .pattern {
    bottom: 3.9px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .pattern {
    position: unset;
  }
}
.kingdomWeatherTop .kingdomWeatherTop-content {
  position: relative;
  z-index: 999;
}
.kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    margin-bottom: 10.4px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p {
    line-height: 15.6px;
  }
}
.kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul {
  list-style: disc;
}
.kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li {
  list-style: disc;
}
.kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 10.4px;
  }
}
.kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    margin-bottom: 10.4px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-12 p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li p, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ol li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li, .kingdomWeatherTop .kingdomWeatherTop-content .col-12 ul li p {
    font-size: 12px;
    line-height: 16px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content {
    padding-bottom: 0px;
  }
}
.kingdomWeatherTop .kingdomWeatherTop-content .col-1025-50 {
  width: 48%;
}
@media (max-width: 992px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-1025-50 {
    width: 80%;
  }
}
@media (max-width: 1025px) and (min-width: 769px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-1025-50 {
    width: 80%;
  }
}
@media (max-width: 1199px) {
  .kingdomWeatherTop .kingdomWeatherTop-content .col-1025-50 {
    width: 80%;
  }
}
.kingdomWeatherTop .kingdomWeatherTop-content .container {
  position: relative;
  margin-bottom: 50px;
}
.kingdomWeatherTop .region {
  background-color: transparent;
  padding-bottom: 0;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .region {
    padding-top: 10px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .region {
    padding-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .region {
    padding-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .region {
    padding-top: 6.5px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .region .regionHeader {
    margin-bottom: 50px;
  }
}
.kingdomWeatherTop .region .regionHeader .regionHeaderContent {
  justify-content: start;
}
@media (max-width: 575px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent {
    flex-direction: row;
    text-align: start;
    align-items: baseline;
  }
}
.kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContent .regionHeaderText p {
    line-height: 18.2px;
  }
}
.kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex {
  position: relative;
  justify-content: start;
}
.kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section {
  width: 100%;
  max-width: 18%;
}
.kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication {
  min-height: auto;
}
.kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
  line-height: 1.2;
}
@media (min-width: 1600px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 38px;
  }
}
@media (max-width: 992px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .kingdomWeatherTop .region .regionHeader .regionHeaderContentInfo .regionHeaderContentInfoFlex .regionHeaderContentInfo-indication-section .regionHeaderContentInfo-indication .regionHeaderContentInfo-indication-figure p {
    font-size: 26px;
  }
}

[lang=ar] .kingdomWeatherTop .rightImage {
  right: unset;
  left: 0;
}
[lang=ar] .kingdomWeatherTop .rightImage:after {
  transform: rotateY(180deg);
}
[lang=ar] .kingdomWeatherTop .pattern img {
  transform: scaleX(-1);
}

@media screen and (max-width: 1200px) {
  .kingdomWeatherTop .rightImage {
    display: none;
  }
}
[lang=ar] .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image img {
  transform: scaleX(1);
}

[lang=ar] .dailyReport .pattern .topFull {
  transform: scaleX(-1);
}

.dailyReport {
  padding-top: 50px;
  padding-bottom: 50px;
}
.dailyReport .dailyReport-section {
  position: relative;
  z-index: 3;
}
.dailyReport .dailyReport-section .dailyReport-card {
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #D2D6DB;
  position: relative;
  height: 100%;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    padding: 38px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    padding: 26px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    margin-block: 30px !important;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    margin-block: 28.5px !important;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    margin-block: 22.5px !important;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card {
    margin-block: 19.5px !important;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
    border-radius: 10.4px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image img {
  transition: 0.3s ease-in;
  width: 100%;
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image:hover img {
  transform: scale(1.05);
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 97%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border-radius: 16px;
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 20.8px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .center-initiatives-card-image img {
  max-width: 400px;
  max-height: 400px;
  object-fit: cover;
  object-position: top;
  min-width: 100%;
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 9.75px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 18px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 17.1px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 13.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 11.7px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
  color: #1F2A37;
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 18.2px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 18px;
  }
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 13px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
  color: #1b8354;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 7.8px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
  color: #161616;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 7.8px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
  overflow: hidden;
}
.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
  color: #0D121C;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p, .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 18.2px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
  align-items: baseline;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 3.25px;
  }
}
.dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
  font-weight: 700;
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 24.7px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 16px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 15.2px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 12px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 10.4px;
  }
}
@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .lightBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .lightBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .lightBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.smallCard .lightBtn {
    font-size: 9.1px;
  }
}

@media (min-width: 1600px) {
  .dailyReport .dailyReport-section .dailyReport-card.report-CARD .dailyReport-card-content .text-descp {
    min-height: 100px;
  }
}
@media (min-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.report-CARD .dailyReport-card-content .text-descp {
    min-height: 95px;
  }
}
@media (max-width: 992px) {
  .dailyReport .dailyReport-section .dailyReport-card.report-CARD .dailyReport-card-content .text-descp {
    min-height: 75px;
  }
}
@media (max-width: 575px) {
  .dailyReport .dailyReport-section .dailyReport-card.report-CARD .dailyReport-card-content .text-descp {
    min-height: 65px;
  }
}

@media (min-width: 1600px) {
  .citiesWeaterUpdate {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate {
    padding-top: 52px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate {
    padding-bottom: 76px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate {
    padding-bottom: 52px;
  }
}
.citiesWeaterUpdate .citiesWeaterUpdateHead {
  display: none;
  align-items: center;
  justify-content: end;
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    margin-bottom: 13px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead {
    gap: 6.5px;
  }
}
.citiesWeaterUpdate .citiesWeaterUpdateHead a {
  background-color: #074d31;
  border: solid #25935f;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    width: 35px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    width: 33.25px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    width: 26.25px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    width: 22.75px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    height: 35px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    height: 33.25px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    height: 26.25px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    height: 22.75px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a {
    border-width: 1.3px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a svg {
    max-width: 15px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a svg {
    max-width: 14.25px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a svg {
    max-width: 11.25px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead a svg {
    max-width: 9.75px;
  }
}
.citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
  background-color: #074d31;
  border: solid #25935f;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    width: 35px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    width: 33.25px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    width: 26.25px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    width: 22.75px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    height: 35px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    height: 33.25px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    height: 26.25px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    height: 22.75px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .searchBtn {
    border-width: 1.3px;
  }
}
.citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .inputWrap.active {
  box-shadow: none;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .inputWrap.active {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .inputWrap.active {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .inputWrap.active {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead .searchBarWrap .inputWrap.active {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead + .cstmTableSimple {
    margin-top: 35px;
  }
}
@media (min-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead + .cstmTableSimple {
    margin-top: 33.25px;
  }
}
@media (max-width: 992px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead + .cstmTableSimple {
    margin-top: 26.25px;
  }
}
@media (max-width: 575px) {
  .citiesWeaterUpdate .citiesWeaterUpdateHead + .cstmTableSimple {
    margin-top: 22.75px;
  }
}

.worldWeatherTable .citiesWeaterUpdate {
  padding-bottom: 0;
}
@media (min-width: 1600px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-top: 120px;
  }
}
@media (min-width: 992px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-top: 114px;
  }
}
@media (max-width: 992px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-top: 90px;
  }
}
@media (max-width: 575px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-top: 78px;
  }
}
@media (min-width: 1600px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-bottom: 120px;
  }
}
@media (min-width: 992px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-bottom: 114px;
  }
}
@media (max-width: 992px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-bottom: 90px;
  }
}
@media (max-width: 575px) {
  .worldWeatherTable .citiesWeaterUpdate {
    padding-bottom: 78px;
  }
}

.sliderLatestNewsSection .simpleCards {
  margin-bottom: 0;
}

.famousMountain {
  background-size: cover;
  position: relative;
  z-index: 0;
}
@media (min-width: 1600px) {
  .famousMountain {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .famousMountain {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  .famousMountain {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .famousMountain {
    padding-top: 52px;
  }
}
@media (min-width: 1600px) {
  .famousMountain {
    padding-bottom: 1px;
  }
}
@media (min-width: 992px) {
  .famousMountain {
    padding-bottom: 0.95px;
  }
}
@media (max-width: 992px) {
  .famousMountain {
    padding-bottom: 0.75px;
  }
}
@media (max-width: 575px) {
  .famousMountain {
    padding-bottom: 0.65px;
  }
}
.famousMountain .heroWaveSlides {
  z-index: -1;
}
@media (min-width: 1600px) {
  .famousMountain .heroWaveSlides {
    bottom: 20px;
  }
}
@media (min-width: 992px) {
  .famousMountain .heroWaveSlides {
    bottom: 19px;
  }
}
@media (max-width: 992px) {
  .famousMountain .heroWaveSlides {
    bottom: 15px;
  }
}
@media (max-width: 575px) {
  .famousMountain .heroWaveSlides {
    bottom: 13px;
  }
}
.famousMountain .pattern {
  position: relative;
}
@media (min-width: 1600px) {
  .famousMountain .pattern {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .famousMountain .pattern {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .famousMountain .pattern {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .famousMountain .pattern {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .famousMountain .pattern {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .famousMountain .pattern {
    margin-bottom: 38px;
  }
}
@media (max-width: 992px) {
  .famousMountain .pattern {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .famousMountain .pattern {
    margin-bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .famousMountain.kingdom {
    padding-top: 140px;
  }
}
@media (min-width: 992px) {
  .famousMountain.kingdom {
    padding-top: 133px;
  }
}
@media (max-width: 992px) {
  .famousMountain.kingdom {
    padding-top: 105px;
  }
}
@media (max-width: 575px) {
  .famousMountain.kingdom {
    padding-top: 91px;
  }
}
.famousMountain.kingdom .heroWaveSlides {
  bottom: auto;
}
@media (min-width: 1600px) {
  .famousMountain.kingdom .heroWaveSlides {
    top: 20px;
  }
}
@media (min-width: 992px) {
  .famousMountain.kingdom .heroWaveSlides {
    top: 19px;
  }
}
@media (max-width: 992px) {
  .famousMountain.kingdom .heroWaveSlides {
    top: 15px;
  }
}
@media (max-width: 575px) {
  .famousMountain.kingdom .heroWaveSlides {
    top: 13px;
  }
}
@media (max-width: 992px) {
  .famousMountain.kingdom .heroWaveSlides {
    position: absolute;
  }
}
@media (min-width: 1600px) {
  .famousMountain .sliderLatestNewsSection {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .famousMountain .sliderLatestNewsSection {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .famousMountain .sliderLatestNewsSection {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .famousMountain .sliderLatestNewsSection {
    margin-top: 13px;
  }
}
.famousMountain .sliderLatestNewsSection .famounMountainSlider .slick-list .slick-track {
  min-width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.famousMountain .sliderLatestNewsSection .famounMountainSlider .simpleCards .simpleCards-content .simpleCards-title h2 {
  height: auto;
  min-height: unset;
}
.famousMountain .sliderLatestNewsSection .famounMountainSlider .simpleCards .simpleCards-content .text-descp {
  overflow: auto;
  padding-bottom: 1px;
}
@media (min-width: 1600px) {
  .famousMountain .sliderLatestNewsSection .famounMountainSlider .simpleCards .simpleCards-content .text-descp {
    height: 180px;
  }
}
@media (min-width: 992px) {
  .famousMountain .sliderLatestNewsSection .famounMountainSlider .simpleCards .simpleCards-content .text-descp {
    height: 171px;
  }
}
@media (max-width: 992px) {
  .famousMountain .sliderLatestNewsSection .famounMountainSlider .simpleCards .simpleCards-content .text-descp {
    height: 135px;
  }
}
@media (max-width: 575px) {
  .famousMountain .sliderLatestNewsSection .famounMountainSlider .simpleCards .simpleCards-content .text-descp {
    height: 117px;
  }
}
.famousMountain .sliderLatestNewsSection.commonSlider .slick-dots li.slick-active button {
  background-color: #1b8354;
}
@media (min-width: 1600px) {
  .famousMountain .lightBtn {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .famousMountain .lightBtn {
    max-width: 285px;
  }
}
@media (max-width: 992px) {
  .famousMountain .lightBtn {
    max-width: 225px;
  }
}
@media (max-width: 575px) {
  .famousMountain .lightBtn {
    max-width: 195px;
  }
}
@media (max-width: 575px) {
  .famousMountain .lightBtn {
    max-width: 230px;
  }
}

.kingDomPage {
  background-color: #074d31;
}
@media (min-width: 1600px) {
  .kingDomPage {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .kingDomPage {
    padding-top: 95px;
  }
}
@media (max-width: 992px) {
  .kingDomPage {
    padding-top: 75px;
  }
}
@media (max-width: 575px) {
  .kingDomPage {
    padding-top: 65px;
  }
}
@media (min-width: 1600px) {
  .kingDomPage {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .kingDomPage {
    padding-bottom: 95px;
  }
}
@media (max-width: 992px) {
  .kingDomPage {
    padding-bottom: 75px;
  }
}
@media (max-width: 575px) {
  .kingDomPage {
    padding-bottom: 65px;
  }
}
.kingDomPage .kingdomWrap::before {
  opacity: 0.6;
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
  box-shadow: none;
}

[lang=ar] .safetyTips .safetyCards-section .safetyCards-section-items .pattern .top img {
  transform: scaleX(-1);
}
[lang=ar] .safetyTips .safetyCards-section .safetyCards-section-items .pattern .bottom img {
  transform: scaleX(-1);
}

@media (min-width: 1600px) {
  .safetyTips {
    padding-top: 50px;
  }
}
@media (min-width: 992px) {
  .safetyTips {
    padding-top: 47.5px;
  }
}
@media (max-width: 992px) {
  .safetyTips {
    padding-top: 37.5px;
  }
}
@media (max-width: 575px) {
  .safetyTips {
    padding-top: 32.5px;
  }
}
@media (min-width: 1600px) {
  .safetyTips {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .safetyTips {
    padding-bottom: 76px;
  }
}
@media (max-width: 992px) {
  .safetyTips {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .safetyTips {
    padding-bottom: 52px;
  }
}
.safetyTips .safetyCards-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 46px;
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 769px) {
  .safetyTips .safetyCards-section {
    grid-template-columns: repeat(1, 1fr);
  }
}
.safetyTips .safetyCards-section .safetyCards-section-items {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  padding: 16px;
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    height: 60px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    height: 57px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    height: 45px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    height: 39px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    width: 60px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    width: 57px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    width: 45px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon {
    width: 39px;
  }
}
.safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-icon img {
  width: 100%;
  height: 100%;
}
.safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-title h5 {
  color: #074d31;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-title h5 {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-title h5 {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-title h5 {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-head .safetyCards-section-items-title h5 {
    font-size: 13.65px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    padding-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    padding-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    padding-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    padding-inline-start: 9.75px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-top: 15px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-top: 14.25px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-top: 11.25px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-top: 9.75px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    margin-bottom: 19.5px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul {
    padding-inline-end: 0;
  }
}
.safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li::marker {
  color: #074d31;
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .safetyTips .safetyCards-section .safetyCards-section-items .safetyCards-section-items-ponts ul li {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .lightBtn {
    margin-top: 80px;
  }
}
@media (min-width: 992px) {
  .safetyTips .lightBtn {
    margin-top: 76px;
  }
}
@media (max-width: 992px) {
  .safetyTips .lightBtn {
    margin-top: 60px;
  }
}
@media (max-width: 575px) {
  .safetyTips .lightBtn {
    margin-top: 52px;
  }
}
@media (min-width: 1600px) {
  .safetyTips .lightBtn {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .safetyTips .lightBtn {
    margin-bottom: 76px;
  }
}
@media (max-width: 992px) {
  .safetyTips .lightBtn {
    margin-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .safetyTips .lightBtn {
    margin-bottom: 52px;
  }
}

.emergencyInformatio {
  background-color: #074d31;
  position: relative;
}
@media (min-width: 1600px) {
  .emergencyInformatio {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio {
    padding-top: 52px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio {
    padding-bottom: 180px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio {
    padding-bottom: 171px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio {
    padding-bottom: 135px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio {
    padding-bottom: 117px;
  }
}
.emergencyInformatio .pattern .top {
  position: absolute;
  width: 100vw;
}
@media (min-width: 1600px) {
  .emergencyInformatio .pattern .top {
    top: -115px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -109.25px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -86.25px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .pattern .top {
    top: -74.75px;
  }
}
@media (min-width: 992px) and (min-width: 1600px) {
  .emergencyInformatio .pattern .top {
    top: -95px;
  }
}
@media (min-width: 992px) and (min-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -90.25px;
  }
}
@media (min-width: 992px) and (max-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -71.25px;
  }
}
@media (min-width: 992px) and (max-width: 575px) {
  .emergencyInformatio .pattern .top {
    top: -61.75px;
  }
}
@media (min-width: 1600px) and (min-width: 1600px) {
  .emergencyInformatio .pattern .top {
    top: -115px;
  }
}
@media (min-width: 1600px) and (min-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -109.25px;
  }
}
@media (min-width: 1600px) and (max-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -86.25px;
  }
}
@media (min-width: 1600px) and (max-width: 575px) {
  .emergencyInformatio .pattern .top {
    top: -74.75px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .pattern .top {
    top: -5.3vw;
  }
}
.emergencyInformatio .pattern .bottom {
  position: absolute;
}
@media (min-width: 1600px) {
  .emergencyInformatio .pattern .bottom {
    bottom: 40px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .pattern .bottom {
    bottom: 38px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .pattern .bottom {
    bottom: 30px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .pattern .bottom {
    bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section {
    margin-top: 6.5px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .heading-primary {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .heading-primary {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .heading-primary {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .heading-primary {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .heading-primary {
    margin-bottom: 19.5px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .textDescp {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .textDescp {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .textDescp {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .textDescp {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info .mainHeading .textDescp {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points {
    padding-inline-end: 50px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points {
    padding-inline-end: 47.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points {
    padding-inline-end: 37.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points {
    padding-inline-end: 32.5px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li {
    padding-block: 6.5px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items {
  display: flex;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items {
    gap: 13px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
  width: 100%;
  height: 100%;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-width: 50px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-width: 47.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-width: 37.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-width: 32.5px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-height: 50px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-height: 47.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-height: 37.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon {
    max-height: 32.5px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-icon img {
  width: 100%;
  height: 100%;
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content h6 {
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content h6 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content h6 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content h6 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content h6 {
    font-size: 11.7px;
  }
}
.emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content p {
  color: #ffffff;
  line-height: 1.2;
}
@media (min-width: 1600px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio .emergencyInformatio-info-section .emergencyInformatio-info-points ul li .emergencyInformatio-info-points-items .emergencyInformatio-info-points-items-content p {
    font-size: 10.4px;
  }
}

.emergencyInformatio-section {
  position: relative;
  border: solid #25935f;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section {
    padding: 19px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section {
    padding: 13px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section {
    margin-inline-start: 50px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section {
    margin-inline-start: 47.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section {
    margin-inline-start: 37.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section {
    margin-inline-start: 32.5px;
  }
}
.emergencyInformatio-section .blendModeMultiply {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: none;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .blendModeMultiply {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .blendModeMultiply {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .blendModeMultiply {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .blendModeMultiply {
    border-radius: 6.5px;
  }
}
.emergencyInformatio-section .pattern .top {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 100%;
  opacity: 0.5;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .pattern .top {
    max-width: 260px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .pattern .top {
    max-width: 247px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .pattern .top {
    max-width: 195px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .pattern .top {
    max-width: 169px;
  }
}
.emergencyInformatio-section .pattern .top img {
  width: 100%;
}
.emergencyInformatio-section .emergencyInformatio-section-card {
  border: solid #25935f;
  position: relative;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    padding: 28.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    padding: 22.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    padding: 19.5px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card {
    border-width: 0.65px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    font-size: 26.6px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    font-size: 21px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    font-size: 18.2px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-header .mainHeading .heading-primary {
    margin-bottom: 9.75px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp {
    font-size: 13px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp.fs18 {
  font-weight: 400;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp.fs18 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp.fs18 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp.fs18 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .textDescp.fs18 {
    font-size: 10.4px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 90%;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets {
    margin-bottom: 13px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items {
    gap: 6.5px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-icon {
  width: 100%;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-icon {
    max-width: 45px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-icon {
    max-width: 42.75px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-icon {
    max-width: 33.75px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-icon {
    max-width: 29.25px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-icon img {
  width: 100%;
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h4 {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h4 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h4 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h4 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h4 {
    font-size: 11.7px;
  }
}
.emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h3 {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h3 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h3 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h3 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .emergencyInformatio-section .emergencyInformatio-section-card .emergencyInformatio-section-card-main .emergencyInformatio-section-card-widgets .emergencyInformatio-section-card-widgets-items .emergencyInformatio-section-card-widgets-text h3 {
    font-size: 23.4px;
  }
}

.center-initiatives {
  margin-top: 0 !important;
  padding-top: 50px;
  padding-bottom: 50px;
}
.center-initiatives .pattern .topLeft {
  position: absolute;
  top: -2.8vw;
}
@media (min-width: 1600px) {
  .center-initiatives .card-row {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .center-initiatives .card-row {
    margin-top: 47.5px;
  }
}
@media (max-width: 992px) {
  .center-initiatives .card-row {
    margin-top: 37.5px;
  }
}
@media (max-width: 575px) {
  .center-initiatives .card-row {
    margin-top: 32.5px;
  }
}
@media (min-width: 1600px) {
  .center-initiatives .card-row {
    gap: 100px;
  }
}
@media (min-width: 992px) {
  .center-initiatives .card-row {
    gap: 95px;
  }
}
@media (max-width: 992px) {
  .center-initiatives .card-row {
    gap: 75px;
  }
}
@media (max-width: 575px) {
  .center-initiatives .card-row {
    gap: 65px;
  }
}
.center-initiatives .dailyReport {
  max-width: 1700px;
}
.center-initiatives .dailyReport-card-image::after {
  position: unset !important;
  content: "" !important;
  background-color: unset !important;
}
.center-initiatives .white-bg {
  background: #ffffff !important;
}
.center-initiatives .white-bg .titleText {
  color: #1F2A37 !important;
  max-width: 100%;
}
@media (min-width: 1600px) {
  .center-initiatives .white-bg .titleText {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .center-initiatives .white-bg .titleText {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .center-initiatives .white-bg .titleText {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .center-initiatives .white-bg .titleText {
    font-size: 13px;
  }
}
.center-initiatives .white-bg p.has-text {
  color: #1F2A37 !important;
}
@media (min-width: 1600px) {
  .center-initiatives .white-bg p.has-text {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .center-initiatives .white-bg p.has-text {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .center-initiatives .white-bg p.has-text {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .center-initiatives .white-bg p.has-text {
    font-size: 9.75px;
  }
}

.unifying-main-sec {
  position: relative;
  background: #ffffff;
}
.unifying-main-sec .pattern .bottomFull {
  width: 100%;
  position: absolute;
  bottom: -1.6vw;
}
.unifying-main-sec .pattern .bottomFull img {
  width: 100%;
}
.unifying-main-sec .pattern .topRight {
  position: absolute;
  top: 0;
  right: 0;
}
@media (min-width: 1600px) {
  .unifying-main-sec .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .unifying-main-sec .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .unifying-main-sec .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .unifying-main-sec .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .unifying-main-sec .pattern .topRight img {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .unifying-main-sec .pattern .topRight img {
    max-width: 285px;
  }
}
@media (max-width: 992px) {
  .unifying-main-sec .pattern .topRight img {
    max-width: 225px;
  }
}
@media (max-width: 575px) {
  .unifying-main-sec .pattern .topRight img {
    max-width: 195px;
  }
}
.unifying-main-sec .pattern .bottomRight {
  position: absolute;
  bottom: 0;
}
@media (min-width: 1600px) {
  .unifying-main-sec .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .unifying-main-sec .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .unifying-main-sec .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .unifying-main-sec .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .unifying-main-sec .pattern .bottomRight img {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .unifying-main-sec .pattern .bottomRight img {
    max-width: 332.5px;
  }
}
@media (max-width: 992px) {
  .unifying-main-sec .pattern .bottomRight img {
    max-width: 262.5px;
  }
}
@media (max-width: 575px) {
  .unifying-main-sec .pattern .bottomRight img {
    max-width: 227.5px;
  }
}

.unifying-efforts-section {
  position: relative;
  max-width: 1700px;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .unifying-efforts-section {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section {
    margin-top: 26px;
  }
}
.unifying-efforts-section .middle-curveline {
  position: absolute;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-start: 0px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-start: 0px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-start: 0px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section .middle-curveline {
    inset-inline-start: 0px;
  }
}
@media (min-width: 1600px) {
  .unifying-efforts-section .middle-curveline {
    top: 40px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    top: 38px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    top: 30px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section .middle-curveline {
    top: 26px;
  }
}
@media (min-width: 1600px) {
  .unifying-efforts-section .middle-curveline {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section .middle-curveline {
    width: 13px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .middle-curveline {
    display: none;
  }
}
@media (max-width: 1025px) and (min-width: 769px) {
  .unifying-efforts-section .middle-curveline {
    height: 75%;
  }
  .unifying-efforts-section .middle-curveline img {
    height: 100%;
  }
}
.unifying-efforts-section .saudi-green-box {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 30px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
}
.unifying-efforts-section .saudi-green-box ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0;
  margin: 0;
}
.unifying-efforts-section .saudi-green-box ul li {
  color: #161616;
}
@media (min-width: 1600px) {
  .unifying-efforts-section .saudi-green-box ul li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section .saudi-green-box ul li {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .saudi-green-box ul li {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section .saudi-green-box ul li {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .unifying-efforts-section .saudi-green-box ul li {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .unifying-efforts-section .saudi-green-box ul li {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .unifying-efforts-section .saudi-green-box ul li {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .unifying-efforts-section .saudi-green-box ul li {
    line-height: 18.2px;
  }
}
.unifying-efforts-section .regionalProgramsCentres-section {
  border: none;
  padding: 0;
}

.center-initiatives-content {
  height: 140px;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  z-index: 1;
}

.center-initiative-card {
  padding: 16px !important;
}
@media (min-width: 1600px) {
  .center-initiative-card .pattern .rightBottom img {
    max-width: 130px !important;
  }
}
@media (min-width: 992px) {
  .center-initiative-card .pattern .rightBottom img {
    max-width: 123.5px !important;
  }
}
@media (max-width: 992px) {
  .center-initiative-card .pattern .rightBottom img {
    max-width: 97.5px !important;
  }
}
@media (max-width: 575px) {
  .center-initiative-card .pattern .rightBottom img {
    max-width: 84.5px !important;
  }
}

.news-card-img-container {
  position: relative;
}
.news-card-img-container .news--play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  font-size: 42px;
}

.text-descp p {
  line-height: 28px !important;
}

.mainHeading h1 {
  line-height: 38px !important;
}

@media (min-width: 1600px) {
  [lang=ar] .regionDetails-cards-textStyle.custom-padding {
    padding-block: 7.9px !important;
  }
}
@media (min-width: 992px) {
  [lang=ar] .regionDetails-cards-textStyle.custom-padding {
    padding-block: 7.505px !important;
  }
}
@media (max-width: 992px) {
  [lang=ar] .regionDetails-cards-textStyle.custom-padding {
    padding-block: 5.925px !important;
  }
}
@media (max-width: 575px) {
  [lang=ar] .regionDetails-cards-textStyle.custom-padding {
    padding-block: 5.135px !important;
  }
}

.map-section {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .map-section {
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  .map-section {
    margin-top: -19px;
  }
}
@media (max-width: 992px) {
  .map-section {
    margin-top: -15px;
  }
}
@media (max-width: 575px) {
  .map-section {
    margin-top: -13px;
  }
}
@media (min-width: 1600px) {
  .map-section .map-wrap {
    height: 700px;
  }
}
@media (min-width: 992px) {
  .map-section .map-wrap {
    height: 665px;
  }
}
@media (max-width: 992px) {
  .map-section .map-wrap {
    height: 525px;
  }
}
@media (max-width: 575px) {
  .map-section .map-wrap {
    height: 455px;
  }
}

.region-title {
  position: relative;
  z-index: 111;
  font-weight: 500;
  color: #092a1e;
  text-align: center;
}
@media (min-width: 1600px) {
  .region-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .region-title {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .region-title {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .region-title {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  .region-title {
    padding-block: 50px;
  }
}
@media (min-width: 992px) {
  .region-title {
    padding-block: 47.5px;
  }
}
@media (max-width: 992px) {
  .region-title {
    padding-block: 37.5px;
  }
}
@media (max-width: 575px) {
  .region-title {
    padding-block: 32.5px;
  }
}

.weather-stations {
  margin-top: -1%;
}
.weather-stations .weather-station-wave-bg {
  position: absolute;
  z-index: 1111;
  top: -70px;
  width: 100%;
}
.weather-stations .weather-station-wave-bg img {
  height: 104px;
  width: 100%;
}
.weather-stations .title {
  position: relative;
  z-index: 111;
  font-weight: 500;
  color: #092a1e;
  text-align: center;
}
@media (min-width: 1600px) {
  .weather-stations .title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .weather-stations .title {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .weather-stations .title {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .weather-stations .title {
    font-size: 23.4px;
  }
}
.weather-stations .map-section-bg {
  margin-top: -5px;
  position: relative;
}
.weather-stations .wave_background {
  position: absolute;
  top: 0;
  content: "";
  width: 100%;
  z-index: -1;
}
.weather-stations .top-right-lines {
  position: absolute;
  inset-inline-end: 5%;
  z-index: 1111;
}
.weather-stations .map-bottom {
  position: absolute;
  z-index: 111;
  bottom: -80px;
  width: 100%;
}
.weather-stations .map-bottom img {
  width: 100%;
  height: 104px;
}

@media (min-width: 1600px) {
  section.cities {
    padding-block: 80px;
  }
}
@media (min-width: 992px) {
  section.cities {
    padding-block: 76px;
  }
}
@media (max-width: 992px) {
  section.cities {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  section.cities {
    padding-block: 52px;
  }
}
section.cities .title {
  position: relative;
  z-index: 111;
  font-weight: 500;
  color: #092a1e;
  text-align: center;
}
@media (min-width: 1600px) {
  section.cities .title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  section.cities .title {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  section.cities .title {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  section.cities .title {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  section.cities .title {
    padding-block: 40px;
  }
}
@media (min-width: 992px) {
  section.cities .title {
    padding-block: 38px;
  }
}
@media (max-width: 992px) {
  section.cities .title {
    padding-block: 30px;
  }
}
@media (max-width: 575px) {
  section.cities .title {
    padding-block: 26px;
  }
}
@media (min-width: 1600px) {
  section.cities .forecast-card-container {
    margin-block: 20px;
  }
}
@media (min-width: 992px) {
  section.cities .forecast-card-container {
    margin-block: 19px;
  }
}
@media (max-width: 992px) {
  section.cities .forecast-card-container {
    margin-block: 15px;
  }
}
@media (max-width: 575px) {
  section.cities .forecast-card-container {
    margin-block: 13px;
  }
}

.leaflet-station-marker {
  background: rgba(0, 0, 0, 0.6);
  width: max-content !important;
  height: max-content !important;
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .leaflet-station-marker {
    padding-block: 2px;
  }
}
@media (min-width: 992px) {
  .leaflet-station-marker {
    padding-block: 1.9px;
  }
}
@media (max-width: 992px) {
  .leaflet-station-marker {
    padding-block: 1.5px;
  }
}
@media (max-width: 575px) {
  .leaflet-station-marker {
    padding-block: 1.3px;
  }
}
@media (min-width: 1600px) {
  .leaflet-station-marker {
    padding-inline: 6px;
  }
}
@media (min-width: 992px) {
  .leaflet-station-marker {
    padding-inline: 5.7px;
  }
}
@media (max-width: 992px) {
  .leaflet-station-marker {
    padding-inline: 4.5px;
  }
}
@media (max-width: 575px) {
  .leaflet-station-marker {
    padding-inline: 3.9px;
  }
}
@media (min-width: 1600px) {
  .leaflet-station-marker {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .leaflet-station-marker {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .leaflet-station-marker {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .leaflet-station-marker {
    border-radius: 2.6px;
  }
}
@media (min-width: 1600px) {
  .leaflet-station-marker {
    font-size: 12px !important;
  }
}
@media (min-width: 992px) {
  .leaflet-station-marker {
    font-size: 11.4px !important;
  }
}
@media (max-width: 992px) {
  .leaflet-station-marker {
    font-size: 9px !important;
  }
}
@media (max-width: 575px) {
  .leaflet-station-marker {
    font-size: 7.8px !important;
  }
}
.leaflet-station-marker .text-label {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .leaflet-station-marker .text-label {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .leaflet-station-marker .text-label {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .leaflet-station-marker .text-label {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .leaflet-station-marker .text-label {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .leaflet-station-marker .text-label img {
    width: 10px;
  }
}
@media (min-width: 992px) {
  .leaflet-station-marker .text-label img {
    width: 9.5px;
  }
}
@media (max-width: 992px) {
  .leaflet-station-marker .text-label img {
    width: 7.5px;
  }
}
@media (max-width: 575px) {
  .leaflet-station-marker .text-label img {
    width: 6.5px;
  }
}

.leaflet-touch .leaflet-bar,
.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers {
  display: none;
}

.region-governorates-section {
  position: relative;
  background: #ffffff;
}
@media (min-width: 1600px) {
  .region-governorates-section {
    padding-block: 15px;
  }
}
@media (min-width: 992px) {
  .region-governorates-section {
    padding-block: 14.25px;
  }
}
@media (max-width: 992px) {
  .region-governorates-section {
    padding-block: 11.25px;
  }
}
@media (max-width: 575px) {
  .region-governorates-section {
    padding-block: 9.75px;
  }
}
@media (min-width: 1600px) {
  .region-governorates-section {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .region-governorates-section {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .region-governorates-section {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .region-governorates-section {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .region-governorates-section {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .region-governorates-section {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .region-governorates-section {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .region-governorates-section {
    border-radius: 10.4px;
  }
}
.region-governorates-section .border-10ing {
  border: 1px solid #D2D6DB !important;
}
.region-governorates-section .map-wrap {
  height: 375px;
  min-height: unset;
}
.region-governorates-section .map-wrap .location-title {
  position: absolute;
  top: 3%;
  inset-inline-start: 3%;
  font-weight: 600;
  color: #074D31;
  z-index: 1111;
}
@media (min-width: 1600px) {
  .region-governorates-section .map-wrap .location-title {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .region-governorates-section .map-wrap .location-title {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .region-governorates-section .map-wrap .location-title {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .region-governorates-section .map-wrap .location-title {
    font-size: 10.4px;
  }
}
.region-governorates-section .mh-auto {
  min-height: auto !important;
}
.region-governorates-section .border-10ing {
  overflow: hidden;
}
@media (min-width: 1600px) {
  .region-governorates-section .border-10ing {
    border-radius: 10px !important;
  }
}
@media (min-width: 992px) {
  .region-governorates-section .border-10ing {
    border-radius: 9.5px !important;
  }
}
@media (max-width: 992px) {
  .region-governorates-section .border-10ing {
    border-radius: 7.5px !important;
  }
}
@media (max-width: 575px) {
  .region-governorates-section .border-10ing {
    border-radius: 6.5px !important;
  }
}
@media (min-width: 1600px) {
  .region-governorates-section .regionDetails .regionDetails-cards-textStyle.custom-padding {
    padding-block: 12px !important;
  }
}
@media (min-width: 992px) {
  .region-governorates-section .regionDetails .regionDetails-cards-textStyle.custom-padding {
    padding-block: 11.4px !important;
  }
}
@media (max-width: 992px) {
  .region-governorates-section .regionDetails .regionDetails-cards-textStyle.custom-padding {
    padding-block: 9px !important;
  }
}
@media (max-width: 575px) {
  .region-governorates-section .regionDetails .regionDetails-cards-textStyle.custom-padding {
    padding-block: 7.8px !important;
  }
}
.region-governorates-section .regionDetails .tempratureCell .temperature {
  text-wrap: nowrap;
}
.region-governorates-section .regionDetails .tempratureCell .temperature span {
  color: #3d3d3d;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span {
    font-size: 10.4px;
  }
}
.region-governorates-section .regionDetails .tempratureCell .temperature span img {
  object-fit: contain;
}
@media (min-width: 1600px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span img {
    width: 15px;
  }
}
@media (min-width: 992px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span img {
    width: 14.25px;
  }
}
@media (max-width: 992px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span img {
    width: 11.25px;
  }
}
@media (max-width: 575px) {
  .region-governorates-section .regionDetails .tempratureCell .temperature span img {
    width: 9.75px;
  }
}
.region-governorates-section .regionDetails .mh-auto {
  height: auto !important;
  min-height: auto !important;
}
.region-governorates-section .regionDetails:first-child .regionDetails-cards-headStyle {
  width: 101%;
}
.region-governorates-section .regionDetails:last-child {
  inset-inline-end: -1px;
}
.region-governorates-section .regionDetails.br-none {
  border-radius: 0 !important;
  border-start-start-radius: 0 !important;
  border-end-end-radius: 0 !important;
}
.region-governorates-section .no-border {
  border: none;
}
.region-governorates-section .border-end-none {
  border-inline-end: 0 !important;
}

.forecast-card-container {
  height: 100%;
}

.forecast-card.auto-width {
  height: 99%;
  margin-block: 0;
}

#forecastWrap .region-detail-forecast .forcastTempSigns {
  border-inline-start: none;
  align-items: center;
  border: 1px solid #D2D6DB;
}
#forecastWrap .region-detail-forecast .fCgrid {
  height: max-content;
  padding-inline-start: 1.5vw;
}
#forecastWrap .region-detail-forecast .fCgrid .fc-icon {
  width: 18px;
}
#forecastWrap .region-detail-forecast .fCgrid .fc-icon.invisible {
  width: 18px;
}
#forecastWrap .region-detail-forecast .temperature {
  position: relative;
  color: #161616;
}
#forecastWrap .region-detail-forecast .temperature.little-C {
  position: relative;
  direction: inherit;
  padding-inline: 15px;
}
#forecastWrap .region-detail-forecast .temperature.little-C::after {
  content: "°C";
  font-size: 30px;
  font-weight: 800;
  color: #161616;
  display: flex;
  align-items: end;
  position: absolute;
  top: 5px;
  inset-inline-end: -18px;
}
@media (max-width: 575px) {
  #forecastWrap .region-detail-forecast .temperature.little-C::after {
    top: 2px;
  }
}
#forecastWrap .region-detail-forecast .fc-icon {
  color: #1b8354;
}
#forecastWrap .region-detail-forecast .color-blue {
  color: #0D121C;
  font-weight: 600;
}
#forecastWrap .region-detail-forecast .color-lightblue {
  color: #0D121C;
}
@media (max-width: 575px) {
  #forecastWrap .region-detail-forecast .forecastCard {
    width: 128%;
    height: 200px;
  }
}

[lang=ar] #forecastWrap .region-detail-forecast .temperature.little-C::after {
  content: "°م";
  font-size: 30px;
  font-weight: 800;
  color: #161616;
  display: flex;
  align-items: end;
  position: absolute;
  top: 4px;
  inset-inline-end: -10px;
}
@media (max-width: 575px) {
  [lang=ar] #forecastWrap .region-detail-forecast .temperature.little-C::after {
    top: 2px;
  }
}

@media screen and (max-width: 1200px) {
  .region-governorates-section .regionDetails:last-child {
    inset-inline-end: unset;
  }
}
[lang=ar] .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
  transform: unset;
}

.holySiteWeatherForeCast .dailyReport {
  background: transparent;
  padding-top: 50px;
  padding-bottom: 50px;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card {
  padding: 20px;
  border: 1px solid #D2D6DB;
  margin-block: 0 !important;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
  transform: scaleX(-1);
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop img {
  width: 100%;
  transform: scaleX(-1);
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop img {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop img {
    max-width: 332.5px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop img {
    max-width: 262.5px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop img {
    max-width: 227.5px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
  margin: 0;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image::after {
  display: none;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content {
  position: relative;
  z-index: 3;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-inline: 13px;
  }
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-block: 15px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-block: 14.25px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-block: 11.25px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.bordering-the-mashaer-card {
    padding-block: 9.75px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
  min-height: 1px;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title {
  display: flex;
  align-items: end;
  justify-content: space-between;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title {
    margin-bottom: 9.75px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 19.5px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title p {
  color: #161616;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title p {
    font-size: 13px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info {
  display: flex;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur {
  display: flex;
  gap: 5px;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-icon img {
  height: 80px;
  width: auto;
  max-width: unset;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 40px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 38px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 30px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 26px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 span {
  font-weight: 600;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 span {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 span {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 span {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 span {
    font-size: 19.5px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail p {
  color: #1b8354;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail p {
    font-size: 10.4px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul {
  padding: 0;
  list-style: none;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li {
  display: flex;
  align-items: baseline;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .icon img {
  height: 15px;
  width: auto;
  max-width: unset;
  min-width: unset;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.highTemp .value p {
  color: #1b8354;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.highTemp .value p {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.highTemp .value p {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.highTemp .value p {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.highTemp .value p {
    font-size: 14.3px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.lowTemp .value p {
  color: #88D8AD;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.lowTemp .value p {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.lowTemp .value p {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.lowTemp .value p {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li.lowTemp .value p {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value {
    padding-inline: 8px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value {
    padding-inline: 7.6px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value {
    padding-inline: 6px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value {
    padding-inline: 5.2px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
  margin-bottom: 0;
  color: #161616;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 10.4px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime {
  display: flex;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime {
    gap: 6.5px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime span,
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime p {
  color: rgba(22, 22, 22, 0.6);
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime span,
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime span,
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime span,
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime span,
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dateAndTime p {
    font-size: 10.4px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo {
  max-width: max-content;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul {
  display: grid;
  grid-template-columns: repeat(3, auto);
  gap: 10px;
  margin: 0;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  position: relative;
  top: 2px;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .icon img {
  height: 15px;
  width: auto;
  max-width: 20px;
  min-width: unset;
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
  color: #1b8354;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    margin-bottom: 3px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    margin-bottom: 2.85px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    margin-bottom: 2.25px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value h6 {
    margin-bottom: 1.95px;
  }
}
.holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    margin-bottom: 0px;
  }
}

.forcasting-section-header h4 {
  font-weight: 500;
  color: #161616;
  margin-bottom: 10px;
  margin-top: 20px;
}
@media (min-width: 1600px) {
  .forcasting-section-header h4 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .forcasting-section-header h4 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .forcasting-section-header h4 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .forcasting-section-header h4 {
    font-size: 13px;
  }
}

.alertsSection.slider-for-alertsSection {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  padding: 20px 15px;
}
.alertsSection.slider-for-alertsSection:has(.slider-arrow-mashaer-alertSection) .slick-list {
  width: calc(100% - 30px);
}
.alertsSection.slider-for-alertsSection:not(:has(.slider-arrow-mashaer-alertSection)) .slick-list {
  width: calc(100% + 15px);
}
.alertsSection.slider-for-alertsSection .alertsSection-items {
  padding-inline-end: 15px;
}
.alertsSection.slider-for-alertsSection .alertsSection-items .alertsSection-items-cards {
  margin: 0;
}
.alertsSection.slider-for-alertsSection .slider-arrow-mashaer-alertSection {
  cursor: pointer;
}
.alertsSection.slider-for-alertsSection .slider-arrow-mashaer-alertSection.slick-disabled {
  cursor: auto;
}
.alertsSection.slider-for-alertsSection .slider-arrow-mashaer-alertSection.slick-prev {
  position: absolute;
  bottom: 35px;
  inset-inline-end: 20px;
  width: 25px;
  height: 25px;
}
.alertsSection.slider-for-alertsSection .slider-arrow-mashaer-alertSection.slick-next {
  position: absolute;
  top: 35px;
  inset-inline-end: 20px;
  width: 25px;
  height: 25px;
}
.alertsSection.slider-for-alertsSection .slider-arrow-mashaer-alertSection svg {
  height: 15px;
  width: 15px;
}

.forcastingAlerts .forcasting-section .forcasting-section-header {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    gap: 9.75px;
  }
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header {
    margin-bottom: 13px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-header img {
  width: 100%;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header img {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header img {
    max-width: 19px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header img {
    max-width: 15px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header img {
    max-width: 13px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-header h4 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header h4 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header h4 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header h4 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-header h4 {
    font-size: 14.3px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .slick-list {
  width: calc(100% + 20px);
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items-wrapper {
  padding-inline-end: 20px;
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
  border: 1px solid #D2D6DB;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-block: 18px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-block: 17.1px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-block: 13.5px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-block: 11.7px;
  }
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items {
    padding-inline: 13px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates h5 {
  color: #161616;
  margin-bottom: 0;
  text-wrap: nowrap;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates h5 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates h5 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates h5 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates h5 {
    font-size: 11.7px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
  color: #161616;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    font-size: 12.35px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    font-size: 9.75px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    font-size: 8.45px;
  }
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-dates p {
    margin-bottom: 3.25px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather {
  display: flex;
  align-items: center;
  width: max-content;
  gap: 10px;
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather img {
  height: 50px;
  width: auto;
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather h5 {
  color: #1b8354;
  margin-bottom: 0;
  text-wrap: nowrap;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather h5 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather h5 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather h5 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-weather h5 {
    font-size: 11.7px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature {
    gap: 9.75px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down,
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up {
    gap: 3.25px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up {
    width: 40px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down img,
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up img {
  width: 100%;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down img,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up img {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down img,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up img {
    max-width: 19px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down img,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up img {
    max-width: 15px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down img,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up img {
    max-width: 13px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down h5,
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up h5 {
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down h5,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up h5 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down h5,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up h5 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down h5,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up h5 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down h5,
  .forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up h5 {
    font-size: 13px;
  }
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-up h5 {
  color: #1b8354;
}
.forcastingAlerts .forcasting-section .forcasting-section-grid .forcasting-section-grid-items .forcasting-section-temprature .forcasting-section-temprature-down h5 {
  color: #88D8AD;
}

[lang=ar] .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.cta .alertsSection-items-cards-flex-items-alerts a {
  transform: scaleX(-1);
}

a.slider-arrow-mashaer.slick-prev.slick-arrow {
  position: absolute;
  inset-inline-end: 60px;
  bottom: -60px;
  cursor: pointer;
}
a.slider-arrow-mashaer.slick-prev.slick-arrow.slick-disabled {
  cursor: auto;
}

a.slider-arrow-mashaer.slick-next.slick-arrow {
  position: absolute;
  inset-inline-end: 0;
  bottom: -60px;
  cursor: pointer;
}
a.slider-arrow-mashaer.slick-next.slick-arrow.slick-disabled {
  cursor: auto;
}

.alertsSection .alertsSection-items .arrowRight {
  position: absolute;
  inset-inline-end: 10px;
  top: 10px;
}
.alertsSection .alertsSection-items .alertsSection-items-cards {
  overflow: hidden;
  border: 1px solid #D2D6DB;
  position: relative;
  padding-inline-end: 32px;
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-inline-start: 9.75px;
  }
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards {
    margin-bottom: 6.5px;
  }
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex {
  display: flex;
  position: relative;
  justify-content: space-between;
  z-index: 6;
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  width: 100%;
  max-width: 100%;
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .icons img.alert-color {
  height: 25px;
  width: auto;
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .icons img.alert-status {
  height: 20px;
  width: auto;
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h4 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h4 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h4 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h4 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h4 {
    font-size: 10.4px;
  }
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h5 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h5 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h5 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h5 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h5 {
    font-size: 10.4px;
  }
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h6 {
  color: #161616;
  margin-bottom: 0;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h6 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h6 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h6 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items .alertsSection-items-cards-flex-items-alerts .text h6 {
    font-size: 9.1px;
  }
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.weatherCond .alertsSection-items-cards-flex-items-alerts .icons {
  width: auto;
  height: 100%;
}
.alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.weatherTimes .alertsSection-items-cards-flex-items-alerts p {
  color: #161616;
  margin-bottom: 0;
  line-height: 1.4;
  padding-inline-end: 2px;
}
@media (min-width: 1600px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.weatherTimes .alertsSection-items-cards-flex-items-alerts p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.weatherTimes .alertsSection-items-cards-flex-items-alerts p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.weatherTimes .alertsSection-items-cards-flex-items-alerts p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .alertsSection .alertsSection-items .alertsSection-items-cards .alertsSection-items-cards-flex .alertsSection-items-cards-flex-items.weatherTimes .alertsSection-items-cards-flex-items-alerts p {
    font-size: 7.8px;
  }
}

.hajjReportIcon {
  position: relative;
}
@media (min-width: 1600px) {
  .hajjReportIcon {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon {
    width: 19.5px;
  }
}
.hajjReportIcon:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
@media (min-width: 1600px) {
  .hajjReportIcon.windspeed {
    height: 22px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.windspeed {
    height: 20.9px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.windspeed {
    height: 16.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.windspeed {
    height: 14.3px;
  }
}
.hajjReportIcon.windspeed:before {
  background-image: url('data:image/svg+xml,<svg id="Group_11869" data-name="Group 11869" xmlns="http://www.w3.org/2000/svg" width="26.964" height="21.557" viewBox="0 0 26.964 21.557"><path id="Path_6514" data-name="Path 6514" d="M.066,57.943a4.624,4.624,0,0,1-.07-.6.9.9,0,0,1,.826-.859c.1-.006.206,0,.309,0q11,0,22-.009a2.016,2.016,0,0,0,1.64-.984,2.268,2.268,0,0,0-.15-2.7l-.229-.254-.062-.044a2.285,2.285,0,0,0-3.646,1.282c-.045.161.076.3.046.459l-.045.06a1.1,1.1,0,0,1-.339.624c-.04-.013-.052.013-.062.044a.85.85,0,0,1-1.363-.458,2.152,2.152,0,0,1,.029-1.178,4.089,4.089,0,0,1,1.093-1.95,3.842,3.842,0,0,1,2.5-1.142,4.128,4.128,0,0,1,2.334.477,4.041,4.041,0,0,1,.8,6.461A3.763,3.763,0,0,1,23,58.285q-11.086-.009-22.171,0c-.184,0-.367.01-.493-.163-.007-.185-.141-.174-.268-.174Z" transform="translate(0.005 -46.621)" fill="%23149ddf"/><path id="Path_6515" data-name="Path 6515" d="M51.621,193.339a1.5,1.5,0,0,0,1.14.486,1.94,1.94,0,0,0,1.223-.217,4.524,4.524,0,0,0,.745-.657,2,2,0,0,0,.474-1.587,1.5,1.5,0,0,0-.386-1.017l-.044-.042-.017-.055c.115-.149-.022-.144-.105-.171a.188.188,0,0,1-.113-.11c-.011-.075-.026-.144-.114-.052a1.788,1.788,0,0,0-1.285-.509c-3.263-.133-6.526-.029-9.79-.056-1.751-.014-3.5-.009-5.254,0a1.3,1.3,0,0,1-.713-.3c-.1-.064-.039-.185-.066-.278a1.08,1.08,0,0,1,.046-.834.963.963,0,0,1,.738-.392c.093-.009.187,0,.281,0q7.192,0,14.383,0a4.46,4.46,0,0,1,1.7.249,3.974,3.974,0,0,1,1.612,1.155,4.189,4.189,0,0,1,.832,1.607,4.08,4.08,0,0,1-.28,2.816,4.151,4.151,0,0,1-1.671,1.778,3.3,3.3,0,0,1-1.594.487,4.214,4.214,0,0,1-1.9-.293,4.124,4.124,0,0,1-1.78-1.449,3.756,3.756,0,0,1-.709-2.245.879.879,0,0,1,1.117-.908.786.786,0,0,1,.633.627c.088.289.052.593.13.878a1.518,1.518,0,0,0,.374.684c0,.069.024.113.1.119a.744.744,0,0,0,.237.235l.062.043Z" transform="translate(-34.581 -174.093)" fill="%23149ddf"/><path id="Path_6516" data-name="Path 6516" d="M85.225,2.275a2.265,2.265,0,0,0-3.478.87,5.247,5.247,0,0,0-.217,1.108.217.217,0,0,1-.116.173l-.041.005.04.039a.94.94,0,0,1-.28.291c-.042,0-.1-.034-.1.046-.177.217-.419.106-.624.1-.229-.009-.607-.476-.621-.71a3.509,3.509,0,0,1,.249-1.638A4.015,4.015,0,0,1,82.752.127,4.229,4.229,0,0,1,84.565.075a3.771,3.771,0,0,1,2.252,1.239A3.939,3.939,0,0,1,87.83,3.65,3.855,3.855,0,0,1,86.6,6.938,3.815,3.815,0,0,1,83.876,8.07c-2.584-.014-5.169-.006-7.754-.006a.9.9,0,1,1,.151-1.8c2.547,0,5.094-.009,7.642,0a2.3,2.3,0,0,0,2.028-1.538,2.241,2.241,0,0,0-.652-2.409l-.066-.048Z" transform="translate(-69.887 -0.002)" fill="%23149ddf"/><path id="Path_6517" data-name="Path 6517" d="M279.694,222.82c.083.027.22.022.105.171A.162.162,0,0,1,279.694,222.82Z" transform="translate(-259.625 -206.833)" fill="%23149ddf"/><path id="Path_6518" data-name="Path 6518" d="M276.53,219.983c.088-.092.1-.022.114.052C276.6,220.027,276.547,220.046,276.53,219.983Z" transform="translate(-256.688 -204.158)" fill="%23149ddf"/><path id="Path_6519" data-name="Path 6519" d="M232.036,262.809c-.074-.006-.1-.05-.1-.119C232.017,262.691,232.072,262.713,232.036,262.809Z" transform="translate(-215.295 -243.842)" fill="%23149ddf"/><path id="Path_6520" data-name="Path 6520" d="M155.3,66.264c0-.08.06-.047.1-.046C155.4,66.31,155.355,66.3,155.3,66.264Z" transform="translate(-144.157 -61.459)" fill="%23149ddf"/><path id="Path_6521" data-name="Path 6521" d="M213.75,31.68l.066.048C213.774,31.739,213.762,31.71,213.75,31.68Z" transform="translate(-198.413 -29.407)" fill="%23149ddf"/><path id="Path_6522" data-name="Path 6522" d="M160.09,61.7l-.04-.039.041-.005c0,.015,0,.029,0,.044Z" transform="translate(-148.566 -57.236)" fill="%23149ddf"/><path id="Path_6523" data-name="Path 6523" d="M339.13,81.86l.062.044C339.152,81.916,339.139,81.89,339.13,81.86Z" transform="translate(-314.797 -75.987)" fill="%23149ddf"/><path id="Path_6524" data-name="Path 6524" d="M288.33,106.18l.045-.06C288.387,106.16,288.362,106.172,288.33,106.18Z" transform="translate(-267.642 -98.506)" fill="%23149ddf"/><path id="Path_6525" data-name="Path 6525" d="M282.73,115.65c.009-.031.022-.057.062-.044Z" transform="translate(-262.443 -107.308)" fill="%23149ddf"/><path id="Path_6526" data-name="Path 6526" d="M281.395,225.97l.044.042C281.4,226.023,281.388,226.007,281.395,225.97Z" transform="translate(-261.202 -209.757)" fill="%23149ddf"/><path id="Path_6527" data-name="Path 6527" d="M236.682,267.626l-.062-.043C236.66,267.569,236.672,267.6,236.682,267.626Z" transform="translate(-219.642 -248.38)" fill="%23149ddf"/></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.windDirection {
    height: 22px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.windDirection {
    height: 20.9px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.windDirection {
    height: 16.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.windDirection {
    height: 14.3px;
  }
}
.hajjReportIcon.windDirection:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22.196" height="22.196" viewBox="0 0 22.196 22.196"><g id="Icon_ionic-ios-compass" data-name="Icon ionic-ios-compass" transform="translate(0.6 0.6)"><path id="Path_369" data-name="Path 369" d="M17.7,18.739l-2.473-2.473a.106.106,0,0,0-.162.02l-2.5,4.971a.1.1,0,0,0,.141.141l4.971-2.5A.106.106,0,0,0,17.7,18.739Z" transform="translate(-5.964 -7.005)" fill="none" stroke="%23149ddf" stroke-width="1.2"/><path id="Path_370" data-name="Path 370" d="M13.873,3.375a10.5,10.5,0,1,0,10.5,10.5A10.5,10.5,0,0,0,13.873,3.375Zm2.049,12.583L7.867,20.02a.1.1,0,0,1-.141-.141l4.068-8.055a.118.118,0,0,1,.035-.035l8.05-4.063a.1.1,0,0,1,.141.141l-4.068,8.055A.068.068,0,0,1,15.922,15.958Z" transform="translate(-3.375 -3.375)" fill="none" stroke="%23149ddf" stroke-width="1.2"/></g></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.pressure {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.pressure {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.pressure {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.pressure {
    height: 11.7px;
  }
}
.hajjReportIcon.pressure:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.328" height="19.39" viewBox="0 0 30.328 19.39"><defs><clipPath id="clip-path"><rect id="Rectangle_6050" data-name="Rectangle 6050" width="30.328" height="19.39" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/></clipPath></defs><g id="Group_13381" data-name="Group 13381" transform="translate(15.005 2)"><g id="Group_13380" data-name="Group 13380" transform="translate(-15.005 -2)" clip-path="url(%23clip-path)"><path id="Path_25527" data-name="Path 25527" d="M111.4,150.055q4.345,0,8.689,0a3.142,3.142,0,1,1-3.134,3.2c0-.207-.01-.415,0-.622a.519.519,0,0,1,1.036,0,9.773,9.773,0,0,0,.064.976,2.07,2.07,0,0,0,2.141,1.68,2.115,2.115,0,0,0,1.978-1.994,2.082,2.082,0,0,0-1.688-2.139,3.522,3.522,0,0,0-.648-.054q-8.656,0-17.313,0a1.177,1.177,0,0,1-.387-.031.522.522,0,0,1,.112-1.009,2.165,2.165,0,0,1,.294,0H111.4" transform="translate(-92.906 -136.955)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25528" data-name="Path 25528" d="M56.135,72.289q-3.789,0-7.578,0a1,1,0,0,1-.41-.068.469.469,0,0,1-.262-.547.485.485,0,0,1,.437-.422,2.254,2.254,0,0,1,.326-.006q7.4,0,14.8,0a2.092,2.092,0,0,0,.536-4.136,2.057,2.057,0,0,0-2.448,1.569,8.042,8.042,0,0,0-.071,1.008.511.511,0,0,1-.493.509.521.521,0,0,1-.543-.421,3.312,3.312,0,0,1,1.449-3.286,3.144,3.144,0,1,1,1.706,5.8q-3.724.006-7.448,0" transform="translate(-43.696 -60.24)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25529" data-name="Path 25529" d="M22.078,6.03V5.644q0-2.489,0-4.977c0-.5.166-.661.667-.662q.882,0,1.764,0c.546,0,.7.154.7.693q0,2.472,0,4.944V6.03c.449,0,.87.006,1.292,0a.529.529,0,0,1,.555.315.523.523,0,0,1-.143.623Q25.5,8.39,24.073,9.813a.531.531,0,0,1-.855,0q-1.426-1.419-2.843-2.847a.534.534,0,0,1,.408-.939c.413.008.827,0,1.294,0M25.27,7.075H24.9c-.592,0-.736-.142-.736-.724q0-2.469,0-4.939V1.076H23.121v.385q0,2.469,0,4.939c0,.514-.164.674-.686.676h-.322l1.579,1.584L25.27,7.075" transform="translate(-18.42 -0.003)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25530" data-name="Path 25530" d="M109.054,6.026c.456,0,.878.005,1.3,0a.534.534,0,0,1,.4.944c-.947.949-1.891,1.9-2.843,2.846a.529.529,0,0,1-.855-.011c-.943-.938-1.879-1.882-2.82-2.823a.543.543,0,0,1-.172-.619.533.533,0,0,1,.573-.339c.412.01.825,0,1.285,0V5.665q0-2.489,0-4.977c0-.524.159-.686.676-.686.61,0,1.22,0,1.829,0,.453,0,.628.178.628.636,0,1.779,0,3.558,0,5.389m.02,1.046h-.31c-.625,0-.753-.133-.753-.772q0-2.437,0-4.873v-.36h-1.048V1.44q0,2.486,0,4.971c0,.493-.169.659-.669.661h-.376l1.574,1.583,1.582-1.583" transform="translate(-94.944 0)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25531" data-name="Path 25531" d="M2.876,175.135c-.749,0-1.5,0-2.248,0-.412,0-.635-.194-.628-.535.007-.325.226-.509.62-.509q2.248,0,4.5,0c.41,0,.635.2.628.535s-.227.509-.621.51c-.749,0-1.5,0-2.248,0" transform="translate(0 -158.894)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25532" data-name="Path 25532" d="M110.637,175.135c-.739,0-1.477,0-2.216,0-.41,0-.634-.2-.625-.538.008-.325.227-.506.623-.506q2.248,0,4.5,0c.408,0,.634.2.626.537s-.228.506-.624.507c-.76,0-1.521,0-2.281,0" transform="translate(-98.388 -158.894)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25533" data-name="Path 25533" d="M2.323,151.118c-.575,0-1.151,0-1.726,0-.384,0-.6-.2-.6-.533a.514.514,0,0,1,.586-.51q1.759,0,3.517,0c.382,0,.6.2.6.533-.006.314-.223.508-.586.511-.6,0-1.194,0-1.791,0" transform="translate(0 -136.973)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25534" data-name="Path 25534" d="M1.587,126.051c.336,0,.672-.006,1.008,0a.521.521,0,1,1-.007,1.041q-1.025.01-2.049,0a.521.521,0,1,1,.007-1.041c.347-.007.694,0,1.041,0" transform="translate(-0.002 -115.047)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25535" data-name="Path 25535" d="M66.916,151.07c-.184,0-.369.01-.552,0a.52.52,0,0,1,.008-1.038c.368-.013.736-.013,1.1,0a.5.5,0,0,1,.487.506.506.506,0,0,1-.5.532c-.183.011-.368,0-.552,0" transform="translate(-60.127 -136.927)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25536" data-name="Path 25536" d="M78.638,175.058a1.664,1.664,0,0,1-.323,0,.486.486,0,0,1-.433-.522.477.477,0,0,1,.446-.508,3.491,3.491,0,0,1,.583-.006.508.508,0,0,1,.532.528.513.513,0,0,1-.546.515c-.086,0-.173,0-.259,0v0" transform="translate(-71.084 -158.822)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25537" data-name="Path 25537" d="M186.433,175.058a1.649,1.649,0,0,1-.323,0,.487.487,0,0,1-.432-.522.477.477,0,0,1,.447-.507,3.5,3.5,0,0,1,.583-.006.507.507,0,0,1,.531.528.514.514,0,0,1-.547.515c-.086,0-.173,0-.259,0v0" transform="translate(-169.471 -158.822)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/></g></g></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.precipitation {
    height: 23px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.precipitation {
    height: 21.85px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.precipitation {
    height: 17.25px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.precipitation {
    height: 14.95px;
  }
}
.hajjReportIcon.precipitation:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22.953" height="22.599" viewBox="0 0 22.953 22.599"><g id="Group_13379" data-name="Group 13379" transform="translate(0.65 0.919)"><path id="Icon_open-droplet" data-name="Icon open-droplet" d="M4.386,0l-.5.5C3.728.658,0,4.43,0,7.631a4.386,4.386,0,0,0,8.772,0C8.772,4.444,5.044.658,4.883.5l-.5-.5ZM2.193,6.9a.724.724,0,0,1,.731.731A1.466,1.466,0,0,0,4.386,9.093a.731.731,0,1,1,0,1.462,3.173,3.173,0,0,1-1.428-.375,2.829,2.829,0,0,1-1.5-2.549A.724.724,0,0,1,2.193,6.9Z" transform="translate(0 0)" fill="none" stroke="%23149ddf" stroke-width="1.3"/><path id="Icon_open-droplet-2" data-name="Icon open-droplet" d="M4.386,0l-.5.5C3.728.658,0,4.43,0,7.631a4.386,4.386,0,0,0,8.772,0C8.772,4.444,5.044.658,4.883.5l-.5-.5ZM2.193,6.9a.724.724,0,0,1,.731.731A1.466,1.466,0,0,0,4.386,9.093a.731.731,0,1,1,0,1.462A2.932,2.932,0,0,1,1.462,7.631.724.724,0,0,1,2.193,6.9Z" transform="translate(12.881 9.013)" fill="none" stroke="%23149ddf" stroke-width="1.3"/><path id="Path_3678" data-name="Path 3678" d="M.882,20-.44,19.291,10.075-.237,11.4.475Z" transform="translate(5.9 0.632)" fill="none" stroke="%23149ddf" stroke-width="1.3"/></g></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.humidity {
    height: 21px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.humidity {
    height: 19.95px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.humidity {
    height: 15.75px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.humidity {
    height: 13.65px;
  }
}
.hajjReportIcon.humidity:before {
  background-image: url('data:image/svg+xml,<svg id="Group_13388" data-name="Group 13388" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="17.991" height="18" viewBox="0 0 17.991 18"><defs><clipPath id="clip-path"><rect id="Rectangle_6052" data-name="Rectangle 6052" width="17.991" height="18" fill="%23149ddf"/></clipPath></defs><g id="Group_13384" data-name="Group 13384" clip-path="url(%23clip-path)"><path id="Path_25552" data-name="Path 25552" d="M12.725,10.314a2.754,2.754,0,0,1,1.176-.6,2.638,2.638,0,0,1,2.439.638,1.53,1.53,0,0,0,1.012.418.643.643,0,0,1-.008,1.285,2.52,2.52,0,0,1-1.729-.634,1.755,1.755,0,0,0-.788-.456,1.405,1.405,0,0,0-1.28.355,2.7,2.7,0,0,1-3.481.194c-.1-.072-.183-.157-.275-.235a1.4,1.4,0,0,0-1.9.04,2.615,2.615,0,0,1-1.813.736.645.645,0,1,1-.027-1.287A1.439,1.439,0,0,0,7,10.389a2.69,2.69,0,0,1,3.727-.011,4.553,4.553,0,0,0,.637.39l.059-.053c-.015-.066-.026-.133-.044-.2a14.227,14.227,0,0,0-1.161-2.745A53.332,53.332,0,0,0,6.485,1.83c-.015-.021-.033-.04-.067-.08-.1.142-.2.273-.294.407A47.682,47.682,0,0,0,2.305,8.42c-.29.592-.53,1.211-.762,1.829a4.28,4.28,0,0,0,.184,3.392,5,5,0,0,0,4.017,3.017,4.962,4.962,0,0,0,3.331-.69,1.708,1.708,0,0,1,.426-.213.629.629,0,0,1,.727.366.64.64,0,0,1-.238.8,6.177,6.177,0,0,1-2.258.949A6.442,6.442,0,0,1,.167,13.092,6.041,6.041,0,0,1,.5,9.324,28.218,28.218,0,0,1,2.718,4.975c.969-1.6,2.015-3.141,3.126-4.642A.662.662,0,0,1,6.974.3,50.032,50.032,0,0,1,11.767,8.01c.357.743.636,1.524.958,2.3" transform="translate(0 0)" fill="%23149ddf"/><path id="Path_25553" data-name="Path 25553" d="M230.343,19.6a2.88,2.88,0,0,1-2.874-3.047A3.742,3.742,0,0,1,227.9,15.2a17.5,17.5,0,0,1,1.927-3.046.639.639,0,0,1,1.04-.014,16.881,16.881,0,0,1,2.159,3.557,2.851,2.851,0,0,1-2.684,3.9m.012-5.974a14.24,14.24,0,0,0-1.466,2.524,1.494,1.494,0,0,0-.1.9,1.622,1.622,0,0,0,1.978,1.208,1.568,1.568,0,0,0,1.086-2.039,14.7,14.7,0,0,0-1.494-2.594" transform="translate(-215.255 -11.244)" fill="%23149ddf"/><path id="Path_25554" data-name="Path 25554" d="M103.8,228.924a2.637,2.637,0,0,1,1.807.7,1.411,1.411,0,0,0,2.02.009,2.691,2.691,0,0,1,3.665.015,1.485,1.485,0,0,0,1,.406.642.642,0,1,1-.012,1.284,2.625,2.625,0,0,1-1.838-.725,1.374,1.374,0,0,0-1.56-.275,1.484,1.484,0,0,0-.384.251,2.689,2.689,0,0,1-3.741,0,1.4,1.4,0,0,0-1.929.013,2.628,2.628,0,0,1-1.853.737.642.642,0,1,1-.01-1.284,1.476,1.476,0,0,0,.981-.394,2.649,2.649,0,0,1,1.856-.735" transform="translate(-94.933 -216.635)" fill="%23149ddf"/></g></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.probability {
    height: 21px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.probability {
    height: 19.95px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.probability {
    height: 15.75px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.probability {
    height: 13.65px;
  }
}
.hajjReportIcon.probability:before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15.986" height="21.656" viewBox="0 0 15.986 21.656"><path id="Icon_open-droplet" data-name="Icon open-droplet" d="M7.243,0,6.422.821C6.156,1.086,0,7.315,0,12.6a7.243,7.243,0,0,0,14.486,0c0-5.263-6.156-11.516-6.422-11.782L7.243,0ZM3.621,11.4A1.2,1.2,0,0,1,4.829,12.6a2.421,2.421,0,0,0,2.414,2.414,1.207,1.207,0,1,1,0,2.414A4.843,4.843,0,0,1,2.414,12.6,1.2,1.2,0,0,1,3.621,11.4Z" transform="translate(0.75 1.061)" fill="none" stroke="%23149ddf" stroke-width="1.5"/></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.slippery-road {
    height: 24px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.slippery-road {
    height: 22.8px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.slippery-road {
    height: 18px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.slippery-road {
    height: 15.6px;
  }
}
.hajjReportIcon.slippery-road:before {
  background-image: url('data:image/svg+xml,<svg id="Group_13387" data-name="Group 13387" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21.741" height="24.5" viewBox="0 0 21.741 24.5"><defs><clipPath id="clip-path"><rect id="Rectangle_6053" data-name="Rectangle 6053" width="21.741" height="24.5" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/></clipPath></defs><g id="Group_13386" data-name="Group 13386" clip-path="url(%23clip-path)"><path id="Path_25555" data-name="Path 25555" d="M57.969,66.178c-.652-.494-1.281-.967-1.907-1.446a1.222,1.222,0,0,1,.143-2.175.875.875,0,0,0,.567-.788A11.725,11.725,0,0,1,57,60.386l-9.634-1.7c-.1.53-.185,1.039-.28,1.546a.814.814,0,0,1-1.036.706c-.51-.088-1.02-.174-1.529-.268a.8.8,0,0,1-.661-.935c.327-1.9.65-3.8,1-5.69a2,2,0,0,1,1.9-1.63c.156-.007.2-.091.256-.2q.775-1.434,1.551-2.867a2.054,2.054,0,0,1,2.449-1.223q3.11.53,6.213,1.1a2.072,2.072,0,0,1,1.847,1.994c.142,1.077.308,2.15.473,3.224a.35.35,0,0,0,.153.228,2.031,2.031,0,0,1,1.209,2.382c-.309,1.823-.637,3.643-.964,5.463a.771.771,0,0,1-.878.7.625.625,0,0,0-.568.26l1.6.669c.524.219,1.051.432,1.572.658a1.425,1.425,0,0,1,.754,2.024c-.353.725-.722,1.442-1.079,2.165a.5.5,0,0,1-.506.306q-3.38-.008-6.76,0c-.242,0-.42-.073-.482-.32s.074-.383.268-.491l3.844-2.154c.079-.044.154-.095.256-.158M47.789,52.514a.8.8,0,0,0,.107.042c1.528.27,3.056.543,4.585.8a.506.506,0,0,0,.345-.087c1.125-.823,2.242-1.655,3.361-2.485l.962-.714a1.9,1.9,0,0,0-.2-.062q-3.107-.546-6.215-1.09a1.124,1.124,0,0,0-1.257.518c-.585,1-1.121,2.034-1.687,3.074m2.521,5.853c.069-.393.136-.758.2-1.123a.806.806,0,0,1,.924-.743c.846.128,1.689.281,2.528.452a.782.782,0,0,1,.59.912c-.064.4-.134.8-.2,1.213l5.21.918.139-.786c-.126-.025-.232-.049-.34-.068-.935-.166-1.871-.326-2.8-.5-.391-.073-.5-.353-.3-.7.117-.2.241-.39.361-.585.139-.227.277-.454.426-.7L48.6,55.174c.1.5.194.95.29,1.4.1.485-.095.7-.589.618-.519-.086-1.035-.184-1.553-.276-.5-.088-1-.173-1.513-.263l-.14.79,5.214.92m5.3,10.092a1.153,1.153,0,0,0,.13.023c1.59,0,3.179,0,4.769-.006a.333.333,0,0,0,.242-.154c.306-.587.6-1.181.892-1.773.251-.506.139-.8-.39-1.025q-1.549-.647-3.1-1.29c-.61-.254-.743-.591-.468-1.183.005-.011-.008-.03-.013-.046-.421-.106-.421-.106-.78.1-.1.055-.192.108-.287.164-.4.236-.418.529-.042.814.616.467,1.239.926,1.846,1.4a1.14,1.14,0,0,1,.341.429.793.793,0,0,1-.426,1.024c-.886.5-1.775,1-2.714,1.521M45.828,53.845l14.26,2.515a1.145,1.145,0,0,0-1.007-1q-2.518-.447-5.038-.887-3.509-.618-7.017-1.237a1.164,1.164,0,0,0-1.2.6m12.887.613-.36-2.4-2.549,1.892,2.909.512M53.8,53.589c.313.057.559.108.808.143a.286.286,0,0,0,.183-.064q1.661-1.226,3.315-2.46c.051-.038.108-.133.093-.181-.055-.178-.138-.347-.218-.539l-4.18,3.1m-2.462,3.726-.208,1.2,2.4.42.209-1.195-2.4-.422M47.99,56.3l-.271-1.249c-.271-.059-.541-.125-.813-.176-.431-.081-.864-.151-1.317-.229l-.208,1.193,2.609.462m12.063.894c-.688-.119-1.36-.238-2.033-.348a.2.2,0,0,0-.162.081c-.207.319-.4.645-.624,1l2.605.461.214-1.2m-2.236,3.339-.281,1.6,1.6.281.279-1.6-1.594-.28M46.549,58.543l-1.6-.28-.282,1.6,1.6.278.281-1.594" transform="translate(-40.858 -44.801)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25556" data-name="Path 25556" d="M10.359,250.2c-.682-.516-1.335-1-1.978-1.5a1.213,1.213,0,0,1-.245-1.774,1.578,1.578,0,0,1,.412-.334c.526-.312,1.055-.618,1.592-.909a1.057,1.057,0,0,1,.455-.117c.467-.015.935,0,1.4-.008.227,0,.411.054.487.281a.453.453,0,0,1-.216.524c-.461.362-.917.73-1.408,1.122l1.018.428c.727.3,1.459.6,2.182.914a1.415,1.415,0,0,1,.747,2.023c-.353.725-.722,1.442-1.076,2.166a.5.5,0,0,1-.506.3q-3.38-.008-6.759,0c-.23,0-.41-.065-.476-.294a.426.426,0,0,1,.262-.518q1.913-1.066,3.822-2.14c.081-.045.16-.093.284-.165m.5-3.775-.033-.083a2.383,2.383,0,0,0-.417.138c-.462.251-.916.517-1.373.777s-.481.547-.056.868c.6.45,1.195.9,1.788,1.351a.83.83,0,0,1-.1,1.5c-.8.45-1.6.9-2.4,1.344-.077.043-.151.092-.271.167.086.008.117.013.147.013,1.58,0,3.161,0,4.741,0a.259.259,0,0,0,.263-.182c.289-.585.583-1.168.874-1.753a.649.649,0,0,0-.391-1.029c-1.064-.444-2.129-.884-3.192-1.33a.721.721,0,0,1-.194-1.295c.2-.167.406-.328.609-.491" transform="translate(-5.564 -228.815)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25557" data-name="Path 25557" d="M2.88,3.269c-.586,0-1.173,0-1.759,0a1.1,1.1,0,0,1-.175-2.2A.4.4,0,0,0,1.274.848,1.637,1.637,0,0,1,3.769.389a.3.3,0,0,0,.354.07A1.416,1.416,0,0,1,5.71.81,1.408,1.408,0,0,1,6,2.369a1.437,1.437,0,0,1-1.359.9c-.586,0-1.173,0-1.759,0m.031-.815h0c.578,0,1.157.007,1.735,0A.637.637,0,0,0,5.01,1.278a.655.655,0,0,0-.8.073c-.355.3-.534.269-.792-.126a.791.791,0,0,0-.8-.392.8.8,0,0,0-.7.613c-.153.534-.176.549-.714.445a.288.288,0,0,0-.372.3c.035.2.183.266.375.265.57,0,1.14,0,1.709,0" transform="translate(-0.001 0)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25558" data-name="Path 25558" d="M3.91,57.781l-.523.524-1.2-1.2.531-.5L3.91,57.781" transform="translate(-2.037 -52.746)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25559" data-name="Path 25559" d="M64.053,57.486l-.523.485-1.2-1.2.513-.5,1.214,1.217" transform="translate(-58.078 -52.433)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25560" data-name="Path 25560" d="M87.644,51.355l-.509.492-.8-.8.525-.479.785.791" transform="translate(-80.449 -47.117)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/><path id="Path_25561" data-name="Path 25561" d="M32.393,56.631l.513-.539.811.8-.559.516-.765-.782" transform="translate(-30.185 -52.268)" fill="%23149ddf" stroke="%23149ddf" stroke-width="0.3"/></g></svg>');
}
@media (min-width: 1600px) {
  .hajjReportIcon.dust {
    height: 23px;
  }
}
@media (min-width: 992px) {
  .hajjReportIcon.dust {
    height: 21.85px;
  }
}
@media (max-width: 992px) {
  .hajjReportIcon.dust {
    height: 17.25px;
  }
}
@media (max-width: 575px) {
  .hajjReportIcon.dust {
    height: 14.95px;
  }
}
.hajjReportIcon.dust:before {
  background-image: url('data:image/svg+xml,<svg id="Group_13383" data-name="Group 13383" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="30.423" height="24.953" viewBox="0 0 30.423 24.953"><defs><clipPath id="clip-path"><rect id="Rectangle_6051" data-name="Rectangle 6051" width="30.423" height="24.953" fill="%23149ddf"/></clipPath></defs><g id="Group_13382" data-name="Group 13382" clip-path="url(%23clip-path)"><path id="Path_25538" data-name="Path 25538" d="M0,52.753a1.088,1.088,0,0,1,1.135-.661q10.56.018,21.12.007a2.673,2.673,0,1,0-2.478-3.109c-.024.156-.04.314-.05.471a.891.891,0,0,1-1.781-.026,4.461,4.461,0,1,1,5.225,4.38,6.364,6.364,0,0,1-.916.063q-10.56.005-21.12.01A1.091,1.091,0,0,1,0,53.229Z" transform="translate(0 -41.406)" fill="%23149ddf"/><path id="Path_25539" data-name="Path 25539" d="M0,90.461a.99.99,0,0,1,.8-.65.89.89,0,0,1,.405,1.719A.881.881,0,0,1,.1,91.11c-.032-.059-.067-.116-.1-.174v-.475" transform="translate(0 -82.678)" fill="%23149ddf"/><path id="Path_25540" data-name="Path 25540" d="M186.506,179.635q2.867,0,5.733,0a3.569,3.569,0,1,1-3.348,4.888.914.914,0,0,1,.464-1.264.9.9,0,0,1,1.19.575,1.779,1.779,0,1,0,1.609-2.416c-1.307-.009-2.614,0-3.921,0q-3.847,0-7.694,0a.89.89,0,0,1-.267-1.751,1.4,1.4,0,0,1,.353-.028q2.941,0,5.882,0" transform="translate(-165.35 -165.375)" fill="%23149ddf"/><path id="Path_25541" data-name="Path 25541" d="M117.7,226.337h-4.422a.894.894,0,1,1,0-1.78h8.844a.894.894,0,1,1,0,1.78H117.7" transform="translate(-103.382 -206.731)" fill="%23149ddf"/><path id="Path_25542" data-name="Path 25542" d="M50.275,91.6H45.912a.894.894,0,1,1,0-1.78h8.725a.894.894,0,1,1,0,1.78H50.275" transform="translate(-41.362 -82.689)" fill="%23149ddf"/><path id="Path_25543" data-name="Path 25543" d="M27.8,181.424H23.462a.894.894,0,1,1-.014-1.78h8.725a.9.9,0,1,1-.015,1.78H27.8" transform="translate(-20.688 -165.384)" fill="%23149ddf"/><path id="Path_25544" data-name="Path 25544" d="M316.777,0a.881.881,0,0,1,.9.893A.89.89,0,1,1,315.9.886.881.881,0,0,1,316.777,0" transform="translate(-290.823 0)" fill="%23149ddf"/><path id="Path_25545" data-name="Path 25545" d="M180.544,46.693a.89.89,0,1,1,.9-.866.883.883,0,0,1-.9.866" transform="translate(-165.402 -41.347)" fill="%23149ddf"/><path id="Path_25546" data-name="Path 25546" d="M361.689,44.913a.89.89,0,1,1-.878.886.881.881,0,0,1,.878-.886" transform="translate(-332.17 -41.347)" fill="%23149ddf"/><path id="Path_25547" data-name="Path 25547" d="M272.767,90.706a.89.89,0,1,1-.884-.881.882.882,0,0,1,.884.881" transform="translate(-249.476 -82.695)" fill="%23149ddf"/><path id="Path_25548" data-name="Path 25548" d="M340.135,135.63a.89.89,0,1,1-.871-.894.883.883,0,0,1,.871.894" transform="translate(-311.496 -124.04)" fill="%23149ddf"/><path id="Path_25549" data-name="Path 25549" d="M68.289,226.34a.89.89,0,1,1,.876-.889.883.883,0,0,1-.876.889" transform="translate(-62.036 -206.735)" fill="%23149ddf"/><path id="Path_25550" data-name="Path 25550" d="M226.216,271.254a.89.89,0,1,1,.89-.875.882.882,0,0,1-.89.875" transform="translate(-207.44 -248.083)" fill="%23149ddf"/><path id="Path_25551" data-name="Path 25551" d="M294.475,292.814a.89.89,0,1,1-.881-.884.883.883,0,0,1,.881.884" transform="translate(-269.461 -268.756)" fill="%23149ddf"/></g></svg>');
}

.hajjReportWrap {
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .hajjReportWrap {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap {
    padding-inline: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap {
    padding-inline: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap {
    padding-inline: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap {
    padding-inline: 19.5px;
  }
}
.hajjReportWrap .hajjReportStats {
  position: relative;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats {
    padding-block: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats {
    padding-block: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats {
    padding-block: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats {
    padding-block: 19.5px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats {
    margin-bottom: 19.5px;
  }
}
.hajjReportWrap .hajjReportStats:after {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1287.869" height="5.676" viewBox="0 0 1287.869 5.676"><path id="Path_65514" data-name="Path 65514" d="M1285.974.218c-321.492,0-321.492,3.67-642.929,3.67C321.572,3.888,321.572.218.117.218" transform="translate(0.889 0.788)" fill="none" stroke="%23fcb725" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats:after {
    height: 5px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats:after {
    height: 4.75px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats:after {
    height: 3.75px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats:after {
    height: 3.25px;
  }
}
.hajjReportWrap .hajjReportStats .text-primaryLight {
  color: #25935f;
  margin: 0px;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .text-primaryLight {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .text-primaryLight {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .text-primaryLight {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .text-primaryLight {
    font-size: 11.7px;
  }
}
.hajjReportWrap .hajjReportStats .heading-primary {
  color: #074D31;
  font-weight: 500;
  line-height: 1.3;
  margin: 0px;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    font-size: 19.5px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .heading-primary {
    margin-bottom: 3.25px;
  }
}
.hajjReportWrap .hajjReportStats .text-value {
  color: #0D121C;
  line-height: 1.3;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .text-value {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .text-value {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .text-value {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .text-value {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .mainWeather img {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .mainWeather img {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .mainWeather img {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .mainWeather img {
    height: 26px;
  }
}
.hajjReportWrap .hajjReportStats .mainWeather p {
  margin: 0px;
  line-height: 1.3;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .mainWeather p {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .mainWeather p {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .mainWeather p {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .mainWeather p {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .forecastWeather img {
    height: 34px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .forecastWeather img {
    height: 32.3px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .forecastWeather img {
    height: 25.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .forecastWeather img {
    height: 22.1px;
  }
}
.hajjReportWrap .hajjReportStats .forecastWeather p {
  font-weight: 500;
  margin: 0px;
  line-height: 1.3;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .forecastWeather p {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .forecastWeather p {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .forecastWeather p {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .forecastWeather p {
    font-size: 13.65px;
  }
}
.hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
  font-weight: 500;
  color: #074D31;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-top: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-top: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjReportForecast h3 {
    margin-top: 19.5px;
  }
}
.hajjReportWrap .hajjReportStats .hajjForecastWrap {
  overflow-x: auto;
  max-width: 100%;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    max-width: 900px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    max-width: 855px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    max-width: 675px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    max-width: 585px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .d-flex {
    gap: 13px;
  }
}
.hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
  flex-grow: 0;
  flex-shrink: 0;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    flex-basis: 140px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    flex-basis: 133px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    flex-basis: 105px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    flex-basis: 91px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    max-width: 140px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    max-width: 133px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    max-width: 105px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .hajjForecastWrap .hajjForecast {
    max-width: 91px;
  }
}
.hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
  display: block;
  background-image: -webkit-linear-gradient(top, #25935f, #074D31);
  border: 1px solid #25935f;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    border-radius: 18px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    border-radius: 17.1px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    border-radius: 13.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    border-radius: 11.7px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-block: 15px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-block: 14.25px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-block: 11.25px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-block: 9.75px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-inline: 12px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-inline: 11.4px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-inline: 9px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    padding-inline: 7.8px;
  }
}
.hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
  content: "";
  position: absolute;
  bottom: 0px;
  inset-inline-end: 0px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="88.075" height="75.301" viewBox="0 0 88.075 75.301"><defs><clipPath id="clip-path"><rect id="Rectangle_7737" data-name="Rectangle 7737" width="88.075" height="75.301" fill="none" stroke="%23707070" stroke-width="1"/></clipPath></defs><g id="Group_18770" data-name="Group 18770" opacity="0.7"><g id="Group_17998" data-name="Group 17998" clip-path="url(%23clip-path)"><path id="Path_27036" data-name="Path 27036" d="M-12.432,74.959C-10,60.17-4.873,39.43,5.753,24.61,13.632,13.624,23.64,7.543,33.209,7.931c6.022.242,11.349,2.777,16.5,5.227,1.952.931,3.972,1.892,6,2.712C61.64,18.276,70.733,20.708,81.2,14.1c6.984-4.408,14.045-12.41,20.875-20.15,7.625-8.638,15.508-17.572,23.172-21.3,9.435-4.6,16.842-.616,24.005,3.232,1.192.642,2.425,1.3,3.639,1.909,15.784,7.88,35.236,7.941,56.249.178A142.062,142.062,0,0,0,238.98-37.68a222.091,222.091,0,0,0,34.329-29.014" transform="matrix(0.921, -0.391, 0.391, 0.921, -79.308, 100.337)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="1"/><path id="Path_27052" data-name="Path 27052" d="M-12.432,74.959C-10,60.17-4.873,39.43,5.753,24.61,13.632,13.624,23.64,7.543,33.209,7.931c6.022.242,11.349,2.777,16.5,5.227,1.952.931,3.972,1.892,6,2.712C61.64,18.276,70.733,20.708,81.2,14.1c6.984-4.408,14.045-12.41,20.875-20.15,7.625-8.638,15.508-17.572,23.172-21.3,9.435-4.6,16.842-.616,24.005,3.232,1.192.642,2.425,1.3,3.639,1.909,15.784,7.88,35.236,7.941,56.249.178A142.062,142.062,0,0,0,238.98-37.68a222.091,222.091,0,0,0,34.329-29.014" transform="matrix(0.921, -0.391, 0.391, 0.921, 19.936, 35.126)" fill="none" stroke="%23149ddf" stroke-miterlimit="10" stroke-width="1"/></g></g></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center bottom;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    width: 88px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    width: 83.6px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    width: 66px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    width: 57.2px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    height: 75px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    height: 71.25px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    height: 56.25px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn:before {
    height: 48.75px;
  }
}
.hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
  display: block;
  border: 1px solid #25935f;
  color: #ffffff;
  line-height: 1.5;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    border-radius: 14px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    border-radius: 13.3px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    border-radius: 10.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    border-radius: 9.1px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock {
    font-size: 10.4px;
  }
}
.hajjReportWrap .hajjReportStats .downloadHajjReportBtn .innerBlock b {
  display: block;
  text-decoration: underline;
}
.hajjReportWrap .hajjReportStats .downloadHajjReportBtn:hover {
  box-shadow: none;
  transform: translateY(-5px);
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportStats .downloadHajjReportBtn {
    margin-top: 20px;
  }
}
.hajjReportWrap .hajjReportContent h2 {
  color: #074D31;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportContent h2 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportContent h2 {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportContent h2 {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportContent h2 {
    font-size: 19.5px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportContent h2 {
    margin-top: 6.5px;
  }
}
.hajjReportWrap .hajjReportContent h3 {
  color: #25935f;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportContent h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportContent h3 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportContent h3 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportContent h3 {
    font-size: 13px;
  }
}
.hajjReportWrap .hajjReportContent p {
  color: #3d3d3d;
  line-height: 1.3;
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportContent p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportContent p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportContent p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportContent p {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .hajjReportWrap .hajjReportContent p {
    margin-bottom: 28px;
  }
}
@media (min-width: 992px) {
  .hajjReportWrap .hajjReportContent p {
    margin-bottom: 26.6px;
  }
}
@media (max-width: 992px) {
  .hajjReportWrap .hajjReportContent p {
    margin-bottom: 21px;
  }
}
@media (max-width: 575px) {
  .hajjReportWrap .hajjReportContent p {
    margin-bottom: 18.2px;
  }
}

@media screen and (max-width: 430px) {
  .holySiteWeatherForeCast .dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .report-all-parameters {
    flex-direction: column !important;
    align-items: stretch;
    justify-content: flex-start !important;
    gap: 12px;
    margin-bottom: 15px;
  }
}
@media (min-width: 1600px) {
  .cities-carousel-section {
    padding-block: 40px;
  }
}
@media (min-width: 992px) {
  .cities-carousel-section {
    padding-block: 38px;
  }
}
@media (max-width: 992px) {
  .cities-carousel-section {
    padding-block: 30px;
  }
}
@media (max-width: 575px) {
  .cities-carousel-section {
    padding-block: 26px;
  }
}
.cities-carousel-section .title {
  position: relative;
  z-index: 111;
  font-weight: 500;
  color: #092a1e;
  text-align: center;
}
@media (min-width: 1600px) {
  .cities-carousel-section .title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .cities-carousel-section .title {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .cities-carousel-section .title {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .cities-carousel-section .title {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  .cities-carousel-section .title {
    padding-block: 50px;
  }
}
@media (min-width: 992px) {
  .cities-carousel-section .title {
    padding-block: 47.5px;
  }
}
@media (max-width: 992px) {
  .cities-carousel-section .title {
    padding-block: 37.5px;
  }
}
@media (max-width: 575px) {
  .cities-carousel-section .title {
    padding-block: 32.5px;
  }
}

.active-alerts-section {
  padding: 0;
}
@media (max-width: 575px) {
  .active-alerts-section {
    width: 100%;
  }
}
.active-alerts-section .alerts-count-section {
  display: flex;
  flex-wrap: nowrap;
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section {
    margin-block-end: 30px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section {
    margin-block-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section {
    margin-block-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section {
    margin-block-end: 19.5px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section {
    gap: 6.5px;
  }
}
.active-alerts-section .alerts-count-section .alert-count {
  white-space: nowrap;
  width: 8vw;
  min-width: max-content;
  border-radius: 10px;
  border: none;
  overflow: hidden;
  background-color: #1b8354;
  display: flex;
  justify-content: start;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section .alert-count {
    min-height: 60px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count {
    min-height: 57px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count {
    min-height: 45px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count {
    min-height: 39px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count {
    width: 140px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-inline: 17px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-inline: 16.15px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-inline: 12.75px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side,
  .active-alerts-section .alerts-count-section .alert-count .right-side {
    padding-inline: 11.05px;
  }
}
.active-alerts-section .alerts-count-section .alert-count .left-side {
  background: #df1414;
  background: linear-gradient(180deg, #df1414 0%, #570000 100%);
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.active-alerts-section .alerts-count-section .alert-count .left-side.no-bg .text {
  line-height: 1.1;
}
.active-alerts-section .alerts-count-section .alert-count .left-side .icon img {
  object-fit: contain;
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .icon img {
    width: 25px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .icon img {
    width: 23.75px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .icon img {
    width: 18.75px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .icon img {
    width: 16.25px;
  }
}
.active-alerts-section .alerts-count-section .alert-count .left-side.red {
  background: #df1414;
  background: linear-gradient(180deg, #df1414 0%, #570000 100%);
}
.active-alerts-section .alerts-count-section .alert-count .left-side.orange {
  background: #fcb725;
  background: linear-gradient(180deg, #fcb725 0%, #dd7025 100%);
}
.active-alerts-section .alerts-count-section .alert-count .left-side.yellow {
  background: #fffb07;
  background: linear-gradient(180deg, #fffb07 0%, #ffb804 100%);
}
.active-alerts-section .alerts-count-section .alert-count .left-side .text {
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .text {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .text {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .text {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count .left-side .text {
    font-size: 7.8px;
  }
}
.active-alerts-section .alerts-count-section .alert-count .right-side {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60%;
}
.active-alerts-section .alerts-count-section .alert-count .right-side p {
  color: #ffffff;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
}
@media (min-width: 1600px) {
  .active-alerts-section .alerts-count-section .alert-count .right-side p {
    font-size: 25px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .right-side p {
    font-size: 23.75px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .alerts-count-section .alert-count .right-side p {
    font-size: 18.75px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section .alert-count .right-side p {
    font-size: 16.25px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .alerts-count-section {
    flex-wrap: wrap;
    justify-content: center !important;
    align-items: center !important;
  }
  .active-alerts-section .alerts-count-section .alert-count {
    flex: 0 0 33%;
  }
}
.active-alerts-section .active-alerts-card-section {
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  padding-block: 0;
  margin: 0;
  padding-inline-end: 10%;
}
@media (min-width: 1600px) {
  .active-alerts-section .active-alerts-card-section {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .active-alerts-card-section {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .active-alerts-card-section {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .active-alerts-card-section {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .active-alerts-card-section {
    max-height: 360px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .active-alerts-card-section {
    max-height: 342px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .active-alerts-card-section {
    max-height: 270px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .active-alerts-card-section {
    max-height: 234px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .active-alerts-card-section {
    padding-inline-end: 0%;
  }
}
.active-alerts-section .activeWeatherSlider .activeWeather-slider-card {
  margin-inline-end: 0;
  min-width: auto;
  width: 100%;
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeatherSlider .activeWeather-slider-card {
    min-width: 300px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeatherSlider .activeWeather-slider-card {
    min-width: 280px;
  }
}
.active-alerts-section .activeWeather-slider-card {
  position: relative;
  z-index: 111111;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card {
    margin-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    margin-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    margin-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card {
    margin-inline-end: 13px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card {
    min-width: 420px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    min-width: 399px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    min-width: 315px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card {
    min-width: 273px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card {
    border-radius: 6.5px;
  }
}
.active-alerts-section .activeWeather-slider-card::after {
  background-color: white;
  border: 1px solid #D2D6DB;
  position: absolute;
  content: "";
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card::after {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card::after {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card::after {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card::after {
    border-radius: 6.5px;
  }
}
.active-alerts-section .activeWeather-slider-card .pattern .rightTop {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title h3 {
  color: #1F2A37;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title h3 {
    font-size: 10.4px;
  }
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    gap: 38px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    gap: 26px;
  }
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    padding-block: 6px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    padding-block: 5.7px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    padding-block: 4.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates {
    padding-block: 3.9px;
  }
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather,
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts {
    gap: 6.5px;
  }
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather .activeWeather-slider-alerts-icon img,
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts .activeWeather-slider-alerts-icon img {
  width: 100%;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather .activeWeather-slider-alerts-icon img,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts .activeWeather-slider-alerts-icon img {
    max-height: 24px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather .activeWeather-slider-alerts-icon img,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts .activeWeather-slider-alerts-icon img {
    max-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather .activeWeather-slider-alerts-icon img,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts .activeWeather-slider-alerts-icon img {
    max-height: 18px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather .activeWeather-slider-alerts-icon img,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts .activeWeather-slider-alerts-icon img {
    max-height: 15.6px;
  }
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather p,
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts p {
  color: #1F2A37;
  margin-bottom: 0;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather p,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather p,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather p,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-weather p,
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-updates .activeWeather-slider-alerts p {
    font-size: 9.1px;
  }
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-info {
  display: flex;
  justify-content: space-between;
}
.active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-info .activeWeather-slider-card-info-section span {
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-info .activeWeather-slider-card-info-section span {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-info .activeWeather-slider-card-info-section span {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-info .activeWeather-slider-card-info-section span {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-info .activeWeather-slider-card-info-section span {
    font-size: 7.8px;
  }
}

[lang=ar] .active-alerts-section .activeWeather-slider-card .activeWeather-slider-card-title a {
  transform: scaleX(-1);
}

.governoratesHourlyForecast.latestNewsBg {
  max-height: 2%;
}
.governatesTabContent:not(.active) .cstmTableSimple {
  display: none;
}
.governatesTabContent.active .chart-container {
  display: none;
}
.governatesTabContent .chart-container {
  background-color: #ffffff;
  padding-inline: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  width: 100%;
}
.governatesTabContent .chart-container.governorates-chart {
  height: max-content;
}
.governatesTabContent .chart-container.governorates-chart .chart {
  padding-bottom: 25px;
  border-bottom: 1px solid #D2D6DB;
}
.governatesTabContent .chart-container.governorates-chart .chart:last-child {
  border-bottom: none;
}
.governatesTabContent .chart-container #chart-contain-chart {
  width: 100%;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.governatesTabContent .chart-container #chart-contain-chart #chart-contain-chart-contain-chart {
  width: 90%;
  overflow-x: auto;
}
.governatesTabContent .chart-container #chart-contain-chart #chart-contain-chart-contain-chart .chart {
  min-width: 1000px;
  width: 100%;
  height: 500px;
}
@media (max-width: 575px) {
  .governatesTabContent .chart-container {
    overflow-x: auto;
  }
  .governatesTabContent .chart-container .chart {
    width: 800px;
  }
}

[lang=ar] .governorates-chart svg .apexcharts-yaxis-texts-g {
  transform: translateX(-18px);
}

.banner-inner {
  width: 100%;
}

.governorate-banner-container {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
  transition: all 1s cubic-bezier(0.23, 1, 0.32, 1);
}

.pageHeroBannerGovernorates .mainHero {
  position: absolute;
  z-index: -1;
  height: 100% !important;
}
@media (min-width: 1600px) {
  .pageHeroBannerGovernorates .banner-inner {
    padding-block: 80px;
  }
}
@media (min-width: 992px) {
  .pageHeroBannerGovernorates .banner-inner {
    padding-block: 76px;
  }
}
@media (max-width: 992px) {
  .pageHeroBannerGovernorates .banner-inner {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  .pageHeroBannerGovernorates .banner-inner {
    padding-block: 52px;
  }
}
@media (max-width: 992px) {
  .pageHeroBannerGovernorates .banner-inner {
    position: static;
    transform: translateY(2%);
    padding-block: 50px;
  }
}
@media (max-width: 575px) {
  .pageHeroBannerGovernorates .banner-inner {
    padding-top: 30px;
  }
}

.forecast-card-container {
  height: 100%;
}

.forecast-card.auto-width {
  height: 99%;
  margin-block: 0;
}

.localWeatherHero {
  position: relative;
}
.localWeatherHero .localWeatherHero-widget {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 6;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget {
    min-width: 1534px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget {
    min-width: 1457.3px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget {
    min-width: 1150.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget {
    min-width: 997.1px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget {
    min-width: 400px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport {
  padding-top: 50px;
  padding-bottom: 50px;
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
  background: linear-gradient(180deg, rgba(37, 147, 95, 0.8) 0%, rgba(7, 77, 49, 0.8) 100%);
  outline: solid #ffb804;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-top: 0px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    margin-top: 0px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    border-width: 4px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    border-width: 3.8px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    border-width: 3px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    border-width: 2.6px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    outline-width: 2px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    outline-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    outline-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card {
    outline-width: 1.3px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .rightTop {
  left: unset;
  right: unset;
  inset-inline-end: 0;
  width: 100%;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .rightTop {
    max-width: 170px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .rightTop {
    max-width: 161.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .rightTop {
    max-width: 127.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .rightTop {
    max-width: 110.5px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .rightTop img {
  width: 100%;
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .leftBottom {
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  width: 100%;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .leftBottom {
    max-width: 170px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .leftBottom {
    max-width: 161.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .leftBottom {
    max-width: 127.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .leftBottom {
    max-width: 110.5px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .pattern .leftBottom img {
  width: 100%;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .sectionSeparator {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .sectionSeparator {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .sectionSeparator {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .sectionSeparator {
    margin-bottom: 16.25px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .sectionSeparator img {
  width: 100%;
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-icon img {
  max-width: unset;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-icon img {
    max-height: 75px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-icon img {
    max-height: 71.25px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-icon img {
    max-height: 56.25px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-icon img {
    max-height: 48.75px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 65px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 61.75px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 48.75px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur .dailyReport-card-content-weather-tempratur-detail h2 {
    font-size: 42.25px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p {
    font-size: 11.05px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo {
  display: flex;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo {
    gap: 6.5px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo .iconInfo-text {
  white-space: nowrap;
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo .iconInfo-text img {
  width: 100%;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo .iconInfo-text img {
    max-width: 15px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo .iconInfo-text img {
    max-width: 14.25px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo .iconInfo-text img {
    max-width: 11.25px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content.weatherInfo .dailyReport-card-content-weather-info .dailyReport-card-content-weather-tempratur-detail ul li .value p.iconInfo .iconInfo-text img {
    max-width: 9.75px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-header .dailyReport-card-content-header-title h3 {
    font-size: 11.05px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
  width: 100% !important;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather {
    margin-bottom: 13px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    margin-bottom: 3.25px;
  }
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather label {
    font-size: 10.4px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container {
  max-width: 100%;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container {
    height: 55px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container {
    height: 52.25px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container {
    height: 41.25px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container {
    height: 35.75px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single {
  background-color: transparent;
  border-color: #ffffff;
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__rendered {
  font-weight: 400;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 33.25px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 26.25px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__rendered {
    font-size: 22.75px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #ffffff transparent transparent transparent;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 10px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 9.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 7.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-width: 6.5px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #ffffff transparent;
  top: 3px;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 10px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 9.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 7.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dailyReport .dailyReport-card .dailyReport-card-content .dailyReport-card-content-currentWeather .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-width: 6.5px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime {
  display: flex;
  justify-content: center;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime {
    gap: 6.5px;
  }
}
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime span,
.localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime p {
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime span,
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime p {
    font-size: 15px;
  }
}
@media (min-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime span,
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime p {
    font-size: 14.25px;
  }
}
@media (max-width: 992px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime span,
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime p {
    font-size: 11.25px;
  }
}
@media (max-width: 575px) {
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime span,
  .localWeatherHero .localWeatherHero-widget .holySiteWeatherForeCast .dateAndTime p {
    font-size: 9.75px;
  }
}

@media (min-width: 1600px) {
  #forecastWrap.forecastWrap-localWeather {
    padding-top: 250px;
  }
}
@media (min-width: 992px) {
  #forecastWrap.forecastWrap-localWeather {
    padding-top: 237.5px;
  }
}
@media (max-width: 992px) {
  #forecastWrap.forecastWrap-localWeather {
    padding-top: 187.5px;
  }
}
@media (max-width: 575px) {
  #forecastWrap.forecastWrap-localWeather {
    padding-top: 162.5px;
  }
}

.governatesTabContentContainer:not(.tableActive) .tab-pane {
  display: none;
}
.governatesTabContentContainer.tableActive .chart-container {
  display: none;
}
.governatesTabContentContainer .chart-container {
  background-color: white;
  filter: none;
  width: 100%;
}
@media (min-width: 1600px) {
  .governatesTabContentContainer .chart-container {
    padding: 5px;
  }
}
@media (min-width: 992px) {
  .governatesTabContentContainer .chart-container {
    padding: 4.75px;
  }
}
@media (max-width: 992px) {
  .governatesTabContentContainer .chart-container {
    padding: 3.75px;
  }
}
@media (max-width: 575px) {
  .governatesTabContentContainer .chart-container {
    padding: 3.25px;
  }
}
@media (min-width: 1600px) {
  .governatesTabContentContainer .chart-container {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .governatesTabContentContainer .chart-container {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .governatesTabContentContainer .chart-container {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .governatesTabContentContainer .chart-container {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .governatesTabContentContainer .chart-container {
    height: 500px;
  }
}
@media (min-width: 992px) {
  .governatesTabContentContainer .chart-container {
    height: 475px;
  }
}
@media (max-width: 992px) {
  .governatesTabContentContainer .chart-container {
    height: 375px;
  }
}
@media (max-width: 575px) {
  .governatesTabContentContainer .chart-container {
    height: 325px;
  }
}
.governatesTabContentContainer .chart-container .chart {
  width: 100%;
}

.hourlyForecast {
  justify-content: center;
  position: relative;
  max-height: unset !important;
  border-color: #25935f;
}
@media (min-width: 1600px) {
  .hourlyForecast {
    gap: 3px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast {
    gap: 2.85px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast {
    gap: 2.25px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast {
    gap: 1.95px;
  }
}
.hourlyForecast .pattern .leftBottom {
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
}
@media (min-width: 1600px) {
  .hourlyForecast .pattern .leftBottom {
    max-width: 265px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .pattern .leftBottom {
    max-width: 251.75px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .pattern .leftBottom {
    max-width: 198.75px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .pattern .leftBottom {
    max-width: 172.25px;
  }
}
.hourlyForecast .pattern .leftBottom img {
  width: 100%;
}
.hourlyForecast .pattern .rightBottom {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
}
@media (min-width: 1600px) {
  .hourlyForecast .pattern .rightBottom {
    max-width: 500px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .pattern .rightBottom {
    max-width: 475px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .pattern .rightBottom {
    max-width: 375px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .pattern .rightBottom {
    max-width: 325px;
  }
}
.hourlyForecast .pattern .rightBottom img {
  width: 100%;
}
.hourlyForecast .table-Switched {
  position: absolute;
  display: flex;
}
@media (min-width: 1600px) {
  .hourlyForecast .table-Switched {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .table-Switched {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .table-Switched {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .table-Switched {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .table-Switched {
    inset-inline-end: 40px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .table-Switched {
    inset-inline-end: 38px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .table-Switched {
    inset-inline-end: 30px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .table-Switched {
    inset-inline-end: 26px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .table-Switched {
    top: -80px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .table-Switched {
    top: -76px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .table-Switched {
    top: -60px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .table-Switched {
    top: -52px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .table-Switched {
    margin-top: -15px;
    inset-inline-end: 12px;
  }
}
.hourlyForecast.cstmTabs .nav-tabs .nav-link {
  white-space: nowrap;
}
@media (min-width: 1600px) {
  .hourlyForecast.cstmTabs .nav-tabs .nav-link {
    max-width: 225px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast.cstmTabs .nav-tabs .nav-link {
    max-width: 213.75px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast.cstmTabs .nav-tabs .nav-link {
    max-width: 168.75px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast.cstmTabs .nav-tabs .nav-link {
    max-width: 146.25px;
  }
}
.hourlyForecast .textDescp p {
  margin-bottom: 0;
  color: #074d31;
}
@media (min-width: 1600px) {
  .hourlyForecast .textDescp p {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .textDescp p {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .textDescp p {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .textDescp p {
    margin-top: 13px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .textDescp p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .textDescp p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .textDescp p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .textDescp p {
    font-size: 7.8px;
  }
}
.hourlyForecast .nav-link {
  font-weight: 500;
  background-color: rgba(37, 147, 95, 0.5);
  border: 0;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .hourlyForecast .nav-link {
    border-top-left-radius: 15px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .nav-link {
    border-top-left-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .nav-link {
    border-top-left-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .nav-link {
    border-top-left-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .nav-link {
    border-top-right-radius: 15px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .nav-link {
    border-top-right-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .nav-link {
    border-top-right-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .nav-link {
    border-top-right-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .nav-link {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .nav-link {
    width: 285px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .nav-link {
    width: 225px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .nav-link {
    width: 195px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .nav-link {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .nav-link {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .nav-link {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .nav-link {
    font-size: 13px;
  }
}
.hourlyForecast .nav-link.active {
  background-color: #25935f;
  color: #ffffff;
}
@media (min-width: 1600px) {
  .hourlyForecast .nav-link.small-nav-link {
    width: 240px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .nav-link.small-nav-link {
    width: 228px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .nav-link.small-nav-link {
    width: 180px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .nav-link.small-nav-link {
    width: 156px;
  }
}
.hourlyForecast .side-buttons {
  background-color: transparent;
  border: none;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #161616;
  background-color: transparent;
  border: 1px solid #161616;
  position: relative;
  z-index: 0;
}
@media (min-width: 1600px) {
  .hourlyForecast .side-buttons {
    width: 40px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .side-buttons {
    width: 38px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .side-buttons {
    width: 30px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .side-buttons {
    width: 26px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .side-buttons {
    height: 40px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .side-buttons {
    height: 38px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .side-buttons {
    height: 30px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .side-buttons {
    height: 26px;
  }
}
@media (min-width: 1600px) {
  .hourlyForecast .side-buttons {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .hourlyForecast .side-buttons {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .hourlyForecast .side-buttons {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .hourlyForecast .side-buttons {
    border-radius: 6.5px;
  }
}
.hourlyForecast .side-buttons.active {
  color: white;
  background-color: #161616;
}

@media (min-width: 1600px) {
  .latestNewsBg.hourlyForecast {
    padding-top: 60px;
  }
}
@media (min-width: 992px) {
  .latestNewsBg.hourlyForecast {
    padding-top: 57px;
  }
}
@media (max-width: 992px) {
  .latestNewsBg.hourlyForecast {
    padding-top: 45px;
  }
}
@media (max-width: 575px) {
  .latestNewsBg.hourlyForecast {
    padding-top: 39px;
  }
}
@media (min-width: 1600px) {
  .latestNewsBg.hourlyForecast {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .latestNewsBg.hourlyForecast {
    padding-bottom: 76px;
  }
}
@media (max-width: 992px) {
  .latestNewsBg.hourlyForecast {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .latestNewsBg.hourlyForecast {
    padding-bottom: 52px;
  }
}

.date-card {
  background-color: #ffffff;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .date-card {
    flex-basis: 200px;
  }
}
@media (min-width: 992px) {
  .date-card {
    flex-basis: 190px;
  }
}
@media (max-width: 992px) {
  .date-card {
    flex-basis: 150px;
  }
}
@media (max-width: 575px) {
  .date-card {
    flex-basis: 130px;
  }
}
@media (min-width: 1600px) {
  .date-card {
    margin-inline-end: 30px;
  }
}
@media (min-width: 992px) {
  .date-card {
    margin-inline-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .date-card {
    margin-inline-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .date-card {
    margin-inline-end: 19.5px;
  }
}
@media (max-width: 575px) {
  .date-card {
    width: 100%;
    height: auto;
    flex-basis: auto;
    max-width: 100%;
    margin: 0;
  }
}
.date-card .card-lines {
  position: absolute;
  inset-inline-end: 0;
  top: -8%;
  width: 50%;
}
.date-card .header {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .date-card .header {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .date-card .header {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .date-card .header {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .date-card .header {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .date-card .header svg {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .date-card .header svg {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .date-card .header svg {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .date-card .header svg {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .date-card .header svg {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .date-card .header svg {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .date-card .header svg {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .date-card .header svg {
    height: 13px;
  }
}
@media (max-width: 575px) and (min-width: 1600px) {
  .date-card .header {
    padding-block-end: 20px;
  }
}
@media (max-width: 575px) and (min-width: 992px) {
  .date-card .header {
    padding-block-end: 19px;
  }
}
@media (max-width: 575px) and (max-width: 992px) {
  .date-card .header {
    padding-block-end: 15px;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .date-card .header {
    padding-block-end: 13px;
  }
}
.date-card .header h2 {
  color: #1b8354;
  font-weight: 500;
  line-height: 1;
  margin: 0;
}
@media (min-width: 1600px) {
  .date-card .header h2 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .date-card .header h2 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .date-card .header h2 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .date-card .header h2 {
    font-size: 13px;
  }
}
@media (max-width: 575px) and (min-width: 1600px) {
  .date-card .header h2 {
    font-size: 20px;
  }
}
@media (max-width: 575px) and (min-width: 992px) {
  .date-card .header h2 {
    font-size: 19px;
  }
}
@media (max-width: 575px) and (max-width: 992px) {
  .date-card .header h2 {
    font-size: 15px;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .date-card .header h2 {
    font-size: 13px;
  }
}
.date-card .dates-container {
  border: 1px solid #D2D6DB;
  padding: 16px;
  border-radius: 16px;
}
.date-card .dates-container .heading {
  color: #161616;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1600px) {
  .date-card .dates-container .heading {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .date-card .dates-container .heading {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .date-card .dates-container .heading {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .date-card .dates-container .heading {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .date-card .dates-container .heading {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .date-card .dates-container .heading {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .date-card .dates-container .heading {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .date-card .dates-container .heading {
    font-size: 10.4px;
  }
}
.date-card .dates-container > div {
  width: 95%;
  margin: auto;
}
@media (max-width: 575px) {
  .date-card .dates-container > div {
    width: 100%;
  }
}
.date-card .dates-container > div:first-child {
  margin-bottom: 0;
}

.card-content .title {
  font-weight: 500;
  color: #1b8354;
}
@media (min-width: 1600px) {
  .card-content .title {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .card-content .title {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .card-content .title {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .card-content .title {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .card-content .title {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .card-content .title {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .card-content .title {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .card-content .title {
    line-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .card-content .title {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  .card-content .title {
    margin-bottom: 7.6px;
  }
}
@media (max-width: 992px) {
  .card-content .title {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  .card-content .title {
    margin-bottom: 5.2px;
  }
}
.card-content p {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .card-content p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .card-content p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .card-content p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .card-content p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .card-content p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .card-content p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .card-content p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .card-content p {
    line-height: 18.2px;
  }
}
@media (max-width: 575px) {
  .card-content {
    padding-top: 20px;
  }
  .card-content .title {
    font-size: 20px;
  }
  .card-content p {
    font-size: 13px;
  }
}

.todaysWeatherCards.dailyReport {
  background: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.todaysWeatherCards.dailyReport .bottomFull {
  position: absolute;
  bottom: 0;
  left: 0;
}
.todaysWeatherCards.dailyReport .bottomFull img {
  width: 100%;
  max-width: 100%;
}
.todaysWeatherCards.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image::after {
  display: none;
}

[lang=ar] .date-card:before {
  transform: rotateY(180deg);
}

.ceoMessage.dailyReport {
  background: #F7FDF9;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 1600px) {
  .ceoMessage.dailyReport .pattern .topFull {
    top: 0px;
  }
}
@media (min-width: 992px) {
  .ceoMessage.dailyReport .pattern .topFull {
    top: 0px;
  }
}
@media (max-width: 992px) {
  .ceoMessage.dailyReport .pattern .topFull {
    top: 0px;
  }
}
@media (max-width: 575px) {
  .ceoMessage.dailyReport .pattern .topFull {
    top: 0px;
  }
}
.ceoMessage.dailyReport .pattern .topFull img {
  width: 100%;
}
@media (min-width: 1600px) {
  .ceoMessage.dailyReport .pattern .topLeft {
    top: 45px;
  }
}
@media (min-width: 992px) {
  .ceoMessage.dailyReport .pattern .topLeft {
    top: 42.75px;
  }
}
@media (max-width: 992px) {
  .ceoMessage.dailyReport .pattern .topLeft {
    top: 33.75px;
  }
}
@media (max-width: 575px) {
  .ceoMessage.dailyReport .pattern .topLeft {
    top: 29.25px;
  }
}
@media (min-width: 1600px) {
  .ceoMessage.dailyReport .pattern .topLeft img {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .ceoMessage.dailyReport .pattern .topLeft img {
    max-width: 190px;
  }
}
@media (max-width: 992px) {
  .ceoMessage.dailyReport .pattern .topLeft img {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .ceoMessage.dailyReport .pattern .topLeft img {
    max-width: 130px;
  }
}
.ceoMessage.dailyReport .pattern .topRight {
  position: absolute;
  inset-inline-end: 0;
}
@media (min-width: 1600px) {
  .ceoMessage.dailyReport .pattern .topRight {
    top: 85px;
  }
}
@media (min-width: 992px) {
  .ceoMessage.dailyReport .pattern .topRight {
    top: 80.75px;
  }
}
@media (max-width: 992px) {
  .ceoMessage.dailyReport .pattern .topRight {
    top: 63.75px;
  }
}
@media (max-width: 575px) {
  .ceoMessage.dailyReport .pattern .topRight {
    top: 55.25px;
  }
}
@media (min-width: 1600px) {
  .ceoMessage.dailyReport .pattern .topRight img {
    max-width: 435px;
  }
}
@media (min-width: 992px) {
  .ceoMessage.dailyReport .pattern .topRight img {
    max-width: 413.25px;
  }
}
@media (max-width: 992px) {
  .ceoMessage.dailyReport .pattern .topRight img {
    max-width: 326.25px;
  }
}
@media (max-width: 575px) {
  .ceoMessage.dailyReport .pattern .topRight img {
    max-width: 282.75px;
  }
}

.president-container {
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  overflow: hidden;
  max-width: 1700px;
  margin: 0 auto;
}
.president-container .meet-the-president {
  border-top: 1px solid #1b8354;
  padding: 25px;
}
.president-container .meet-the-president h6 {
  font-weight: 400;
  color: #161616;
}
@media (min-width: 1600px) {
  .president-container .meet-the-president h6 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .president-container .meet-the-president h6 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .president-container .meet-the-president h6 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .president-container .meet-the-president h6 {
    font-size: 11.7px;
  }
}
.president-container .meet-the-president p {
  font-weight: 400;
  color: #161616;
}
@media (min-width: 1600px) {
  .president-container .meet-the-president p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .president-container .meet-the-president p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .president-container .meet-the-president p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .president-container .meet-the-president p {
    font-size: 10.4px;
  }
}

.modal-content-for-president.modal-dialog {
  max-width: 700px;
  width: 95vw;
  min-width: 300px;
}

.meetTheCeoFormSection .title {
  text-wrap: wrap;
  width: 50%;
  color: #0D121C;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .meetTheCeoFormSection .title {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .meetTheCeoFormSection .title {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .meetTheCeoFormSection .title {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .meetTheCeoFormSection .title {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .meetTheCeoFormSection .title {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .meetTheCeoFormSection .title {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .meetTheCeoFormSection .title {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .meetTheCeoFormSection .title {
    line-height: 24.7px;
  }
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  width: max-content;
  left: 5px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months {
  border: none !important;
  font-size: 16px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-current-month input.cur-year {
  font-size: 16px;
}
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
  padding: 4px;
  font-size: 16px;
  color: #707070;
  align-content: end;
}
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  padding: 4px;
  font-size: 16px;
  color: #707070;
  align-content: center;
  transform: rotate(180deg);
  right: 34px;
  left: unset !important;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.today {
  background-color: transparent !important;
  border: 1px solid #25935f !important;
  color: #25935f !important;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day.selected {
  border: 1px solid #25935f !important;
  background-color: #25935f !important;
  color: #ffffff !important;
}
.flatpickr-calendar .flatpickr-days .flatpickr-day:hover {
  border: 1px solid transparent !important;
  background-color: rgba(37, 147, 95, 0.1);
}

#mauticform_wrapper_meettheceoform .mauticform-label {
  font-weight: 500;
}
@media (min-width: 1600px) {
  #mauticform_wrapper_meettheceoform .mauticform-label {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  #mauticform_wrapper_meettheceoform .mauticform-label {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  #mauticform_wrapper_meettheceoform .mauticform-label {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  #mauticform_wrapper_meettheceoform .mauticform-label {
    font-size: 13px;
  }
}
#mauticform_wrapper_meettheceoform label {
  font-weight: 600;
}
@media (min-width: 1600px) {
  #mauticform_wrapper_meettheceoform label {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  #mauticform_wrapper_meettheceoform label {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  #mauticform_wrapper_meettheceoform label {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  #mauticform_wrapper_meettheceoform label {
    font-size: 10.4px;
  }
}
#mauticform_wrapper_meettheceoform label.mauticform-radiogrp-label {
  font-weight: 500;
}
#mauticform_wrapper_meettheceoform input[type=radio] {
  border: 1px solid #D2D6DB;
  accent-color: #25935f;
  border-radius: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media (min-width: 1600px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    width: 26px;
  }
}
@media (min-width: 992px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    width: 24.7px;
  }
}
@media (max-width: 992px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    width: 19.5px;
  }
}
@media (max-width: 575px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    width: 16.9px;
  }
}
@media (min-width: 1600px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    height: 26px;
  }
}
@media (min-width: 992px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    height: 24.7px;
  }
}
@media (max-width: 992px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    height: 19.5px;
  }
}
@media (max-width: 575px) {
  #mauticform_wrapper_meettheceoform input[type=radio] {
    height: 16.9px;
  }
}
#mauticform_wrapper_meettheceoform input[type=radio]:checked {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.ceoMsg-section {
  padding: 25px;
}
.ceoMsg-section .ceoMsg-section-img-container {
  height: max-content;
  max-width: 100%;
}
.ceoMsg-section .ceoMsg-section-img {
  position: relative;
  width: max-content;
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main {
  overflow: hidden;
  position: relative;
  z-index: 2;
  width: 100%;
}
.ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main img {
  width: auto;
  border-radius: 16px;
}
.ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern {
  position: absolute;
  bottom: 0;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern img {
    max-width: 310px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern img {
    max-width: 294.5px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern img {
    max-width: 232.5px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern img {
    max-width: 201.5px;
  }
}
.ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
  color: #384250;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    margin-bottom: 3.25px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name h5 {
    line-height: 18.2px;
  }
}
.ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
  color: #384250;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-text-name p {
    line-height: 15.6px;
  }
}
.ceoMsg-section .ceoMsg-section-text {
  width: 100%;
  position: relative;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteTop img {
    max-width: 70px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteTop img {
    max-width: 66.5px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteTop img {
    max-width: 52.5px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteTop img {
    max-width: 45.5px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteBottom img {
    max-width: 70px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteBottom img {
    max-width: 66.5px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteBottom img {
    max-width: 52.5px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteBottom img {
    max-width: 45.5px;
  }
}
.ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
  color: #384250;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-heading h3 {
    line-height: 18.2px;
  }
}
.ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
  color: #384250;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-detail p {
    line-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name {
    margin-top: 28.5px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name {
    margin-top: 22.5px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name {
    margin-top: 19.5px;
  }
}
.ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
  color: #384250;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    margin-bottom: 3.25px;
  }
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name h5 {
    font-size: 13px;
  }
}
.ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name p {
  color: #384250;
}
@media (min-width: 1600px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ceoMsg-section .ceoMsg-section-text .ceoMsg-section-text-name p {
    font-size: 10.4px;
  }
}

[lang=ar] .visionMission .visionMission-card .visionCard {
  background: linear-gradient(-90deg, #25935f 0%, #074d31 100%);
}
[lang=ar] .visionMission .visionMission-card .visionCard.missionCard {
  background: linear-gradient(-90deg, #074d31 0%, #25935f 100%);
}
[lang=ar] .visionMission .visionMission-card div > .col-lg-6 .visionCard .visionCard-title h3 {
  margin-bottom: 10px;
}
[lang=ar] .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight img,
[lang=ar] .ceoMessage.dailyReport .pattern .topRight img,
[lang=ar] .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteTop img,
[lang=ar] .ceoMsg-section .ceoMsg-section-text .quoteIcon .quoteBottom img,
[lang=ar] .ceoMsg-section .ceoMsg-section-img .ceoMsg-section-img-main .pattern .img-pattern img,
[lang=ar] .ceoMessage.dailyReport .pattern .topLeft img,
[lang=ar] .ceoMessage.dailyReport .pattern .topFull img,
[lang=ar] .visionMission .visionMission-card .visionCard.missionCard .pattern .topLeft img,
[lang=ar] .visionMission .visionMission-card .visionCard .pattern .bottomRight {
  transform: scaleX(-1);
}

.Center_Objectives {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.ourValues {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 575px) {
  .ourValues .mainHeading.headIcon {
    flex-wrap: wrap;
  }
}
.ourValues .mainHeading.headIcon .pattern {
  width: 100%;
}
.ourValues .mainHeading.headIcon .pattern img {
  width: 100%;
  max-width: 100%;
}
.ourValues .mainHeading.headIcon .heading-primary {
  margin-bottom: 0;
  white-space: nowrap;
}
@media (max-width: 575px) {
  .ourValues .mainHeading.headIcon .heading-primary {
    white-space: normal;
  }
}
.ourValues .ourValues-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  position: relative;
  z-index: 3;
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid {
    grid-gap: 30px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid {
    grid-gap: 28.5px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid {
    grid-gap: 22.5px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid {
    grid-gap: 19.5px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.ourValues .ourValues-grid .also-ourValues-grid-items.ourValues-grid-items {
  height: 100%;
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .also-ourValues-grid-items.ourValues-grid-items {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .also-ourValues-grid-items.ourValues-grid-items {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .also-ourValues-grid-items.ourValues-grid-items {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .also-ourValues-grid-items.ourValues-grid-items {
    padding-inline: 16.25px;
  }
}
.ourValues .ourValues-grid .ourValues-grid-items {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  background: #ffffff;
  transition: 0.5s all;
}
.ourValues .ourValues-grid .ourValues-grid-items:hover {
  filter: none;
}
.ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
  color: #161616;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-title {
    line-height: 15.6px;
  }
}
.ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
  color: #161616;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp {
    line-height: 15.6px;
  }
}
.ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
  color: #161616;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourValues .ourValues-grid .ourValues-grid-items .ourValues-grid-items-descp p {
    line-height: 15.6px;
  }
}

.visionMission {
  background-color: #ffffff;
  padding-top: 50px;
  padding-bottom: 50px;
}
.visionMission .visionCard {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  background: #ffffff;
  transition: 0.5s all;
  height: 100%;
}
.visionMission .visionCard .visionCard-title {
  font-weight: 700;
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .visionMission .visionCard .visionCard-title {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .visionMission .visionCard .visionCard-title {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .visionMission .visionCard .visionCard-title {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .visionMission .visionCard .visionCard-title {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .visionMission .visionCard .visionCard-title {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .visionMission .visionCard .visionCard-title {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .visionMission .visionCard .visionCard-title {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .visionMission .visionCard .visionCard-title {
    line-height: 15.6px;
  }
}
.visionMission .visionCard .visionCard-descp {
  font-weight: 400;
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .visionMission .visionCard .visionCard-descp {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .visionMission .visionCard .visionCard-descp {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .visionMission .visionCard .visionCard-descp {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .visionMission .visionCard .visionCard-descp {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .visionMission .visionCard .visionCard-descp {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .visionMission .visionCard .visionCard-descp {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .visionMission .visionCard .visionCard-descp {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .visionMission .visionCard .visionCard-descp {
    line-height: 15.6px;
  }
}

@media (min-width: 1600px) {
  .ourValues-grid .col .ourValues-grid-items:has(.has-text) {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .ourValues-grid .col .ourValues-grid-items:has(.has-text) {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .ourValues-grid .col .ourValues-grid-items:has(.has-text) {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .ourValues-grid .col .ourValues-grid-items:has(.has-text) {
    padding-inline: 13px;
  }
}

.ourValues-grid-items .ourValues-grid-items-descp.text-istart,
.ourValues-grid-items .ourValues-grid-items-title.text-istart {
  text-align: initial !important;
}

.ourValues-grid-items-descp.text-istart ul {
  list-style: none;
  padding-inline-start: 0;
  height: 200px;
  overflow-y: auto;
}

.ourValues-grid-items-descp.text-istart ul li {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1600px) {
  .ourValues-grid-items-descp.text-istart ul li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .ourValues-grid-items-descp.text-istart ul li {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .ourValues-grid-items-descp.text-istart ul li {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .ourValues-grid-items-descp.text-istart ul li {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .ourValues-grid-items-descp.text-istart ul li {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourValues-grid-items-descp.text-istart ul li {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourValues-grid-items-descp.text-istart ul li {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourValues-grid-items-descp.text-istart ul li {
    line-height: 15.6px;
  }
}

.ourValues-grid-items-descp.text-istart ul li::before {
  content: "•";
  color: #074D31;
  font-size: 25px;
  display: inline-block;
  width: 8px;
  margin-inline-end: 0.5em;
  position: relative;
  vertical-align: middle;
  top: -5px;
}

[lang=ar] .ourValues-grid-items-descp.text-istart ul li::before {
  font-family: "IBMPlexSans";
  top: 0 !important;
}

.ourObjectives {
  background-color: #dbedf8;
  position: relative;
}
@media (min-width: 1600px) {
  .ourObjectives {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .ourObjectives {
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .ourObjectives {
    margin-top: 0px;
  }
}
@media (max-width: 575px) {
  .ourObjectives {
    margin-top: 0px;
  }
}
@media (min-width: 1600px) {
  .ourObjectives {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .ourObjectives {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  .ourObjectives {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .ourObjectives {
    padding-top: 52px;
  }
}
@media (min-width: 1600px) {
  .ourObjectives {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .ourObjectives {
    padding-bottom: 95px;
  }
}
@media (max-width: 992px) {
  .ourObjectives {
    padding-bottom: 75px;
  }
}
@media (max-width: 575px) {
  .ourObjectives {
    padding-bottom: 65px;
  }
}
.ourObjectives .pattern .fullTop {
  position: absolute;
}
@media (min-width: 1600px) {
  .ourObjectives .pattern .fullTop {
    left: 0px;
  }
}
@media (min-width: 992px) {
  .ourObjectives .pattern .fullTop {
    left: 0px;
  }
}
@media (max-width: 992px) {
  .ourObjectives .pattern .fullTop {
    left: 0px;
  }
}
@media (max-width: 575px) {
  .ourObjectives .pattern .fullTop {
    left: 0px;
  }
}
@media (min-width: 1600px) {
  .ourObjectives .pattern .fullTop {
    top: -110px;
  }
}
@media (min-width: 992px) {
  .ourObjectives .pattern .fullTop {
    top: -104.5px;
  }
}
@media (max-width: 992px) {
  .ourObjectives .pattern .fullTop {
    top: -82.5px;
  }
}
@media (max-width: 575px) {
  .ourObjectives .pattern .fullTop {
    top: -71.5px;
  }
}
.ourObjectives .pattern .fullTop img {
  width: 100%;
}
.ourObjectives .mainHeading.headIcon {
  justify-content: center;
}
.ourObjectives .mainHeading.headIcon .heading-primary {
  margin-bottom: 0;
}

@media (min-width: 1600px) {
  .ourObjectivesMain {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain {
    margin-top: 26px;
  }
}
.ourObjectivesMain .ourObjectivesMain-items {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
  border: solid #25935f;
  box-shadow: none;
  position: relative;
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-top: 19px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-top: 15px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-top: 13px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-bottom: 38px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    padding-bottom: 26px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items {
    border-radius: 10.4px;
  }
}
.ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-content {
  height: 100%;
  max-height: max-content;
}
.ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-cta i {
  transform: rotate(-180deg);
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-title {
  text-align: center;
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-title h4 {
  color: #ffffff;
  font-weight: 500;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-title h4 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-title h4 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-title h4 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-title h4 {
    font-size: 15.6px;
  }
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content {
  height: 100%;
  max-height: 0;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 20px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 19px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 15px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 13px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 50px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 47.5px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 37.5px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 32.5px;
  }
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
  color: #ffffff;
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: white;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid #25935f;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    bottom: -25px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    bottom: -23.75px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    bottom: -18.75px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    bottom: -16.25px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    width: 50px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    width: 47.5px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    width: 37.5px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    width: 32.5px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    height: 47.5px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    height: 37.5px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    height: 32.5px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta {
    border-width: 1.3px;
  }
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: solid #25935f;
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    width: 25px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    width: 23.75px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    width: 18.75px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    width: 16.25px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    height: 25px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    height: 23.75px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    height: 18.75px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    height: 16.25px;
  }
}
@media (min-width: 1600px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    border-width: 2px;
  }
}
@media (min-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    border-width: 1.9px;
  }
}
@media (max-width: 992px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    border-width: 1.5px;
  }
}
@media (max-width: 575px) {
  .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span {
    border-width: 1.3px;
  }
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-cta span i {
  color: #25935f;
  transition: 0.5s all;
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern {
  position: absolute;
  right: 0;
  left: unset;
  top: 0;
}

[lang=ar] .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern {
  right: unset !important;
  left: 0 !important;
}

@media (min-width: 1400px) {
  .h-xxl-49 {
    height: 49% !important;
  }
}
@media (max-width: 1400px) {
  .h-xl-auto {
    height: auto !important;
  }
  .h-xl-49 {
    height: 49% !important;
  }
}
@media (max-width: 1200px) {
  .h-lg-auto {
    height: auto !important;
  }
  .h-lg-49 {
    height: 49% !important;
  }
}
.boardOfDirectors {
  background-color: white;
  position: relative;
}
@media (min-width: 1600px) {
  .boardOfDirectors {
    padding-block: 80px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors {
    padding-block: 76px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors {
    padding-block: 52px;
  }
}
.boardOfDirectors .pattern .bottomLeft {
  position: absolute;
}
@media (min-width: 1600px) {
  .boardOfDirectors .pattern .bottomLeft {
    bottom: 0px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors .pattern .bottomLeft {
    bottom: 0px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors .pattern .bottomLeft {
    bottom: 0px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors .pattern .bottomLeft {
    bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors .pattern .bottomLeft {
    inset-inline-start: 0px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors .pattern .bottomLeft {
    inset-inline-start: 0px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors .pattern .bottomLeft {
    inset-inline-start: 0px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors .pattern .bottomLeft {
    inset-inline-start: 0px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors .pattern .bottomLeft img {
    max-width: 705px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors .pattern .bottomLeft img {
    max-width: 669.75px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors .pattern .bottomLeft img {
    max-width: 528.75px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors .pattern .bottomLeft img {
    max-width: 458.25px;
  }
}
.boardOfDirectors-main {
  max-width: 1700px;
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .boardOfDirectors-main {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main {
    margin-top: 19px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main {
    margin-top: 15px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main {
    margin-top: 13px;
  }
}
.boardOfDirectors-main .boardOfDirectors-main-card {
  border-radius: 16px;
  overflow: hidden;
  background-color: #ffffff;
  position: relative;
  border: 1px solid #D2D6DB;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card {
    margin: 0 auto;
  }
}
.boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: 255px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: 242.25px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: 191.25px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: 165.75px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: 300px;
  }
}
.boardOfDirectors-main .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight {
  position: absolute;
  bottom: 0;
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight img {
    max-width: 171px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight img {
    max-width: 162.45px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight img {
    max-width: 128.25px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .pattern .bottomRight img {
    max-width: 111.15px;
  }
}
.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image {
  border-radius: 16px;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image {
    height: 700px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image {
    height: 665px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image {
    height: 525px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image {
    height: 455px;
  }
}
.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
  color: #1f2a37;
  font-weight: 700;
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-title h2 {
    line-height: 18.2px;
  }
}
.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation {
  position: relative;
}
.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
  color: #1f2a37;
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content .boardOfDirectors-main-card-designation p {
    line-height: 15.6px;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .sticky-col {
    position: sticky;
    top: 0;
    height: 100vh;
    overflow: hidden;
  }
  .scrollable-col {
    height: 100vh;
    overflow-y: auto;
    position: relative;
    top: var(--bs-gutter-y);
  }
  .scrollable-col .row {
    position: relative;
    bottom: var(--bs-gutter-y);
  }
  .scrollable-col .row .col-ling {
    height: 52.7vh;
    margin-top: 0;
    padding-top: var(--bs-gutter-y);
  }
  .scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard {
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1200px) and (max-width: 1400px) {
  .scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: unset;
  }
  .scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-content {
    height: max-content;
  }
}
.scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
  max-height: 70%;
}

.scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-content {
  position: relative;
  overflow: auto;
}

.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-image {
  max-height: 84%;
}

.boardOfDirectors-main .boardOfDirectors-main-card .boardOfDirectors-main-card-content {
  position: relative;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-image {
    height: 55%;
  }
  .scrollable-col .row .col-ling .boardOfDirectors-main-card.smallCard .boardOfDirectors-main-card-content {
    height: max-content;
  }
}
@media (min-width: 1600px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-top: 52px;
  }
}
@media (min-width: 1600px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-bottom: 150px;
  }
}
@media (min-width: 992px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-bottom: 142.5px;
  }
}
@media (max-width: 992px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-bottom: 112.5px;
  }
}
@media (max-width: 575px) {
  .latestNewsBg.hourlyForecast.executiveManagement {
    padding-bottom: 97.5px;
  }
}

.executiveManagement {
  max-height: unset !important;
}
.executiveManagement .boardOfDirectors-main {
  margin-top: 0;
}

.prince-king-container {
  max-width: 1700px;
}

.mainServices {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #F7FDF9;
}
@media (min-width: 1600px) {
  .mainServices.moveable-section-table {
    padding-bottom: 125px;
  }
}
@media (min-width: 992px) {
  .mainServices.moveable-section-table {
    padding-bottom: 118.75px;
  }
}
@media (max-width: 992px) {
  .mainServices.moveable-section-table {
    padding-bottom: 93.75px;
  }
}
@media (max-width: 575px) {
  .mainServices.moveable-section-table {
    padding-bottom: 81.25px;
  }
}
.mainServices.dailyReport.moveable-section-table .pattern .topLeft {
  top: -4vw;
}
@media (max-width: 575px) {
  .mainServices.dailyReport.moveable-section-table .pattern .topLeft {
    display: none;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport.moveable-section-table .pattern .bottomRight {
    display: none;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .pattern .topLeft {
    top: 0px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .pattern .topLeft {
    top: 0px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .pattern .topLeft {
    top: 0px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .pattern .topLeft {
    top: 0px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .pattern .topLeft img {
    max-width: 292px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .pattern .topLeft img {
    max-width: 277.4px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .pattern .topLeft img {
    max-width: 219px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .pattern .topLeft img {
    max-width: 189.8px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section {
    margin-top: 0px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section {
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section {
    margin-top: 0px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section {
    margin-top: 0px;
  }
}
.mainServices.dailyReport .dailyReport-section .filters-for-services {
  padding-top: 0.75rem;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services #filterSection {
  display: flex;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services .card {
  border-radius: 16px;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services .cardTitle {
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .filters-for-services .cardTitle {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .filters-for-services .cardTitle {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .filters-for-services .cardTitle {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .filters-for-services .cardTitle {
    font-size: 13px;
  }
}
.mainServices.dailyReport .dailyReport-section .filters-for-services #selectedTagsList {
  display: none;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services #selectedTagsList:has(.badge) {
  display: flex;
  margin-bottom: 1rem;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services .badge {
  width: 80px;
  min-width: max-content;
  padding-inline: 10px;
  padding-block: 6px 4px;
  border-radius: 4px;
  font-weight: 400;
  background-color: #ffffff;
  color: #161616;
  border: 1px solid #1F2A37;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services .badge button.btn-close.btn-sm {
  margin-inline-start: 0.25rem;
  position: relative;
  top: -1px;
  background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23161616'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services .form-check-label::before {
  border-color: #6c737f;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services .form-check-label::after {
  color: #0D121C;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path id="Icon_material-check-box" data-name="Icon material-check-box" d="M25.833,4.5H7.167A2.666,2.666,0,0,0,4.5,7.167V25.833A2.666,2.666,0,0,0,7.167,28.5H25.833A2.666,2.666,0,0,0,28.5,25.833V7.167A2.666,2.666,0,0,0,25.833,4.5Zm-12,18.667L7.167,16.5l1.88-1.88,4.787,4.773,10.12-10.12,1.88,1.893Z" transform="translate(-4.5 -4.5)" fill="%230D121C"/></svg>');
}
.mainServices.dailyReport .dailyReport-section .filters-for-services #tagFilter.tag-section .badge {
  min-width: max-content;
  padding-inline: 10px;
  padding-block: 5px;
  border-radius: 4px;
  background-color: #ffffff;
  color: #161616;
  border: 1px solid #E5E7EB;
}
.mainServices.dailyReport .dailyReport-section .filters-for-services #tagFilter.tag-section .badge.selected {
  background-color: #ffffff;
  color: #161616;
  border: 1px solid #1F2A37;
}
.mainServices.dailyReport .dailyReport-section .row-like {
  margin: 0;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 16px;
}
.mainServices.dailyReport .dailyReport-section .row-like:not(:has(.dailyReport-card)) {
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 2300px) {
  .mainServices.dailyReport .dailyReport-section .row-like {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .row-like {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .row-like {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .row-like {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mainServices.dailyReport .dailyReport-section .row-like.noFilter {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 2300px) {
  .mainServices.dailyReport .dailyReport-section .row-like.noFilter {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .row-like.noFilter {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 1199px) {
  .mainServices.dailyReport .dailyReport-section .row-like.noFilter {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .row-like.noFilter {
    grid-template-columns: repeat(1, 1fr);
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp {
  z-index: 1;
  align-items: center;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp {
    height: 48px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp {
    height: 45.6px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp {
    height: 36px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp {
    height: 31.2px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppTitle h4 {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppTitle h4 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppTitle h4 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppTitle h4 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppTitle h4 {
    font-size: 11.7px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a {
  display: inline-block;
  position: relative;
  padding: 5px 10px;
  height: 100%;
  background-color: rgba(7, 77, 49, 0.8);
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a {
    border-radius: 6.5px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a img {
  height: 100%;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a::before {
  position: absolute;
  left: 0;
  top: 0;
  border: 1px solid #25935f;
  content: "";
  transform: scale(1.04, 1.2);
  width: 100%;
  height: 100%;
  transition: 0.3s all ease-in-out;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a::before {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a::before {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a::before {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a::before {
    border-radius: 6.5px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card.smallCard .downloadApp .downloadAppIcon a:hover::before {
  transform: scale(1.05, 1.3);
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card {
    padding: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card {
    padding: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card {
    padding: 9.75px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image {
  height: 300px;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image img {
  height: 100%;
  object-fit: cover;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image::after {
  display: none;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content {
  overflow-y: auto;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content {
    padding-inline: 6.5px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.dailyReport-card-content-regional {
  height: 250px;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.dailyReport-card-content-regional .dailyReport-card-content-title .titleText {
  width: 80%;
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.dailyReport-card-content-regional .dailyReport-card-content-title .titleText {
    width: 100%;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.dailyReport-card-content-regional .regional--centers-container a:hover {
  color: #fcb725;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content.dailyReport-card-content-regional .regional--centers-container strong {
  font-size: inherit !important;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
  max-height: unset !important;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp {
    margin-bottom: 13px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
  color: #1F2A37;
  margin: 0;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p {
    line-height: 18.2px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText p strong {
  font-size: inherit !important;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul {
  color: #161616;
  line-height: 1.3 !important;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp.serviceCardText ul li {
    line-height: 15.6px;
  }
}
.mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
  margin-bottom: 16px;
  text-align: left !important;
  width: 100%;
  line-height: 38px !important;
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 26.6px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 21px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 18.2px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    max-width: 190px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    max-width: 130px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    margin-inline-start: 15px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    margin-inline-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    margin-inline-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    margin-inline-start: 9.75px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    line-height: 15.6px;
  }
}

.card--with-shadow {
  box-shadow: rgba(16, 24, 40, 0.1) 0px 4px 8px -2px, rgba(16, 24, 40, 0.06) 0px 2px 4px -2px;
  border: 2px solid #ffffff !important;
}
.card--with-shadow:hover {
  background-color: #f9fafb !important;
}
.card--with-shadow:focus-visible, .card--with-shadow:focus, .card--with-shadow:focus-within {
  border: 2px solid #161616 !important;
}

@media (min-width: 1600px) {
  [lang=ar] .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .mainServices.dailyReport .dailyReport-section .dailyReport-card .lightBtn {
    font-size: 9.1px;
  }
}
[lang=ar] .mainServices.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
  text-align: right !important;
}

.service-detail-key-container {
  position: relative;
  background-color: transparent;
}
.service-detail-key-container .service-benefits-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 30px;
}
@media (max-width: 1199px) {
  .service-detail-key-container .service-benefits-container {
    grid-template-columns: repeat(1, 1fr);
  }
}
.service-detail-key-container .service-benefits-container.grid-2 {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1199px) {
  .service-detail-key-container .service-benefits-container.grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 767px) {
  .service-detail-key-container .service-benefits-container.grid-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.service-detail-image-container .heading-container h3 {
  font-weight: 700;
  color: #161616;
  margin: 0;
  position: relative;
}
@media (min-width: 1600px) {
  .service-detail-image-container .heading-container h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .service-detail-image-container .heading-container h3 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .service-detail-image-container .heading-container h3 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .service-detail-image-container .heading-container h3 {
    font-size: 13px;
  }
}
.service-detail-image-container .heading-container h3::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 6px;
  bottom: -15px;
  left: 0;
  background-color: #1b8354;
  border-radius: 9999px;
}

.service-requirements-container .requirement-card {
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
}
.service-requirements-container .requirement-card strong {
  font-weight: 700;
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .service-requirements-container .requirement-card strong {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .service-requirements-container .requirement-card strong {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .service-requirements-container .requirement-card strong {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .service-requirements-container .requirement-card strong {
    font-size: 11.7px;
  }
}
.service-requirements-container .requirement-card ul {
  list-style: disc;
  padding-left: 0;
  padding-inline-start: 22px;
  margin: 0;
}
.service-requirements-container .requirement-card ul li {
  font-weight: 400;
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .service-requirements-container .requirement-card ul li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .service-requirements-container .requirement-card ul li {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .service-requirements-container .requirement-card ul li {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .service-requirements-container .requirement-card ul li {
    font-size: 11.7px;
  }
}

.view-all p {
  color: #161616;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.1s ease-in;
}
.view-all p a {
  color: inherit;
}
.view-all p a:hover {
  text-decoration: underline;
}
.view-all button,
.view-all .buttonView {
  height: 40px;
  padding-inline: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D2D6DB;
  border-radius: 4px;
  background-color: transparent;
  color: #161616;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.1s ease-in;
}
.view-all button:hover,
.view-all .buttonView:hover {
  text-decoration: none;
  background-color: #D2D6DB;
}

.grid-services .lightBtn.animateBtn {
  min-width: max-content;
}

.grid-services .demo-icon.icon-externalsvg {
  padding: 0 !important;
}

.related-services-container .grid-services {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(4, 1fr);
}
.related-services-container .grid-services.slider-for-services, .related-services-container .grid-services.slider-for-related-services {
  display: block;
  grid-gap: unset;
}
.related-services-container .grid-services.slider-for-services .slick-track, .related-services-container .grid-services.slider-for-related-services .slick-track {
  display: flex;
}
.related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
  height: inherit;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    margin-inline: 15px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    margin-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    margin-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    margin-inline: 9.75px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    padding-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    padding-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    padding-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services.slider-for-services .sliderItems, .related-services-container .grid-services.slider-for-related-services .sliderItems {
    padding-bottom: 3.25px;
  }
}
.related-services-container .grid-services.grid-custom-arrows {
  position: relative;
}
.related-services-container .grid-services.grid-custom-arrows .slick-next {
  inset-inline-end: 0;
  bottom: 0;
  transform: none;
  top: unset;
  inset-inline-start: unset;
}
.related-services-container .grid-services.grid-custom-arrows .slick-prev {
  inset-inline-end: 60px;
  bottom: 0;
  inset-inline-start: unset;
  transform: none;
  top: unset;
}
.related-services-container .grid-services.grid-custom-arrows .slick-dots {
  justify-content: flex-start;
  margin-top: 0;
  margin-block: 0;
  bottom: 15px;
  position: relative;
}
@media (max-width: 992px) {
  .related-services-container .grid-services.grid-custom-arrows .slick-dots li {
    opacity: 0;
    pointer-events: none;
  }
}
.related-services-container .grid-services.grid-custom-arrows .slick-list.draggable {
  max-width: 100%;
  margin: 0;
}
@media (max-width: 575px) {
  .related-services-container .grid-services.grid-custom-arrows .slick-next {
    inset-inline-end: 20px;
  }
  .related-services-container .grid-services.grid-custom-arrows .slick-prev {
    inset-inline-end: 50px;
  }
  .related-services-container .grid-services.grid-custom-arrows .slick-dots {
    padding-inline-start: 20px;
  }
}
@media (min-width: 2300px) {
  .related-services-container .grid-services {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media (max-width: 1600px) {
  .related-services-container .grid-services {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services {
    grid-template-columns: repeat(1, 1fr);
  }
}
.related-services-container .grid-services .dailyReport-card {
  border-radius: 16px;
  padding: 16px;
  background: #ffffff;
  border: 1px solid #D2D6DB;
  position: relative;
  height: 100%;
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-image {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image {
    border-radius: 10.4px;
  }
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-image img {
  transition: 0.3s ease-in;
  width: 100%;
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-image:hover img {
  transform: scale(1.05);
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-image::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.35);
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 97%;
  height: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  border-radius: 16px;
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
  color: #ffffff;
  font-weight: 500;
  text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 20.8px;
  }
}
.related-services-container .grid-services .dailyReport-card .center-initiatives-card-image img {
  max-width: 400px;
  max-height: 400px;
  object-fit: cover;
  object-position: top;
  min-width: 100%;
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title {
    gap: 9.75px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 18px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 17.1px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 13.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 11.7px;
  }
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
  color: #1F2A37;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 25px !important;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 15.6px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 18px;
  }
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 25px !important;
  }
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date {
    margin-bottom: 13px;
  }
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date i {
    font-size: 7.8px;
  }
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
  color: #ffffff;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    font-size: 7.8px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 17.1px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 13.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .dailyReport-card-content-date .dailyReport-card-content-date-text {
    line-height: 11.7px;
  }
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp {
  overflow: hidden;
}
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
.related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
  color: #0D121C;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp p,
  .related-services-container .grid-services .dailyReport-card .dailyReport-card-content .text-descp strong {
    line-height: 15.6px;
  }
}
.related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
  align-items: baseline;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title {
    margin-bottom: 3.25px;
  }
}
.related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
  font-weight: 700;
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    line-height: 24.7px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title .titleText {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 16px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 15.2px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 12px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .dailyReport-card-content .dailyReport-card-content-title i svg {
    max-width: 10.4px;
  }
}
@media (min-width: 1600px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .lightBtn {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .lightBtn {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .lightBtn {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services .dailyReport-card.smallCard .lightBtn {
    font-size: 9.1px;
  }
}

.service-detail-key-container .tab-content {
  display: none;
}
.service-detail-key-container .tab-content:has(.show.active) {
  display: block;
}
.service-detail-key-container .main-nav-all-links {
  font-weight: 600;
}
@media (min-width: 1600px) {
  .service-detail-key-container .main-nav-all-links {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .service-detail-key-container .main-nav-all-links {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .service-detail-key-container .main-nav-all-links {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .service-detail-key-container .main-nav-all-links {
    font-size: 15.6px;
  }
}
.service-detail-key-container .sub-nav-links {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .service-detail-key-container .sub-nav-links {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .service-detail-key-container .sub-nav-links {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .service-detail-key-container .sub-nav-links {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .service-detail-key-container .sub-nav-links {
    font-size: 13px;
  }
}
.service-detail-key-container .content-links p, .service-detail-key-container .content-links ul, .service-detail-key-container .content-links li, .service-detail-key-container .content-links a {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .service-detail-key-container .content-links p, .service-detail-key-container .content-links ul, .service-detail-key-container .content-links li, .service-detail-key-container .content-links a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .service-detail-key-container .content-links p, .service-detail-key-container .content-links ul, .service-detail-key-container .content-links li, .service-detail-key-container .content-links a {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .service-detail-key-container .content-links p, .service-detail-key-container .content-links ul, .service-detail-key-container .content-links li, .service-detail-key-container .content-links a {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .service-detail-key-container .content-links p, .service-detail-key-container .content-links ul, .service-detail-key-container .content-links li, .service-detail-key-container .content-links a {
    font-size: 11.7px;
  }
}
.service-detail-key-container .fade {
  display: none;
}
.service-detail-key-container .fade.show {
  display: block;
}
.service-detail-key-container .nav-link {
  color: #161616;
}
.service-detail-key-container #reqChildTabs .nav-tabs {
  border: none;
  outline: none;
  box-shadow: none;
}
.service-detail-key-container #reqChildTabs .nav-tabs button {
  border: none;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  color: #1b8354;
  transition: all 0.1s ease;
}
.service-detail-key-container #reqChildTabs .nav-tabs button:hover {
  text-decoration: underline;
}
.service-detail-key-container #reqChildTabs .nav-tabs button.active, .service-detail-key-container #reqChildTabs .nav-tabs button .active {
  text-decoration: underline;
}

.in_services.contact-us-contact-details {
  position: absolute;
  top: 250px;
}
@media (min-width: 1600px) {
  .in_services.contact-us-contact-details {
    inset-inline-end: 50px;
  }
}
@media (min-width: 992px) {
  .in_services.contact-us-contact-details {
    inset-inline-end: 47.5px;
  }
}
@media (max-width: 992px) {
  .in_services.contact-us-contact-details {
    inset-inline-end: 37.5px;
  }
}
@media (max-width: 575px) {
  .in_services.contact-us-contact-details {
    inset-inline-end: 32.5px;
  }
}
@media (max-width: 767px) {
  .in_services.contact-us-contact-details {
    margin-block: 50px;
    position: relative;
    top: unset;
    inset-inline-end: unset;
  }
}

.services-standards-below-table-p p {
  color: #25935f;
  width: max-content;
  margin: 0;
}

.maxing-moveabletable {
  width: 100%;
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
  min-width: 120px;
  width: 150px;
  white-space: unset;
  vertical-align: top;
}
@media (min-width: 1600px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    line-height: 15.6px;
  }
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th div {
  font-size: inherit !important;
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
  min-width: 120px;
  width: 150px;
  white-space: unset;
}
@media (min-width: 1600px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    line-height: 15.6px;
  }
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td:nth-child(2) {
  min-width: 300px;
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td p {
  white-space: unset;
  font-size: inherit !important;
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td p a {
  font-size: inherit !important;
}
.maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td p:last-child {
  margin: 0;
}

@media (max-width: 575px) {
  [lang=ar] .related-services-container .grid-services.grid-custom-arrows .slick-next {
    inset-inline-end: 50px;
  }
  [lang=ar] .related-services-container .grid-services.grid-custom-arrows .slick-prev {
    inset-inline-end: 20px;
  }
}
[lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr,
[lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr {
  height: auto;
}
@media (min-width: 1600px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table thead tr th {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .cstmTableSimple .maxing-moveabletable .cstmTableSimple-card .cstmTableMain table tbody tr td {
    font-size: 11.7px;
  }
}

@media (min-width: 1600px) {
  .volunteering-section {
    padding-block: 60px;
  }
}
@media (min-width: 992px) {
  .volunteering-section {
    padding-block: 57px;
  }
}
@media (max-width: 992px) {
  .volunteering-section {
    padding-block: 45px;
  }
}
@media (max-width: 575px) {
  .volunteering-section {
    padding-block: 39px;
  }
}
.volunteering-section .v-h2 {
  color: #161616;
  font-weight: 500;
  text-align: center;
  margin: 0;
}
@media (min-width: 1600px) {
  .volunteering-section .v-h2 {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-h2 {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-h2 {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-h2 {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .v-h2 {
    line-height: 40px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-h2 {
    line-height: 38px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-h2 {
    line-height: 30px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-h2 {
    line-height: 26px;
  }
}
.volunteering-section .v-h5 {
  color: #161616;
  font-weight: 400;
  text-align: center;
}
@media (min-width: 1600px) {
  .volunteering-section .v-h5 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-h5 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-h5 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-h5 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .v-h5 {
    line-height: 29px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-h5 {
    line-height: 27.55px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-h5 {
    line-height: 21.75px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-h5 {
    line-height: 18.85px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .v-h5 {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-h5 {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-h5 {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-h5 {
    margin-bottom: 10.4px;
  }
}
.volunteering-section .accordion-item {
  background-color: #ffffff;
  overflow: hidden;
  border-top: 1px solid #D2D6DB !important;
}
.volunteering-section .v-accordion-button:hover {
  background-color: rgb(247, 253, 249);
}
.volunteering-section .v-accordion-button:focus {
  background-color: #ffffff;
  border: 1px solid black;
}
.volunteering-section .v-accordion-button:active {
  background-color: #F9FAFB;
}
.volunteering-section .accordion-header button:focus {
  outline: none;
  background-color: transparent;
}
.volunteering-section .accordion-header:active {
  background-color: #F9FAFB;
  border: 1px solid #000000;
  border-radius: 0;
}
.volunteering-section .v-accordion-button {
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  height: 77px;
  width: 100%;
  border: none;
}
.volunteering-section .v-accordion-button span {
  border: 1px solid #1b8354;
  height: 30px;
  width: 30px;
  border-radius: 50%;
}
.volunteering-section .v-accordion-button span .fa-chevron-up {
  color: #000000;
  font-size: 20px;
  position: relative;
  top: 1px;
}
.volunteering-section .v-accordion-button h3 {
  color: #161616;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 1600px) {
  .volunteering-section .v-accordion-button h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-accordion-button h3 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-accordion-button h3 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-accordion-button h3 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .v-accordion-button h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .v-accordion-button h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .v-accordion-button h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .v-accordion-button h3 {
    line-height: 18.2px;
  }
}
.volunteering-section .accordion-body .acB-h2 {
  color: #161616;
  font-weight: 600;
  margin: 0;
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h2 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h2 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h2 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h2 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h2 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h2 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h2 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h2 {
    line-height: 18.2px;
  }
}
.volunteering-section .accordion-body .acB-h5 {
  color: #161616;
  font-weight: 400;
  margin: 0;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h5 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h5 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h5 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h5 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h5 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h5 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h5 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h5 {
    line-height: 15.6px;
  }
}
.volunteering-section .accordion-body .acB-h5 a {
  color: #161616;
  cursor: pointer;
}
.volunteering-section .accordion-body .acB-h5 a i {
  color: #25935f !important;
}
.volunteering-section .accordion-body .acB-h4 {
  color: #161616;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h4 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h4 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h4 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h4 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h4 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h4 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h4 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h4 {
    line-height: 15.6px;
  }
}
.volunteering-section .accordion-body .acB-h3 {
  color: #161616;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h3 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .acB-h3 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .acB-h3 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .acB-h3 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .acB-h3 {
    line-height: 15.6px;
  }
}
.volunteering-section .accordion-body .acB-h3 span {
  color: #ff002b;
}
.volunteering-section .accordion-body .volunteer-form {
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .volunteer-form {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form {
    padding: 38px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .volunteer-form {
    padding: 26px;
  }
}
.volunteering-section .accordion-body .volunteer-form .vf-input {
  border: none;
  background-color: #F9FAFB;
  color: #384250;
  min-height: fit-content;
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  background-clip: padding-box;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
  margin: 0;
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    height: 42px;
  }
}
@media (min-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    height: 39.9px;
  }
}
@media (max-width: 992px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    height: 31.5px;
  }
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .volunteer-form .vf-input {
    height: 27.3px;
  }
}
.volunteering-section .accordion-body .volunteer-form .vf-input::placeholder {
  color: #161616;
  opacity: 1;
}
.volunteering-section .accordion-body .volunteer-form .vf-textarea {
  min-height: 150px !important;
  resize: none;
  line-height: 1 !important;
  padding-block: 20px;
}
.volunteering-section .accordion-body .volunteer-form .vf-select {
  appearance: none;
  /* Hide default arrow */
  -webkit-appearance: none;
  /* Hide default arrow in Safari */
  -moz-appearance: none;
  /* Hide default arrow in Firefox */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%238F8F8F%22 stroke%3D%22%238F8F8F%22 stroke-width%3D%222%22 d%3D%22M2 7l10 10L22 7z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  line-height: 1 !important;
}
.volunteering-section .accordion-body .volunteer-form .vf-select option {
  color: #161616;
  line-height: 1 !important;
}
.volunteering-section .accordion-body .volunteer-form .vf-button {
  width: 100%;
  max-width: 250px;
  height: 46px;
  min-width: 200px;
}
@media (max-width: 575px) {
  .volunteering-section .accordion-body .volunteer-form .vf-button {
    max-width: unset;
    min-width: unset;
  }
}

.vf-button {
  width: 100%;
  max-width: 250px;
  height: 46px;
  min-width: 200px;
}
@media (max-width: 575px) {
  .vf-button {
    max-width: unset;
    min-width: unset;
  }
}

@media (max-width: 575px) {
  .button--container {
    width: 100%;
  }
}

.volunteering-section .accordion-body .acB-h5 a {
  transition: all 0.3s ease-in-out;
}

.volunteering-section .accordion-body .acB-h5 a:hover {
  text-decoration: underline;
}

.v-accordion-button.collapsed span .fa-chevron-up {
  transform: rotate(180deg);
  top: 0;
}

.v-accordion-button span .fa-chevron-up {
  transition: all 0.3s ease-in-out;
}

.volunteering-section .accordion-body .volunteer-form .vf-date-input {
  position: relative;
}

.volunteering-section .accordion-body .volunteer-form .vf-date-input::-webkit-calendar-picker-indicator {
  opacity: 0;
  /* Hide the default calendar icon in WebKit browsers */
}

.volunteering-section .accordion-body .volunteer-form .vf-date-input::after {
  content: "";
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%238F8F8F" version="1.1" id="Capa_1" width="18px" height="18px" viewBox="0 0 610.398 610.398" xml:space="preserve"%3E%3Cg%3E%3Cg%3E%3Cpath d="M159.567,0h-15.329c-1.956,0-3.811,0.411-5.608,0.995c-8.979,2.912-15.616,12.498-15.616,23.997v10.552v27.009v14.052c0,2.611,0.435,5.078,1.066,7.44c2.702,10.146,10.653,17.552,20.158,17.552h15.329c11.724,0,21.224-11.188,21.224-24.992V62.553V35.544V24.992C180.791,11.188,171.291,0,159.567,0z"/%3E%3Cpath d="M461.288,0h-15.329c-11.724,0-21.224,11.188-21.224,24.992v10.552v27.009v14.052c0,13.804,9.5,24.992,21.224,24.992h15.329c11.724,0,21.224-11.188,21.224-24.992V62.553V35.544V24.992C482.507,11.188,473.007,0,461.288,0z"/%3E%3Cpath d="M539.586,62.553h-37.954v14.052c0,24.327-18.102,44.117-40.349,44.117h-15.329c-22.247,0-40.349-19.79-40.349-44.117V62.553H199.916v14.052c0,24.327-18.102,44.117-40.349,44.117h-15.329c-22.248,0-40.349-19.79-40.349-44.117V62.553H70.818c-21.066,0-38.15,16.017-38.15,35.764v476.318c0,19.784,17.083,35.764,38.15,35.764h468.763c21.085,0,38.149-15.984,38.149-35.764V98.322C577.735,78.575,560.671,62.553,539.586,62.553z M527.757,557.9l-446.502-0.172V173.717h446.502V557.9z"/%3E%3Cpath d="M353.017,266.258h117.428c10.193,0,18.437-10.179,18.437-22.759s-8.248-22.759-18.437-22.759H353.017c-10.193,0-18.437,10.179-18.437,22.759C334.58,256.074,342.823,266.258,353.017,266.258z"/%3E%3Cpath d="M353.017,348.467h117.428c10.193,0,18.437-10.179,18.437-22.759c0-12.579-8.248-22.758-18.437-22.758H353.017c-10.193,0-18.437,10.179-18.437,22.758C334.58,338.288,342.823,348.467,353.017,348.467z"/%3E%3Cpath d="M353.017,430.676h117.428c10.193,0,18.437-10.18,18.437-22.759s-8.248-22.759-18.437-22.759H353.017c-10.193,0-18.437,10.18-18.437,22.759S342.823,430.676,353.017,430.676z"/%3E%3Cpath d="M353.017,512.89h117.428c10.193,0,18.437-10.18,18.437-22.759c0-12.58-8.248-22.759-18.437-22.759H353.017c-10.193,0-18.437,10.179-18.437,22.759C334.58,502.71,342.823,512.89,353.017,512.89z"/%3E%3Cpath d="M145.032,266.258H262.46c10.193,0,18.436-10.179,18.436-22.759s-8.248-22.759-18.436-22.759H145.032c-10.194,0-18.437,10.179-18.437,22.759C126.596,256.074,134.838,266.258,145.032,266.258z"/%3E%3Cpath d="M145.032,348.467H262.46c10.193,0,18.436-10.179,18.436-22.759c0-12.579-8.248-22.758-18.436-22.758H145.032c-10.194,0-18.437,10.179-18.437,22.758C126.596,338.288,134.838,348.467,145.032,348.467z"/%3E%3Cpath d="M145.032,430.676H262.46c10.193,0,18.436-10.18,18.436-22.759s-8.248-22.759-18.436-22.759H145.032c-10.194,0-18.437,10.18-18.437,22.759S134.838,430.676,145.032,430.676z"/%3E%3Cpath d="M145.032,512.89H262.46c10.193,0,18.436-10.18,18.436-22.759c0-12.58-8.248-22.759-18.436-22.759H145.032c-10.194,0-18.437,10.179-18.437,22.759C126.596,502.71,134.838,512.89,145.032,512.89z"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');
  position: absolute;
  right: 20px;
  left: unset;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  /* Adjust the size of the icon */
  height: 18px;
  /* Adjust the size of the icon */
  pointer-events: none;
}

.volunteering-section .accordion-body .volunteer-form .vf-select {
  background-position: right 20px center;
}

[lang=ar] .volunteering-section .accordion-body .volunteer-form .vf-select {
  background-position: left 20px center !important;
}

@media (max-width: 575px) {
  #mauticform_ncmpublicportalvolunteerform_recaptcha {
    position: relative;
    left: -30px;
    right: unset;
  }
  [lang=ar] #mauticform_ncmpublicportalvolunteerform_recaptcha {
    position: relative;
    left: unset;
    right: -30px;
  }
}
.mauticform-field-hidden {
  display: none;
}

.mauticform-name {
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 3px;
}

.mauticform-description {
  margin-top: 2px;
  margin-bottom: 10px;
}

.mauticform-error {
  margin-top: 10px;
  color: #dd2525;
  font-weight: 500;
  text-align: center;
  padding: 10px;
}
@media (min-width: 1600px) {
  .mauticform-error {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .mauticform-error {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .mauticform-error {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .mauticform-error {
    font-size: 13px;
  }
}

.mauticform-message {
  margin-top: 10px;
  color: #1b8354;
  font-weight: 500;
  text-align: center;
  padding: 10px;
}
@media (min-width: 1600px) {
  .mauticform-message {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .mauticform-message {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .mauticform-message {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .mauticform-message {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .mauticform-message {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .mauticform-message {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .mauticform-message {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .mauticform-message {
    line-height: 18.2px;
  }
}

.mauticform-row {
  display: block;
}

.mauticform-label {
  font-size: 1.1em;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}

.mauticform-helpmessage {
  display: block;
  font-size: 0.9em;
  margin-bottom: 3px;
}

.mauticform-errormsg {
  display: block;
  color: red;
  margin-top: 2px;
}

.mauticform-input[placeholder^="*"]::placeholder {
  color: red; /* color the asterisk in red */
}

.mauticform-selectbox,
.mauticform-input,
.mauticform-textarea {
  width: 100% !important;
  padding: 0.5em 1em;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: none;
  border-radius: 4px;
  box-sizing: border-box;
}

.mauticform-checkboxgrp-label {
  font-weight: normal;
}

.mauticform-checkboxgrp-label a {
  font-size: inherit !important;
}

.mauticform-radiogrp-label {
  font-weight: normal;
}

.mauticform-button-wrapper .mauticform-button,
.mauticform-pagebreak-wrapper .mauticform-pagebreak {
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid #D2D6DB;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.3856;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.mauticform-pagebreak-wrapper .mauticform-button-wrapper {
  display: inline;
}

@media (max-width: 769px) {
  .related-services-container .grid-services.grid-custom-arrows .slick-next {
    inset-inline-end: 42% !important;
    inset-inline-start: unset;
  }
  .related-services-container .grid-services.grid-custom-arrows .slick-prev {
    inset-inline-start: 42% !important;
    inset-inline-end: unset;
  }
  [lang=ar] .related-services-container .grid-services.grid-custom-arrows .slick-next {
    inset-inline-start: 42% !important;
    inset-inline-end: unset;
  }
  [lang=ar] .related-services-container .grid-services.grid-custom-arrows .slick-prev {
    inset-inline-end: 42% !important;
    inset-inline-start: unset;
  }
}
@media (max-width: 575px) {
  .related-services-container .grid-services.grid-custom-arrows .slick-next {
    inset-inline-end: 40% !important;
  }
  .related-services-container .grid-services.grid-custom-arrows .slick-prev {
    inset-inline-start: 40% !important;
  }
  [lang=ar] .related-services-container .grid-services.grid-custom-arrows .slick-next {
    inset-inline-start: 40% !important;
  }
  [lang=ar] .related-services-container .grid-services.grid-custom-arrows .slick-prev {
    inset-inline-end: 40% !important;
  }
}
.red-asterisk {
  color: red;
  position: absolute;
  left: 10px; /* Adjust positioning as needed */
  top: 50%;
  transform: translateY(-50%);
}

.mauticform-required {
  position: relative;
  display: inline-block;
}

.mauticform-required::placeholder {
  margin-left: 20px;
}

.text-descp p {
  line-height: 28px !important;
}

#serviceCardsContainer .demo-icon.icon-externalsvg.rotatable {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.hajj_leaves_separator {
  width: 100%;
  height: clamp(22px, 3.5vw, 40px);
  background-image: url("/assets/images/hajj_day/leaves.png");
  background-repeat: repeat-x;
  background-position: center center;
  background-size: auto 100%;
  line-height: 0;
  display: block;
}

.mraineForecastTop {
  position: relative;
}
.mraineForecastTop .pattern .bottomFull {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mraineForecastTop .pattern .bottomFull img {
  width: 100%;
}
.mraineForecastTop.dailyReport {
  background-color: transparent;
  padding-top: 50px;
  padding-bottom: 50px;
}
.mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image::after {
  display: none;
}
.mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
  font-size: 2vw;
}
@media (max-width: 992px) {
  .mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 5vw;
  }
}
.mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
  inset-inline-end: unset;
  transform: scaleX(-1);
}
@media (min-width: 1600px) {
  .mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
    inset-inline-start: 0px;
  }
}
@media (min-width: 992px) {
  .mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
    inset-inline-start: 0px;
  }
}
@media (max-width: 992px) {
  .mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
    inset-inline-start: 0px;
  }
}
@media (max-width: 575px) {
  .mraineForecastTop.dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop {
    inset-inline-start: 0px;
  }
}
@media (max-width: 575px) {
  .mraineForecastTop.dailyReport {
    padding-bottom: 20px;
  }
}

.todaysWeatherCards.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image::after {
  display: none;
}
.todaysWeatherCards.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
  font-size: 2vw;
}
@media (max-width: 992px) {
  .todaysWeatherCards.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 5vw;
  }
}

@media (min-width: 1600px) {
  .portStatus#forecastWrap {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .portStatus#forecastWrap {
    padding-bottom: 95px;
  }
}
@media (max-width: 992px) {
  .portStatus#forecastWrap {
    padding-bottom: 75px;
  }
}
@media (max-width: 575px) {
  .portStatus#forecastWrap {
    padding-bottom: 65px;
  }
}

[lang=ar] .portStatusMainSection .portStatusMainSection-card .pattern .rightTop img,
[lang=ar] .dailyReport .dailyReport-section .dailyReport-card .pattern .rightTop img,
[lang=ar] .dailyReport .dailyReport-section .dailyReport-card .pattern .rightBottom img {
  transform: scaleX(-1);
}

.portStatusMainSection .portStatusMainSection-card {
  overflow: hidden;
  filter: none;
  position: relative;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card {
    padding: 25px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card {
    padding: 23.75px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card {
    padding: 18.75px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card {
    padding: 16.25px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card {
    border-radius: 9.75px;
  }
}
.portStatusMainSection .portStatusMainSection-card .pattern {
  border-radius: inherit;
}
.portStatusMainSection .portStatusMainSection-card .pattern .rightTop {
  position: absolute;
  top: 0;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop img {
    max-width: 235px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop img {
    max-width: 223.25px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop img {
    max-width: 176.25px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .pattern .rightTop img {
    max-width: 152.75px;
  }
}
.portStatusMainSection .portStatusMainSection-card .blendMode {
  border-radius: inherit;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main {
  position: relative;
  z-index: 3;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    font-size: 24.7px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    font-size: 19.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    font-size: 16.9px;
  }
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .mainHeading .heading-primary {
    margin-bottom: 20px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
  width: 100%;
  max-width: 50vw;
  display: flex;
  justify-content: flex-end;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
    gap: 6.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
    flex-direction: column;
  }
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion {
    max-width: 100%;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  border: 1px solid #D2D6DB;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    gap: 30px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    gap: 28.5px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    gap: 22.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    gap: 19.5px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    padding: 6.5px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select {
    border-radius: 6.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select:first-child {
    width: 100%;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select:last-child {
    width: 100%;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select label {
  color: #161616;
  width: 100%;
  min-width: max-content;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select label {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select label {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select label {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select label {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select .select2-container {
    min-width: 220px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select .select2-container {
    min-width: 209px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select .select2-container {
    min-width: 165px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select .select2-container {
    min-width: 143px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select .select2-container {
    max-width: 100%;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-header .gulfRegion .gulfRegion-Select .select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 50px;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    font-size: 24.7px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    font-size: 19.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    font-size: 16.9px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h4, .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-region h2 {
    margin-bottom: 13px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}
@media (min-width: 992px) and (max-width: 1280px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap {
  padding: 0;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap::before {
  display: none;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap::after {
  display: none;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard {
  margin-top: 0;
  background-color: transparent;
  height: 100%;
  border: 1px solid #d2d6db;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard {
    border-radius: 10.4px;
  }
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard {
    height: 100%;
    min-height: 300px;
    max-height: 325px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: auto !important;
  min-height: 266px;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
    height: 280px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
    height: 266px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
    height: 210px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
    height: 182px;
  }
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
    height: 250px;
  }
}
@media screen and (max-width: 768px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard {
    min-height: unset;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
  flex-direction: column;
  align-items: flex-start;
  border-bottom: 1px solid #D2D6DB;
  color: #161616;
  height: auto !important;
  min-height: 123.5px;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    height: 130px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    height: 123.5px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    height: 97.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    height: 84.5px;
  }
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    font-size: 10.4px;
  }
}
@media (max-width: 769px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    height: 105px !important;
  }
}
@media screen and (max-width: 768px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head {
    min-height: unset;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head:last-child {
  border-bottom: 0px solid #D2D6DB;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textLightBlue {
  color: #1b8354;
  font-weight: 400;
  margin-inline-end: 4px;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textLightBlue {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textLightBlue {
    font-size: 24.7px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textLightBlue {
    font-size: 19.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textLightBlue {
    font-size: 16.9px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textLightBlue sub {
  bottom: 0;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .units-text {
  color: #1b8354;
  margin-bottom: 0;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .units-text {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .units-text {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .units-text {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .units-text {
    font-size: 13px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .wind--direction-text {
  margin-inline-end: 4px;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textOrange {
  color: #1b8354;
  font-weight: 400;
  margin-inline-end: 4px;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textOrange {
    font-size: 26px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textOrange {
    font-size: 24.7px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textOrange {
    font-size: 19.5px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head .textOrange {
    font-size: 16.9px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head i {
  color: #1b8354;
  margin: 0;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .tempStatsCard .head svg {
  height: 15px;
  width: 15px;
  margin: 0;
  direction: ltr;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title {
  position: relative;
  z-index: 1;
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title h3 {
  color: #161616;
}
@media (min-width: 1600px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title h3 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title h3 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title h3 {
    font-size: 13px;
  }
}
.portStatusMainSection .portStatusMainSection-card .portStatusMainSection-card-main .portStatusMainSection-card-grid .portStatusMainSection-card-grid-item.kingdomWrap .kingdomCard .title h3 i {
  color: #1b8354;
}

@media (min-width: 1600px) {
  #subscription {
    padding-block: 70px;
  }
}
@media (min-width: 992px) {
  #subscription {
    padding-block: 66.5px;
  }
}
@media (max-width: 992px) {
  #subscription {
    padding-block: 52.5px;
  }
}
@media (max-width: 575px) {
  #subscription {
    padding-block: 45.5px;
  }
}

[lang=ar] .otp-field {
  flex-direction: row-reverse;
  width: max-content;
}
[lang=ar] .subscriptionWrap::before {
  transform: scaleX(-1);
}
[lang=ar] .subscriptionWrap::after {
  transform: scaleX(-1);
}

.subscriptionWrap {
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .subscriptionWrap {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap {
    padding: 28.5px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap {
    padding: 22.5px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap {
    padding: 19.5px;
  }
}
@media (min-width: 1600px) {
  .subscriptionWrap {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionContent {
    padding-top: 100px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionContent {
    padding-top: 95px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionContent {
    padding-top: 75px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionContent {
    padding-top: 65px;
  }
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionContent {
    padding-inline-start: 20px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionContent {
    padding-inline-start: 19px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionContent {
    padding-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionContent {
    padding-inline-start: 13px;
  }
}
.subscriptionWrap .subscriptionContent h2 {
  color: #0D121C;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionContent h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionContent h2 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionContent h2 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionContent h2 {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionContent h2 {
    line-height: 39px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionContent h2 {
    line-height: 37.05px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionContent h2 {
    line-height: 29.25px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionContent h2 {
    line-height: 25.35px;
  }
}
.subscriptionWrap .subscriptionContent p {
  color: #0D121C;
  font-weight: 400;
  margin: 0px;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionContent p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionContent p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionContent p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionContent p {
    font-size: 11.7px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionContent {
    padding-top: 20px;
    padding-bottom: 40px;
  }
}
.subscriptionWrap .subscriptionForm {
  position: relative;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionForm {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionForm {
    padding: 28.5px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionForm {
    padding: 22.5px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionForm {
    padding: 19.5px;
  }
}
.subscriptionWrap .subscriptionForm #resend-otp {
  font-size: inherit !important;
}
.subscriptionWrap .subscriptionForm .subFormBg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionForm .subFormBg {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionForm .subFormBg {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionForm .subFormBg {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionForm .subFormBg {
    border-radius: 5.2px;
  }
}
.subscriptionWrap .subscriptionForm p {
  color: #0D121C;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionForm p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionForm p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionForm p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionForm p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionForm p {
    line-height: 29px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionForm p {
    line-height: 27.55px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionForm p {
    line-height: 21.75px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionForm p {
    line-height: 18.85px;
  }
}
.subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: rgba(37, 147, 95, 0.65);
  border: none;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 5.2px;
  }
}
.subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 0;
}
.subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple .select2-search--inline:after {
  content: none;
}
.subscriptionWrap .subscriptionForm .select2-container span.selection:after {
  content: "";
  position: absolute;
  inset-inline-end: 10px;
  border: aliceblue;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
  z-index: 9;
  border: none;
  transition: transform 0.3s ease;
}
.subscriptionWrap .subscriptionForm .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.subscriptionWrap .subscriptionForm .select2-container.select2-container--open span.selection:after {
  transform: translateY(-50%) rotate(-180deg);
  transition: transform 0.3s ease;
}
.subscriptionWrap .subscriptionForm .select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #3d3d3d !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  font-family: "IBM Plex Sans, sans-serif" !important;
}
.subscriptionWrap .subscriptionForm .select2-container .select2-search--inline .select2-search__field {
  vertical-align: unset;
  height: 100%;
  max-height: 40px;
  align-content: center;
  margin: 0px !important;
  padding-inline-start: 10px !important;
  padding-inline-end: 25px !important;
}
.subscriptionWrap .subscriptionForm .select2-container {
  height: 40px;
  max-height: 40px;
}
.subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple {
  max-height: 40px;
  min-height: 40px;
  height: 40px;
  overflow-y: scroll;
  padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (min-width: 1600px) {
  .subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple {
    border-radius: 5.2px;
  }
}
.subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple::-webkit-scrollbar {
  display: none;
}
.subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple .select2-selection__choice {
  display: inline-block;
  width: max-content;
  max-width: unset;
}
.subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 0px;
  color: #074D31;
}
.subscriptionWrap .subscriptionForm .select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #074D31;
}

.subPrivacyWrap {
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  padding-bottom: 0px;
}
@media (min-width: 1600px) {
  .subPrivacyWrap {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap {
    padding: 19px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap {
    padding: 13px;
  }
}
@media (min-width: 1600px) {
  .subPrivacyWrap {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .subPrivacyWrap {
    margin-top: 35px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap {
    margin-top: 33.25px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap {
    margin-top: 26.25px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap {
    margin-top: 22.75px;
  }
}
.subPrivacyWrap .icon {
  color: #25935f;
  height: 100%;
  width: auto;
  background: #f7fdf9;
  padding: 12px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
@media (min-width: 1600px) {
  .subPrivacyWrap .icon {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap .icon {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap .icon {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap .icon {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .subPrivacyWrap .icon {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap .icon {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap .icon {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap .icon {
    margin-bottom: 13px;
  }
}
.subPrivacyWrap p {
  color: #ffffff;
  line-height: 1.43;
}
@media (min-width: 1600px) {
  .subPrivacyWrap p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap p {
    font-size: 7.8px;
  }
}
@media (min-width: 1600px) {
  .subPrivacyWrap p {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .subPrivacyWrap p {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .subPrivacyWrap p {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .subPrivacyWrap p {
    margin-bottom: 13px;
  }
}
.subPrivacyWrap p a {
  color: #25935f;
  text-decoration: underline;
}

.weatherWarning-sectionButton {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 769px) {
  .weatherWarning-sectionButton {
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
  }
  .weatherWarning-sectionButton .region-title {
    padding-bottom: 0;
  }
}
.weatherWarning-sectionButton .changeSectionButton {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #D2D6DB;
  display: flex;
}
@media (max-width: 1199px) {
  .weatherWarning-sectionButton .changeSectionButton {
    position: unset;
    justify-content: center;
    margin-bottom: 20px;
  }
}
.weatherWarning-sectionButton .changeSectionButton a {
  background: #F9FAFB;
  color: #161616;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-inline: 16px;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-inline: 15.2px;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-inline: 12px;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a {
    padding-inline: 10.4px;
  }
}
.weatherWarning-sectionButton .changeSectionButton a img {
  display: none;
}
.weatherWarning-sectionButton .changeSectionButton a h3 {
  color: #161616;
  font-weight: 500;
  margin: 0;
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a h3 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-top-right-radius: 0px;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-top-right-radius: 0px;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-top-right-radius: 0px;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-top-right-radius: 0px;
  }
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-bottom-right-radius: 0px;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a:first-child {
    border-bottom-right-radius: 0px;
  }
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-top-left-radius: 0px !important;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-top-left-radius: 0px !important;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-top-left-radius: 0px !important;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-top-left-radius: 0px !important;
  }
}
@media (min-width: 1600px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-bottom-left-radius: 0px !important;
  }
}
@media (min-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-bottom-left-radius: 0px !important;
  }
}
@media (max-width: 992px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-bottom-left-radius: 0px !important;
  }
}
@media (max-width: 575px) {
  .weatherWarning-sectionButton .changeSectionButton a:last-child {
    border-bottom-left-radius: 0px !important;
  }
}
.weatherWarning-sectionButton .changeSectionButton a:hover {
  background: #E5E7EB;
}
.weatherWarning-sectionButton .changeSectionButton a.active {
  background: #0D121C;
}
.weatherWarning-sectionButton .changeSectionButton a.active h3 {
  color: #ffffff;
}

#alertPrecaution {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  #alertPrecaution {
    padding-top: 65px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution {
    padding-top: 61.75px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution {
    padding-top: 48.75px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution {
    padding-top: 42.25px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution {
    padding-bottom: 76px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution {
    padding-bottom: 52px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution {
    margin-top: 80px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution {
    margin-top: 76px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution {
    margin-top: 60px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution {
    margin-top: 52px;
  }
}
#alertPrecaution .alertTop {
  position: absolute;
  z-index: -2;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertTop {
    top: -80px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertTop {
    top: -76px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertTop {
    top: -60px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertTop {
    top: -52px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertTop {
    top: -32px;
  }
}
#alertPrecaution .alertHeading {
  position: relative;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertHeading {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertHeading {
    padding-bottom: 38px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertHeading {
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertHeading {
    padding-bottom: 26px;
  }
}
#alertPrecaution .alertBox {
  height: 93%;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
  position: relative;
  z-index: 9;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox {
    padding: 19px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox {
    padding: 13px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox {
    margin-top: 47.5px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox {
    margin-top: 37.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox {
    margin-top: 32.5px;
  }
}
#alertPrecaution .alertBox:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  inset-inline-end: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 259.215 187.221"><defs><clipPath id="clip-path"><rect id="Rectangle_7737" data-name="Rectangle 7737" fill="none" stroke="%23707070" stroke-width="1"/></clipPath></defs><g id="Group_18770" data-name="Group 18770" transform="translate(0 0)" opacity="0.7"><g id="Group_17998" data-name="Group 17998" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_27036" data-name="Path 27036" d="M.252,0C-1.012,23.695,1.888,56.008,22.877,75.393,38.44,89.764,62.4,94.713,88.605,88.966c16.491-3.614,32.316-10.73,47.618-17.612,5.8-2.612,11.8-5.31,17.753-7.775,17.39-7.22,43.392-16.168,68.315-10.575,16.632,3.732,31.561,13.495,46,22.939,16.124,10.538,32.79,21.438,51.629,23.664,23.193,2.745,45.436-7.921,66.948-18.234,3.579-1.718,7.282-3.49,10.9-5.161,47.082-21.712,99.97-32.166,152.937-30.231a342.864,342.864,0,0,1,72.761,10.56A333.76,333.76,0,0,1,701.312,87.3" transform="matrix(0.809, 0.588, -0.588, 0.809, -247.693, -292.004)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="1"/><path id="Path_27052" data-name="Path 27052" d="M.252,0C-1.012,23.695,1.888,56.008,22.877,75.393,38.44,89.764,62.4,94.713,88.605,88.966c16.491-3.614,32.316-10.73,47.618-17.612,5.8-2.612,11.8-5.31,17.753-7.775,17.39-7.22,43.392-16.168,68.315-10.575,16.632,3.732,31.561,13.495,46,22.939,16.124,10.538,32.79,21.438,51.629,23.664,23.193,2.745,45.436-7.921,66.948-18.234,3.579-1.718,7.282-3.49,10.9-5.161,47.082-21.712,99.97-32.166,152.937-30.231a342.864,342.864,0,0,1,72.761,10.56A333.76,333.76,0,0,1,701.312,87.3" transform="matrix(0.809, 0.588, -0.588, 0.809, 15.435, -133.293)" fill="none" stroke="%23149ddf" stroke-miterlimit="10" stroke-width="1"/></g></g></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top center;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox:before {
    width: 260px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox:before {
    width: 247px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox:before {
    width: 195px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox:before {
    width: 169px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox:before {
    height: 188px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox:before {
    height: 178.6px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox:before {
    height: 141px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox:before {
    height: 122.2px;
  }
}
#alertPrecaution .alertBox .alertBoxHead {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
#alertPrecaution .alertBox .alertBoxHead .alertIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ffffff;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    width: 52px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    width: 49.4px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    width: 39px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    width: 33.8px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    height: 52px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    height: 49.4px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    height: 39px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    height: 33.8px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    border-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    margin-inline-end: 10px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    margin-inline-end: 9.5px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    margin-inline-end: 7.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    margin-inline-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon {
    font-size: 11.7px;
  }
}
#alertPrecaution .alertBox .alertBoxHead .alertIcon span {
  font-weight: 500;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    font-size: 7.8px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    line-height: 18px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    line-height: 17.1px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    line-height: 13.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    line-height: 11.7px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    padding-top: 5px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    padding-top: 4.75px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    padding-top: 3.75px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead .alertIcon span {
    padding-top: 3.25px;
  }
}
#alertPrecaution .alertBox .alertBoxHead h3 {
  color: #0D121C;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertBoxHead h3 {
    line-height: 18.2px;
  }
}
#alertPrecaution .alertBox .alertBoxHead.red .alertIcon {
  background-image: -webkit-linear-gradient(top, #df1414, #570000);
}
#alertPrecaution .alertBox .alertBoxHead.orange .alertIcon {
  background-image: -webkit-linear-gradient(top, #fcb725, #dd7025);
}
#alertPrecaution .alertBox .alertBoxHead.yellow .alertIcon {
  background-image: -webkit-linear-gradient(top, #fffb07, #ffb804);
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-top: 25px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-top: 23.75px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-top: 18.75px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-top: 16.25px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-bottom: 5px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints {
    padding-bottom: 3.25px;
  }
}
#alertPrecaution .alertBox .alertPoints ul li {
  position: relative;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    padding-bottom: 30px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    padding-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    padding-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    padding-bottom: 19.5px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li {
    margin-bottom: 13px;
  }
}
#alertPrecaution .alertBox .alertPoints ul li:before {
  content: "";
  position: absolute;
  z-index: -1;
  bottom: 0;
  inset-inline-end: 0;
  width: 100%;
  background-color: #D2D6DB;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li:before {
    height: 1.5px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li:before {
    height: 1.425px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li:before {
    height: 1.125px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li:before {
    height: 0.975px;
  }
}
#alertPrecaution .alertBox .alertPoints ul li:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#alertPrecaution .alertBox .alertPoints ul li:last-child:before {
  display: none;
}
#alertPrecaution .alertBox .alertPoints ul li span {
  display: block;
}
#alertPrecaution .alertBox .alertPoints ul li span.label {
  font-weight: 500;
  color: #0D121C;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li span.label {
    margin-bottom: 6.5px;
  }
}
#alertPrecaution .alertBox .alertPoints ul li span.text {
  color: #000000;
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    min-height: 82px;
  }
}
@media (min-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    min-height: 77.9px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    min-height: 61.5px;
  }
}
@media (max-width: 575px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    min-height: 53.3px;
  }
}
@media (max-width: 992px) {
  #alertPrecaution .alertBox .alertPoints ul li span.text {
    min-height: 1px;
  }
  #alertPrecaution .alertBox .alertPoints ul li:before {
    height: 5px;
    background-size: 100% auto;
  }
}

#faqs {
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  #faqs {
    padding-block: 80px;
  }
}
@media (min-width: 992px) {
  #faqs {
    padding-block: 76px;
  }
}
@media (max-width: 992px) {
  #faqs {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  #faqs {
    padding-block: 52px;
  }
}

.listAlerts {
  background: rgba(37, 147, 95, 0.2);
  position: relative;
}
.listAlerts.listAlerts_v2 {
  background: #ffffff;
}
.listAlerts.listAlerts_v2::before {
  content: none;
}
.listAlerts.listAlerts_v2 .listAlertFilters {
  background: #ffffff;
}
.listAlerts.listAlerts_v2 .listAlertFilters .active-alerts-section .activeWeatherTitle {
  color: #161616;
}
.listAlerts.listAlerts_v2 .listAlertFilters .source .header .title {
  color: #161616;
}
@media (min-width: 1600px) {
  .listAlerts.listAlerts_v2 .listAlertFilters .source .header .title {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .listAlerts.listAlerts_v2 .listAlertFilters .source .header .title {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .listAlerts.listAlerts_v2 .listAlertFilters .source .header .title {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .listAlerts.listAlerts_v2 .listAlertFilters .source .header .title {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .listAlerts.weatherListAlerts {
    padding-block-start: 100px;
  }
}
@media (min-width: 992px) {
  .listAlerts.weatherListAlerts {
    padding-block-start: 95px;
  }
}
@media (max-width: 992px) {
  .listAlerts.weatherListAlerts {
    padding-block-start: 75px;
  }
}
@media (max-width: 575px) {
  .listAlerts.weatherListAlerts {
    padding-block-start: 65px;
  }
}
@media (min-width: 1600px) {
  .listAlerts.weatherListAlerts {
    padding-block-end: 100px;
  }
}
@media (min-width: 992px) {
  .listAlerts.weatherListAlerts {
    padding-block-end: 95px;
  }
}
@media (max-width: 992px) {
  .listAlerts.weatherListAlerts {
    padding-block-end: 75px;
  }
}
@media (max-width: 575px) {
  .listAlerts.weatherListAlerts {
    padding-block-end: 65px;
  }
}
@media (min-width: 1200px) {
  .listAlerts {
    min-height: calc(100vh - 160px);
  }
}
.listAlerts::before {
  content: "";
  background-image: url("../../../assets/images/faq-bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 400px;
}
@media (min-width: 1600px) {
  .listAlerts.detailPage {
    padding-block-start: 70px;
  }
}
@media (min-width: 992px) {
  .listAlerts.detailPage {
    padding-block-start: 66.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts.detailPage {
    padding-block-start: 52.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts.detailPage {
    padding-block-start: 45.5px;
  }
}
@media (min-width: 1600px) {
  .listAlerts.detailPage {
    padding-block-end: 100px;
  }
}
@media (min-width: 992px) {
  .listAlerts.detailPage {
    padding-block-end: 95px;
  }
}
@media (max-width: 992px) {
  .listAlerts.detailPage {
    padding-block-end: 75px;
  }
}
@media (max-width: 575px) {
  .listAlerts.detailPage {
    padding-block-end: 65px;
  }
}
.listAlerts .listAlerts-h4 {
  padding-block-start: 0;
  margin: 0 auto;
}
@media (min-width: 1600px) {
  .listAlerts .listAlerts-h4 {
    padding-block-end: 70px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlerts-h4 {
    padding-block-end: 66.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlerts-h4 {
    padding-block-end: 52.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlerts-h4 {
    padding-block-end: 45.5px;
  }
}
.listAlerts .listAlerts-h4 h4 {
  font-weight: 500;
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .listAlerts .listAlerts-h4 h4 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlerts-h4 h4 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlerts-h4 h4 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlerts-h4 h4 {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .cstmTableSimple-card {
    padding-block-end: 5px;
  }
}
@media (min-width: 992px) {
  .listAlerts .cstmTableSimple-card {
    padding-block-end: 4.75px;
  }
}
@media (max-width: 992px) {
  .listAlerts .cstmTableSimple-card {
    padding-block-end: 3.75px;
  }
}
@media (max-width: 575px) {
  .listAlerts .cstmTableSimple-card {
    padding-block-end: 3.25px;
  }
}
.listAlerts .listAlertFilters {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
  padding: 0;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters {
    padding-inline: 14px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters {
    padding-inline: 13.3px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters {
    padding-inline: 10.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters {
    padding-inline: 9.1px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters {
    border-start-start-radius: 10px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters {
    border-start-start-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters {
    border-start-start-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters {
    border-start-start-radius: 6.5px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters {
    border-start-end-radius: 10px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters {
    border-start-end-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters {
    border-start-end-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters {
    border-start-end-radius: 6.5px;
  }
}
@media (max-width: 575px) and (min-width: 1600px) {
  .listAlerts .listAlertFilters {
    padding-block: 10px;
  }
}
@media (max-width: 575px) and (min-width: 992px) {
  .listAlerts .listAlertFilters {
    padding-block: 9.5px;
  }
}
@media (max-width: 575px) and (max-width: 992px) {
  .listAlerts .listAlertFilters {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) and (max-width: 575px) {
  .listAlerts .listAlertFilters {
    padding-block: 6.5px;
  }
}
.listAlerts .listAlertFilters .active-alerts-section .activeWeatherTitle {
  margin: 0;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .active-alerts-section .activeWeatherTitle {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .activeWeatherTitle {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .activeWeatherTitle {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .active-alerts-section .activeWeatherTitle {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-start: 12px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-start: 11.4px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-start: 9px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-start: 7.8px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side {
    padding-inline-end: 13px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side p {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side p {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .active-alerts-section .alerts-count-section .right-side p {
    font-size: 15.6px;
  }
}
.listAlerts .listAlertFilters .source {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 0 15px;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .source .header {
    padding-block-end: 5px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .source .header {
    padding-block-end: 4.75px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .source .header {
    padding-block-end: 3.75px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .source .header {
    padding-block-end: 3.25px;
  }
}
.listAlerts .listAlertFilters .source .header .title {
  color: #ffffff;
  font-weight: 400;
}
.listAlerts .listAlertFilters .clearAllListAlerts {
  border: 1px solid #D2D6DB;
  color: #161616;
  font-size: 14px;
  bottom: 0;
  font-weight: 400;
  display: flex;
  align-self: flex-end;
  max-height: 35px;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .clearAllListAlerts {
    position: unset;
  }
}
.listAlerts .listAlertFilters .clearFilter {
  display: none;
  cursor: pointer;
  color: #ffffff;
  margin-top: 10px;
  text-decoration: none;
}
.listAlerts .listAlertFilters .alerts-count-section {
  align-items: unset;
  margin: 0;
  display: block;
}
.listAlerts .listAlertFilters .alert-count {
  white-space: nowrap;
  min-width: max-content;
  background-color: #1b8354;
  height: unset;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .alert-count {
    border-radius: 13px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .alert-count {
    border-radius: 12.35px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .alert-count {
    border-radius: 9.75px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .alert-count {
    border-radius: 8.45px;
  }
}
.listAlerts .listAlertFilters .alert-count .left-side.no-bg {
  background: transparent;
  background-color: transparent;
  min-width: max-content;
}
.listAlerts .listAlertFilters .alert-count .left-side.no-bg .text {
  font-size: 15px !important;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .alert-count .left-side {
    padding-inline: 10px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .alert-count .left-side {
    padding-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .alert-count .left-side {
    padding-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .alert-count .left-side {
    padding-inline: 6.5px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .alert-count .left-side .icon img {
    height: 11.7px;
  }
}
.listAlerts .listAlertFilters .alert-count .left-side .text {
  font-size: 12px !important;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .alert-count p {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .alert-count p {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .alert-count p {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .alert-count p {
    font-size: 15.6px;
  }
}
.listAlerts .listAlertFilters .select2-container--default.select2-selection--single {
  background-color: #000 !important;
}
.listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: transparent;
  border: none;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 5.2px;
  }
}
.listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 0;
}
.listAlerts .listAlertFilters .select2-container .select2-selection--multiple .select2-search--inline:after {
  content: none;
}
.listAlerts .listAlertFilters .select2-container span.selection:after {
  content: "";
  position: absolute;
  right: 10px;
  border: aliceblue;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
  z-index: 9;
  transition: transform 0.3s ease;
}
.listAlerts .listAlertFilters .select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}
.listAlerts .listAlertFilters .select2-container.select2-container--open span.selection:after {
  transform: translateY(-50%) rotate(180deg);
  transition: transform 0.3s ease;
}
.listAlerts .listAlertFilters .select2-container--default .select2-search--inline .select2-search__field::placeholder {
  color: #4D5761 !important;
  opacity: 1 !important;
  font-weight: 500 !important;
  font-family: "IBM Plex Sans, sans-serif" !important;
  white-space: nowrap;
}
.listAlerts .listAlertFilters .select2-container .select2-search--inline .select2-search__field {
  vertical-align: unset;
  height: 34px;
  min-width: 150px;
  max-height: 35px;
  align-content: center;
  margin: 0px !important;
  padding-inline-start: 10px !important;
  padding-inline-end: 25px !important;
}
.listAlerts .listAlertFilters .select2-container {
  height: 35px;
  max-height: 35px;
}
.listAlerts .listAlertFilters .select2-container .select2-selection--multiple {
  max-height: 35px;
  min-height: 35px;
  height: 35px;
  overflow-y: scroll;
  padding: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
@media (min-width: 1600px) {
  .listAlerts .listAlertFilters .select2-container .select2-selection--multiple {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .listAlerts .listAlertFilters .select2-container .select2-selection--multiple {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .listAlerts .listAlertFilters .select2-container .select2-selection--multiple {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .listAlerts .listAlertFilters .select2-container .select2-selection--multiple {
    border-radius: 5.2px;
  }
}
.listAlerts .listAlertFilters .select2-container .select2-selection--multiple::-webkit-scrollbar {
  display: none;
}
.listAlerts .listAlertFilters .select2-container .select2-selection--multiple.select2-selection__choice {
  display: inline-block;
  width: max-content;
  max-width: unset;
}
.listAlerts .listAlertFilters .select2-container .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 0px;
  color: #074D31;
}
.listAlerts .listAlertFilters .select2-container .select2-selection--multiple .select2-selection__choice__remove {
  color: #074D31;
}
.listAlerts .listAlertFilters .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-block;
  width: max-content;
  max-width: unset;
  vertical-align: top;
}
.listAlerts .cstmTableMain {
  overflow-x: auto !important;
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .listAlerts table th {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .listAlerts table th {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .listAlerts table th {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .listAlerts table th {
    padding-block: 13px;
  }
}
.listAlerts table td {
  text-transform: capitalize;
  white-space: normal !important;
}
.listAlerts table td:first-child {
  text-align: center;
}
.listAlerts table td.bold {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .listAlerts table td.small {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .listAlerts table td.small {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .listAlerts table td.small {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .listAlerts table td.small {
    font-size: 7.8px;
  }
}
.listAlerts table td a {
  color: #25935f;
  font-weight: 500;
  text-decoration: underline;
}
@media (min-width: 1600px) {
  .listAlerts table td a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .listAlerts table td a {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .listAlerts table td a {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .listAlerts table td a {
    font-size: 9.1px;
  }
}
.listAlerts table td .alertIcon {
  margin: 0 2%;
}
@media (min-width: 1600px) {
  .listAlerts table td .alertIcon {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .listAlerts table td .alertIcon {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .listAlerts table td .alertIcon {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .listAlerts table td .alertIcon {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .listAlerts table td .alertIcon {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .listAlerts table td .alertIcon {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .listAlerts table td .alertIcon {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .listAlerts table td .alertIcon {
    height: 13px;
  }
}

@media (min-width: 1600px) {
  #warningDetailInfo {
    padding-block: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo {
    padding-block: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo {
    padding-block: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo {
    padding-block: 19.5px;
  }
}
#warningDetailInfo .alertDetailBox {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  overflow: hidden;
  padding: 0;
}
#warningDetailInfo .alertDetailBox.alertDetailBox_v2 {
  padding: 0;
}
#warningDetailInfo .alertDetailBox.alertDetailBox_v2 .alertDetailHeading:before {
  content: none;
}
#warningDetailInfo .alertDetailBox.alertDetailBox_v2 .alert--heading::after {
  background-image: none;
  height: 2px;
  background-color: #D2D6DB;
  bottom: -5px;
}
#warningDetailInfo .alertDetailBox .alertDetailHeading {
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-block: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-block: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-block: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-block: 19.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-inline: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-inline: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-inline: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-inline: 19.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-bottom: 50px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-bottom: 47.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-bottom: 37.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading {
    padding-bottom: 32.5px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailHeading.blueGradient {
  background-image: linear-gradient(180deg, #25935f 0%, #074D31 100%);
}
#warningDetailInfo .alertDetailBox .alertDetailHeading.red {
  background-image: -webkit-linear-gradient(top, #df1414 0%, #570000 100%);
}
#warningDetailInfo .alertDetailBox .alertDetailHeading.orange {
  background-image: -webkit-linear-gradient(top, #fcb725 0%, #dd7025 100%);
}
#warningDetailInfo .alertDetailBox .alertDetailHeading.yellow {
  background-image: -webkit-linear-gradient(top, #fffb07 0%, #ffb804 100%);
}
#warningDetailInfo .alertDetailBox .alertDetailHeading.yellow h2 {
  color: #161616;
}
#warningDetailInfo .alertDetailBox .alertDetailHeading h2 {
  color: #ffffff;
  font-weight: 500;
  margin: 0px;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading h2 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading h2 {
    font-size: 32.3px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading h2 {
    font-size: 25.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading h2 {
    font-size: 22.1px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailHeading h2 {
    font-size: 18px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent {
  background-color: #ffffff;
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    margin-top: -20px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    margin-top: -19px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    margin-top: -15px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    margin-top: -13px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    padding: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    padding: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    padding: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent {
    padding: 19.5px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .section--seperator {
  border-top: 1px solid #D2D6DB;
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
  display: flex;
  align-items: center;
  position: relative;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    padding-bottom: 19px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading {
    padding-bottom: 13px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading img {
    width: 55px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading img {
    width: 52.25px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading img {
    width: 41.25px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading img {
    width: 35.75px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading h3 {
  color: #161616;
  font-weight: 500;
  margin: 0px;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading h3 {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading h3 {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading h3 {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailContentHeading h3 {
    font-size: 19.5px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
  color: #3d3d3d;
  font-weight: 500;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-top: 34px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-top: 32.3px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-top: 25.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-top: 22.1px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    margin-bottom: 19.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert p {
    font-size: 14.3px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
  background-color: #074D31;
  border: none;
  color: #ffffff;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    border-radius: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    border-radius: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    border-radius: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    border-radius: 19.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-inline: 60px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-inline: 57px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-inline: 45px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-inline: 39px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    margin-bottom: 8px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    margin-bottom: 7.6px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    margin-bottom: 6px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .expiredAlert button {
    margin-bottom: 5.2px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-top: 40px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-top: 38px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-top: 30px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-top: 26px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-bottom: 38px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-bottom: 26px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li {
    margin-bottom: 13px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label {
  color: #3d3d3d;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label {
    gap: 5.2px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i {
  color: #25935f;
  text-align: center;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i {
    font-size: 15.6px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label img, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label svg {
  max-height: 23px;
  height: auto;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label img, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label svg {
    width: 28px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label img, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label svg {
    width: 26.6px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label img, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label svg {
    width: 21px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label i, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label img, #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.label svg {
    width: 18.2px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li span.value {
  color: #074D31;
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li .warning-page-small-icon {
  max-height: 23px;
  height: auto;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li .warning-page-small-icon {
    width: 28px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li .warning-page-small-icon {
    width: 26.6px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li .warning-page-small-icon {
    width: 21px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList ul li .warning-page-small-icon {
    width: 18.2px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul {
    gap: 70px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul {
    gap: 66.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul {
    gap: 52.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul {
    gap: 45.5px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li {
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li .label {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li .label {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li .label {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li .label {
    font-size: 9.1px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList {
    margin-top: 0px;
  }
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul {
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0px;
  }
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertDetailsInfoList.horizontal ul li {
    flex: 0 0 45%;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .warning-history--container {
  margin: 20px 0px !important;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .warning-history--container ul li {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .warning-history--container ul li {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .warning-history--container ul li {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .warning-history--container ul li {
    margin-bottom: 13px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
  background-color: rgba(37, 147, 95, 0.2);
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    margin-top: 28.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    margin-top: 22.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    margin-top: 19.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    padding: 10px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    padding: 9.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    padding: 7.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    padding: 6.5px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
  color: #074D31;
  font-weight: 500;
  margin: 0px;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-left: 15px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-left: 14.25px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-left: 11.25px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    margin-left: 9.75px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    border-radius: 14px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    border-radius: 13.3px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    border-radius: 10.5px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    border-radius: 9.1px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding: 14.25px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding: 11.25px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding: 9.75px;
  }
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc {
    padding-block: 7.8px;
  }
}
#warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc p {
  color: #3d3d3d;
  line-height: 1.3;
  margin: 0;
}
@media (min-width: 1600px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc p {
    font-size: 10.4px;
  }
}
@media (max-width: 992px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact {
    padding: 10px;
  }
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact h4 {
    font-size: 14px;
  }
  #warningDetailInfo .alertDetailBox .alertDetailContent .alertImpact .desc p {
    font-size: 12px;
  }
}

[lang=ar] #warningDetailInfo .alertDetailBox .alertDetailContent:before {
  transform: scaleX(-1);
}
[lang=ar] #warningDetailInfo .alertDetailBox .alertDetailHeading:before {
  transform: scaleX(-1);
}

.row-alert-count {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 575px) {
  .row-alert-count {
    flex-wrap: wrap;
  }
}
.row-alert-count .alert-count {
  max-width: 7.5rem;
}
@media (max-width: 575px) {
  .row-alert-count .alert-count {
    flex: 0 0 50% !important;
    max-width: calc(50% - 0.5rem);
  }
  .row-alert-count .alert-count .left-side {
    width: 55% !important;
  }
}

.sourceFilters .select2-container {
  overflow-y: auto;
}

[lang=ar] .s#warningDetailInfo .alertDetailBox .alertDetailContent:before {
  transform: scaleX(-1);
}
[lang=ar] ubscriptionWrap .subscriptionForm .select2-container span.selection:after {
  left: 10px;
  right: unset;
}
[lang=ar] .listAlerts .listAlertFilters .select2-container span.selection:after {
  left: 10px;
  right: unset;
}
[lang=ar] .listAlerts .listAlertFilters .clearAllListAlerts {
  left: unset;
  right: -18%;
}
[lang=ar] span.select2.select2-container.select2-container--default span {
  font-size: 18px !important;
  line-height: 1.3 !important;
}
[lang=ar] .select2-container--default .select2-search--inline .select2-search__field::placeholder {
  font-family: "IBMPlexSansArabic" !important;
}
[lang=ar] .weatherWarning-sectionButton .changeSectionButton {
  right: unset;
}
@media (min-width: 1600px) {
  [lang=ar] .weatherWarning-sectionButton .changeSectionButton {
    left: 40px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .weatherWarning-sectionButton .changeSectionButton {
    left: 38px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .weatherWarning-sectionButton .changeSectionButton {
    left: 30px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .weatherWarning-sectionButton .changeSectionButton {
    left: 26px;
  }
}

.cstmTableSimple-card {
  position: relative;
}

.ews-alerts-table-overlay-anchor {
  position: relative;
}
.ews-alerts-table-overlay-anchor.is-loading {
  min-height: 220px;
}

.ews-alerts-table-overlay-anchor #loader.ews-alerts-table-loader {
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.78);
  z-index: 20;
  display: none;
  pointer-events: none;
  align-items: center;
  justify-content: center;
}
.ews-alerts-table-overlay-anchor #loader.ews-alerts-table-loader.is-loading {
  display: flex !important;
  pointer-events: auto;
}
.ews-alerts-table-overlay-anchor #loader.ews-alerts-table-loader .spinner {
  box-sizing: border-box;
  flex: 0 0 auto;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top-color: #1b8354;
  width: 44px;
  height: 44px;
  animation: ews-alerts-loader-spin 0.75s linear infinite;
}

@keyframes ews-alerts-loader-spin {
  to {
    transform: rotate(360deg);
  }
}
.loader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9991;
  display: none;
}
@media (min-width: 1600px) {
  .loader {
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .loader {
    border-radius: 9.5px;
  }
}
@media (max-width: 992px) {
  .loader {
    border-radius: 7.5px;
  }
}
@media (max-width: 575px) {
  .loader {
    border-radius: 6.5px;
  }
}
.loader.show {
  display: flex;
}
.loader.show .spinner {
  display: block !important;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  border: 5px solid #f3f3f3;
  border-radius: 50%;
  border-top: 5px solid #1b8354;
  width: 40px;
  height: 40px !important;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.fliters-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 15px;
}
@media (max-width: 992px) {
  .fliters-view {
    flex-direction: column;
    align-items: self-start;
    gap: 20px 0;
  }
}
@media (max-width: 769px) {
  .fliters-view .sourceFilters {
    flex-wrap: wrap;
  }
}

.ew-rowFIlters {
  display: flex;
  gap: 0 10px;
}
@media (max-width: 769px) {
  .ew-rowFIlters {
    flex-wrap: wrap;
  }
}
.ew-rowFIlters > div {
  max-width: 200px;
  min-width: 185px;
}
@media (max-width: 575px) {
  .ew-rowFIlters > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1366px) {
  .listAlerts .listAlertFilters .fliters-view {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  .listAlerts .listAlertFilters .ew-multifilters {
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .listAlerts .listAlertFilters .source.sourceFilters {
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: 100%;
    min-width: 0;
    gap: 10px 12px;
  }
  .listAlerts .listAlertFilters .clearAllListAlerts {
    position: static;
    left: auto;
    right: auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
    align-self: flex-start;
  }
  .listAlerts .listAlertFilters .ew-rowFIlters {
    flex: 1 1 100%;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
    row-gap: 12px;
  }
  .listAlerts .listAlertFilters .ew-rowFIlters > div {
    flex: 1 1 calc(50% - 6px);
    min-width: min(100%, 160px);
    max-width: none;
    box-sizing: border-box;
  }
  .listAlerts .listAlertFilters .ew-rowFIlters .select2-container {
    max-width: 100%;
  }
}
@media (max-width: 1366px) and (max-width: 575px) {
  .listAlerts .listAlertFilters .ew-rowFIlters > div {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
#Selection_weather.source .select2-container {
  min-width: unset;
  width: 90% !important;
}

@media screen and (max-width: 991px) {
  #Selection_weather.source {
    width: 100% !important;
    max-width: unset;
  }
}
.otp-field {
  display: flex;
}

.otp-field input {
  width: 55px;
  height: 55px;
  font-size: 32px;
  padding: 10px;
  text-align: center;
  border-radius: 5px;
  margin: 2px;
  border: 2px solid #55525c;
  background: #21232d;
  font-weight: bold;
  color: #fff;
  outline: none;
  transition: all 0.1s;
}

.otp-field input:focus {
  border: 2px solid #3d3d3d;
  box-shadow: none;
}

.disabled {
  opacity: 0.5;
}

.space {
  margin-right: 1rem !important;
}

.otpHeading {
  color: #ffffff;
  font-weight: 500;
}

@media screen and (min-width: 1024px) {
  .custom-height {
    height: 630px;
  }
}
.district-count-pop {
  color: #161616;
  text-decoration-line: underline;
}
@media (min-width: 1600px) {
  .district-count-pop {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .district-count-pop {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .district-count-pop {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .district-count-pop {
    font-size: 9.1px;
  }
}

.warning-detail-h4 {
  font-weight: 500;
}

.alert--heading {
  color: #161616;
  font-weight: 500;
  margin: 0px;
  padding-bottom: 3px;
}
@media (min-width: 1600px) {
  .alert--heading {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .alert--heading {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .alert--heading {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .alert--heading {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .alert--heading {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .alert--heading {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .alert--heading {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .alert--heading {
    margin-bottom: 19.5px;
  }
}

.label--min-width {
  min-width: 190px;
  width: 13vw;
}
@media (max-width: 769px) {
  .label--min-width {
    min-width: max-content;
    width: 170px;
  }
}
@media (max-width: 769px) {
  .label--min-width {
    min-width: max-content;
    width: 140px;
  }
}

.font-inherit {
  font-size: inherit !important;
}

.alert--heading {
  position: relative;
  width: fit-content;
}
.alert--heading:after {
  content: "";
  position: absolute;
  bottom: -13px;
  left: 0;
  width: 100%;
  height: 5px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="270" height="2.053" viewBox="0 0 270 2.053"><defs><clipPath id="clip-path"><rect id="Rectangle_7820" data-name="Rectangle 7820" width="270" height="2.053" fill="none"/></clipPath></defs><g id="Group_18164" data-name="Group 18164" transform="translate(0 0)"><g id="Group_18163" data-name="Group 18163" transform="translate(0 0)" clip-path="url(%23clip-path)"><path id="Path_27957" data-name="Path 27957" d="M269.922,1.976c-67.4,0-67.4-1.651-134.8-1.651S67.725,1.976.325,1.976" transform="translate(-0.124 -0.124)" fill="none" stroke="%23149ddf" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.65"/><path id="Path_27958" data-name="Path 27958" d="M.325.325c26.959,0,26.959,1.651,53.918,1.651S81.2.325,108.16.325s26.96,1.651,53.92,1.651S189.04.325,216,.325s26.961,1.651,53.922,1.651" transform="translate(-0.124 -0.124)" fill="none" stroke="%23fdc830" stroke-linecap="round" stroke-miterlimit="10" stroke-width="0.65"/></g></g></svg>');
  background-repeat: no-repeat;
  background-position: 20% center;
  background-size: cover;
}
@media (min-width: 1600px) {
  .alert--heading:after {
    height: 6px;
  }
}
@media (min-width: 992px) {
  .alert--heading:after {
    height: 5.7px;
  }
}
@media (max-width: 992px) {
  .alert--heading:after {
    height: 4.5px;
  }
}
@media (max-width: 575px) {
  .alert--heading:after {
    height: 3.9px;
  }
}

.governorates--container--table {
  width: calc(100% - 14vw);
  max-width: 80%;
  min-width: 190px;
}
@media (max-width: 1600px) {
  .governorates--container--table {
    width: calc(100% - 200px);
  }
}
@media (max-width: 769px) {
  .governorates--container--table {
    width: calc(100% - 150px);
  }
}
@media (max-width: 575px) {
  .governorates--container--table {
    max-width: unset;
    width: 100%;
  }
}
.governorates--container--table table {
  width: 100%;
}
.governorates--container--table table thead th {
  padding-bottom: 5px;
}
.governorates--container--table table tbody tr {
  border-bottom: 1px solid #D2D6DB;
}
.governorates--container--table table tbody tr td {
  padding-block: 5px;
  color: #074D31;
}

#map-wrap.map-wrap.map-wrap-warning {
  position: relative;
}

#message {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 10px;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: 9999;
  display: none;
  opacity: 0;
  transition: opacity 1s ease-in-out;
  touch-action: manipulation;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
}
@media (min-width: 1600px) {
  #message {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  #message {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  #message {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  #message {
    font-size: 15.6px;
  }
}

.district-count-pop {
  color: #161616;
  text-decoration-line: underline;
}
@media (min-width: 1600px) {
  .district-count-pop {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .district-count-pop {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .district-count-pop {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .district-count-pop {
    font-size: 9.1px;
  }
}

.ourProjects {
  padding-top: 50px;
  padding-bottom: 100px;
}
@media (min-width: 1600px) {
  .ourProjects .mainHeading {
    margin-bottom: 80px;
  }
}
@media (min-width: 992px) {
  .ourProjects .mainHeading {
    margin-bottom: 76px;
  }
}
@media (max-width: 992px) {
  .ourProjects .mainHeading {
    margin-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .ourProjects .mainHeading {
    margin-bottom: 52px;
  }
}
.ourProjects .containing-projects {
  gap: 50px;
}
.ourProjects .containing-projects .project-items {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
  background-color: #ffffff;
}
.ourProjects .containing-projects .project-items .programMainCard {
  display: flex;
  flex-direction: column;
  background-color: #F9FAFB;
  margin: 0;
  gap: 20px;
  padding: 30px;
  border-radius: 16px;
}
.ourProjects .containing-projects .project-items .programMainCard h3 {
  color: #161616;
  font-weight: 700;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .programMainCard h3 {
    line-height: 18.2px;
  }
}
.ourProjects .containing-projects .project-items .programMainCard p {
  color: #161616;
  font-weight: 400;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .programMainCard p {
    line-height: 15.6px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap {
  padding: 33px;
  display: flex;
  flex-direction: column;
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard {
  display: flex;
  position: relative;
  padding-top: 20px;
  padding-bottom: 25px;
  border-bottom: 1px solid #D2D6DB;
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard:first-child {
  padding-top: 0px;
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard:last-child {
  padding-bottom: 0px;
  border-bottom: none;
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
  border-radius: 16px;
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    flex-basis: 231px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    flex-basis: 219.45px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    flex-basis: 173.25px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    flex-basis: 150.15px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    max-width: 231px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    max-width: 219.45px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    max-width: 173.25px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    max-width: 150.15px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    height: 151px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    height: 143.45px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    height: 113.25px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    height: 98.15px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText {
  flex: 1 0;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText {
    padding-inline-start: 30px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText {
    padding-inline-start: 28.5px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText {
    padding-inline-start: 22.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText {
    padding-inline-start: 19.5px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
  margin-bottom: 10px;
  font-weight: 700;
  color: #161616;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText h3 {
    line-height: 15.6px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
  display: flex;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
    gap: 40px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
    gap: 38px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
    gap: 30px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
    gap: 26px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li {
  display: flex;
  flex-direction: column;
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li strong.head {
    line-height: 15.6px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
  font-weight: 400;
  color: #161616;
  margin: 0;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li p {
    line-height: 15.6px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  box-shadow: none;
  color: #074D31;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.93;
  padding-bottom: 2px;
  background-image: url('data:image/svg+xml,<svg id="Group_118299" data-name="Group 118299" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64.97" height="82.625" viewBox="0 0 64.97 82.625"><defs><clipPath id="clip-path"><rect id="Rectangle_15719" data-name="Rectangle 15719" width="64.97" height="82.625" fill="none"/></clipPath></defs><g id="Group_118298" data-name="Group 118298" clip-path="url(%23clip-path)"><path id="Path_41515" data-name="Path 41515" d="M58.881,18.267H6.086A6.087,6.087,0,0,0,0,24.354V90.428a6.088,6.088,0,0,0,6.086,6.088h52.8a6.088,6.088,0,0,0,6.089-6.088V24.354a6.088,6.088,0,0,0-6.089-6.087M14.021,30.745a3.5,3.5,0,1,1,3.5-3.5,3.5,3.5,0,0,1-3.5,3.5m38.022,0a3.5,3.5,0,1,1,3.5-3.5,3.5,3.5,0,0,1-3.5,3.5" transform="translate(0 -13.891)" fill="%23fff"/><path id="Path_41516" data-name="Path 41516" d="M58.881,18.267H6.086A6.087,6.087,0,0,0,0,24.354v11H64.97v-11a6.088,6.088,0,0,0-6.089-6.087M14.021,30.745a3.5,3.5,0,1,1,3.5-3.5,3.5,3.5,0,0,1-3.5,3.5m38.022,0a3.5,3.5,0,1,1,3.5-3.5,3.5,3.5,0,0,1-3.5,3.5" transform="translate(0 -13.891)" fill="%23e21e21"/><rect id="Rectangle_15718" data-name="Rectangle 15718" width="64.97" height="6.034" transform="translate(0 21.097)" fill="%23b10a1b"/><path id="Path_41517" data-name="Path 41517" d="M42.521,34.7a5.042,5.042,0,1,0,5.04,5.041,5.043,5.043,0,0,0-5.04-5.041m0,8.541a3.5,3.5,0,1,1,3.5-3.5,3.5,3.5,0,0,1-3.5,3.5" transform="translate(-28.499 -26.391)" fill="%23831718"/><path id="Path_41518" data-name="Path 41518" d="M201.248,34.7a5.042,5.042,0,1,0,5.039,5.041,5.043,5.043,0,0,0-5.039-5.041m0,8.541a3.5,3.5,0,1,1,3.5-3.5,3.5,3.5,0,0,1-3.5,3.5" transform="translate(-149.203 -26.391)" fill="%23831718"/><path id="Path_41519" data-name="Path 41519" d="M53.314,10.483a2.4,2.4,0,1,1-4.8,0V2.4a2.4,2.4,0,1,1,4.8,0Z" transform="translate(-36.894)" fill="%234c2425"/><path id="Path_41520" data-name="Path 41520" d="M212.035,10.483a2.4,2.4,0,1,1-4.8,0V2.4a2.4,2.4,0,1,1,4.8,0Z" transform="translate(-157.593)" fill="%234c2425"/></g></svg>');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    width: 65px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    width: 61.75px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    width: 48.75px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    width: 42.25px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    height: 83px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    height: 78.85px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    height: 62.25px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    height: 53.95px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon {
    font-size: 7.8px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon span {
  font-weight: 700;
  color: #fcb725;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon span {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon span {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon span {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .calendarIcon span {
    font-size: 19.5px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li a {
  color: #074D31;
  display: block;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li a {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li a {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li a {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li a {
    font-size: 9.1px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat {
  display: flex;
  align-items: center;
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
  font-weight: 500;
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    margin-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    margin-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    margin-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat h3 {
    margin-inline-end: 13px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
  border-radius: 50%;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    width: 170px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    width: 161.5px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    width: 127.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    width: 110.5px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    height: 170px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    height: 161.5px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    height: 127.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap {
    height: 110.5px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar {
  width: 100%;
  height: 100%;
  --pgPercentage: var(--value);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(closest-side, white 70%, transparent 0 99.9%, white 0), conic-gradient(#1b8354 calc(var(--pgPercentage) * 1%), #F9FAFB 0);
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  line-height: 1;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    width: 100px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    width: 95px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    width: 75px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    width: 65px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    height: 100px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    height: 95px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    height: 75px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    height: 65px;
  }
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    border-radius: 100px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    border-radius: 95px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    border-radius: 75px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText {
    border-radius: 65px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText h3 {
  font-weight: 700;
  color: #384250;
  margin: 0;
  text-align: center;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText h3 {
    font-size: 34px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText h3 {
    font-size: 32.3px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText h3 {
    font-size: 25.5px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText h3 {
    font-size: 22.1px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText p {
  font-weight: 400;
  color: #000000;
  margin: 0;
  text-align: center;
}
@media (min-width: 1600px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText p {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText p {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText p {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat .projectProgressWrap .progressbar .progressBarText p {
    font-size: 10.4px;
  }
}
.ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecltCardStat.active .progressbar {
  animation: growProgressBar 3s 1 forwards;
}
@media (max-width: 992px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard {
    flex-direction: column;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard:before {
    width: 100%;
    height: 90%;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    width: 100%;
    max-width: 100%;
    flex-basis: unset;
    height: 320px;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
    width: 100%;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li {
    width: 33.33333%;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardStat {
    flex-direction: column;
    justify-content: center;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardStat h3 {
    margin-inline-end: 0;
    margin-top: 40px;
    font-size: 14px;
  }
}
@media (max-width: 575px) {
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard {
    max-width: 100%;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard:before {
    width: 100%;
    height: 92%;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projecCardImg {
    height: 220px;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText {
    padding-inline: 20px;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul {
    width: 100%;
    flex-direction: column;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li {
    width: 100%;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .head,
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li a {
    font-size: 12px;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li .head i {
    font-size: 14px;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardText .companyInfo ul li:not(:last-child) {
    border-inline-end: none;
    padding-inline-end: 0;
    margin-inline-end: 0;
    border-bottom: 1px solid #074D31;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
  .ourProjects .containing-projects .project-items .projectsListWrap .projectCard .projectCardStat h3 {
    font-size: 12px;
  }
}

@property --pgPercentage {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
@keyframes growProgressBar {
  0%, 33% {
    --pgPercentage: 0;
  }
  100% {
    --pgPercentage: var(--value);
  }
}
[lang=ar] .ourProjects .programMainCard:before, [lang=ar] .ourProjects .programMainCard:after {
  transform: rotateY(180deg);
}
[lang=ar] .ourProjects .projectCardStat h3 {
  font-weight: bold !important;
}

@media only screen and (max-width: 1200px) and (min-width: 1000px) {
  .companyInfo .calendarIcon {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1022px) and (max-width: 1368px) {
  [lang=en] .projectsListWrap .projectCard .projectCardText h3 {
    font-size: 15px !important;
  }
  [lang=en] .projectsListWrap .projectCard .projectCardStat .projectProgressWrap {
    height: 170px !important;
    width: 170px !important;
  }
  [lang=en] .projectsListWrap .projectCard .calendarIcon {
    height: 70px !important;
    width: 54px !important;
    padding-bottom: 4px !important;
  }
  [lang=en] .projectsListWrap .projectCard .calendarIcon span {
    font-size: 20px !important;
  }
  [lang=ar] .projectsListWrap .projectCard .projectCardText h3 {
    font-size: 17px !important;
    font-weight: bold;
  }
  [lang=ar] .projectsListWrap .projectCard .projectCardStat .projectProgressWrap {
    height: 170px !important;
    width: 170px !important;
  }
  [lang=ar] .projectsListWrap .projectCard .calendarIcon {
    height: 92px !important;
    font-size: 16px !important;
  }
  [lang=ar] .projectsListWrap .projectCard .calendarIcon span {
    line-height: unset !important;
    font-size: 28px !important;
  }
}
@media (min-width: 992px) {
  [lang=ar] .projectsListWrap .projectCard .calendarIcon {
    font-size: 16px !important;
  }
}
[lang=ar] .projectsListWrap .projectCard .calendarIcon span {
  line-height: unset !important;
}
@media (min-width: 992px) {
  [lang=ar] .projectsListWrap .projectCard .calendarIcon span {
    font-size: 24px !important;
  }
}

.progress-container {
  position: relative;
  width: 120px;
  height: 120px;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.progress-ring {
  transform: rotate(-90deg); /* Rotate the ring */
  position: absolute;
}

.progress-bg,
.progress-bar {
  fill: none;
  stroke-width: 12;
  r: 54;
  cx: 60;
  cy: 60;
}

.progress-bg {
  stroke: #eee;
}

.progress-bar {
  stroke: #1b8354;
  stroke-dasharray: 339.292; /* Circumference */
  stroke-dashoffset: 339.292;
  stroke-linecap: round;
  transition: stroke-dashoffset 2s ease;
}

.progress-text {
  font-size: 20px;
  fill: #384250;
  text-anchor: middle;
  dominant-baseline: middle;
}

.progressBarText {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #384250;
}

.text-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.text-content h3 {
  margin: 0;
  font-size: 20px;
  color: #384250;
  font-weight: 600;
}

.text-content p {
  margin: 0;
  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #384250;
}

@media (min-width: 1600px) {
  #mountainHeritage {
    padding-block: 80px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage {
    padding-block: 76px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage {
    padding-block: 52px;
  }
}
@media (min-width: 1600px) {
  #mountainHeritage {
    max-height: 1000px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage {
    max-height: 950px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage {
    max-height: 750px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage {
    max-height: 650px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage {
    padding-top: 30px;
    max-height: 810px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage {
    max-height: fit-content;
  }
  #mountainHeritage .commonSlider .slick-list {
    max-width: 85%;
  }
}
#mountainHeritage .simpleCards {
  border: 1px solid #074D31;
  box-shadow: none;
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards {
    margin-inline: 10px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards {
    margin-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards {
    margin-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards {
    margin-inline: 6.5px;
  }
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards .simpleCards-image {
    height: 588px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-image {
    height: 558.6px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-image {
    height: 441px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-image {
    height: 382.2px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-image {
    height: 540px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-image {
    height: 200px;
  }
}
#mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
  margin-top: 0px;
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    font-size: 23.4px;
  }
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-content .simpleCards-title h2 {
    margin-bottom: 6.5px;
  }
}
#mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
  max-width: unset;
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    width: 32px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    width: 30.4px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    width: 24px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-icon svg {
    width: 20.8px;
  }
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-content .mountainHeight .mountainHeight-value {
    font-size: 13.65px;
  }
}
#mountainHeritage .simpleCards .simpleCards-content .climateCard {
  max-width: 70%;
}
@media (min-width: 1600px) {
  #mountainHeritage .simpleCards .simpleCards-content .climateCard {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .climateCard {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .climateCard {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  #mountainHeritage .simpleCards .simpleCards-content .climateCard {
    margin-top: 6.5px;
  }
}
#mountainHeritage .simpleCards .simpleCards-content .climateCard ul li .climateCard-header-values {
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 992px) {
  #mountainHeritage .simpleCards .simpleCards-content .climateCard {
    max-width: 100%;
  }
}
#mountainHeritage .heritageSlider .slick-dots {
  transform: translateY(-15px);
}

#mountainRange {
  position: relative;
  z-index: 99;
}
@media (min-width: 1600px) {
  #mountainRange {
    padding-top: 80px;
  }
}
@media (min-width: 992px) {
  #mountainRange {
    padding-top: 76px;
  }
}
@media (max-width: 992px) {
  #mountainRange {
    padding-top: 60px;
  }
}
@media (max-width: 575px) {
  #mountainRange {
    padding-top: 52px;
  }
}
@media (min-width: 1600px) {
  #mountainRange {
    padding-bottom: 80px;
  }
}
@media (min-width: 992px) {
  #mountainRange {
    padding-bottom: 76px;
  }
}
@media (max-width: 992px) {
  #mountainRange {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  #mountainRange {
    padding-bottom: 52px;
  }
}
@media (max-width: 575px) {
  #mountainRange .pagination {
    padding-bottom: 1rem;
  }
}
#mountainRange .simpleCards {
  position: relative;
  z-index: 9;
}
@media (min-width: 1600px) {
  #mountainRange .simpleCards {
    margin-inline: 10px;
  }
}
@media (min-width: 992px) {
  #mountainRange .simpleCards {
    margin-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  #mountainRange .simpleCards {
    margin-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  #mountainRange .simpleCards {
    margin-inline: 6.5px;
  }
}
@media (max-width: 992px) {
  #mountainRange:before {
    top: -83px;
  }
}
@media (max-width: 575px) {
  #mountainRange:before {
    top: -55px;
  }
  #mountainRange .simpleCards {
    margin-inline: 0px;
  }
}

.mountainMapWrap {
  border: 1px solid #074D31;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .mountainMapWrap {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap {
    border-radius: 10.4px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap {
    margin-bottom: 30px;
  }
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainMap {
    height: 275px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainMap {
    height: 261.25px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainMap {
    height: 206.25px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainMap {
    height: 178.75px;
  }
}
.mountainMapWrap .mountainStats {
  position: relative;
  z-index: 1;
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats {
    padding: 15px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats {
    padding: 14.25px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats {
    padding: 11.25px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats {
    padding: 9.75px;
  }
}
.mountainMapWrap .mountainStats:before {
  content: "";
  position: absolute;
  z-index: -1;
  background-image: url('data:image/svg+xml,<svg id="Group_18724" data-name="Group 18724" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="92.516" height="97.017" viewBox="0 0 92.516 97.017"><defs><clipPath id="clip-path"><rect id="Rectangle_7737" data-name="Rectangle 7737" width="92.516" height="97.017" fill="none" stroke="%23707070" stroke-width="1"/></clipPath></defs><g id="Group_17998" data-name="Group 17998" clip-path="url(%23clip-path)"><path id="Path_27036" data-name="Path 27036" d="M-4.074,45.516c.514-10.73,2.946-25.555,11.616-35.251A27.426,27.426,0,0,1,32.729,1.35c6.027.957,11.658,3.536,17.1,6.031,2.064.947,4.2,1.925,6.326,2.8,6.213,2.561,15.581,5.55,25.15,1.966C87.695,9.754,93.694,4.689,99.5-.21c6.479-5.467,13.176-11.122,20.326-12.92,8.8-2.215,16.69,1.712,24.319,5.508,1.269.633,2.582,1.285,3.869,1.895,16.732,7.919,36.108,10.472,56.03,7.385a121.976,121.976,0,0,0,27.7-7.837,144.37,144.37,0,0,0,30.441-17.239" transform="matrix(0.921, -0.391, 0.391, 0.921, 1.804, 57.455)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="1"/><path id="Path_27052" data-name="Path 27052" d="M-4.074,45.516c.514-10.73,2.946-25.555,11.616-35.251A27.426,27.426,0,0,1,32.729,1.35c6.027.957,11.658,3.536,17.1,6.031,2.064.947,4.2,1.925,6.326,2.8,6.213,2.561,15.581,5.55,25.15,1.966C87.695,9.754,93.694,4.689,99.5-.21c6.479-5.467,13.176-11.122,20.326-12.92,8.8-2.215,16.69,1.712,24.319,5.508,1.269.633,2.582,1.285,3.869,1.895,16.732,7.919,36.108,10.472,56.03,7.385a121.976,121.976,0,0,0,27.7-7.837,144.37,144.37,0,0,0,30.441-17.239" transform="matrix(0.921, -0.391, 0.391, 0.921, 14.069, 53.482)" fill="none" stroke="%23149ddf" stroke-miterlimit="10" stroke-width="1"/></g></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  bottom: 0;
  inset-inline-end: 0;
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats:before {
    width: 92px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats:before {
    width: 87.4px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats:before {
    width: 69px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats:before {
    width: 59.8px;
  }
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats:before {
    height: 97px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats:before {
    height: 92.15px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats:before {
    height: 72.75px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats:before {
    height: 63.05px;
  }
}
.mountainMapWrap .mountainStats ul {
  display: flex;
}
.mountainMapWrap .mountainStats ul li {
  width: 33.33%;
}
.mountainMapWrap .mountainStats ul li span {
  display: block;
}
.mountainMapWrap .mountainStats ul li span.label {
  color: #3d3d3d;
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats ul li span.label {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.label {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.label {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats ul li span.label {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats ul li span.label {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.label {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.label {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats ul li span.label {
    gap: 6.5px;
  }
}
.mountainMapWrap .mountainStats ul li span.label i {
  color: #074D31;
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats ul li span.label svg {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.label svg {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.label svg {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats ul li span.label svg {
    height: 13px;
  }
}
.mountainMapWrap .mountainStats ul li span.value {
  color: #25935f;
  line-height: 1.1;
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats ul li span.value {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.value {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.value {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats ul li span.value {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .mountainMapWrap .mountainStats ul li span.value {
    margin-top: 5px;
  }
}
@media (min-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.value {
    margin-top: 4.75px;
  }
}
@media (max-width: 992px) {
  .mountainMapWrap .mountainStats ul li span.value {
    margin-top: 3.75px;
  }
}
@media (max-width: 575px) {
  .mountainMapWrap .mountainStats ul li span.value {
    margin-top: 3.25px;
  }
}

.historyMaountainDetails {
  background-color: #e7f5fc;
}
@media (min-width: 1600px) {
  .historyMaountainDetails {
    padding-block: 80px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails {
    padding-block: 76px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails {
    padding-block: 60px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails {
    padding-block: 52px;
  }
}
.historyMaountainDetails .historyMaountainDetails-main {
  background-color: white;
  border: solid #25935f;
  position: relative;
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    padding: 33.25px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    padding: 26.25px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    padding: 22.75px;
  }
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main {
    border-width: 0.65px;
  }
}
.historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
  position: absolute;
  width: 100%;
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    inset-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    max-width: 190px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    max-width: 180.5px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    max-width: 142.5px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop {
    max-width: 123.5px;
  }
}
.historyMaountainDetails .historyMaountainDetails-main .pattern .rightTop img {
  width: 100%;
}
.historyMaountainDetails .historyMaountainDetails-main .mainHeading .heading-primary.underline-heading::before {
  z-index: 0;
}
@media (min-width: 1600px) {
  .historyMaountainDetails .historyMaountainDetails-main .historyMaountainDetails-main-text p {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .historyMaountainDetails-main-text p {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .historyMaountainDetails .historyMaountainDetails-main .historyMaountainDetails-main-text p {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .historyMaountainDetails .historyMaountainDetails-main .historyMaountainDetails-main-text p {
    font-size: 14.3px;
  }
}

.keyFacts {
  background-color: transparent;
}
@media (min-width: 1600px) {
  .keyFacts {
    margin-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .keyFacts {
    margin-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .keyFacts {
    margin-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .keyFacts {
    margin-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .keyFacts {
    margin-block-end: 0px;
  }
}
@media (min-width: 992px) {
  .keyFacts {
    margin-block-end: 0px;
  }
}
@media (max-width: 992px) {
  .keyFacts {
    margin-block-end: 0px;
  }
}
@media (max-width: 575px) {
  .keyFacts {
    margin-block-end: 0px;
  }
}
@media (min-width: 1600px) {
  .keyFacts {
    padding-block-end: 0px;
  }
}
@media (min-width: 992px) {
  .keyFacts {
    padding-block-end: 0px;
  }
}
@media (max-width: 992px) {
  .keyFacts {
    padding-block-end: 0px;
  }
}
@media (max-width: 575px) {
  .keyFacts {
    padding-block-end: 0px;
  }
}
.keyFacts.dailyReport.mainServices .dailyReport-section .dailyReport-card {
  height: 80%;
}
.keyFacts.dailyReport.mainServices .dailyReport-section .dailyReport-card .dailyReport-card-content {
  text-align: center;
}
@media (min-width: 1600px) {
  .keyFacts.dailyReport.mainServices .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p {
    max-height: 300px;
  }
}
@media (min-width: 992px) {
  .keyFacts.dailyReport.mainServices .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p {
    max-height: 285px;
  }
}
@media (max-width: 992px) {
  .keyFacts.dailyReport.mainServices .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p {
    max-height: 225px;
  }
}
@media (max-width: 575px) {
  .keyFacts.dailyReport.mainServices .dailyReport-section .dailyReport-card .dailyReport-card-content .text-descp p {
    max-height: 195px;
  }
}
@media (min-width: 1600px) {
  .keyFacts.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .keyFacts.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .keyFacts.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .keyFacts.dailyReport .dailyReport-section .dailyReport-card .dailyReport-card-image .dailyReport-card-image-title h2 {
    font-size: 13.65px;
  }
}

.developersGuideTableSection .cstmTableMain table thead th {
  text-align: center !important;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 22px !important;
  }
}
@media (min-width: 992px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 20.9px !important;
  }
}
@media (max-width: 992px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 16.5px !important;
  }
}
@media (max-width: 575px) {
  .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 14.3px !important;
  }
}
.developersGuideTableSection .cstmTableMain table tbody td {
  color: #000000;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-block: 12px;
  }
}
@media (min-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-block: 11.4px;
  }
}
@media (max-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-block: 9px;
  }
}
@media (max-width: 575px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-block: 7.8px;
  }
}
@media (min-width: 1600px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-inline-start: 30px;
  }
}
@media (min-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-inline-start: 28.5px;
  }
}
@media (max-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-inline-start: 22.5px;
  }
}
@media (max-width: 575px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    padding-inline-start: 19.5px;
  }
}
@media (min-width: 1600px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 12px !important;
  }
}
@media (max-width: 575px) {
  .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 10.4px !important;
  }
}
@media (min-width: 1600px) {
  .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 16px !important;
  }
}
@media (min-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 15.2px !important;
  }
}
@media (max-width: 992px) {
  .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 12px !important;
  }
}
@media (max-width: 575px) {
  .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 10.4px !important;
  }
}

@media (min-width: 1600px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 28px !important;
  }
}
@media (min-width: 992px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 26.6px !important;
  }
}
@media (max-width: 992px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 21px !important;
  }
}
@media (max-width: 575px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table thead th {
    font-size: 18.2px !important;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 25px !important;
  }
}
@media (min-width: 992px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 23.75px !important;
  }
}
@media (max-width: 992px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 18.75px !important;
  }
}
@media (max-width: 575px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td {
    font-size: 16.25px !important;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 25px !important;
  }
}
@media (min-width: 992px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 23.75px !important;
  }
}
@media (max-width: 992px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 18.75px !important;
  }
}
@media (max-width: 575px) {
  [lang=ar] .developersGuideTableSection .cstmTableMain table tbody td a {
    font-size: 16.25px !important;
  }
}

.linkingMechanism {
  padding: 30px 0 100px 0;
  background-color: #f9fafb;
}
.linkingMechanism .section-title {
  font-weight: 600;
  text-align: center;
}
@media (min-width: 1600px) {
  .linkingMechanism .section-title {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .section-title {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .section-title {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .section-title {
    font-size: 23.4px;
  }
}
.linkingMechanism .mechanismCard {
  border-radius: 16px;
  padding: 16px;
  overflow: hidden;
  background-color: #ffffff;
  border: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard {
    width: 384px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard {
    width: 364.8px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard {
    width: 288px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard {
    width: 249.6px;
  }
}
.linkingMechanism .mechanismCard .header {
  position: relative;
  height: 180px;
  background-color: #DFF6E7;
  border-radius: 16px;
  color: #0D121C;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .header {
    font-size: 46px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .header {
    font-size: 43.7px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .header {
    font-size: 34.5px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .header {
    font-size: 29.9px;
  }
}
.linkingMechanism .mechanismCard .body {
  min-height: calc(100% - 180px);
}
.linkingMechanism .mechanismCard .body .title {
  color: #0D121C;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-block: 13px;
  }
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .title {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .title {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .title {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .title {
    line-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .title {
    padding-bottom: 13px;
  }
}
.linkingMechanism .mechanismCard .body .description {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .description {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .description {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .description {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .description {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .description {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .description {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .description {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .description {
    line-height: 15.6px;
  }
}
.linkingMechanism .mechanismCard .body .description p {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .description p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .description p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .description p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .description p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .linkingMechanism .mechanismCard .body .description p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .linkingMechanism .mechanismCard .body .description p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .linkingMechanism .mechanismCard .body .description p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .linkingMechanism .mechanismCard .body .description p {
    line-height: 15.6px;
  }
}
.linkingMechanism .mechanismCard .body .description a:hover {
  color: #149DDF;
}

[lang=ar] .linkingMechanism .mechanismCard .header::after {
  transform: scaleX(-1);
}

.surveyFormSection {
  background-color: #f9fafb;
  padding: 150px 0;
  /* Space first evaluation grid below section header */
  /* Service Evaluation: CSS Grid + subgrid — shared title row + shared answers row per visual line.
     Modest row-gap between card rows; column-gap between cards. Seventh card full-width only below 4-column layout. */
  /* Wide screens: equal columns, aligned label bands, full-width textareas, matched heights */
  /* Feedback & Suggestions: two textareas side-by-side on wide screens; stack when ≤1491px */
}
.surveyFormSection .title {
  text-wrap: wrap;
  width: 100%;
  color: #0D121C;
  font-weight: 600;
  line-height: 38px !important;
}
@media (min-width: 1600px) {
  .surveyFormSection .title {
    font-size: 38px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .title {
    font-size: 36.1px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .title {
    font-size: 28.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .title {
    font-size: 24.7px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .title {
    line-height: 38px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .title {
    line-height: 36.1px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .title {
    line-height: 28.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .title {
    line-height: 24.7px;
  }
}
.surveyFormSection input[type=text] {
  background-color: #ffffff;
  border: 1px solid #9da4ae;
  border-radius: 4px;
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=text] {
    width: 422px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=text] {
    width: 400.9px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=text] {
    width: 316.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=text] {
    width: 274.3px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=text] {
    height: 52px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=text] {
    height: 49.4px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=text] {
    height: 39px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=text] {
    height: 33.8px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=text] {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=text] {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=text] {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=text] {
    padding-inline: 9.75px;
  }
}
.surveyFormSection input[type=text]::placeholder {
  color: rgba(143, 143, 143, 0.37);
}
.surveyFormSection input[type=email] {
  background-color: #ffffff;
  border: 1px solid #9da4ae;
  border-radius: 4px;
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=email] {
    width: 422px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=email] {
    width: 400.9px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=email] {
    width: 316.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=email] {
    width: 274.3px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=email] {
    height: 52px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=email] {
    height: 49.4px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=email] {
    height: 39px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=email] {
    height: 33.8px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=email] {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=email] {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=email] {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=email] {
    padding-inline: 9.75px;
  }
}
.surveyFormSection input[type=email]::placeholder {
  color: rgba(143, 143, 143, 0.37);
}
.surveyFormSection input[type=tel] {
  background-color: #ffffff;
  border: 1px solid #9da4ae;
  border-radius: 4px;
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=tel] {
    width: 422px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=tel] {
    width: 400.9px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=tel] {
    width: 316.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=tel] {
    width: 274.3px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=tel] {
    height: 52px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=tel] {
    height: 49.4px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=tel] {
    height: 39px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=tel] {
    height: 33.8px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=tel] {
    padding-inline: 15px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=tel] {
    padding-inline: 14.25px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=tel] {
    padding-inline: 11.25px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=tel] {
    padding-inline: 9.75px;
  }
}
.surveyFormSection input[type=tel]::placeholder {
  color: rgba(143, 143, 143, 0.37);
}
.surveyFormSection input[type=radio] {
  border: 1px solid #9da4ae;
  accent-color: #25935f;
  border-radius: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  flex: 0 0 auto;
  flex-shrink: 0;
  align-self: flex-start;
  aspect-ratio: 1/1;
  object-fit: contain;
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=radio] {
    width: 28px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=radio] {
    width: 26.6px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=radio] {
    width: 21px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=radio] {
    width: 18.2px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection input[type=radio] {
    height: 28px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection input[type=radio] {
    height: 26.6px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection input[type=radio] {
    height: 21px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection input[type=radio] {
    height: 18.2px;
  }
}
.surveyFormSection input[type=radio]:checked {
  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}
.surveyFormSection textarea {
  background-color: #ffffff;
  border: 1px solid #9da4ae;
  resize: none;
  padding: 10px;
  border-radius: 4px;
}
@media (min-width: 1600px) {
  .surveyFormSection textarea {
    width: 421px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection textarea {
    width: 399.95px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection textarea {
    width: 315.75px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection textarea {
    width: 273.65px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection textarea {
    height: 100px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection textarea {
    height: 95px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection textarea {
    height: 75px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection textarea {
    height: 65px;
  }
}
.surveyFormSection textarea:focus {
  outline: none;
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-form-group {
    margin-block-start: 50px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-form-group {
    margin-block-start: 47.5px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-form-group {
    margin-block-start: 37.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-form-group {
    margin-block-start: 32.5px;
  }
}
.surveyFormSection .radio-form-group .title {
  color: #0D121C;
  font-weight: 500;
  width: 90%;
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-form-group .title {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-form-group .title {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-form-group .title {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-form-group .title {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-form-group .title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-form-group .title {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-form-group .title {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-form-group .title {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-form-group .title {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-form-group .title {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-form-group .title {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-form-group .title {
    margin-bottom: 16.25px;
  }
}
.surveyFormSection .radio-form-group .radio-group {
  display: flex;
  align-items: flex-start;
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-form-group .radio-group {
    margin-block: 20px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-form-group .radio-group {
    margin-block: 19px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-form-group .radio-group {
    margin-block: 15px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-form-group .radio-group {
    margin-block: 13px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-form-group .radio-group {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-form-group .radio-group {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-form-group .radio-group {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-form-group .radio-group {
    gap: 13px;
  }
}
.surveyFormSection .radio-form-group .radio-group .mauticform-radiogrp-radio,
.surveyFormSection .radio-form-group .radio-group input[type=radio] {
  margin-top: 0.15em;
}
.surveyFormSection .radio-form-group .radio-group .mauticform-radiogrp-label {
  flex: 1 1 auto;
  min-width: 0;
}
@media (min-width: 1600px) {
  .surveyFormSection .form-group {
    margin-block-start: 50px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .form-group {
    margin-block-start: 47.5px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .form-group {
    margin-block-start: 37.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .form-group {
    margin-block-start: 32.5px;
  }
}
.surveyFormSection .form-group label {
  color: #0D121C;
  font-weight: 500;
  width: 90%;
}
@media (min-width: 1600px) {
  .surveyFormSection .form-group label {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .form-group label {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .form-group label {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .form-group label {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .form-group label {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .form-group label {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .form-group label {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .form-group label {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .form-group label {
    margin-block-end: 10px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .form-group label {
    margin-block-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .form-group label {
    margin-block-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .form-group label {
    margin-block-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-end: 25px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-end: 23.75px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-end: 18.75px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .form-group label.margin-block {
    margin-block-end: 16.25px;
  }
}
.surveyFormSection .radio-like-buttons-container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  justify-items: center;
  align-items: center;
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-like-buttons-container {
    row-gap: 18.5px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-like-buttons-container {
    row-gap: 17.575px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-like-buttons-container {
    row-gap: 13.875px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-like-buttons-container {
    row-gap: 12.025px;
  }
}
.surveyFormSection .radio-like-buttons-container > label {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 0;
}
.surveyFormSection .radio-like-buttons-container .radio-like-btn {
  border: 1px solid #9da4ae;
  background-color: transparent;
  color: #000;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  box-sizing: border-box;
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    width: 43px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    width: 40.85px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    width: 32.25px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    width: 27.95px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    height: 43px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    height: 40.85px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    height: 32.25px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    height: 27.95px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .radio-like-buttons-container .radio-like-btn {
    border-radius: 2.6px;
  }
}
.surveyFormSection .radio-like-buttons-container .radio-like-btn.active {
  background-color: #1b8354;
  color: #fff;
}
.surveyFormSection form {
  padding: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1600px) {
  .surveyFormSection form > .title {
    margin-block-end: 28px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection form > .title {
    margin-block-end: 26.6px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection form > .title {
    margin-block-end: 21px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection form > .title {
    margin-block-end: 18.2px;
  }
}
.surveyFormSection .mauticform-innerform {
  width: 100%;
}
@media (min-width: 1600px) {
  .surveyFormSection .mauticform-innerform {
    padding-block-start: 8px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .mauticform-innerform {
    padding-block-start: 7.6px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .mauticform-innerform {
    padding-block-start: 6px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .mauticform-innerform {
    padding-block-start: 5.2px;
  }
}
.surveyFormSection .survey-form-section-header {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto;
  column-gap: 12px;
  row-gap: 4px;
  align-items: center;
  width: 100%;
  margin-block-end: 0;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-form-section-header {
    margin-block-start: 16px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-form-section-header {
    margin-block-start: 15.2px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-form-section-header {
    margin-block-start: 12px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-form-section-header {
    margin-block-start: 10.4px;
  }
}
.surveyFormSection .survey-form-section-header + .mauticform-page-wrapper > .col-xxl-12:first-child .survey-service-evaluation-grid {
  padding-block-start: 15px;
}
.surveyFormSection .survey-service-evaluation-grid {
  width: 100%;
  box-sizing: border-box;
  row-gap: 0.65rem;
  column-gap: 1rem;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-start: 10px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-start: 9.5px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-start: 7.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-start: 6.5px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-end: 10px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-group {
    margin-block-end: 6.5px;
  }
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > :first-child {
    margin-block-start: 20px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > :first-child {
    margin-block-start: 19px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > :first-child {
    margin-block-start: 15px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > :first-child {
    margin-block-start: 13px;
  }
}
.surveyFormSection .survey-service-evaluation-grid > .radio-form-group > .survey-question-body > .radio-like-buttons-container {
  align-content: start;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-service-evaluation-grid .survey-question-heading .title {
    margin-bottom: 12px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid .survey-question-heading .title {
    margin-bottom: 11.4px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-service-evaluation-grid .survey-question-heading .title {
    margin-bottom: 9px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-service-evaluation-grid .survey-question-heading .title {
    margin-bottom: 7.8px;
  }
}
@supports (grid-template-rows: subgrid) {
  .surveyFormSection .survey-service-evaluation-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-auto-rows: auto auto;
    align-items: stretch;
  }
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    grid-column: span 12;
    margin-block-start: 0;
    min-width: 0;
    box-sizing: border-box;
  }
  .surveyFormSection .survey-service-evaluation-grid .survey-question-heading {
    grid-row: 1;
    width: 100%;
    box-sizing: border-box;
  }
  .surveyFormSection .survey-service-evaluation-grid .survey-question-body {
    grid-row: 2;
    min-height: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    box-sizing: border-box;
  }
  @media (min-width: 576px) and (max-width: 991px) {
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
      grid-column: span 6;
    }
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group:nth-child(7):last-child {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 992px) and (max-width: 1366px) {
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
      grid-column: span 4;
    }
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group:nth-child(7):last-child {
      grid-column: 1/-1;
    }
  }
  @media (min-width: 1367px) {
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
      grid-column: span 3;
    }
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group:nth-child(n+5) {
      grid-column: span 4;
    }
  }
}
@supports not (grid-template-rows: subgrid) {
  .surveyFormSection .survey-service-evaluation-grid {
    display: flex !important;
    flex-wrap: wrap;
    align-items: stretch;
  }
  .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
    margin-block-start: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex: 1 1 100%;
    min-width: 100%;
    min-height: 0;
  }
  .surveyFormSection .survey-service-evaluation-grid .survey-question-heading {
    flex: 1 0 auto;
    width: 100%;
    box-sizing: border-box;
  }
  .surveyFormSection .survey-service-evaluation-grid .survey-question-body {
    flex: 0 0 auto;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
  }
  @media (min-width: 576px) {
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
      flex: 1 1 calc((100% - 1rem) / 2);
      min-width: calc((100% - 1rem) / 2);
    }
  }
  @media (min-width: 992px) {
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
      flex: 1 1 calc((100% - 2 * 1rem) / 3);
      min-width: calc((100% - 2 * 1rem) / 3);
    }
  }
  @media (min-width: 1367px) {
    .surveyFormSection .survey-service-evaluation-grid > .radio-form-group {
      flex: 1 1 calc((100% - 3 * 1rem) / 4);
      min-width: calc((100% - 3 * 1rem) / 4);
    }
  }
}
.surveyFormSection .survey-form-section-header--feedback {
  margin-block-end: 15px;
  margin-top: 30px !important;
}
.surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group {
  margin-block-start: 0;
}
@media (min-width: 1492px) {
  .surveyFormSection .survey-form-section-header--feedback + .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 1.5rem;
    align-items: stretch;
  }
  .surveyFormSection .survey-form-section-header--feedback + .row > [class*=col-] {
    display: flex;
    flex-direction: column;
    max-width: none;
    width: 100%;
  }
  .surveyFormSection .survey-form-section-header--feedback + .row > .col-md-5,
  .surveyFormSection .survey-form-section-header--feedback + .row > .col-md-7 {
    flex: 1 1 auto;
  }
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
  }
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text > .d-flex.align-items-start:first-of-type {
    flex: 0 0 auto;
    min-height: clamp(4.75rem, 5.5vw, 8rem);
  }
}
@media (min-width: 1492px) and (min-width: 1600px) {
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text .title {
    margin-bottom: 12px;
  }
}
@media (min-width: 1492px) and (min-width: 992px) {
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text .title {
    margin-bottom: 11.4px;
  }
}
@media (min-width: 1492px) and (max-width: 992px) {
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text .title {
    margin-bottom: 9px;
  }
}
@media (min-width: 1492px) and (max-width: 575px) {
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text .title {
    margin-bottom: 7.8px;
  }
}
@media (min-width: 1492px) {
  .surveyFormSection .survey-form-section-header--feedback + .row .radio-form-group.mauticform-text .mauticform-textarea {
    width: 100% !important;
    max-width: 100%;
    flex: 1 1 auto;
    min-height: clamp(10rem, 22vh, 15rem);
    box-sizing: border-box;
  }
}
@media (max-width: 1491px) {
  .surveyFormSection .survey-form-section-header--feedback + .row {
    flex-direction: column;
    row-gap: 1.25rem;
  }
  .surveyFormSection .survey-form-section-header--feedback + .row > [class*=col-] {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
  }
}
.surveyFormSection .survey-form-section-header--contact {
  margin-block-end: 15px;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-form-section-header--contact {
    margin-block-start: 24px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-form-section-header--contact {
    margin-block-start: 22.8px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-form-section-header--contact {
    margin-block-start: 18px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-form-section-header--contact {
    margin-block-start: 15.6px;
  }
}
.surveyFormSection .survey-form-section-header--confirmation {
  margin-block-end: 28px;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-form-section-header--confirmation {
    margin-block-start: 48px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-form-section-header--confirmation {
    margin-block-start: 45.6px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-form-section-header--confirmation {
    margin-block-start: 36px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-form-section-header--confirmation {
    margin-block-start: 31.2px;
  }
}
.surveyFormSection .survey-form-section-header--contact + .row > .col-md-6:nth-child(1) .form-group,
.surveyFormSection .survey-form-section-header--contact + .row > .col-md-6:nth-child(2) .form-group {
  margin-block-start: 0;
}
.surveyFormSection .survey-form-section-header__badge {
  grid-row: 1;
  grid-column: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #1b8354;
  color: #ffffff;
  font-weight: 700;
  font-size: 16px;
  line-height: 1;
  flex-shrink: 0;
}
.surveyFormSection .survey-form-section-header__title {
  grid-row: 1;
  grid-column: 2;
  margin: 0;
  color: #0D121C;
  font-weight: 700;
  line-height: 1.3;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-form-section-header__title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-form-section-header__title {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-form-section-header__title {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-form-section-header__title {
    font-size: 13px;
  }
}
.surveyFormSection .survey-form-section-header__subtitle {
  grid-row: 2;
  grid-column: 2;
  margin: 0;
  color: #9da4ae;
  font-weight: 400;
  line-height: 1.4;
}
@media (min-width: 1600px) {
  .surveyFormSection .survey-form-section-header__subtitle {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .surveyFormSection .survey-form-section-header__subtitle {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .surveyFormSection .survey-form-section-header__subtitle {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .surveyFormSection .survey-form-section-header__subtitle {
    font-size: 9.1px;
  }
}

@media screen and (max-width: 1200px) {
  .surveyFormSection .title {
    width: 100% !important;
  }
}
.radio-like-buttons-container label {
  position: relative;
}

.radio-like-buttons-container label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.radio-like-buttons-container label input + span {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D2D6DB;
  background-color: transparent;
  color: #000;
  font-weight: 400;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 1600px) {
  .radio-like-buttons-container label input + span {
    width: 43px;
  }
}
@media (min-width: 992px) {
  .radio-like-buttons-container label input + span {
    width: 40.85px;
  }
}
@media (max-width: 992px) {
  .radio-like-buttons-container label input + span {
    width: 32.25px;
  }
}
@media (max-width: 575px) {
  .radio-like-buttons-container label input + span {
    width: 27.95px;
  }
}
@media (min-width: 1600px) {
  .radio-like-buttons-container label input + span {
    height: 43px;
  }
}
@media (min-width: 992px) {
  .radio-like-buttons-container label input + span {
    height: 40.85px;
  }
}
@media (max-width: 992px) {
  .radio-like-buttons-container label input + span {
    height: 32.25px;
  }
}
@media (max-width: 575px) {
  .radio-like-buttons-container label input + span {
    height: 27.95px;
  }
}
@media (min-width: 1600px) {
  .radio-like-buttons-container label input + span {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .radio-like-buttons-container label input + span {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .radio-like-buttons-container label input + span {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .radio-like-buttons-container label input + span {
    border-radius: 5.2px;
  }
}

.radio-like-buttons-container label input:hover + span {
  transition: all 0.3s ease;
  background-color: rgba(7, 77, 49, 0.7);
  color: #ffffff;
}

.radio-like-buttons-container label input:checked + span,
.radio-like-buttons-container label input:focus + span {
  transition: all 0.3s ease;
  background-color: #074D31;
  color: #ffffff;
}

.form--message {
  color: #074D31;
}

.form--error {
  color: #dd2525;
}

.awareness-top#mountainRange {
  padding-top: 50px;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards.sla-cards {
    margin-block: 11px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards.sla-cards {
    margin-block: 10.45px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards.sla-cards {
    margin-block: 8.25px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards.sla-cards {
    margin-block: 7.15px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='434' height='114' viewBox='0 0 434 114'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_8358' data-name='Rectangle 8358' width='434' height='114' rx='16' transform='translate(278 1448)' fill='%23fff'/%3E%3C/clipPath%3E%3CclipPath id='clip-path-2'%3E%3Cpath id='Path_40781' data-name='Path 40781' d='M0,.265,257.839-.716,211.376,92,0,195.413Z' transform='translate(0 0.716)' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Mask_Group_13088' data-name='Mask Group 13088' transform='translate(-278 -1448)' clip-path='url(%23clip-path)'%3E%3Cg id='lines' transform='matrix(-0.643, -0.766, 0.766, -0.643, 629.565, 1637.429)'%3E%3Cg id='Mask_Group_13087' data-name='Mask Group 13087' transform='translate(0 -0.716)' clip-path='url(%23clip-path-2)'%3E%3Cpath id='Path_40779' data-name='Path 40779' d='M-3.062,93.732C-3.389,71.573.205,41.2,19.177,22.349,33.245,8.373,54.339,2.949,77.045,7.474c14.289,2.845,27.881,8.994,41.023,14.94,4.982,2.257,10.134,4.588,15.254,6.7,14.956,6.195,37.378,13.726,59.336,7.667,14.653-4.043,28.015-13.68,40.941-23,14.432-10.4,29.35-21.163,45.881-23.867,20.352-3.333,39.435,5.932,57.89,14.889,3.071,1.492,6.247,3.032,9.356,4.479,40.421,18.8,86.282,26.86,132.62,23.309a290.973,290.973,0,0,0,63.913-12.281A303.37,303.37,0,0,0,612.275-11.06' transform='matrix(0.921, -0.391, 0.391, 0.921, 4.346, 116.551)' fill='none' stroke='%23fdca17' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_40780' data-name='Path 40780' d='M-3.062,93.732C-3.389,71.573.205,41.2,19.177,22.349,33.245,8.373,54.339,2.949,77.045,7.474c14.289,2.845,27.881,8.994,41.023,14.94,4.982,2.257,10.134,4.588,15.254,6.7,14.956,6.195,37.378,13.726,59.336,7.667,14.653-4.043,28.015-13.68,40.941-23,14.432-10.4,29.35-21.163,45.881-23.867,20.352-3.333,39.435,5.932,57.89,14.889,3.071,1.492,6.247,3.032,9.356,4.479,40.421,18.8,86.282,26.86,132.62,23.309a290.973,290.973,0,0,0,63.913-12.281A303.37,303.37,0,0,0,612.275-11.06' transform='matrix(0.921, -0.391, 0.391, 0.921, 33.889, 108.558)' fill='none' stroke='%23149ddf' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-position: top;
  height: 100%;
  top: 0;
  bottom: unset;
  width: 100% !important;
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content {
  padding-top: 0;
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 18.2px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title h2 {
  font-size: inherit !important;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title h2 {
    line-height: 18.2px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 15.6px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text p {
  font-size: inherit !important;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text p {
    line-height: 15.6px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text p strong {
  font-size: inherit !important;
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    line-height: 19px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    line-height: 15px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text-small {
    line-height: 13px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul {
  padding-inline-start: 20px;
  padding-inline-end: 0;
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    line-height: 20px;
  }
}
@media (min-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    line-height: 19px;
  }
}
@media (max-width: 992px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    line-height: 15px;
  }
}
@media (max-width: 575px) {
  .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content ul li {
    line-height: 13px;
  }
}
.awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content a.darkBtn.animateBtn.smallBtn {
  min-width: max-content;
  padding-inline: 10px;
  line-height: 1 !important;
}

@media (min-width: 1600px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-title {
    line-height: 18.2px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .awareness-top#mountainRange .awareness-cards.simpleCards .simpleCards-content .simpleCards-text {
    line-height: 15.6px;
  }
}

.custom-file-upload {
  border: 2px dashed #D2D6DB;
  position: relative;
  display: inline-block;
  padding: 20px;
  cursor: pointer;
  width: 100%;
  text-align: center;
  border-radius: 8px;
}
.custom-file-upload::before {
  content: " * ";
  color: #dd2525;
}

input[type=file] {
  display: none;
}

.file-name {
  margin-top: 10px;
  font-size: 14px;
  color: #555;
}

.hajj-awareness-slide .slick-slider .slick-track {
  margin: 0 auto;
}
.hajj-awareness-slide img {
  max-height: 70vh;
  width: auto;
  margin: 0 auto;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
}

[lang=ar] .hajj-awareness-slide.commonSlider .slick-arrow {
  z-index: 1;
  transform: scaleX(-1);
}

[lang=ar] .hajj-awareness-slide.commonSlider .slick-arrow i {
  transform: scaleX(-1);
}

.local-content-section .wavy-pattern {
  position: absolute;
  top: 10px;
  left: 0px;
  z-index: 0;
}
@media (max-width: 575px) {
  .local-content-section .wavy-pattern {
    top: 8px;
  }
}
.local-content-section .saturn {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 0;
}
.local-content-section .local-content-container {
  margin-top: -1px;
  padding: 60px 0px;
}
.local-content-section .local-content-container .row {
  gap: 15px;
}
.local-content-section .local-content-container .local-content-card {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  min-height: unset;
  background-color: #ffffff;
  max-width: unset;
  padding: 16px;
}
.local-content-section .local-content-container .local-content-card .art-container {
  position: absolute;
  bottom: 0;
  left: 0;
}
.local-content-section .local-content-container .local-content-card .heading h2 {
  font-weight: 500;
  color: #161616;
}
@media (min-width: 1600px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .local-content-section .local-content-container .local-content-card .heading h2 {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .local-content-section .local-content-container .local-content-card .content p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .local-content-section .local-content-container .local-content-card .content p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .local-content-section .local-content-container .local-content-card .content p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .local-content-section .local-content-container .local-content-card .content p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .local-content-section .local-content-container .local-content-card .content p {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .local-content-section .local-content-container .local-content-card .content p {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .local-content-section .local-content-container .local-content-card .content p {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .local-content-section .local-content-container .local-content-card .content p {
    line-height: 18.2px;
  }
}

.local-content-achievement-section img {
  border: 1px solid #D2D6DB;
  border-radius: 16px;
  max-height: 70vh;
  width: auto;
}
.local-content-achievement-section .local-content-achievement-content h1 {
  font-weight: normal;
  color: #161616;
}
@media (min-width: 1600px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .local-content-achievement-section .local-content-achievement-content h1 {
    line-height: 18.2px;
  }
}
.local-content-achievement-section .local-content-achievement-content p {
  color: #161616;
}
@media (min-width: 1600px) {
  .local-content-achievement-section .local-content-achievement-content p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .local-content-achievement-section .local-content-achievement-content p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .local-content-achievement-section .local-content-achievement-content p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .local-content-achievement-section .local-content-achievement-content p {
    line-height: 15.6px;
  }
}
@media (min-width: 1600px) {
  .local-content-achievement-section .local-content-achievement-content p {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content p {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .local-content-achievement-section .local-content-achievement-content p {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .local-content-achievement-section .local-content-achievement-content p {
    margin-bottom: 10.4px;
  }
}

.sitemap_page ul {
  list-style: disc;
}
.sitemap_page ul .stmp-main-links a {
  border-bottom: 1px solid #074D31;
  width: 100%;
  color: #074D31;
  font-weight: 600;
  line-height: 1.5;
  padding: 10px 0;
  display: block;
}
@media (min-width: 1600px) {
  .sitemap_page ul .stmp-main-links a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .sitemap_page ul .stmp-main-links a {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .sitemap_page ul .stmp-main-links a {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .sitemap_page ul .stmp-main-links a {
    font-size: 11.7px;
  }
}
.sitemap_page ul .stmp-main-links a:hover {
  color: #25935f;
}
.sitemap_page ul .stmp-main-links ul {
  list-style: circle;
}
.sitemap_page ul .stmp-main-links ul .stmp-child-link a {
  border-bottom: 1px solid #074D31;
  width: 100%;
  color: #074D31;
  font-weight: 500;
  line-height: 1.5;
  padding: 10px 0;
  display: block;
}
@media (min-width: 1600px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link a {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link a {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link a {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link a {
    font-size: 11.05px;
  }
}
.sitemap_page ul .stmp-main-links ul .stmp-child-link a:hover {
  color: #25935f;
}
.sitemap_page ul .stmp-main-links ul .stmp-child-link ul {
  list-style: none;
}
.sitemap_page ul .stmp-main-links ul .stmp-child-link ul .stmp-inner-child-link a {
  border-bottom: 1px solid #074D31;
  width: 100%;
  color: #074D31;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  padding: 10px 0;
  display: block;
}
@media (min-width: 1600px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link ul .stmp-inner-child-link a {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link ul .stmp-inner-child-link a {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link ul .stmp-inner-child-link a {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .sitemap_page ul .stmp-main-links ul .stmp-child-link ul .stmp-inner-child-link a {
    font-size: 10.4px;
  }
}
.sitemap_page ul .stmp-main-links ul .stmp-child-link ul .stmp-inner-child-link a:hover {
  color: #25935f;
}

.partners-section {
  padding: 60px 20px;
  background-color: #ffffff;
  text-align: center;
}

.partners-title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 50px;
  font-family: "Arial", sans-serif;
  text-align: center;
}

.partner-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 40px;
  padding: 0 15px;
}

.partner-logo-container {
  width: 145px;
  height: 125px;
  background-color: #ffffff;
  border-radius: 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}

.partner-logo-container:hover {
  transform: scale(1.05);
}

.partner-logo {
  max-width: 115px;
  max-height: 100px;
  object-fit: contain;
}

.partner-name {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  text-align: center;
  font-family: "Arial", sans-serif;
  line-height: 1.4;
  margin: 0;
  padding: 0 10px;
}

@media (max-width: 768px) {
  .partners-title {
    font-size: 28px;
  }
  .partner-logo-container {
    width: 100px;
    height: 100px;
  }
  .partner-logo {
    max-width: 60px;
    max-height: 60px;
  }
  .partner-name {
    font-size: 12px;
  }
}
.themeCard {
  border: 1px solid #D2D6DB;
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .themeCard {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .themeCard {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .themeCard {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .themeCard {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .themeCard {
    padding-block: 40px;
  }
}
@media (min-width: 992px) {
  .themeCard {
    padding-block: 38px;
  }
}
@media (max-width: 992px) {
  .themeCard {
    padding-block: 30px;
  }
}
@media (max-width: 575px) {
  .themeCard {
    padding-block: 26px;
  }
}
@media (min-width: 1600px) {
  .themeCard {
    padding-inline: 30px;
  }
}
@media (min-width: 992px) {
  .themeCard {
    padding-inline: 28.5px;
  }
}
@media (max-width: 992px) {
  .themeCard {
    padding-inline: 22.5px;
  }
}
@media (max-width: 575px) {
  .themeCard {
    padding-inline: 19.5px;
  }
}
@media (max-width: 576px) {
  .themeCard {
    padding-inline: 16px;
    overflow-x: hidden;
  }
}

@media (min-width: 1600px) {
  .climateDataAnalysis {
    margin-block-start: 80px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis {
    margin-block-start: 76px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis {
    margin-block-start: 60px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis {
    margin-block-start: 52px;
  }
}
.climateDataAnalysis .headingPrimary {
  font-weight: 500;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .headingPrimary {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .headingPrimary {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .headingPrimary {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .headingPrimary {
    font-size: 19.5px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .headingPrimary {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .headingPrimary {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .headingPrimary {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .headingPrimary {
    margin-bottom: 13px;
  }
}
.climateDataAnalysis .select2-container {
  max-width: unset !important;
  width: 100% !important;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container {
    height: 29.25px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #ffffff !important;
  border: 1px solid #D2D6DB;
  flex-wrap: wrap;
  position: relative;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    height: 29.25px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline: 4px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline: 3.8px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline: 3px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline: 2.6px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline-end: 35px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline-end: 33.25px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline-end: 26.25px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-inline-end: 22.75px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    border-radius: 4.55px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple {
    gap: 3.25px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 0;
  width: 100%;
  position: relative;
  display: flex;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 6px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 5.7px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 4.5px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    gap: 3.9px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 8px;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" fill="none"><path fill="%23161616" d="M1.754 1.13a42.907 42.907 0 0 0 1.975 2.46c.535.617 1.098 1.219 1.598 1.66.25.222.471.39.653.5.17.103.272.124.272.124s.098-.021.269-.124a4.74 4.74 0 0 0 .653-.5c.5-.441 1.063-1.043 1.599-1.66a42.947 42.947 0 0 0 1.389-1.693c.18-.232.483-.633.585-.767a.626.626 0 0 1 1.007.74l-.002.003c-.107.14-.42.557-.605.793-.37.474-.879 1.108-1.43 1.744C9.166 5.043 8.561 5.69 8 6.187c-.28.247-.563.47-.835.633-.254.154-.577.305-.916.305-.338 0-.66-.151-.915-.305a5.947 5.947 0 0 1-.836-.633c-.56-.496-1.165-1.144-1.715-1.777a44.146 44.146 0 0 1-1.43-1.744c-.185-.236-.499-.652-.605-.793L.747 1.87a.625.625 0 0 1 1.007-.742Z"/></svg>');
  z-index: 9;
  border: none;
  transition: transform 0.3s ease;
  background-position: right;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-block-start: 15px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-block-start: 14.25px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-block-start: 11.25px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-block-start: 9.75px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-inline-end: -20px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-inline-end: -19px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-inline-end: -15px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered::after {
    inset-inline-end: -13px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow b {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.climateDataAnalysis .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__rendered::after {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #ECFDF3;
  border: 2px solid #ABEFC6;
  color: #074D31;
  margin: 0;
  display: inline-flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 4px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 3.8px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 3px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 2.6px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-block: 5px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-block: 4.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-block: 3.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding-block: 3.25px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice {
    gap: 3.25px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: #074D31;
  padding: 0;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-size: 9.1px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #074D31;
  font-weight: bold;
  padding: 0;
  border: none;
  cursor: pointer;
  transition: 0.3s ease;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-inline: 10px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-inline: 9.5px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-inline: 7.5px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    margin-inline: 6.5px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: rgba(7, 77, 49, 0.8);
  background-color: transparent;
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline {
  flex: 1;
  min-width: 100px;
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  color: #161616;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
    font-size: 11.05px;
  }
}
.climateDataAnalysis .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field::placeholder {
  color: #3d3d3d;
}
@media (min-width: 1600px) {
  .climateDataAnalysis .form-groups {
    margin-block-end: 20px;
  }
}
@media (min-width: 992px) {
  .climateDataAnalysis .form-groups {
    margin-block-end: 19px;
  }
}
@media (max-width: 992px) {
  .climateDataAnalysis .form-groups {
    margin-block-end: 15px;
  }
}
@media (max-width: 575px) {
  .climateDataAnalysis .form-groups {
    margin-block-end: 13px;
  }
}
@media (max-width: 991px) {
  .climateDataAnalysis .form-groups {
    width: 100%;
    min-width: 0;
  }
  .climateDataAnalysis .cstmSelect,
  .climateDataAnalysis .form-groups .cstmSelect,
  .climateDataAnalysis select.cstmSelect {
    width: 100% !important;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }
  .climateDataAnalysis .cstmRadioGroup {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.75rem !important;
  }
  .climateDataAnalysis .cstmRadioGroup .cstmRadio {
    width: 100%;
  }
  .climateDataAnalysis .cstmRadioGroup .cstmRadio label {
    flex: 1;
    min-width: 0;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label:after, .climateDataAnalysis .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-inline-start: 6.2px;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label:after, .climateDataAnalysis .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-block-start: 5px;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label, .climateDataAnalysis .cstmRadio [type=radio]:not(:checked) + label {
    padding-inline-start: 28px;
  }
}
@media (max-width: 576px) {
  .climateDataAnalysis .analysis-mode-toggle .segmented-toggle {
    width: 100%;
    display: flex;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label, .climateDataAnalysis .cstmRadio [type=radio]:not(:checked) + label {
    padding-inline-start: 28px;
  }
  .climateDataAnalysis .analysis-mode-toggle .segmented-toggle .toggle-option {
    flex: 1;
    text-align: center;
    padding: 10px 12px;
    font-size: 13px;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label:after, .climateDataAnalysis .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-inline-start: 6.2px;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label:after, .climateDataAnalysis .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-block-start: 5.8px;
  }
  .climateDataAnalysis .cstmRadio [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.interactiveClimateTopSection .mainHeading .text-start {
  text-align: start !important;
}

.cstmRadio [type=radio]:checked,
.cstmRadio [type=radio]:not(:checked) {
  position: absolute;
  opacity: 0;
}
.cstmRadio [type=radio]:checked + label,
.cstmRadio [type=radio]:not(:checked) + label {
  position: relative;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label,
  .cstmRadio [type=radio]:not(:checked) + label {
    padding-inline-start: 28px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label,
  .cstmRadio [type=radio]:not(:checked) + label {
    padding-inline-start: 26.6px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label,
  .cstmRadio [type=radio]:not(:checked) + label {
    padding-inline-start: 21px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label,
  .cstmRadio [type=radio]:not(:checked) + label {
    padding-inline-start: 18.2px;
  }
}
.cstmRadio [type=radio]:checked + label:before,
.cstmRadio [type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
  border: 1px solid #25935f;
  border-radius: 100%;
  background: #ffffff;
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label:before,
  .cstmRadio [type=radio]:not(:checked) + label:before {
    height: 13px;
  }
}
.cstmRadio [type=radio]:checked + label:after,
.cstmRadio [type=radio]:not(:checked) + label:after {
  content: "";
  background: #25935f;
  position: absolute;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    width: 12px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    width: 11.4px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    width: 9px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    width: 7.8px;
  }
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    height: 12px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    height: 11.4px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    height: 9px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    height: 7.8px;
  }
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-block-start: 4px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-block-start: 3.8px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-block-start: 3px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-block-start: 2.6px;
  }
}
@media (min-width: 1600px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-inline-start: 4px;
  }
}
@media (min-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-inline-start: 3.8px;
  }
}
@media (max-width: 992px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-inline-start: 3px;
  }
}
@media (max-width: 575px) {
  .cstmRadio [type=radio]:checked + label:after,
  .cstmRadio [type=radio]:not(:checked) + label:after {
    inset-inline-start: 2.6px;
  }
}
.cstmRadio [type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.cstmRadio [type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

@media (min-width: 1600px) {
  .hk-toggle-grid {
    height: 28px;
  }
}
@media (min-width: 992px) {
  .hk-toggle-grid {
    height: 26.6px;
  }
}
@media (max-width: 992px) {
  .hk-toggle-grid {
    height: 21px;
  }
}
@media (max-width: 575px) {
  .hk-toggle-grid {
    height: 18.2px;
  }
}

.hk-toggle span {
  opacity: 0.8;
}
@media (min-width: 1600px) {
  .hk-toggle span {
    font-size: 13px;
  }
}
@media (min-width: 992px) {
  .hk-toggle span {
    font-size: 12.35px;
  }
}
@media (max-width: 992px) {
  .hk-toggle span {
    font-size: 9.75px;
  }
}
@media (max-width: 575px) {
  .hk-toggle span {
    font-size: 8.45px;
  }
}

.hk-toggle input {
  display: none;
}

.hk-toggle label {
  position: relative;
  cursor: pointer;
}
@media (min-width: 1600px) {
  .hk-toggle label {
    width: 58px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label {
    width: 55.1px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label {
    width: 43.5px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label {
    width: 37.7px;
  }
}
@media (min-width: 1600px) {
  .hk-toggle label {
    height: 28px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label {
    height: 26.6px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label {
    height: 21px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label {
    height: 18.2px;
  }
}
@media (min-width: 1600px) {
  .hk-toggle label {
    border-radius: 20px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label {
    border-radius: 19px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label {
    border-radius: 15px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label {
    border-radius: 13px;
  }
}

.hk-toggle label::after {
  content: "";
  position: absolute;
  transition: 0.35s;
}
@media (min-width: 1600px) {
  .hk-toggle label::after {
    width: 20px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label::after {
    width: 19px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label::after {
    width: 15px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label::after {
    width: 13px;
  }
}
@media (min-width: 1600px) {
  .hk-toggle label::after {
    height: 20px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label::after {
    height: 19px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label::after {
    height: 15px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label::after {
    height: 13px;
  }
}
@media (min-width: 1600px) {
  .hk-toggle label::after {
    inset-block-start: 3px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label::after {
    inset-block-start: 2.85px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label::after {
    inset-block-start: 2.25px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label::after {
    inset-block-start: 1.95px;
  }
}
@media (min-width: 1600px) {
  .hk-toggle label::after {
    inset-inline-start: 4px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label::after {
    inset-inline-start: 3.8px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label::after {
    inset-inline-start: 3px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label::after {
    inset-inline-start: 2.6px;
  }
}
@media (min-width: 1600px) {
  .hk-toggle label::after {
    border-radius: 50px;
  }
}
@media (min-width: 992px) {
  .hk-toggle label::after {
    border-radius: 47.5px;
  }
}
@media (max-width: 992px) {
  .hk-toggle label::after {
    border-radius: 37.5px;
  }
}
@media (max-width: 575px) {
  .hk-toggle label::after {
    border-radius: 32.5px;
  }
}

.hk-tg-2 label {
  background: #ffffff;
  border: 1px solid #0D121C;
}

.hk-tg-2 label::after {
  background: #0D121C;
}

.hk-tg-2 input:checked + label {
  background: #25935f;
  border: 1px solid #25935f;
}

.hk-tg-2 input:checked + label::after {
  transform: translateX(28px);
  background: #ffffff;
}

.comparisonMode {
  background: #F9FAFB;
}
@media (min-width: 1600px) {
  .comparisonMode {
    padding-block: 10px;
  }
}
@media (min-width: 992px) {
  .comparisonMode {
    padding-block: 9.5px;
  }
}
@media (max-width: 992px) {
  .comparisonMode {
    padding-block: 7.5px;
  }
}
@media (max-width: 575px) {
  .comparisonMode {
    padding-block: 6.5px;
  }
}
@media (min-width: 1600px) {
  .comparisonMode {
    padding-inline: 16px;
  }
}
@media (min-width: 992px) {
  .comparisonMode {
    padding-inline: 15.2px;
  }
}
@media (max-width: 992px) {
  .comparisonMode {
    padding-inline: 12px;
  }
}
@media (max-width: 575px) {
  .comparisonMode {
    padding-inline: 10.4px;
  }
}
@media (min-width: 1600px) {
  .comparisonMode {
    margin-block-start: 30px;
  }
}
@media (min-width: 992px) {
  .comparisonMode {
    margin-block-start: 28.5px;
  }
}
@media (max-width: 992px) {
  .comparisonMode {
    margin-block-start: 22.5px;
  }
}
@media (max-width: 575px) {
  .comparisonMode {
    margin-block-start: 19.5px;
  }
}

@media (min-width: 1600px) {
  .climateRainFall .headingSecondary {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .climateRainFall .headingSecondary {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .climateRainFall .headingSecondary {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .climateRainFall .headingSecondary {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .climateRainFall .yearlyRange {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .climateRainFall .yearlyRange {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .climateRainFall .yearlyRange {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .climateRainFall .yearlyRange {
    font-size: 7.8px;
  }
}

.climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
  font-weight: 500;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    margin-block-end: 10px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    margin-block-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    margin-block-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-header h3 {
    margin-block-end: 6.5px;
  }
}
.climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-content p {
  font-weight: 600;
  color: #0D121C;
  margin-block-end: 0;
}
@media (min-width: 1600px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 13px;
  }
}
.climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    width: 22px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    width: 20.9px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    width: 16.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    width: 14.3px;
  }
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    height: 22px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    height: 20.9px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    height: 16.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    height: 14.3px;
  }
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    margin-block-end: 10px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    margin-block-end: 9.5px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    margin-block-end: 7.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header img {
    margin-block-end: 6.5px;
  }
}
.climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header h3 {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-header h3 {
    font-size: 9.1px;
  }
}
.climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    width: 22px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    width: 20.9px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    width: 16.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    width: 14.3px;
  }
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    height: 22px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    height: 20.9px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    height: 16.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content img {
    height: 14.3px;
  }
}
.climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content p {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateRainFallInfo .row .col-lg-3:last-child .rainfallInfo-card .rainfallInfo-card-content p {
    font-size: 9.1px;
  }
}

.climateAnomalyChart #anomalyChart .highcharts-plot-line-label,
.climateAnomalyChart .anomalyChart .highcharts-plot-line-label {
  display: none !important;
}
.climateAnomalyChart #anomalyChart [class*=highcharts-plot-lines],
.climateAnomalyChart .anomalyChart [class*=highcharts-plot-lines] {
  display: none !important;
}

.analysis-type-container {
  background-color: #f9fafb;
}
@media (min-width: 1600px) {
  .analysis-type-container {
    padding-block-start: 20px;
  }
}
@media (min-width: 992px) {
  .analysis-type-container {
    padding-block-start: 19px;
  }
}
@media (max-width: 992px) {
  .analysis-type-container {
    padding-block-start: 15px;
  }
}
@media (max-width: 575px) {
  .analysis-type-container {
    padding-block-start: 13px;
  }
}
@media (min-width: 1600px) {
  .analysis-type-container {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .analysis-type-container {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .analysis-type-container {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .analysis-type-container {
    padding-inline: 13px;
  }
}

.climateAnomalyTable .anomaly-table.anomaly-data-table-wrapper,
.climateAnomalyTable .anomaly-data-table-wrapper {
  border: 1px solid #D2D6DB;
  overflow: hidden;
  background-color: #ffffff;
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-table.anomaly-data-table-wrapper,
  .climateAnomalyTable .anomaly-data-table-wrapper {
    border-radius: 12px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-table.anomaly-data-table-wrapper,
  .climateAnomalyTable .anomaly-data-table-wrapper {
    border-radius: 11.4px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-table.anomaly-data-table-wrapper,
  .climateAnomalyTable .anomaly-data-table-wrapper {
    border-radius: 9px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-table.anomaly-data-table-wrapper,
  .climateAnomalyTable .anomaly-data-table-wrapper {
    border-radius: 7.8px;
  }
}
.climateAnomalyTable .anomaly-data-table {
  width: 100%;
  margin-bottom: 0;
  border-collapse: collapse;
  border: none;
}
.climateAnomalyTable .anomaly-data-table thead tr {
  background-color: #F8F9FA;
}
.climateAnomalyTable .anomaly-data-table thead th {
  font-weight: 500;
  color: #0D121C;
  border: none;
  border-bottom: 1px solid #D2D6DB;
  text-align: start;
  border-inline-end: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-block: 14px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-block: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-block: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-block: 9.1px;
  }
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-inline: 16px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-inline: 15.2px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-inline: 12px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    padding-inline: 10.4px;
  }
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table thead th {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table thead th:first-child {
    width: 50px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th:first-child {
    width: 47.5px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table thead th:first-child {
    width: 37.5px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table thead th:first-child {
    width: 32.5px;
  }
}
.climateAnomalyTable .anomaly-data-table thead th:last-child {
  border-inline-end: none;
}
.climateAnomalyTable .anomaly-data-table tbody tr {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(210, 214, 219, 0.6);
}
.climateAnomalyTable .anomaly-data-table tbody tr:last-child {
  border-bottom: none;
}
.climateAnomalyTable .anomaly-data-table tbody td {
  color: #0D121C;
  border: none;
  text-align: start;
  vertical-align: middle;
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-block: 14px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-block: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-block: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-block: 9.1px;
  }
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-inline: 16px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-inline: 15.2px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-inline: 12px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    padding-inline: 10.4px;
  }
}
@media (min-width: 1600px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .climateAnomalyTable .anomaly-data-table tbody td {
    font-size: 9.1px;
  }
}
.climateAnomalyTable .anomaly-data-table tbody td:first-child {
  border-inline-end: 1px solid #D2D6DB;
}
.climateAnomalyTable .anomaly-data-table .anomaly-value {
  font-weight: 500;
}
.climateAnomalyTable .anomaly-data-table .anomaly-blue {
  color: #2E90FA;
}
.climateAnomalyTable .anomaly-data-table .anomaly-green {
  color: #17B26A;
}
.climateAnomalyTable .anomaly-data-table .anomaly-orange {
  color: #F79009;
}

.recordExtream .themeCard {
  position: relative;
}
@media (min-width: 1600px) {
  .recordExtream .themeCard {
    padding-block-end: 0px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard {
    padding-block-end: 0px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard {
    padding-block-end: 0px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard {
    padding-block-end: 0px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard {
    padding-inline: 0px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard {
    padding-inline: 0px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard {
    padding-inline: 0px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard {
    padding-inline: 0px;
  }
}
.recordExtream .themeCard .hourly-temp {
  position: absolute;
  font-weight: 600;
  color: #0D121C;
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .hourly-temp {
    inset-block-start: 20px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .hourly-temp {
    inset-block-start: 19px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .hourly-temp {
    inset-block-start: 15px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .hourly-temp {
    inset-block-start: 13px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .hourly-temp {
    inset-inline-end: 20px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .hourly-temp {
    inset-inline-end: 19px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .hourly-temp {
    inset-inline-end: 15px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .hourly-temp {
    inset-inline-end: 13px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .hourly-temp {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .hourly-temp {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .hourly-temp {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .hourly-temp {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temp-icon {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temp-icon {
    height: 47.5px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temp-icon {
    height: 37.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temp-icon {
    height: 32.5px;
  }
}
.recordExtream .themeCard h3 {
  line-height: 12px;
}
@media (min-width: 1600px) {
  .recordExtream .themeCard h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard h3 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard h3 {
    margin-block-start: 20px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard h3 {
    margin-block-start: 19px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard h3 {
    margin-block-start: 15px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard h3 {
    margin-block-start: 13px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard h3 {
    margin-block-end: 0px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard h3 {
    margin-block-end: 0px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard h3 {
    margin-block-end: 0px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard h3 {
    margin-block-end: 0px;
  }
}
.recordExtream .themeCard .temperature-value {
  font-weight: 900;
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temperature-value {
    font-size: 30px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temperature-value {
    font-size: 28.5px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temperature-value {
    font-size: 22.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temperature-value {
    font-size: 19.5px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-start: 10px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-start: 9.5px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-start: 7.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-start: 6.5px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-end: 0px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-end: 0px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-end: 0px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temperature-value {
    margin-block-end: 0px;
  }
}
.recordExtream .themeCard .temperature-date {
  line-height: 12px;
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temperature-date {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temperature-date {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temperature-date {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temperature-date {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-end: 30px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temperature-date {
    margin-block-end: 19.5px;
  }
}
.recordExtream .themeCard .temp-graph-container {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .recordExtream .themeCard .temp-graph-container {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .recordExtream .themeCard .temp-graph-container {
    height: 66.5px;
  }
}
@media (max-width: 992px) {
  .recordExtream .themeCard .temp-graph-container {
    height: 52.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .themeCard .temp-graph-container {
    height: 45.5px;
  }
}
.recordExtream .themeCard .temp-graph-container .temp-graph {
  width: 100%;
}
@media (min-width: 1600px) {
  .recordExtream .record-extream-card-content {
    padding-inline: 20px;
  }
}
@media (min-width: 992px) {
  .recordExtream .record-extream-card-content {
    padding-inline: 19px;
  }
}
@media (max-width: 992px) {
  .recordExtream .record-extream-card-content {
    padding-inline: 15px;
  }
}
@media (max-width: 575px) {
  .recordExtream .record-extream-card-content {
    padding-inline: 13px;
  }
}
@media (min-width: 1600px) {
  .recordExtream .record-extream-card-content {
    padding-block: 20px;
  }
}
@media (min-width: 992px) {
  .recordExtream .record-extream-card-content {
    padding-block: 19px;
  }
}
@media (max-width: 992px) {
  .recordExtream .record-extream-card-content {
    padding-block: 15px;
  }
}
@media (max-width: 575px) {
  .recordExtream .record-extream-card-content {
    padding-block: 13px;
  }
}
.recordExtream .record-extream-card-content p {
  font-weight: 400;
}
@media (min-width: 1600px) {
  .recordExtream .record-extream-card-content p {
    font-size: 12px;
  }
}
@media (min-width: 992px) {
  .recordExtream .record-extream-card-content p {
    font-size: 11.4px;
  }
}
@media (max-width: 992px) {
  .recordExtream .record-extream-card-content p {
    font-size: 9px;
  }
}
@media (max-width: 575px) {
  .recordExtream .record-extream-card-content p {
    font-size: 7.8px;
  }
}
.recordExtream .record-extream-card-content h4 {
  font-weight: 800;
}
@media (min-width: 1600px) {
  .recordExtream .record-extream-card-content h4 {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .recordExtream .record-extream-card-content h4 {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .recordExtream .record-extream-card-content h4 {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .recordExtream .record-extream-card-content h4 {
    font-size: 9.1px;
  }
}

.hajj_day {
  background-color: #f5f5f5;
  position: relative;
}
@media (min-width: 1600px) {
  .hajj_day {
    height: 666px;
  }
}
@media (min-width: 992px) {
  .hajj_day {
    height: 632.7px;
  }
}
@media (max-width: 992px) {
  .hajj_day {
    height: 499.5px;
  }
}
@media (max-width: 575px) {
  .hajj_day {
    height: 432.9px;
  }
}
.hajj_day .hajj_day_slick {
  height: 100%;
  position: relative;
}
.hajj_day .hajj_day_slick .slick-list,
.hajj_day .hajj_day_slick .slick-track {
  height: 100%;
}
.hajj_day .hajj_day_slick .slick-slide {
  height: 100%;
}
.hajj_day .hajj_day_slick .slick-slide > div {
  height: 100%;
}
.hajj_day .hajj_day_slick.slick-slider.slick-fade .slick-list {
  height: 100%;
}
.hajj_day .hajj_day_slick.slick-slider.slick-fade .slick-slide {
  height: 100%;
}
.hajj_day .hajj_day_slick.slick-slider.slick-fade .slick-slide .hajj_slide {
  height: 100%;
  min-height: 100%;
}
[lang=ar] .hajj_day .hajj_day_slick.slick-initialized .slick-list .slick-track {
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.hajj_day .slick-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: clamp(12px, 2.2vw, 26px);
  z-index: 6;
  display: flex !important;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
  list-style: none;
  margin: 0;
  padding: 0;
  pointer-events: auto;
}
.hajj_day .slick-dots li {
  margin: 0;
  width: auto;
  height: auto;
}
.hajj_day .slick-dots li button {
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  border: none;
  background: #fff;
  opacity: 1;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.35);
}
.hajj_day .slick-dots li button::before {
  display: none;
}
.hajj_day .slick-dots li.slick-active button {
  background: #1b8354;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
}
.hajj_day .hajj_slide {
  height: 100%;
  position: relative;
  overflow: hidden;
}
.hajj_day .hajj_slide .hajj_right_image {
  height: 100%;
  width: 100%;
  position: absolute;
  inset: 0;
  z-index: 0;
}
@media (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_right_image {
    background-color: #074D31;
  }
}
.hajj_day .hajj_slide .hajj_right_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_right_image img {
    display: none;
  }
}
.hajj_day .hajj_slide .hajj_day_overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_patternCol {
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 clamp(17px, 4vw, 60px) clamp(28px, 6.5vw, 100px);
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_patternCol_header {
  flex: 0 0 auto;
  display: flex;
  width: 100%;
  padding-top: clamp(14px, 3.2vw, 36px);
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_brand img {
  display: block;
  width: 160px;
  max-width: min(280px, 42vw);
  height: auto;
}
@media (max-width: 767px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_brand img {
    max-width: min(220px, 55vw);
  }
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_patternCol_mid {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 0;
  padding: clamp(6px, 1.5vw, 16px) 0;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard {
  width: 100%;
  max-width: 300px;
  background: #fff;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_loc {
  margin: 0 0 12px;
  font-weight: 700;
  color: #111;
  font-size: clamp(13px, 1.05vw, 15px);
  line-height: 1.35;
  text-align: start;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_left img {
  width: 44px;
  height: 44px;
  object-fit: contain;
  display: block;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_desc {
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 400;
  color: #111;
  text-align: start;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_temp {
  flex: 0 0 auto;
  font-weight: 700;
  color: #111;
  font-size: clamp(26px, 2.2vw, 34px);
  line-height: 1;
  letter-spacing: -0.02em;
  white-space: nowrap;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard_temp .little-C {
  font-size: 0.55em;
  font-weight: 700;
  vertical-align: super;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  max-width: 100%;
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
  margin: 0;
  color: #ffffff;
  font-weight: 700;
  white-space: nowrap;
  width: max-content;
  max-width: none;
}
@media (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 66px;
  }
}
@media (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 62.7px;
  }
}
@media (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 49.5px;
  }
}
@media (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 42.9px;
  }
}
@media (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 80px;
  }
}
@media (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 76px;
  }
}
@media (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 60px;
  }
}
@media (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 52px;
  }
}
.hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
  margin: clamp(10px, 1.8vw, 16px) 0 0;
  color: #ffffff;
  font-weight: 400;
  white-space: nowrap;
  width: max-content;
  max-width: none;
}
@media (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 21px;
  }
}
@media (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 19.95px;
  }
}
@media (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 15.75px;
  }
}
@media (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 13.65px;
  }
}
@media (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 32px;
  }
}
@media (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 30.4px;
  }
}
@media (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 24px;
  }
}
@media (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 20.8px;
  }
}
@media (max-width: 767px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_patternCol {
    left: 0;
    width: 100%;
  }
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_patternCol_header {
    padding-top: 12px;
  }
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_weatherCard {
    max-width: 280px;
  }
}
@media (max-width: 767px) and (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 32px;
  }
}
@media (max-width: 767px) and (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 30.4px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 24px;
  }
}
@media (max-width: 767px) and (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    font-size: 20.8px;
  }
}
@media (max-width: 767px) and (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 40px;
  }
}
@media (max-width: 767px) and (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 38px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 30px;
  }
}
@media (max-width: 767px) and (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content h2 {
    line-height: 26px;
  }
}
@media (max-width: 767px) and (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 15px;
  }
}
@media (max-width: 767px) and (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 14.25px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 11.25px;
  }
}
@media (max-width: 767px) and (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    font-size: 9.75px;
  }
}
@media (max-width: 767px) and (min-width: 1600px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 22px;
  }
}
@media (max-width: 767px) and (min-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 20.9px;
  }
}
@media (max-width: 767px) and (max-width: 992px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 16.5px;
  }
}
@media (max-width: 767px) and (max-width: 575px) {
  .hajj_day .hajj_slide .hajj_day_overlay .hajj_day_content p {
    line-height: 14.3px;
  }
}
.hajj_day.hajj_day--locale-ar .hajj_day_overlay .hajj_day_patternCol {
  left: 50%;
  right: auto;
  direction: rtl;
  align-items: flex-start;
}
.hajj_day.hajj_day--locale-ar .hajj_day_overlay .hajj_day_patternCol_header {
  justify-content: flex-start;
}
.hajj_day.hajj_day--locale-ar .hajj_day_overlay .hajj_day_patternCol_mid {
  justify-content: flex-start;
}
.hajj_day.hajj_day--locale-ar .hajj_day_overlay .hajj_day_content {
  align-items: flex-start;
}
@media (max-width: 767px) {
  .hajj_day.hajj_day--locale-ar .hajj_day_overlay .hajj_day_patternCol {
    left: 0;
    width: 100%;
    align-items: flex-start;
  }
}
.hajj_day.hajj_day--locale-en .hajj_slide .hajj_right_image img {
  transform: scaleX(-1);
}
.hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_patternCol {
  left: 0;
  right: auto;
  direction: ltr;
  align-items: flex-start;
}
.hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_patternCol_header {
  justify-content: flex-start;
}
.hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_patternCol_mid {
  justify-content: flex-start;
}
.hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_content {
  align-items: flex-start;
}
.hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_content h2 {
  font-size: 40.7px;
  line-height: 23px;
}
.hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_content p {
  font-size: 17px;
  line-height: 30.4px;
}
@media (max-width: 767px) {
  .hajj_day.hajj_day--locale-en .hajj_day_overlay .hajj_day_patternCol {
    left: 0;
    right: auto;
    width: 100%;
    align-items: flex-start;
  }
  .hajj_day.hajj_day--locale-en .hajj_day_content h2 {
    font-size: 40.7px;
    line-height: 23px;
  }
  .hajj_day.hajj_day--locale-en .hajj_day_content p {
    font-size: 17px;
    line-height: 30.4px;
  }
}

.swiperSliderWithNav {
  position: relative;
}
@media (min-width: 1600px) {
  .swiperSliderWithNav {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .swiperSliderWithNav {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .swiperSliderWithNav {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .swiperSliderWithNav {
    margin-bottom: 19.5px;
  }
}
.swiperSliderWithNav .nextArrow,
.swiperSliderWithNav .prevArrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.swiperSliderWithNav .nextArrow i,
.swiperSliderWithNav .prevArrow i {
  color: #166A45;
}
@media (min-width: 1600px) {
  .swiperSliderWithNav .nextArrow i,
  .swiperSliderWithNav .prevArrow i {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .swiperSliderWithNav .nextArrow i,
  .swiperSliderWithNav .prevArrow i {
    font-size: 33.25px;
  }
}
@media (max-width: 992px) {
  .swiperSliderWithNav .nextArrow i,
  .swiperSliderWithNav .prevArrow i {
    font-size: 26.25px;
  }
}
@media (max-width: 575px) {
  .swiperSliderWithNav .nextArrow i,
  .swiperSliderWithNav .prevArrow i {
    font-size: 22.75px;
  }
}
.swiperSliderWithNav .nextArrow {
  inset-inline-end: -45px;
  z-index: 1;
}
@media (max-width: 992px) {
  .swiperSliderWithNav .nextArrow {
    inset-inline-end: -30px;
  }
}
.swiperSliderWithNav .nextArrow.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.swiperSliderWithNav .prevArrow {
  inset-inline-start: -45px;
  z-index: 1;
}
@media (max-width: 992px) {
  .swiperSliderWithNav .prevArrow {
    inset-inline-start: -30px;
  }
}
.swiperSliderWithNav .prevArrow.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
@media (max-width: 769px) and (min-width: 1600px) {
  .swiperSliderWithNav {
    padding-bottom: 60px;
  }
}
@media (max-width: 769px) and (min-width: 992px) {
  .swiperSliderWithNav {
    padding-bottom: 57px;
  }
}
@media (max-width: 769px) and (max-width: 992px) {
  .swiperSliderWithNav {
    padding-bottom: 45px;
  }
}
@media (max-width: 769px) and (max-width: 575px) {
  .swiperSliderWithNav {
    padding-bottom: 39px;
  }
}
@media (max-width: 769px) {
  .swiperSliderWithNav .nextArrow,
  .swiperSliderWithNav .prevArrow {
    bottom: 0;
    transform: none;
    inset-inline-start: unset;
    top: unset;
    cursor: pointer;
  }
  .swiperSliderWithNav .nextArrow {
    inset-inline-end: 0;
  }
  .swiperSliderWithNav .prevArrow {
    inset-inline-end: 40px;
  }
}

.swiperCommon {
  background-color: #ffffff;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .swiperCommon {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .swiperCommon {
    padding: 19px;
  }
}
@media (max-width: 992px) {
  .swiperCommon {
    padding: 15px;
  }
}
@media (max-width: 575px) {
  .swiperCommon {
    padding: 13px;
  }
}
.swiperCommon .pattern .topRight {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
}
.swiperCommon .swiper-slide {
  position: relative;
}
.swiperCommon .swiper-slide a {
  border-radius: 16px;
  overflow: hidden;
  display: block;
}
.swiperCommon .swiper-slide a img {
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1600px) {
  .swiperCommon .swiper-slide a img {
    height: 800px;
  }
}
@media (min-width: 992px) {
  .swiperCommon .swiper-slide a img {
    height: 760px;
  }
}
@media (max-width: 992px) {
  .swiperCommon .swiper-slide a img {
    height: 600px;
  }
}
@media (max-width: 575px) {
  .swiperCommon .swiper-slide a img {
    height: 520px;
  }
}
@media (max-width: 992px) {
  .swiperCommon .swiper-slide a img {
    height: 300px;
  }
}
.swiperCommon .swiper-slide .playIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiperCommon .swiper-slide .playIcon img {
  width: 100%;
  object-fit: unset;
}
@media (min-width: 1600px) {
  .swiperCommon .swiper-slide .playIcon img {
    width: 70px;
  }
}
@media (min-width: 992px) {
  .swiperCommon .swiper-slide .playIcon img {
    width: 66.5px;
  }
}
@media (max-width: 992px) {
  .swiperCommon .swiper-slide .playIcon img {
    width: 52.5px;
  }
}
@media (max-width: 575px) {
  .swiperCommon .swiper-slide .playIcon img {
    width: 45.5px;
  }
}
@media (min-width: 1600px) {
  .swiperCommon .swiper-slide .playIcon img {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .swiperCommon .swiper-slide .playIcon img {
    height: 66.5px;
  }
}
@media (max-width: 992px) {
  .swiperCommon .swiper-slide .playIcon img {
    height: 52.5px;
  }
}
@media (max-width: 575px) {
  .swiperCommon .swiper-slide .playIcon img {
    height: 45.5px;
  }
}

@media (min-width: 1600px) {
  .mountainRange .cstmTabs .nav-tabs .nav-link {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .mountainRange .cstmTabs .nav-tabs .nav-link {
    width: 190px;
  }
}
@media (max-width: 992px) {
  .mountainRange .cstmTabs .nav-tabs .nav-link {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .mountainRange .cstmTabs .nav-tabs .nav-link {
    width: 130px;
  }
}

.mountainRange .cstmTabs .prevArrowNEWS,
.mountainRange .cstmTabs .nextArrowNEWS,
.mountainRange .cstmTabs .prevArrow,
.mountainRange .cstmTabs .nextArrow {
  cursor: pointer;
}

[lang=ar] .mountainRange .cstmTabs .prevArrowNEWS,
[lang=ar] .mountainRange .cstmTabs .nextArrowNEWS,
[lang=ar] .mountainRange .cstmTabs .prevArrow,
[lang=ar] .mountainRange .cstmTabs .nextArrow {
  transform: rotate(180deg) !important;
}

@media (min-width: 1600px) {
  .swiperThumbSlider {
    padding-block-end: 60px;
  }
}
@media (min-width: 992px) {
  .swiperThumbSlider {
    padding-block-end: 57px;
  }
}
@media (max-width: 992px) {
  .swiperThumbSlider {
    padding-block-end: 45px;
  }
}
@media (max-width: 575px) {
  .swiperThumbSlider {
    padding-block-end: 39px;
  }
}
.swiperThumbSlider img {
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  object-fit: cover;
}
@media (min-width: 1600px) {
  .swiperThumbSlider img {
    height: 200px;
  }
}
@media (min-width: 992px) {
  .swiperThumbSlider img {
    height: 190px;
  }
}
@media (max-width: 992px) {
  .swiperThumbSlider img {
    height: 150px;
  }
}
@media (max-width: 575px) {
  .swiperThumbSlider img {
    height: 130px;
  }
}
.swiperThumbSlider .swiper-slide {
  position: relative;
}
.swiperThumbSlider .swiper-slide .playIcon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.swiperThumbSlider .swiper-slide .playIcon img {
  width: 100%;
  object-fit: unset;
}
@media (min-width: 1600px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    width: 70px;
  }
}
@media (min-width: 992px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    width: 66.5px;
  }
}
@media (max-width: 992px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    width: 52.5px;
  }
}
@media (max-width: 575px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    width: 45.5px;
  }
}
@media (min-width: 1600px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    height: 70px;
  }
}
@media (min-width: 992px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    height: 66.5px;
  }
}
@media (max-width: 992px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    height: 52.5px;
  }
}
@media (max-width: 575px) {
  .swiperThumbSlider .swiper-slide .playIcon img {
    height: 45.5px;
  }
}

.swiper-pagination-bullet-active {
  background: #074d31;
}

.swiperSliderWithNav .swiper-slide a img,
.swiperThumbSlider .swiper-slide img {
  transform: rotateY(0);
}

.worldForecastSlider {
  position: relative;
  display: flex;
  justify-content: center;
}
.worldForecastSlider .worldForecast {
  width: 100%;
}
@media (min-width: 1600px) {
  .worldForecastSlider .worldForecast {
    padding-bottom: 70px;
  }
}
@media (min-width: 992px) {
  .worldForecastSlider .worldForecast {
    padding-bottom: 66.5px;
  }
}
@media (max-width: 992px) {
  .worldForecastSlider .worldForecast {
    padding-bottom: 52.5px;
  }
}
@media (max-width: 575px) {
  .worldForecastSlider .worldForecast {
    padding-bottom: 45.5px;
  }
}
.worldForecastSlider .worldForecast .swiper-slide {
  display: flex;
  justify-content: center;
}
.worldForecastSlider .wordPrevArrow {
  position: absolute;
  z-index: 1111;
  bottom: 0;
  transform: none;
  top: unset;
  cursor: pointer;
  inset-inline-start: unset;
  inset-inline-end: 50px;
}
@media (min-width: 1600px) {
  .worldForecastSlider .wordPrevArrow i {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .worldForecastSlider .wordPrevArrow i {
    font-size: 33.25px;
  }
}
@media (max-width: 992px) {
  .worldForecastSlider .wordPrevArrow i {
    font-size: 26.25px;
  }
}
@media (max-width: 575px) {
  .worldForecastSlider .wordPrevArrow i {
    font-size: 22.75px;
  }
}
.worldForecastSlider .wordPrevArrow.swiper-button-disabled {
  opacity: 0.5;
  pointer-events: none;
}
.worldForecastSlider .worldNextArrow {
  position: absolute;
  z-index: 1111;
  bottom: 0;
  transform: none;
  top: unset;
  cursor: pointer;
  inset-inline-start: unset;
  inset-inline-end: 0;
}
@media (min-width: 1600px) {
  .worldForecastSlider .worldNextArrow i {
    font-size: 35px;
  }
}
@media (min-width: 992px) {
  .worldForecastSlider .worldNextArrow i {
    font-size: 33.25px;
  }
}
@media (max-width: 992px) {
  .worldForecastSlider .worldNextArrow i {
    font-size: 26.25px;
  }
}
@media (max-width: 575px) {
  .worldForecastSlider .worldNextArrow i {
    font-size: 22.75px;
  }
}
.worldForecastSlider .worldNextArrow.swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}

[lang=ar] .worldForecastSlider .wordPrevArrow {
  rotate: 180deg;
}
[lang=ar] .worldForecastSlider .worldNextArrow {
  rotate: 180deg;
}

.newsDate {
  color: #0D121C;
  width: max-content;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
}
@media (min-width: 1600px) {
  .newsDate {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .newsDate {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .newsDate {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .newsDate {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .newsDate {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .newsDate {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .newsDate {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .newsDate {
    gap: 6.5px;
  }
}
.newsDate:hover {
  transform: scale(1.1);
  color: #25935f;
}
@media (min-width: 1600px) {
  .newsDate svg {
    width: 18px;
  }
}
@media (min-width: 992px) {
  .newsDate svg {
    width: 17.1px;
  }
}
@media (max-width: 992px) {
  .newsDate svg {
    width: 13.5px;
  }
}
@media (max-width: 575px) {
  .newsDate svg {
    width: 11.7px;
  }
}
@media (min-width: 1600px) {
  .newsDate svg {
    height: 18px;
  }
}
@media (min-width: 992px) {
  .newsDate svg {
    height: 17.1px;
  }
}
@media (max-width: 992px) {
  .newsDate svg {
    height: 13.5px;
  }
}
@media (max-width: 575px) {
  .newsDate svg {
    height: 11.7px;
  }
}
.newsDate.medium {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .newsDate.medium {
    font-size: 14px;
  }
}
@media (min-width: 992px) {
  .newsDate.medium {
    font-size: 13.3px;
  }
}
@media (max-width: 992px) {
  .newsDate.medium {
    font-size: 10.5px;
  }
}
@media (max-width: 575px) {
  .newsDate.medium {
    font-size: 9.1px;
  }
}
@media (min-width: 1600px) {
  .newsDate.medium {
    gap: 8px;
  }
}
@media (min-width: 992px) {
  .newsDate.medium {
    gap: 7.6px;
  }
}
@media (max-width: 992px) {
  .newsDate.medium {
    gap: 6px;
  }
}
@media (max-width: 575px) {
  .newsDate.medium {
    gap: 5.2px;
  }
}
@media (min-width: 1600px) {
  .newsDate.medium svg {
    width: 14px;
  }
}
@media (min-width: 992px) {
  .newsDate.medium svg {
    width: 13.3px;
  }
}
@media (max-width: 992px) {
  .newsDate.medium svg {
    width: 10.5px;
  }
}
@media (max-width: 575px) {
  .newsDate.medium svg {
    width: 9.1px;
  }
}
@media (min-width: 1600px) {
  .newsDate.medium svg {
    height: 14px;
  }
}
@media (min-width: 992px) {
  .newsDate.medium svg {
    height: 13.3px;
  }
}
@media (max-width: 992px) {
  .newsDate.medium svg {
    height: 10.5px;
  }
}
@media (max-width: 575px) {
  .newsDate.medium svg {
    height: 9.1px;
  }
}
.newsDate.small {
  font-weight: 500;
}
@media (min-width: 1600px) {
  .newsDate.small {
    font-size: 11px;
  }
}
@media (min-width: 992px) {
  .newsDate.small {
    font-size: 10.45px;
  }
}
@media (max-width: 992px) {
  .newsDate.small {
    font-size: 8.25px;
  }
}
@media (max-width: 575px) {
  .newsDate.small {
    font-size: 7.15px;
  }
}
@media (min-width: 1600px) {
  .newsDate.small {
    gap: 5px;
  }
}
@media (min-width: 992px) {
  .newsDate.small {
    gap: 4.75px;
  }
}
@media (max-width: 992px) {
  .newsDate.small {
    gap: 3.75px;
  }
}
@media (max-width: 575px) {
  .newsDate.small {
    gap: 3.25px;
  }
}
@media (min-width: 1600px) {
  .newsDate.small svg {
    width: 11px;
  }
}
@media (min-width: 992px) {
  .newsDate.small svg {
    width: 10.45px;
  }
}
@media (max-width: 992px) {
  .newsDate.small svg {
    width: 8.25px;
  }
}
@media (max-width: 575px) {
  .newsDate.small svg {
    width: 7.15px;
  }
}
@media (min-width: 1600px) {
  .newsDate.small svg {
    height: 11px;
  }
}
@media (min-width: 992px) {
  .newsDate.small svg {
    height: 10.45px;
  }
}
@media (max-width: 992px) {
  .newsDate.small svg {
    height: 8.25px;
  }
}
@media (max-width: 575px) {
  .newsDate.small svg {
    height: 7.15px;
  }
}

.custom-datepicker .day {
  transition: all 0.2s;
  height: 45px;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
}

.custom-datepicker .day.day--other-month {
  color: #D1D5DB;
  cursor: default;
  background-color: #fff;
}

.custom-datepicker .day.day--selected {
  background: #1b8354;
  color: #ffffff;
  border-radius: 50%;
}

.custom-datepicker .day.day--range-start {
  background: #E8F5E8;
  color: #1b8354;
  border-radius: 50% 0 0 50%;
}

.custom-datepicker .day.day--range-end {
  background: #E8F5E8;
  color: #1b8354;
  border-radius: 0 50% 50% 0;
}

.custom-datepicker .day.day--range-middle {
  color: #1b8354;
  border-radius: 0;
}
.custom-datepicker .day.day--range-middle::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  width: 95px;
  height: 100%;
  background: #E8F5E8;
  z-index: -1;
}

.custom-datepicker .day.day--past {
  color: #374151;
  border-radius: 50%;
}

.custom-datepicker .day.day--future {
  color: #D1D5DB;
  cursor: default;
  opacity: 0.5;
  border-radius: 50%;
}

#newsDetail .text-descp h3 {
  color: #25935f;
}
@media (min-width: 1600px) {
  #newsDetail .text-descp h3 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  #newsDetail .text-descp h3 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  #newsDetail .text-descp h3 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  #newsDetail .text-descp h3 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  #newsDetail .text-descp h3 {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  #newsDetail .text-descp h3 {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  #newsDetail .text-descp h3 {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  #newsDetail .text-descp h3 {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  #newsDetail .text-descp h3 {
    margin-top: 30px;
  }
}
@media (min-width: 992px) {
  #newsDetail .text-descp h3 {
    margin-top: 28.5px;
  }
}
@media (max-width: 992px) {
  #newsDetail .text-descp h3 {
    margin-top: 22.5px;
  }
}
@media (max-width: 575px) {
  #newsDetail .text-descp h3 {
    margin-top: 19.5px;
  }
}

.simpleCards-events {
  color: #25935f;
  display: flex;
  align-items: center;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .simpleCards-events {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .simpleCards-events {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .simpleCards-events {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards-events {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .simpleCards-events {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .simpleCards-events {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .simpleCards-events {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards-events {
    gap: 6.5px;
  }
}
@media (min-width: 1600px) {
  .simpleCards-events {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .simpleCards-events {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .simpleCards-events {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .simpleCards-events {
    margin-bottom: 13px;
  }
}
.simpleCards-events .eventIcon {
  background-image: url('data:image/svg+xml;utf8,<svg width="44" height="54" viewBox="0 0 44 54" fill="none" xmlns="http://www.w3.org/2000/svg"><path opacity="0.4" d="M14.3749 0C15.4104 0 16.2499 0.839466 16.2499 1.875C16.2499 2.91053 15.4104 3.75 14.3749 3.75C12.2968 3.7501 10.4853 5.16463 9.98131 7.18066L8.6942 12.3301C8.44297 13.3344 7.42513 13.9451 6.42076 13.6943C5.41615 13.4432 4.80535 12.4245 5.0565 11.4199L6.34361 6.27051C7.26513 2.58535 10.5762 9.84981e-05 14.3749 0ZM29.3749 0C33.1735 0.000102113 36.4846 2.58535 37.4061 6.27051L38.6932 11.4199C38.9444 12.4245 38.3336 13.4432 37.329 13.6943C36.3246 13.9452 35.3068 13.3344 35.0555 12.3301L33.7684 7.18066C33.2644 5.16463 31.4529 3.7501 29.3749 3.75C28.3393 3.75 27.4999 2.91053 27.4999 1.875C27.4999 0.839466 28.3393 0 29.3749 0Z" fill="%23161616"/><path d="M34.0604 10C35.4604 9.99997 36.6295 9.99964 37.574 10.0801C38.5526 10.1634 39.4899 10.3452 40.3504 10.832C41.954 11.7393 43.1025 13.2837 43.5682 15.0742C43.8141 16.02 43.7796 16.9815 43.6443 17.9902C43.5128 18.9714 43.2584 20.1687 42.949 21.626L42.9344 21.6982C42.9067 21.8288 42.8793 21.9579 42.8524 22.085C42.1784 25.2651 41.7357 27.3534 40.6951 28.999C39.5509 30.8083 37.8964 32.2194 35.9432 33.0205C34.2687 33.7072 32.3427 33.7476 29.5975 33.749L28.5457 41.3057C28.936 41.3009 30.2979 41.2867 30.9324 41.5469C31.5403 41.7963 32.0712 42.189 32.493 42.6787C32.9924 43.2586 33.2801 44.0035 33.5506 44.7061C33.7663 45.2152 34.6387 47.3235 34.8006 47.9688C35.1265 49.2674 35.2022 51.0695 33.7479 52.5391C32.9911 53.3036 32.0441 53.5511 31.2166 53.6543C30.4429 53.7508 29.4799 53.7501 28.4217 53.75H15.324C14.2658 53.7501 13.3028 53.7508 12.5291 53.6543C11.7016 53.5511 10.7547 53.3036 9.99786 52.5391C8.54346 51.0695 8.61927 49.2674 8.94513 47.9688C9.10707 47.3235 9.9795 45.2152 10.1951 44.7061C10.4656 44.0036 10.7526 43.2585 11.2518 42.6787C11.6735 42.1891 12.2046 41.7963 12.8123 41.5469C13.4467 41.2866 14.8096 41.3009 15.2 41.3057L14.1473 33.749C11.4046 33.7475 9.47998 33.7067 7.80646 33.0205C5.85321 32.2194 4.1987 30.8083 3.0545 28.999C2.01387 27.3534 1.57129 25.2652 0.897278 22.085C0.870357 21.9579 0.842959 21.8288 0.815247 21.6982L0.799622 21.626C0.490268 20.1688 0.236839 18.9714 0.105286 17.9902C-0.0299421 16.9815 -0.0645134 16.02 0.181458 15.0742C0.647161 13.2837 1.7957 11.7392 3.39923 10.832C4.25979 10.3452 5.19703 10.1634 6.1756 10.0801C7.12023 9.99963 8.28911 9.99997 9.68927 10H34.0604ZM9.77032 13.75C8.26865 13.75 7.26038 13.7511 6.49396 13.8164C5.74415 13.8803 5.42646 13.9937 5.24591 14.0957C4.56662 14.48 4.03237 15.1649 3.81036 16.0186C3.74278 16.2787 3.71337 16.6801 3.82208 17.4912C3.93241 18.3142 4.1547 19.3723 4.48322 20.9199C5.2704 24.6282 5.59018 25.9922 6.22443 26.9951C6.96746 28.1699 8.02158 29.0555 9.22931 29.5508C10.0881 29.9029 11.1273 29.9796 13.6248 29.9951L13.2264 27.1338C13.0836 26.1082 13.7994 25.1614 14.825 25.0186C15.8504 24.8759 16.7972 25.5909 16.9402 26.6162L18.8885 40.6016C18.9382 40.9584 18.9889 41.3267 19.0076 41.6436C19.0281 41.9909 19.025 42.4586 18.8484 42.957C18.5486 43.8033 17.9682 44.4098 17.2264 44.7432C16.582 45.0328 15.9287 45.063 15.5115 45.0635C15.2878 45.0637 14.609 45.0366 14.4344 45.0283C14.2256 45.022 14.0585 45.2102 14.0008 45.3057C13.9092 45.5043 13.8031 45.7761 13.6219 46.2432C13.4271 46.703 12.6733 48.5215 12.5828 48.8809C12.4229 49.5181 12.5128 49.7309 12.6248 49.8604C12.6743 49.8771 12.7846 49.9066 12.993 49.9326C13.5061 49.9966 14.2303 50 15.4315 50H28.3143C29.5153 50 30.2396 49.9966 30.7527 49.9326C30.9611 49.9066 31.0715 49.8771 31.1209 49.8604C31.2329 49.7309 31.3228 49.5181 31.1629 48.8809C31.073 48.5229 30.923 48.1256 30.7283 47.666C30.5471 47.1989 29.8365 45.5043 29.7449 45.3057C29.6391 45.0588 29.411 45.018 29.3104 45.0283C29.1875 45.0298 29.058 45.0358 28.8865 45.0439C28.712 45.0522 28.4578 45.0637 28.2342 45.0635C27.817 45.063 27.1637 45.0327 26.5193 44.7432C25.7776 44.4098 25.1971 43.8033 24.8973 42.957C24.7207 42.4586 24.7176 41.9909 24.7381 41.6436C24.7568 41.3267 24.8075 40.9584 24.8572 40.6016L26.8055 26.6162C26.9485 25.5908 27.8953 24.8758 28.9207 25.0186C29.9463 25.1614 30.6621 26.1082 30.5193 27.1338L30.1199 29.9951C32.621 29.9796 33.661 29.9032 34.5203 29.5508C35.7281 29.0554 36.7822 28.1699 37.5252 26.9951C38.1594 25.9922 38.4783 24.6281 39.2654 20.9199C39.594 19.3723 39.8172 18.3142 39.9276 17.4912C40.0362 16.6802 40.0068 16.2787 39.9393 16.0186C39.7173 15.1649 39.183 14.48 38.5037 14.0957C38.3232 13.9936 38.0056 13.8803 37.2557 13.8164C36.4892 13.7511 35.481 13.75 33.9793 13.75H9.77032Z" fill="%23161616"/></svg>');
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
@media (min-width: 1600px) {
  .simpleCards-events .eventIcon {
    width: 22px;
  }
}
@media (min-width: 992px) {
  .simpleCards-events .eventIcon {
    width: 20.9px;
  }
}
@media (max-width: 992px) {
  .simpleCards-events .eventIcon {
    width: 16.5px;
  }
}
@media (max-width: 575px) {
  .simpleCards-events .eventIcon {
    width: 14.3px;
  }
}
@media (min-width: 1600px) {
  .simpleCards-events .eventIcon {
    height: 24px;
  }
}
@media (min-width: 992px) {
  .simpleCards-events .eventIcon {
    height: 22.8px;
  }
}
@media (max-width: 992px) {
  .simpleCards-events .eventIcon {
    height: 18px;
  }
}
@media (max-width: 575px) {
  .simpleCards-events .eventIcon {
    height: 15.6px;
  }
}

.img-cover {
  height: auto;
  width: auto;
  max-height: 70vh;
  max-width: 100%;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
}

#newsFilterByDate.form-control {
  min-height: fit-content;
  width: 100%;
  border: 1px solid #aaa;
  color: #3d3d3d;
  font-weight: 500;
}
@media (min-width: 1600px) {
  #newsFilterByDate.form-control {
    max-width: 245px;
  }
}
@media (min-width: 992px) {
  #newsFilterByDate.form-control {
    max-width: 232.75px;
  }
}
@media (max-width: 992px) {
  #newsFilterByDate.form-control {
    max-width: 183.75px;
  }
}
@media (max-width: 575px) {
  #newsFilterByDate.form-control {
    max-width: 159.25px;
  }
}
@media (min-width: 1600px) {
  #newsFilterByDate.form-control {
    height: 45px;
  }
}
@media (min-width: 992px) {
  #newsFilterByDate.form-control {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  #newsFilterByDate.form-control {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  #newsFilterByDate.form-control {
    height: 29.25px;
  }
}
@media (min-width: 1600px) {
  #newsFilterByDate.form-control {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  #newsFilterByDate.form-control {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  #newsFilterByDate.form-control {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  #newsFilterByDate.form-control {
    border-radius: 4.55px;
  }
}
@media (max-width: 575px) {
  #newsFilterByDate.form-control {
    max-width: 100%;
  }
}

[lang=ar] .pressRelease .pagination {
  direction: ltr;
}
[lang=ar] .pressRelease .pagination .prev i, [lang=ar] .pressRelease .pagination .next i {
  transform: unset !important;
}
[lang=ar] #pagination-of-news .pagination, [lang=ar] .cstmSlideNav .pagination {
  direction: ltr;
}

.pressRelease {
  position: relative;
  overflow: visible !important;
}
@media (min-width: 1600px) {
  .pressRelease {
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .pressRelease {
    padding: 33.25px;
  }
}
@media (max-width: 992px) {
  .pressRelease {
    padding: 26.25px;
  }
}
@media (max-width: 575px) {
  .pressRelease {
    padding: 22.75px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item {
    border-bottom: 1px solid #D2D6DB;
  }
}
@media (max-width: 992px) and (min-width: 1600px) {
  .pressRelease .pressRelease-item {
    padding-bottom: 10px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .pressRelease .pressRelease-item {
    padding-bottom: 9.5px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .pressRelease .pressRelease-item {
    padding-bottom: 7.5px;
  }
}
@media (max-width: 992px) and (max-width: 575px) {
  .pressRelease .pressRelease-item {
    padding-bottom: 6.5px;
  }
}
@media (max-width: 992px) and (min-width: 1600px) {
  .pressRelease .pressRelease-item {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .pressRelease .pressRelease-item {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .pressRelease .pressRelease-item {
    margin-bottom: 15px;
  }
}
@media (max-width: 992px) and (max-width: 575px) {
  .pressRelease .pressRelease-item {
    margin-bottom: 13px;
  }
}
.pressRelease .pressRelease-item:not(:last-child) {
  border-bottom: 1px solid #D2D6DB;
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    padding-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    padding-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    padding-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    padding-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    margin-bottom: 19px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-item:not(:last-child) {
    margin-bottom: 13px;
  }
}
.pressRelease .pressRelease-item h3 {
  color: #000000;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-item h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-item h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-item h3 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-item h3 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-item h3 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item h3 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-item h3 {
    line-height: 15.6px;
  }
}
.pressRelease .pressRelease-item h3 span {
  color: #25935f;
}
.pressRelease .pressRelease-item h2 {
  cursor: pointer;
  color: #074D31;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-item h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-item h2 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item h2 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-item h2 {
    font-size: 14.3px;
  }
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-item h2 {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-item h2 {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-item h2 {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-item h2 {
    line-height: 18.2px;
  }
}
.pressRelease .pressRelease-item h2:hover {
  text-decoration: underline;
}
.pressRelease .pressRelease-item h2 a {
  color: inherit;
}
.pressRelease .pressRelease-twoSide {
  position: relative;
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 100px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 95px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 75px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 65px;
  }
}
@media (max-width: 992px) and (min-width: 1600px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 0px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 0px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 0px;
  }
}
@media (max-width: 992px) and (max-width: 575px) {
  .pressRelease .pressRelease-twoSide {
    padding-inline-start: 0px;
  }
}
.pressRelease .pressRelease-oneSide {
  position: relative;
}
@media (min-width: 1600px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 100px;
  }
}
@media (min-width: 992px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 95px;
  }
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 75px;
  }
}
@media (max-width: 575px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 65px;
  }
}
@media (max-width: 992px) and (min-width: 1600px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 0px;
  }
}
@media (max-width: 992px) and (min-width: 992px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 0px;
  }
}
@media (max-width: 992px) and (max-width: 992px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 0px;
  }
}
@media (max-width: 992px) and (max-width: 575px) {
  .pressRelease .pressRelease-oneSide {
    padding-inline-end: 0px;
  }
}
.pressRelease .pressRelease-twoSide::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  border-inline-start: 1px solid #D2D6DB;
  height: 100%;
  width: 1px;
}
@media (max-width: 992px) {
  .pressRelease .pressRelease-twoSide::before {
    display: none;
  }
}

.feature-news-img {
  height: 400px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
}

.feature-news-video {
  max-height: 300px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
}

.activeWeatherRed-slider-card {
  background-color: #ffffff;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #D2D6DB;
  position: relative;
}
@media (min-width: 1600px) {
  .activeWeatherRed-slider-card {
    min-height: 110px;
  }
}
@media (min-width: 992px) {
  .activeWeatherRed-slider-card {
    min-height: 104.5px;
  }
}
@media (max-width: 992px) {
  .activeWeatherRed-slider-card {
    min-height: 82.5px;
  }
}
@media (max-width: 575px) {
  .activeWeatherRed-slider-card {
    min-height: 71.5px;
  }
}

.magazine-swiper .swiper-wrapper {
  flex-direction: row;
}

.magazine-swiper .magazine-pattern {
  position: absolute;
  left: 0;
  width: 100%;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg id='divider_lines' data-name='divider lines' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1230' height='9.791' viewBox='0 0 1230 9.791'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_7818' data-name='Rectangle 7818' width='1230' height='9.79' fill='none' stroke='%23707070' stroke-width='1'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_18159' data-name='Group 18159' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_27953' data-name='Path 27953' d='M1224.518,8.095C918.472,8.095,918.472.353,612.435.353S306.39,8.095.353,8.095' transform='translate(2.569 0.671)' fill='none' stroke='%23149ddf' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3Cpath id='Path_27954' data-name='Path 27954' d='M.352.352c122.416,0,122.416,7.742,244.816,7.742S367.577.352,490,.352C612.41.352,612.41,8.094,734.809,8.094,857.234,8.094,857.234.352,979.667.352s122.424,7.742,244.85,7.742' transform='translate(2.562 0.67)' fill='none' stroke='%23fdc830' stroke-linecap='round' stroke-miterlimit='10' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.magazine-swiper .magazine-pattern1 {
  top: calc(var(--slide-height) + 7rem);
}

.magazine-swiper .magazine-pattern2 {
  top: calc(var(--slide-height) + 19rem);
}
@media (max-width: 992px) {
  .magazine-swiper .magazine-pattern2 {
    top: calc(var(--slide-height) + 17rem);
  }
}

.magazine-section {
  background-color: rgba(20, 157, 223, 0.1019607843);
  margin-top: 5rem;
}
.magazine-section .magazine-select {
  appearance: none; /* Hide default arrow */
  -webkit-appearance: none; /* Hide default arrow in Safari */
  -moz-appearance: none; /* Hide default arrow in Firefox */
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns%3D%22http%3A//www.w3.org/2000/svg%22 width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 24 24%22%3E%3Cpath fill%3D%22%230051ab%22 stroke%3D%22%230051ab%22 stroke-width%3D%222%22 d%3D%22M2 7l10 10L22 7z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 10px center;
  border: 1px solid rgba(112, 112, 112, 0.5019607843);
  color: #074D31;
  border-radius: 8px;
  font-weight: 400;
  padding-inline: 10px;
  outline: none !important;
}
@media (min-width: 1600px) {
  .magazine-section .magazine-select {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .magazine-section .magazine-select {
    width: 190px;
  }
}
@media (max-width: 992px) {
  .magazine-section .magazine-select {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .magazine-section .magazine-select {
    width: 130px;
  }
}
@media (min-width: 1600px) {
  .magazine-section .magazine-select {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .magazine-section .magazine-select {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .magazine-section .magazine-select {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .magazine-section .magazine-select {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .magazine-section .magazine-select {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .magazine-section .magazine-select {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .magazine-section .magazine-select {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .magazine-section .magazine-select {
    line-height: 15.6px;
  }
}

[lang=ar] .magazine-section .magazine-select {
  background-position: left 10px center !important;
}

.magazine-swiper {
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1600px) {
  .magazine-swiper {
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper {
    margin-bottom: 28.5px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper {
    margin-bottom: 22.5px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper {
    margin-bottom: 19.5px;
  }
}
.magazine-swiper .activeWeatherRed-slider-card {
  border: 1px solid #D2D6DB;
  border-spacing: 1px;
  height: var(--magazine-activeWeatherRed-slider);
}
.magazine-swiper .activeWeatherRed-slider-card h2 {
  color: #161616;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper .activeWeatherRed-slider-card h2 {
    line-height: 15.6px;
  }
}
.magazine-swiper .activeWeatherRed-slider-card h3 {
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper .activeWeatherRed-slider-card h3 {
    line-height: 15.6px;
  }
}
.magazine-swiper .activeWeatherRed-slider-card a {
  cursor: pointer;
  z-index: 9;
}
.magazine-swiper .activeWeatherRed-slider-card a svg {
  transition: transform 0.5s ease;
}
.magazine-swiper .activeWeatherRed-slider-card a:hover svg {
  transform: scale(1.2);
}
.magazine-swiper .swiper-pagination-bullet {
  width: 20px;
  height: 20px;
  text-align: center;
  font-weight: 500;
  color: #848484;
  opacity: 1;
  background-color: transparent;
}
@media (min-width: 1600px) {
  .magazine-swiper .swiper-pagination-bullet {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper .swiper-pagination-bullet {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper .swiper-pagination-bullet {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper .swiper-pagination-bullet {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .magazine-swiper .swiper-pagination-bullet {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .magazine-swiper .swiper-pagination-bullet {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .magazine-swiper .swiper-pagination-bullet {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .magazine-swiper .swiper-pagination-bullet {
    line-height: 15.6px;
  }
}
.magazine-swiper .swiper-pagination-bullet-active {
  color: #074D31;
  text-decoration: underline;
}
.magazine-swiper .swiper-slide {
  margin-top: 5rem !important;
}
.magazine-swiper .cstmSlideNav .sliderArrow .pagination .magazine-prev {
  z-index: 1;
}
.magazine-swiper .cstmSlideNav .sliderArrow .pagination .magazine-prev svg {
  width: 32px;
}
.magazine-swiper .cstmSlideNav .sliderArrow .pagination .swiper-pagination {
  position: relative;
  width: max-content;
  bottom: unset;
}
.magazine-swiper .cstmSlideNav .sliderArrow .pagination .magazine-next {
  z-index: 1;
}
.magazine-swiper .cstmSlideNav .sliderArrow .pagination .magazine-next svg {
  width: 32px;
}

.dropdown {
  position: relative;
  display: flex;
  justify-content: center;
}
@media (min-width: 1600px) {
  .dropdown {
    width: 245px;
  }
}
@media (min-width: 992px) {
  .dropdown {
    width: 232.75px;
  }
}
@media (max-width: 992px) {
  .dropdown {
    width: 183.75px;
  }
}
@media (max-width: 575px) {
  .dropdown {
    width: 159.25px;
  }
}
@media (max-width: 575px) {
  .dropdown {
    width: 100%;
  }
}
.dropdown input {
  width: 100%;
  padding: 10px;
  font-size: 16px;
  cursor: pointer;
  border: 1px solid #D2D6DB;
  color: #161616;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .dropdown input {
    font-size: 17px;
  }
}
@media (min-width: 992px) {
  .dropdown input {
    font-size: 16.15px;
  }
}
@media (max-width: 992px) {
  .dropdown input {
    font-size: 12.75px;
  }
}
@media (max-width: 575px) {
  .dropdown input {
    font-size: 11.05px;
  }
}
@media (min-width: 1600px) {
  .dropdown input {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  .dropdown input {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  .dropdown input {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  .dropdown input {
    border-radius: 4.55px;
  }
}
@media (min-width: 1600px) {
  .dropdown input {
    height: 45px;
  }
}
@media (min-width: 992px) {
  .dropdown input {
    height: 42.75px;
  }
}
@media (max-width: 992px) {
  .dropdown input {
    height: 33.75px;
  }
}
@media (max-width: 575px) {
  .dropdown input {
    height: 29.25px;
  }
}
.dropdown.open .dropdown-content {
  display: block;
}
.dropdown .dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  z-index: 9999;
  width: 100%;
  min-width: max-content;
  box-shadow: none;
  padding: 10px;
  text-align: center;
  top: 45px;
}
@media (min-width: 1600px) {
  .dropdown .dropdown-content {
    border-radius: 7px;
  }
}
@media (min-width: 992px) {
  .dropdown .dropdown-content {
    border-radius: 6.65px;
  }
}
@media (max-width: 992px) {
  .dropdown .dropdown-content {
    border-radius: 5.25px;
  }
}
@media (max-width: 575px) {
  .dropdown .dropdown-content {
    border-radius: 4.55px;
  }
}
.dropdown .dropdown-content .year-selector {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.dropdown .dropdown-content .year-selector a {
  color: #074D31;
  text-decoration: none;
  cursor: pointer;
}
.dropdown .dropdown-content .year-selector a:hover {
  text-decoration: underline;
}
.dropdown .dropdown-content .not-allowed {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
}
.dropdown .dropdown-content .month-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.dropdown .dropdown-content .month {
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 3px;
  cursor: pointer;
  text-align: center;
}
.dropdown .dropdown-content .month:hover, .dropdown .dropdown-content .month.selected {
  background-color: #25935f;
  color: white;
}
.dropdown .dropdown-content .actions {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.dropdown .dropdown-content .actions a {
  color: #074D31;
  text-decoration: none;
  cursor: pointer;
}
.dropdown .dropdown-content .actions a:hover {
  text-decoration: underline;
}

.dropdown-content {
  transition: opacity 0.3s ease, visibility 0.3s ease;
  opacity: 0;
  visibility: hidden;
}

.dropdown.open .dropdown-content {
  opacity: 1;
  visibility: visible;
}

.news-arrows {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1600px) {
  .news-arrows {
    max-width: 105px;
  }
}
@media (min-width: 992px) {
  .news-arrows {
    max-width: 99.75px;
  }
}
@media (max-width: 992px) {
  .news-arrows {
    max-width: 78.75px;
  }
}
@media (max-width: 575px) {
  .news-arrows {
    max-width: 68.25px;
  }
}

[lang=ar] .letsConnect .letsConnect-cards .pattern .rightTop img,
[lang=ar] .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight img {
  transform: scaleX(-1);
}

.contact-us-new-form {
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .contact-us-new-form {
    padding-bottom: 50px;
  }
}
.contact-us-new-form .contact-form .form-group .form-control {
  background-color: #F9FAFB;
}
.contact-us-new-form .contact-form .mauticform-label {
  color: #161616;
}
.contact-us-new-form .contact-form .mauticform-label::after {
  content: none;
}
.contact-us-new-form .contact-form .custom-arrow {
  transform: translateY(16px);
}
.contact-us-new-form .contact-form .custom-arrow.up {
  transform: translateY(16px) rotate(360deg);
}
.contact-us-new-form .contact-form .mauticform-button {
  max-width: 150px;
}

.contact-us-contact-details {
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .contact-us-contact-details {
    top: -200px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details {
    top: -190px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details {
    top: -150px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details {
    top: -130px;
  }
}
@media (max-width: 767px) {
  .contact-us-contact-details {
    top: unset;
  }
}
.contact-us-contact-details .card {
  border: 1px solid #d2d6db;
}
@media (min-width: 1600px) {
  .contact-us-contact-details .card {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .card {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .card {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .card {
    border-radius: 10.4px;
  }
}
@media (min-width: 1600px) {
  .contact-us-contact-details .card {
    padding: 40px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .card {
    padding: 38px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .card {
    padding: 30px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .card {
    padding: 26px;
  }
}
.contact-us-contact-details .card .copyButton {
  transition: all 0.1s ease-in;
}
.contact-us-contact-details .card .copyButton svg {
  width: 25px;
}
.contact-us-contact-details .card .copyButton:hover {
  scale: 1.2;
}
.contact-us-contact-details .card .social-icons-container a {
  transition: all 0.1s ease-in;
}
.contact-us-contact-details .card .social-icons-container a svg {
  margin-inline-end: 0;
}
.contact-us-contact-details .card .social-icons-container a:hover {
  scale: 1.2;
}
.contact-us-contact-details .card hr {
  color: #D2D6DB;
  border-top: 1px solid;
  opacity: 1;
}
.contact-us-contact-details .card ul {
  gap: 16px;
  margin: 0;
  padding: 0;
}
.contact-us-contact-details .card svg, .contact-us-contact-details .card img {
  margin-inline-end: 3px;
  width: 25px;
}
.contact-us-contact-details .card .ms-16 {
  margin-inline-start: 32px;
}
.contact-us-contact-details .card strong {
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .contact-us-contact-details .card strong {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .card strong {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .card strong {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .card strong {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .contact-us-contact-details .card strong.small-heads {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .card strong.small-heads {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .card strong.small-heads {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .card strong.small-heads {
    font-size: 11.7px;
  }
}
.contact-us-contact-details .card a, .contact-us-contact-details .card p {
  color: #1F2A37;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .contact-us-contact-details .card a, .contact-us-contact-details .card p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .card a, .contact-us-contact-details .card p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .card a, .contact-us-contact-details .card p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .card a, .contact-us-contact-details .card p {
    font-size: 11.7px;
  }
}
.contact-us-contact-details .card a.text-success, .contact-us-contact-details .card a .text-success, .contact-us-contact-details .card p.text-success, .contact-us-contact-details .card p .text-success {
  color: #1b8354;
  font-weight: 400;
}
.contact-us-contact-details .card .text-success {
  color: #1b8354;
  font-weight: 400;
}
.contact-us-contact-details .card .text-success a, .contact-us-contact-details .card .text-success p {
  color: #1b8354;
  font-weight: 400;
}
.contact-us-contact-details .card .text-decoration-none {
  text-decoration: none;
}
.contact-us-contact-details .card .text-decoration-none a, .contact-us-contact-details .card .text-decoration-none p {
  text-decoration: none;
}
@media (min-width: 1600px) {
  .contact-us-contact-details .gap-16 {
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .gap-16 {
    gap: 15.2px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .gap-16 {
    gap: 12px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .gap-16 {
    gap: 10.4px;
  }
}
.contact-us-contact-details .contact-us-foot {
  color: #161616;
}
@media (min-width: 1600px) {
  .contact-us-contact-details .contact-us-foot {
    margin-inline-start: 20px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .contact-us-foot {
    margin-inline-start: 19px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .contact-us-foot {
    margin-inline-start: 15px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .contact-us-foot {
    margin-inline-start: 13px;
  }
}
@media (min-width: 1600px) {
  .contact-us-contact-details .contact-us-foot {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .contact-us-contact-details .contact-us-foot {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .contact-us-contact-details .contact-us-foot {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .contact-us-contact-details .contact-us-foot {
    font-size: 10.4px;
  }
}

.letsConnect {
  position: relative;
}
@media (min-width: 1600px) {
  .letsConnect {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .letsConnect {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .letsConnect {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .letsConnect {
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .letsConnect {
    padding-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .letsConnect {
    padding-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .letsConnect {
    padding-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .letsConnect {
    padding-bottom: 0px;
  }
}
.letsConnect .letsConnect-cards {
  background: linear-gradient(180deg, #25935f 0%, #074d31 100%);
  position: relative;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-cards {
    border-radius: 16px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-cards {
    border-radius: 15.2px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-cards {
    border-radius: 12px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-cards {
    border-radius: 10.4px;
  }
}
.letsConnect .letsConnect-cards .blendMode {
  background: linear-gradient(180deg, rgba(37, 147, 95, 0.7) 0%, rgba(7, 77, 49, 0.7) 100%);
  mix-blend-mode: multiply;
  position: absolute;
  width: 100%;
  height: 100%;
  box-shadow: none;
  left: 0;
  top: 0;
}
.letsConnect .letsConnect-cards .pattern .rightTop {
  position: absolute;
  top: 0;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-cards .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-cards .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-cards .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-cards .pattern .rightTop {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-cards .pattern .rightTop img {
    max-width: 245px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-cards .pattern .rightTop img {
    max-width: 232.75px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-cards .pattern .rightTop img {
    max-width: 183.75px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-cards .pattern .rightTop img {
    max-width: 159.25px;
  }
}
.letsConnect .letsConnect-cards .mainHeading {
  position: relative;
  z-index: 2;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-top: 38px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-top: 30px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-top: 26px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-bottom: 38px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-cards .mainHeading {
    padding-bottom: 26px;
  }
}
.letsConnect .letsConnect-cards .mainHeading .heading-primary {
  color: #ffffff;
}
.letsConnect .letsConnect-cards-main {
  position: relative;
  z-index: 2;
}
.letsConnect .letsConnect-info {
  position: relative;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info {
    padding-inline-start: 50px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-inline-start: 47.5px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-inline-start: 37.5px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info {
    padding-inline-start: 32.5px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info {
    padding-inline-end: 30px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-inline-end: 28.5px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-inline-end: 22.5px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info {
    padding-inline-end: 19.5px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info {
    padding-block-start: 30px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-block-start: 28.5px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-block-start: 22.5px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info {
    padding-block-start: 19.5px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info {
    padding-block-end: 50px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-block-end: 47.5px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info {
    padding-block-end: 37.5px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info {
    padding-block-end: 32.5px;
  }
}
.letsConnect .letsConnect-info .pattern .rightTopCard {
  position: absolute;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-block-start: -132px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-block-start: -125.4px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-block-start: -99px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard {
    inset-block-start: -85.8px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard img {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard img {
    max-width: 684px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard img {
    max-width: 540px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .pattern .rightTopCard img {
    max-width: 468px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content {
  position: relative;
  z-index: 3;
}
.letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleMain h2 {
    margin-bottom: 16.25px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub {
    margin-bottom: 16.25px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub h2 {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub h2 {
    font-size: 22px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub h2 {
    font-size: 20.9px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub h2 {
    font-size: 16.5px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .letsConnect-info-titleSub h2 {
    font-size: 14.3px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex {
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex {
    gap: 19px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex {
    gap: 15px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex {
    gap: 13px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left {
  width: 100%;
  max-width: 55%;
}
.letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left a {
  color: #ffffff;
  transition: 0.5s all;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left a {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left a {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left a {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left a {
    font-size: 13px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left a:hover {
  color: #fcb725;
}
.letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-right {
  width: 100%;
  max-width: 40%;
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex {
    flex-direction: column;
  }
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-left {
    max-width: 100%;
  }
  .letsConnect .letsConnect-info .letsConnect-info-content .cstmFlex .cstmFlex-right {
    max-width: 100%;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .request-services-contact--container {
    flex-direction: column;
  }
}
@media (min-width: 992px) and (max-width: 1280px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .request-services-contact--container .request-services-contact--right-side {
    max-width: 100%;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content ul {
  padding: 0;
  list-style: none;
}
.letsConnect .letsConnect-info .letsConnect-info-content ul li a {
  color: #ffffff;
  display: flex;
  align-items: baseline;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    gap: 9.5px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    gap: 7.5px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a {
    gap: 6.5px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
  width: 100%;
  position: relative;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    max-width: 20px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    max-width: 19px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    max-width: 15px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    max-width: 13px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    top: 3px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    top: 2.85px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    top: 2.25px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content ul li a svg {
    top: 1.95px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content ul li a:hover {
  color: #fcb725;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .letsConnect-info-titleMain h2 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .letsConnect-info-titleMain h2 {
    margin-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .letsConnect-info-titleMain h2 {
    margin-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .letsConnect-info-titleMain h2 {
    margin-bottom: 9.75px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .pattern {
    padding-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .pattern {
    padding-bottom: 14.25px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .pattern {
    padding-bottom: 11.25px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-info .letsConnect-info-content .subSection .pattern {
    padding-bottom: 9.75px;
  }
}
.letsConnect .letsConnect-info .letsConnect-info-content .subSection .pattern img {
  width: 100%;
  max-width: 100%;
}
.letsConnect .letsConnect-form {
  position: relative;
  height: 100%;
  background: #0249AE;
  background: -moz-linear-gradient(180deg, #0249AE 0%, #001665 100%);
  background: -webkit-linear-gradient(180deg, #0249AE 0%, #001665 100%);
  background: linear-gradient(180deg, #0249AE 0%, #001665 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0249AE",endColorstr="#001665",GradientType=1);
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-form {
    padding: 35px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-form {
    padding: 33.25px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-form {
    padding: 26.25px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-form {
    padding: 22.75px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain {
    margin-bottom: 40px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain {
    margin-bottom: 38px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain {
    margin-bottom: 30px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain {
    margin-bottom: 26px;
  }
}
.letsConnect .letsConnect-form .letsConnect-info-titleMain h2 {
  color: #ffffff;
  font-weight: 500;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain h2 {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain h2 {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain h2 {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-form .letsConnect-info-titleMain h2 {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-form .form-group {
    margin-bottom: 25px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-form .form-group {
    margin-bottom: 23.75px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-form .form-group {
    margin-bottom: 18.75px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-form .form-group {
    margin-bottom: 16.25px;
  }
}
.letsConnect .letsConnect-form .form-group .text-danger {
  color: #fff;
  background: #dc3545;
  font-size: 12px;
  border-radius: 7px;
  margin-top: 3px;
  padding: 0 8px;
}
.letsConnect .letsConnect-form .form-group ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.letsConnect .letsConnect-form .form-group ul li {
  color: #fff;
  background: #dc3545;
  font-size: 12px;
  border-radius: 7px;
  margin-top: 3px;
  padding: 0 8px;
}
.letsConnect .letsConnect-form .form-group input[type=file] {
  color: #384250;
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    border-radius: 8px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    border-radius: 7.6px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    border-radius: 6px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    border-radius: 5.2px;
  }
}
@media (min-width: 1600px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    height: 55px;
  }
}
@media (min-width: 992px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    height: 52.25px;
  }
}
@media (max-width: 992px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    height: 41.25px;
  }
}
@media (max-width: 575px) {
  .letsConnect .letsConnect-form .form-group input[type=file] {
    height: 35.75px;
  }
}

.contactUsMap {
  background-color: rgba(37, 147, 95, 0.1);
}
@media (min-width: 1600px) {
  .contactUsMap {
    padding-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .contactUsMap {
    padding-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .contactUsMap {
    padding-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .contactUsMap {
    padding-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .contactUsMap {
    padding-block-end: 50px;
  }
}
@media (min-width: 992px) {
  .contactUsMap {
    padding-block-end: 47.5px;
  }
}
@media (max-width: 992px) {
  .contactUsMap {
    padding-block-end: 37.5px;
  }
}
@media (max-width: 575px) {
  .contactUsMap {
    padding-block-end: 32.5px;
  }
}
@media (min-width: 1600px) {
  .contactUsMap {
    margin-block-start: -15px;
  }
}
@media (min-width: 992px) {
  .contactUsMap {
    margin-block-start: -14.25px;
  }
}
@media (max-width: 992px) {
  .contactUsMap {
    margin-block-start: -11.25px;
  }
}
@media (max-width: 575px) {
  .contactUsMap {
    margin-block-start: -9.75px;
  }
}
.contactUsMap .mapDirection {
  border: solid #074d31;
  overflow: hidden;
}
@media (min-width: 1600px) {
  .contactUsMap .mapDirection {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .contactUsMap .mapDirection {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .contactUsMap .mapDirection {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .contactUsMap .mapDirection {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .contactUsMap .mapDirection {
    border-end-end-radius: 15px;
  }
}
@media (min-width: 992px) {
  .contactUsMap .mapDirection {
    border-end-end-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .contactUsMap .mapDirection {
    border-end-end-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .contactUsMap .mapDirection {
    border-end-end-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .contactUsMap .mapDirection {
    border-end-start-radius: 15px;
  }
}
@media (min-width: 992px) {
  .contactUsMap .mapDirection {
    border-end-start-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .contactUsMap .mapDirection {
    border-end-start-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .contactUsMap .mapDirection {
    border-end-start-radius: 9.75px;
  }
}
.contactUsMap .mapDirection img {
  width: 100%;
}
.contactUsMap .mapDirection iframe {
  margin-bottom: -10px;
}

.centerBranches {
  padding-block-start: 60px;
}
@media (min-width: 1600px) {
  .centerBranches {
    padding-block-end: 100px;
  }
}
@media (min-width: 992px) {
  .centerBranches {
    padding-block-end: 95px;
  }
}
@media (max-width: 992px) {
  .centerBranches {
    padding-block-end: 75px;
  }
}
@media (max-width: 575px) {
  .centerBranches {
    padding-block-end: 65px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items {
  background: #ffffff;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-inline: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-inline: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-inline: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-inline: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-start: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-end: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-end: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-end: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items {
    padding-block-end: 0px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-card {
  border-bottom: solid #25935f;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-card {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-card {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-card {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items.openSection .ourObjectivesMain-items-card {
    border-width: 0.65px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
  border-bottom: solid white;
  transition: 0.5s all;
  position: relative;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-radius: 15px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-radius: 14.25px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-radius: 11.25px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    border-radius: 9.75px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-start: 20px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-start: 19px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-start: 15px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-start: 13px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-end: 20px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-end: 19px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-end: 15px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card {
    padding-block-end: 13px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight {
  position: absolute;
  top: 0;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight {
    inset-inline-end: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight img {
    max-width: 200px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight img {
    max-width: 190px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight img {
    max-width: 150px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .pattern .topRight img {
    max-width: 130px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-title {
  text-align: start;
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-title h4 {
  color: #074d31;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-title h4 {
    font-size: 36px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-title h4 {
    font-size: 34.2px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-title h4 {
    font-size: 27px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-title h4 {
    font-size: 23.4px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
  position: unset;
  transform: unset;
  border-color: #074d31;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    width: 30px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    width: 28.5px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    width: 22.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    width: 19.5px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    height: 30px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    height: 28.5px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    height: 22.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta {
    height: 19.5px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta span {
  border: 0;
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta span i {
  color: #074D31;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta span i {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta span i {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta span i {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .ourObjectivesMain-items-card-header .ourObjectivesMain-items-cta span i {
    font-size: 10.4px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp {
    margin-top: 6.5px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
  color: #3d3d3d;
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    margin-bottom: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    height: 50px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    height: 47.5px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    height: 37.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-card .textDescp p {
    height: 32.5px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
  list-style: none;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-top: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    padding-inline: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-top: 9.5px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-top: 7.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-top: 6.5px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-bottom: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-bottom: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-bottom: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul {
    margin-bottom: 0px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
  color: #3d3d3d;
  border-bottom: solid #074d31;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-bottom: 13px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-bottom: 12.35px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-bottom: 9.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-bottom: 8.45px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    margin-bottom: 6.5px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-inline: 25px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-inline: 23.75px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-inline: 18.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    padding-inline: 16.25px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    border-width: 1px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    border-width: 0.95px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    border-width: 0.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li {
    border-width: 0.65px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li:last-child {
    border-width: 0px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li:last-child {
    border-width: 0px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li:last-child {
    border-width: 0px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li:last-child {
    border-width: 0px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    font-size: 13px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    margin-bottom: 5px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    margin-bottom: 4.75px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    margin-bottom: 3.75px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation p {
    margin-bottom: 3.25px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items {
  display: flex;
  align-items: center;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items {
    gap: 15px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items {
    gap: 14.25px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items {
    gap: 11.25px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items {
    gap: 9.75px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-icon svg {
    max-width: 18px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-icon svg {
    max-width: 17.1px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-icon svg {
    max-width: 13.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-icon svg {
    max-width: 11.7px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-info a {
  color: #074d31;
  transition: 0.3s all;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-info a {
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-info a {
    font-size: 19px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-info a {
    font-size: 15px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-info a {
    font-size: 13px;
  }
}
.centerBranches .ourObjectivesMain .ourObjectivesMain-items .ourObjectivesMain-items-content ul li .branchesLocation-details .branchesLocation-details-items .branchesLocation-details-items-info a:hover {
  color: #fcb725;
}
.centerBranches .ourObjectivesMain #regionAccordion {
  display: grid;
  grid-gap: 40px;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion {
    grid-template-columns: repeat(1, 1fr);
  }
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item {
  overflow: hidden;
  border-top: 1px solid #D2D6DB;
  border-left: none;
  border-right: none;
  border-bottom: none;
  height: max-content;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 15px;
  align-items: start;
  justify-content: space-between;
  border: none;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
  width: 80%;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header:hover {
  background: #f7fdf9 !important;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header:active {
  border: 1px solid #000000 !important;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header:focus {
  border: 1px solid #000000 !important;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header.accordion-button {
  background: transparent;
  outline: none;
  border: none;
  box-shadow: none;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header.accordion-button::after {
  position: absolute;
  inset-inline-end: 20px;
  bottom: 40%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23161616'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23161616'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
  font-weight: 600;
  color: #1F2A37;
  padding: 0;
  background: transparent;
  outline: none;
  border: none;
  box-shadow: none;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    font-size: 24px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    font-size: 22.8px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    font-size: 15.6px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    line-height: 28px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    line-height: 26.6px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    line-height: 21px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header button {
    line-height: 18.2px;
  }
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
  margin: 0;
  font-weight: 400;
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    font-size: 11.7px;
  }
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    line-height: 24px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    line-height: 22.8px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    line-height: 18px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-header p {
    line-height: 15.6px;
  }
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin: 0;
  padding: 0;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li {
  gap: 10px;
  display: flex;
  padding-bottom: 15px;
  flex-direction: column;
  border-bottom: 1px solid #D2D6DB;
  border-bottom: 1px solid #D2D6DB;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li:first-child {
  border-top: 1px solid #D2D6DB;
  padding-top: 15px;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li h6 {
  margin: 0;
  font-weight: 400;
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li h6 {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li h6 {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li h6 {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li h6 {
    font-size: 11.7px;
  }
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li a {
  margin: 0;
  font-weight: 400;
  color: #1F2A37;
}
@media (min-width: 1600px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li a {
    font-size: 18px;
  }
}
@media (min-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li a {
    font-size: 17.1px;
  }
}
@media (max-width: 992px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li a {
    font-size: 13.5px;
  }
}
@media (max-width: 575px) {
  .centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li a {
    font-size: 11.7px;
  }
}
.centerBranches .ourObjectivesMain #regionAccordion .accordion-item .accordion-body ul li svg {
  width: 22px;
  margin-inline-end: 10px;
}

.recaptcha-container ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
.recaptcha-container ul li {
  color: #fff;
  background: #dc3545;
  font-size: 12px;
  border-radius: 10px;
  margin-top: 3px;
  padding: 0 8px;
}

.form-group .text-danger {
  color: #dc3545 !important;
  font-size: 12px;
  border-radius: 7px;
  margin-top: 3px;
  padding: 0 8px;
}

.error-message {
  display: block;
  color: red;
  margin-top: 2px;
}

.addCommentModal .form-group .text-danger {
  color: #dc3545 !important;
  background-color: transparent !important;
}

.mauticform-row {
  width: 100%;
}

.accordion-item:first-of-type .accordion-button {
  --bs-accordion-inner-border-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
}

[dir=rtl] .form-control.is-invalid,
[dir=rtl] .was-validated .form-control:invalid {
  background-position: left calc(0.375em + 0.1875rem) center !important;
}

[dir=ltr] .form-control.is-invalid,
[dir=ltr] .was-validated .form-control:invalid {
  background-position: right calc(0.375em + 0.1875rem) center !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-position: right calc(0.375em + 0.1875rem) center !important;
}

.page-404 {
  overflow: hidden;
}
@media (min-width: 1600px) {
  .page-404 .site-logo {
    margin-inline-start: -50px;
  }
}
@media (min-width: 992px) {
  .page-404 .site-logo {
    margin-inline-start: -47.5px;
  }
}
@media (max-width: 992px) {
  .page-404 .site-logo {
    margin-inline-start: -37.5px;
  }
}
@media (max-width: 575px) {
  .page-404 .site-logo {
    margin-inline-start: -32.5px;
  }
}
@media (min-width: 1600px) {
  .page-404 .site-logo {
    max-width: 450px;
  }
}
@media (min-width: 992px) {
  .page-404 .site-logo {
    max-width: 427.5px;
  }
}
@media (max-width: 992px) {
  .page-404 .site-logo {
    max-width: 337.5px;
  }
}
@media (max-width: 575px) {
  .page-404 .site-logo {
    max-width: 292.5px;
  }
}
.page-404 .content-404-new {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 1600px) {
  .page-404 .content-404-new {
    margin-block: 80px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new {
    margin-block: 76px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new {
    margin-block: 60px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new {
    margin-block: 52px;
  }
}
.page-404 .content-404-new h1 {
  line-height: 1.2;
  margin: 0;
  color: #074D31;
  text-align: center;
}
@media (min-width: 1600px) {
  .page-404 .content-404-new h1 {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new h1 {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new h1 {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new h1 {
    font-size: 20.8px;
  }
}
.page-404 .content-404-new img {
  object-fit: cover;
}
@media (min-width: 1600px) {
  .page-404 .content-404-new img {
    margin-bottom: 64px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new img {
    margin-bottom: 60.8px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new img {
    margin-bottom: 48px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new img {
    margin-bottom: 41.6px;
  }
}
.page-404 .content-404-new .text-something {
  color: #161616;
  margin: 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 600;
}
@media (min-width: 1600px) {
  .page-404 .content-404-new .text-something {
    font-size: 32px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new .text-something {
    font-size: 30.4px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new .text-something {
    font-size: 24px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new .text-something {
    font-size: 20.8px;
  }
}
@media (min-width: 1600px) {
  .page-404 .content-404-new .text-something {
    margin-bottom: 16px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new .text-something {
    margin-bottom: 15.2px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new .text-something {
    margin-bottom: 12px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new .text-something {
    margin-bottom: 10.4px;
  }
}
.page-404 .content-404-new .text-description {
  color: #161616;
  margin: 0;
  text-align: center;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 1600px) {
  .page-404 .content-404-new .text-description {
    font-size: 28px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new .text-description {
    font-size: 26.6px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new .text-description {
    font-size: 21px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new .text-description {
    font-size: 18.2px;
  }
}
@media (min-width: 1600px) {
  .page-404 .content-404-new .text-description {
    margin-bottom: 32px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new .text-description {
    margin-bottom: 30.4px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new .text-description {
    margin-bottom: 24px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new .text-description {
    margin-bottom: 20.8px;
  }
}
.page-404 .content-404-new a {
  text-decoration: none;
  margin: 0;
}
@media (min-width: 1600px) {
  .page-404 .content-404-new a {
    padding-inline: 30px;
  }
}
@media (min-width: 992px) {
  .page-404 .content-404-new a {
    padding-inline: 28.5px;
  }
}
@media (max-width: 992px) {
  .page-404 .content-404-new a {
    padding-inline: 22.5px;
  }
}
@media (max-width: 575px) {
  .page-404 .content-404-new a {
    padding-inline: 19.5px;
  }
}

@media (max-width: 992px) {
  .page-404 {
    height: 100vh;
  }
  .page-404 .site-logo {
    margin: 0;
    max-width: 250px;
    width: 100%;
  }
  .page-404 .content-404 {
    height: calc(100vh - 100px);
    padding-block: 100px;
    padding-inline: 40px;
    margin: 0;
    justify-content: center;
  }
  .page-404 .content-404 h1 {
    font-size: 30;
  }
  .page-404 .content-404 img {
    margin-block: 35px;
  }
  .page-404 .content-404 a {
    padding-inline: 20px;
  }
  .page-404 .content-404 h3 {
    font-size: 16px;
  }
}
@media (min-width: 1600px) {
  .mainHomePage #main.mainSectioHandle {
    margin-block-start: 0px;
  }
}
@media (min-width: 992px) {
  .mainHomePage #main.mainSectioHandle {
    margin-block-start: 0px;
  }
}
@media (max-width: 992px) {
  .mainHomePage #main.mainSectioHandle {
    margin-block-start: 0px;
  }
}
@media (max-width: 575px) {
  .mainHomePage #main.mainSectioHandle {
    margin-block-start: 0px;
  }
}
.mainHomePage .mainHeader.isTrans.bgFull {
  width: 100%;
}
.mainHomePage .mainHeader.isTrans.bgFull.fixed {
  background-color: #ffffff;
}
.mainHomePage .videoBanner {
  overflow: hidden;
  position: relative;
}
@media (min-width: 1600px) {
  .mainHomePage .videoBanner {
    height: 700px;
  }
}
@media (min-width: 992px) {
  .mainHomePage .videoBanner {
    height: 665px;
  }
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner {
    height: 525px;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner {
    height: 455px;
  }
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner {
    height: 780px;
  }
}
.mainHomePage .videoBanner video {
  height: 100vh;
  min-height: 840px;
  object-fit: cover;
}
.mainHomePage .videoBanner .videoBannerContent {
  position: absolute;
  top: 90px;
  transform: translateY(-50%);
  width: 100%;
  padding: 0;
  display: flex;
  align-items: flex-start;
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent {
    top: 100px;
  }
}
.mainHomePage .videoBanner .videoBannerContent.first-one-video-banner {
  top: 30px;
}
.mainHomePage .videoBanner .videoBannerContent.videoForecastWrap {
  background-image: none;
}
.mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard {
  padding-bottom: 0;
  position: absolute;
  inset-inline-end: 5%;
}
.mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard.currentWeather {
  margin-inline-end: 0;
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard {
    inset-inline-end: unset;
  }
}
.mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard .home--current-weather-last-updated {
  position: absolute;
  position: relative;
}
.mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard .home--current-weather-last-updated .home--current-weather-last-updated--text {
  color: #ffffff;
  line-height: 1.5;
  white-space: nowrap;
  position: absolute;
  top: 8px;
}
@media (min-width: 1600px) {
  .mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard .home--current-weather-last-updated .home--current-weather-last-updated--text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard .home--current-weather-last-updated .home--current-weather-last-updated--text {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard .home--current-weather-last-updated .home--current-weather-last-updated--text {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent.videoForecastWrap .forecastCard .home--current-weather-last-updated .home--current-weather-last-updated--text {
    font-size: 10.4px;
  }
}
.mainHomePage .videoBanner .videoBannerContent .dividerSep svg {
  width: 100%;
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard {
  background-color: #ffffff;
  width: 330px;
  scale: 1;
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .forecastCard {
    scale: 1;
  }
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="135.781" height="107.499" viewBox="0 0 135.781 107.499"><defs><clipPath id="clip-path"><rect id="Rectangle_7737" data-name="Rectangle 7737" width="135.781" height="107.499" fill="none" stroke="%23707070" stroke-width="2"/></clipPath></defs><g id="Group_18700" data-name="Group 18700" opacity="0.5"><g id="Group_17998" data-name="Group 17998" clip-path="url(%23clip-path)"><path id="Path_27036" data-name="Path 27036" d="M.132,0C-.53,12.411.989,29.338,11.983,39.492c8.152,7.528,20.7,10.12,34.43,7.11,8.638-1.893,16.928-5.621,24.943-9.225,3.039-1.368,6.18-2.781,9.3-4.073,9.109-3.782,22.729-8.469,35.785-5.539,8.712,1.955,16.532,7.069,24.1,12.016,8.446,5.52,17.176,11.23,27.044,12.4,12.149,1.438,23.8-4.149,35.068-9.551,1.875-.9,3.814-1.828,5.711-2.7a176.733,176.733,0,0,1,80.111-15.835,179.6,179.6,0,0,1,38.113,5.531A174.831,174.831,0,0,1,367.36,45.728" transform="matrix(0.921, 0.391, -0.391, 0.921, -94.876, -75.877)" fill="none" stroke="%23fdca17" stroke-miterlimit="10" stroke-width="2"/><path id="Path_27052" data-name="Path 27052" d="M.132,0C-.53,12.411.989,29.338,11.983,39.492c8.152,7.528,20.7,10.12,34.43,7.11,8.638-1.893,16.928-5.621,24.943-9.225,3.039-1.368,6.18-2.781,9.3-4.073,9.109-3.782,22.729-8.469,35.785-5.539,8.712,1.955,16.532,7.069,24.1,12.016,8.446,5.52,17.176,11.23,27.044,12.4,12.149,1.438,23.8-4.149,35.068-9.551,1.875-.9,3.814-1.828,5.711-2.7a176.733,176.733,0,0,1,80.111-15.835,179.6,179.6,0,0,1,38.113,5.531A174.831,174.831,0,0,1,367.36,45.728" transform="matrix(0.921, 0.391, -0.391, 0.921, 58.124, -25.877)" fill="none" stroke="%23ffffff" stroke-miterlimit="10" stroke-width="2"/></g></g></svg>');
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard .dividerSep {
  height: 1px;
  width: 100%;
  background-color: #E5E7EB;
}
@media (min-width: 1600px) {
  .mainHomePage .videoBanner .videoBannerContent .forecastCard .dividerSep {
    margin-bottom: 10px;
  }
}
@media (min-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .forecastCard .dividerSep {
    margin-bottom: 9.5px;
  }
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .forecastCard .dividerSep {
    margin-bottom: 7.5px;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent .forecastCard .dividerSep {
    margin-bottom: 6.5px;
  }
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard .weatherDescription,
.mainHomePage .videoBanner .videoBannerContent .forecastCard .forcastTempSigns .fCgrid div:last-child span,
.mainHomePage .videoBanner .videoBannerContent .forecastCard .forcastTempSigns .fCgrid div:first-child span,
.mainHomePage .videoBanner .videoBannerContent .forecastCard .forcastTempSigns .fCgrid,
.mainHomePage .videoBanner .videoBannerContent .forecastCard .little-C::after,
.mainHomePage .videoBanner .videoBannerContent .forecastCard .temperature,
.mainHomePage .videoBanner .videoBannerContent .forecastCard .forecastDay {
  color: #161616;
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard .fCgrid div:first-child span {
  font-weight: 400;
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard .fCgrid div:last-child span {
  font-weight: 600;
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard .fCgrid svg path {
  fill: #ffffff;
}
.mainHomePage .videoBanner .videoBannerContent .forecastCard #windDirection {
  filter: brightness(0%) invert(100%);
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered {
  position: absolute;
  inset-inline-end: 5%;
  align-items: center;
  justify-content: center;
  width: 330px;
  scale: 1;
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered {
    scale: 1;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered {
    inset-inline-end: unset;
  }
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered .img-bg-svg-alert-count {
  position: absolute;
  width: 140%;
  height: 290%;
  z-index: -1;
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec1 {
  display: flex;
  align-items: center;
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec1 svg {
  height: 48px;
  width: auto;
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 {
  justify-content: space-between;
  padding-inline-start: 7px;
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-text {
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 1600px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-text {
    font-size: 16px;
  }
}
@media (min-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-text {
    font-size: 15.2px;
  }
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-text {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-text {
    font-size: 10.4px;
  }
}
.mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-count {
  color: #ffffff;
  font-weight: 500;
  line-height: 1;
}
@media (min-width: 1600px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-count {
    font-size: 42px;
  }
}
@media (min-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-count {
    font-size: 39.9px;
  }
}
@media (max-width: 992px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-count {
    font-size: 31.5px;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alerts-numbered-sec2 .total-count {
    font-size: 27.3px;
  }
}
@media (max-width: 575px) {
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered {
    max-width: 260px !important;
  }
  .mainHomePage .videoBanner .videoBannerContent .alerts-numbered .alert-numbered--heading {
    justify-content: unset !important;
    gap: 4px;
  }
}
.mainHomePage .videoBanner .homePageExpandable {
  position: absolute;
  z-index: 99;
  --card-bg-color: rgba(0, 0, 0, .6);
  --card-x-space: 0px 20px;
  transition: all ease-in-out 0.3s;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--Active::after {
  content: "";
  width: 100%;
  height: 8px;
  background: #1b8354;
  position: absolute;
  top: 100%;
  right: 0px;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--header {
  background-color: var(--card-bg-color);
  display: inline-flex;
  align-items: center;
  position: relative;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--header .homePageExpandable--heading {
  padding: var(--card-x-space);
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--header .homePageExpandable--heading h3 {
  font-size: 18px;
  color: #ffffff;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--header .homePageExpandable--heading--icon {
  background-color: rgb(0, 0, 0);
  color: #ffffff;
  height: 60px;
  width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--header .homePageExpandable--heading--icon svg {
  width: 20px;
  height: 20px;
  transition: transform ease-in-out 0.3s;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--header .homePageExpandable--heading--icon-rotated {
  transform: rotate(180deg);
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--content {
  background-color: var(--card-bg-color);
  padding: var(--card-x-space);
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0ms 400ms, opacity 400ms 0ms;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--content p {
  padding: 10px 0px;
  color: #ffffff;
}
.mainHomePage .videoBanner .homePageExpandable .homePageExpandable--content.visible {
  height: auto;
  opacity: 1;
  transition: height 0ms 0ms, opacity 400ms 0ms;
  width: 100%;
}

[lang=en] .home--current-weather-last-updated .home--current-weather-last-updated--text {
  left: -19px;
}
@media (min-width: 768px) and (max-width: 992px) {
  [lang=en] .home--current-weather-last-updated .home--current-weather-last-updated--text {
    left: -15px;
  }
}
@media (max-width: 575px) {
  [lang=en] .home--current-weather-last-updated .home--current-weather-last-updated--text {
    left: -13px;
  }
}
[lang=en] .homePageExpandable--header {
  border-radius: 10px 10px 0px 0px;
}
[lang=en] .homePageExpandable--header .homePageExpandable--heading--icon {
  border-radius: 0px 10px 0px 0px;
}
[lang=en] .homePageExpandable--Active::after {
  border-radius: 0px 0px 10px 10px;
}
[lang=en] .homePageExpandable--content {
  border-radius: 0px 10px 0px 0px;
}
@media (min-width: 1600px) {
  [lang=en] .homePageExpandable {
    bottom: 100px;
    max-width: 1000px;
    left: 80px;
  }
}
@media screen and (max-width: 992px) {
  [lang=en] .homePageExpandable {
    bottom: 30px;
    right: 20px;
    max-width: 100%;
    left: 20px;
  }
  [lang=en] .videoBannerContent.first-one-video-banner {
    top: 40px !important;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  [lang=en] .homePageExpandable {
    bottom: 50px;
    left: 40px;
    max-width: 680px;
  }
}
@media (min-width: 1000px) and (max-width: 1220px) {
  [lang=en] .homePageExpandable {
    bottom: 50px;
    left: 40px;
    max-width: 540px;
  }
}
@media (min-width: 1220px) and (max-width: 1440px) {
  [lang=en] .homePageExpandable {
    bottom: 50px;
    left: 40px;
    max-width: 700px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  [lang=en] .homePageExpandable {
    bottom: 50px;
    left: 40px;
    max-width: 800px;
  }
}
@media (min-width: 1920px) {
  [lang=en] .homePageExpandable {
    bottom: 50px;
    left: 40px;
    max-width: 1000px;
  }
}

[lang=ar] .home--current-weather-last-updated .home--current-weather-last-updated--text {
  right: -19px;
}
@media (min-width: 768px) and (max-width: 992px) {
  [lang=ar] .home--current-weather-last-updated .home--current-weather-last-updated--text {
    right: -15px;
  }
}
@media (max-width: 575px) {
  [lang=ar] .home--current-weather-last-updated .home--current-weather-last-updated--text {
    right: -13px;
  }
}
[lang=ar] .homePageExpandable--header {
  border-radius: 10px 10px 0px 0px;
}
[lang=ar] .homePageExpandable--header .homePageExpandable--heading--icon {
  border-radius: 10px 0px 0px 0px;
}
[lang=ar] .homePageExpandable--Active::after {
  border-radius: 0px 0px 10px 10px;
}
[lang=ar] .homePageExpandable--content {
  border-radius: 10px 0px 0px 0px;
}
@media (min-width: 1600px) {
  [lang=ar] .homePageExpandable {
    bottom: 100px;
    max-width: 1000px;
    right: 80px;
  }
}
@media screen and (max-width: 992px) {
  [lang=ar] .homePageExpandable {
    bottom: 30px;
    right: 20px;
    max-width: 100%;
    left: 20px;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  [lang=ar] .homePageExpandable {
    bottom: 50px;
    right: 40px;
    max-width: 680px;
  }
}
@media (min-width: 1000px) and (max-width: 1220px) {
  [lang=ar] .homePageExpandable {
    bottom: 50px;
    right: 40px;
    max-width: 500px;
  }
}
@media (min-width: 1220px) and (max-width: 1440px) {
  [lang=ar] .homePageExpandable {
    bottom: 50px;
    right: 40px;
    max-width: 700px;
  }
}
@media (min-width: 1440px) and (max-width: 1920px) {
  [lang=ar] .homePageExpandable {
    bottom: 50px;
    right: 40px;
    max-width: 800px;
  }
}
@media (min-width: 1920px) {
  [lang=ar] .homePageExpandable {
    bottom: 50px;
    right: 40px;
    max-width: 1000px;
  }
}

/*# sourceMappingURL=style.css.map */