:root {
  --main: #0E3375;
  --sec: #717171;
  --text: #5A5A5A;
  --white: #fff;
  --black: #000;
  --animation: 2s ease-in-out infinite;
}

@font-face {
  font-family: 'ARBFONTS-GE_SS_TWO_MEDIUM';
  src: url('../../webfonts/arab fonts/ARBFONTS-GE_SS_TWO_MEDIUM-1.OTF') format('opentype');
}

@font-face {
  font-family: 'ARBFONTS-GE_SS_TWO_LIGHT';
  src: url('../../webfonts/arab fonts/ARBFONTS-GE_SS_TWO_LIGHT-1.OTF') format('opentype');
}

@font-face {
  font-family: 'ARBFONTS-GE_SS_TWO_BOLD';
  src: url('../../webfonts/arab fonts/ARBFONTS-GE_SS_TWO_BOLD.OTF') format('opentype');
}


@font-face {
  font-family: 'Poppins';
  src: url('../../webfonts/en fonts/Poppins-Regular.ttf') format('opentype');
}

.d-contents {
  display: contents;
}

body:lang(ar):not(i),
*:lang(ar):not(i) {
  direction: rtl;
  font-family: 'ARBFONTS-GE_SS_TWO_LIGHT';
}

button,
a {
  font-family: 'ARBFONTS-GE_SS_TWO_LIGHT';
}

body:not(i),
*:not(i),
button,
a {
  font-family: 'Poppins';
}


a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.top-bar {
  background-color: #FAFAFA;
}

.top-bar a:hover,
.category-bar a:hover {
  color: var(--main);
}

.search-box .btn {
  background-color: var(--main);
  border: none;
  color: #fff;
}

.small-arrow {
  font-size: 10px;
  margin-top: 2px;
}

.category li a {
  color: var(--sec);
  font-size: 16px;
  font-weight: 400;
}

.top-menu li a {
  color: var(--sec);
  font-weight: 400;
  font-size: 16px;
}

.user-menu li a {
  color: var(--sec);
  font-weight: 400;
  font-size: 14px;
}

.form-control {
  border-radius: 0px 30px 30px 0px;
  height: 45px;
  font-size: 14px;
  font-weight: 400;
  color: var(--sec);
}

.form-select {
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  color: var(--sec);
}

.search-btn {
  border-radius: 30px 0px 0px 30px;
  background-color: var(--main);
  color: white;
  padding: 0 20px 0 20px;
}

.help-sec i,
.fav-sec i {
  color: var(--main);
}

.help-serv {
  color: var(--sec);
  font-size: 14px;
  font-weight: 400;
}

.phone-num,
.fav-sec span {
  color: var(--main);
  font-size: 18px;
  font-weight: 700;
}

.fav-sec {
  color: var(--sec);
  font-size: 18px;
  font-weight: 400;
}

.support-sec i {
  color: var(--main);
}

.support-sec {
  color: var(--sec);
  font-size: 16px;
  font-weight: 400;
}

/* Footer Container */
.yas-footer {
  background: #F0F6FF;
  padding: 50px 20px;
  border-radius: 46px 46px 0 0;
}


.footer-title {
  font-weight: 800;
  font-size: 18px;
  margin-bottom: 15px;
  color: var(--main);
}


.yas-footer a {
  display: block;
  margin-bottom: 8px;
  color: var(--main);
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
}


.yas-footer a:hover {
  color: #0a2a55;
}


.contact-info i {
  margin-left: 8px;
  color: #2D8AB1;
}


.footer-logo img {
  width: 120px;
}

.footer-logo p {
  color: var(--main);
  font-size: 16px;
  font-weight: 400;
}


.footer-social a {
  font-size: 29px;
  margin-left: 10px;
  color: #1c3c78;
  text-decoration: none;
}


.footer-social a:hover {
  color: #0a2a55;
}

/* Responsive Fixes */
@media (max-width: 768px) {
  .yas-footer {
    padding: 35px 15px;
  }

  .footer-logo img {
    margin-bottom: 15px;
  }

  .footer-social a {
    font-size: 20px;
  }

  .yas-footer a {
    font-size: 14px;
  }
}

@media (max-width: 576px) {
  .footer-title {
    font-size: 16px;
  }

  .footer-logo img {
    width: 100px;
  }

  .yas-footer p {
    font-size: 13px !important;
  }
}