/* ================= Root Variables ================= */
:root {
  /* iOS Colors */

  --ios-color-background: #f8fffd;
  --ios-color-white: #ffffff;
  --ios-color-black: #000000;
  --ios-color-primary: #3ab3c4;
  --ios-color-primary-hover: #60d3e2;
  --ios-color-link-hover: #e6f6f6;
  --ios-color-text-dark: #2d495f;
  --ios-color-text-darker: #172a38;
  --ios-color-darker-hover: #316285;
  --ios-color-dark-hover: #172a3841;
  --ios-color-text-muted: #e6e7ec;
  --ios-color-text-secondary: #9f9f9f;
  --ios-color-athens-gray: #e4e5e6;

  --ios-color-black-transparent: rgba(0, 0, 0, 0.05);
  --ios-color-overlay: rgba(29, 86, 129, 0.078);
  --ios-color-gradient-start: rgb(45, 73, 95);
  --ios-color-gradient-mid: rgb(58, 179, 196);
  --ios-color-gradient-end: rgb(45, 73, 95);

  /* iOS Font Sizes */
  --ios-font-size-small: 14px;
  --ios-font-size-medium: var(--wp--preset--font-size--medium);
  --ios-font-size-large: larger;
  --ios-font-size-icon: 18px;
  --ios-font-size-separator: 25px;

  /* iOS Font Families */
  --ios-font-family-jost: var(--wp--preset--font-family--jost);

  /* iOS Layout & Spacing */
  --ios-gap-large: 50px;
  --ios-margin-breadcrumbs: 40px 0;
  --ios-width-hero: 80%;

  --ios-desktop-width-responsive: 85%;
  --ios-mobile-width-responsive: 100%;
}

/* ================= Base Styles ================= */
html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--ios-color-background);
}

a {
  text-decoration: none;
}

p {
margin: 0;
}
.wp-block-button__link:hover{
  background-color: var(--ios-color-primary-hover) !important;
  transition: background-color ease-in 0.2s;
}

/* :where(.wp-site-blocks) > * {
  margin-top: 0;
} */

.resp-padding-40{
  padding: 40px;
}
@media (max-width: 790px) {
  .resp-padding-40{
    padding: 20px;
  }
}

/* ================= Translate Styles ================= */

body:lang(ar) {
  font-family: "Noto Kufi Arabic", sans-serif !important;
}

html[lang="ar"]{
  .iocon-arrow  {
    rotate :180deg;
  }

  .has-text-align-left{
    text-align: start ;
  }

  .footer-menu a span:hover {
    color: var(--wp--preset--color--san-juan);
  }

  .icon-effect a:hover {
    color: var(--ios-color-primary-hover);
  }

  .responsive-div {
    width: var(--ios-mobile-width-responsive);
  }

  .wp-block-cover.is-position-center-left{
    justify-content: flex-end;
  }
  .probox .proinput input {
  text-align: start;
  }
}
/* .trp-language-switcher div a img{
content: url('https://flagcdn.com/w40/jo.png');
} */