/* AyarLine Contact page — Desktop and Mobile compositions based on supplied references. */
.ayar-contact-root,
.ayar-contact-root .contact-desktop-stage,
.ayar-contact-root .contact-mobile-stage{
  background-color:var(--paper,#f7f5f0);
  background-image:none;
  background-repeat:repeat;
  background-position:center top;
  background-size:62cqw auto;
}
.ayar-contact-root{overflow:hidden}
.ayar-contact-root h1,
.ayar-contact-root h2,
.ayar-contact-root h3,
.ayar-contact-root p{margin-top:0}
.ayar-contact-root .contact-highlight{
  position:relative;
  display:inline-block;
  z-index:1;
}
.ayar-contact-root .contact-highlight::after{
  content:"";
  position:absolute;
  right:0;
  left:0;
  bottom:.05em;
  height:.33em;
  background:var(--yellow,#efb21a);
  z-index:-1;
}
.ayar-contact-root .contact-method-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#252326;
  flex:0 0 auto;
}
.ayar-contact-root .contact-method-icon svg{
  display:block;
  width:100%;
  height:100%;
  fill:currentColor;
  stroke:currentColor;
  stroke-width:.72;
  stroke-linecap:round;
  stroke-linejoin:round;
  paint-order:stroke fill;
}
.ayar-contact-root .contact-ltr{
  direction:ltr;
  unicode-bidi:isolate;
  display:inline-block;
}

@media (min-width:768px){
  .ayar-contact-root .contact-desktop-stage{
    position:relative;
    width:min(100vw,1440px);
    height:129.8cqw;
    margin:0 auto;
    container-type:inline-size;
    overflow:hidden;
  }

  .ayar-contact-root .contact-desktop-title{
    position:absolute;
    top:21.55cqw;
    left:50%;
    transform:translateX(-50%);
    width:max-content;
    margin:0;
    font-size:4.28cqw;
    line-height:1.08;
    font-weight:700;
    letter-spacing:-.08cqw;
    color:#202020;
    text-align:center;
    z-index:3;
  }
  .ayar-contact-root .contact-desktop-intro{
    position:absolute;
    top:32.7cqw;
    left:20.4cqw;
    width:59.2cqw;
    margin:0;
    font-size:1.46cqw;
    line-height:1.85;
    font-weight:500;
    color:#252525;
    text-align:center;
    direction:rtl;
    z-index:3;
  }
  .ayar-contact-root .contact-desktop-question{
    position:absolute;
    top:44.95cqw;
    left:50%;
    transform:translateX(-50%);
    width:max-content;
    margin:0;
    font-size:2.32cqw;
    line-height:1.2;
    font-weight:700;
    color:#202020;
    text-align:center;
    z-index:3;
  }

  .ayar-contact-root .contact-desktop-methods{
    position:absolute;
    inset:0;
    z-index:3;
  }
  .ayar-contact-root .contact-method{
    position:absolute;
    text-align:center;
    direction:rtl;
  }
  .ayar-contact-root .contact-method h3{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    direction:rtl;
    gap:1.05cqw;
    margin:0 0 1.72cqw;
    font-size:2.18cqw;
    line-height:1.15;
    font-weight:700;
    color:#202020;
  }
  .ayar-contact-root .contact-method p{
    margin:0;
    font-size:1.32cqw;
    line-height:1.82;
    font-weight:500;
    color:#252525;
    text-align:center;
  }
  .ayar-contact-root .contact-method-icon{
    width:2.15cqw;
    height:2.15cqw;
  }
  .ayar-contact-root .contact-method-email{
    top:57.8cqw;
    left:56.6cqw;
    width:26.1cqw;
  }
  .ayar-contact-root .contact-method-phone{
    top:57.8cqw;
    left:17.25cqw;
    width:26.1cqw;
  }
  .ayar-contact-root .contact-method-instagram{
    top:76.55cqw;
    left:18.5cqw;
    width:63cqw;
  }
  .ayar-contact-root .contact-method-instagram h3{
    margin-bottom:1.7cqw;
  }

  .ayar-contact-root .contact-desktop-closing{
    position:absolute;
    top:94.35cqw;
    left:20cqw;
    width:60cqw;
    margin:0;
    font-size:1.36cqw;
    line-height:1.82;
    font-weight:500;
    color:#252525;
    text-align:center;
    direction:rtl;
    z-index:3;
  }
  .ayar-contact-root .contact-desktop-pattern{
    position:absolute;
    left:50%;
    bottom:-.15cqw;
    width:58.7cqw;
    height:auto;
    transform:translateX(-50%);
    opacity:.50;
    pointer-events:none;
    z-index:1;
  }
}

@media (max-width:767px){
  .ayar-contact-root,
  .ayar-contact-root .contact-mobile-stage{
    background-size:150vw auto;
  }
  .ayar-contact-root .contact-mobile-stage{
    position:relative;
    width:100vw;
    height:274vw;
    overflow:hidden;
  }
  .ayar-contact-root .contact-mobile-title{
    position:absolute;
    top:50.8vw;
    left:12vw;
    width:76vw;
    margin:0;
    font-size:8.55vw;
    line-height:1.12;
    font-weight:700;
    letter-spacing:-.12vw;
    color:#202020;
    text-align:center;
    z-index:3;
  }
  .ayar-contact-root .contact-mobile-intro{
    position:absolute;
    top:67.6vw;
    left:11.5vw;
    width:77vw;
    margin:0;
    font-size:3.17vw;
    line-height:1.72;
    font-weight:500;
    color:#252525;
    text-align:center;
    direction:rtl;
    z-index:3;
  }
  .ayar-contact-root .contact-mobile-question{
    position:absolute;
    top:96.3vw;
    left:16vw;
    width:68vw;
    margin:0;
    font-size:5.45vw;
    line-height:1.25;
    font-weight:700;
    color:#202020;
    text-align:center;
    z-index:3;
  }
  .ayar-contact-root .contact-mobile-question .contact-highlight{
    max-width:67vw;
  }
  .ayar-contact-root .contact-mobile-methods{
    position:absolute;
    inset:0;
    z-index:3;
  }
  .ayar-contact-root .contact-method{
    position:absolute;
    left:9.5vw;
    width:81vw;
    text-align:center;
    direction:rtl;
  }
  .ayar-contact-root .contact-method h3{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:row;
    direction:rtl;
    gap:2.4vw;
    margin:0 0 3.35vw;
    font-size:5.25vw;
    line-height:1.15;
    font-weight:700;
    color:#202020;
    text-align:center;
  }
  .ayar-contact-root .contact-method p{
    margin:0;
    font-size:3.15vw;
    line-height:1.72;
    font-weight:500;
    color:#252525;
    text-align:center;
  }
  .ayar-contact-root .contact-method-icon{display:inline-flex;width:5.3vw;height:5.3vw}
  .ayar-contact-root .contact-method-email{top:123.7vw}
  .ayar-contact-root .contact-method-phone{top:151.1vw}
  .ayar-contact-root .contact-method-instagram{top:181.8vw}
  .ayar-contact-root .contact-method-instagram h3{margin-bottom:3.6vw}
  .ayar-contact-root .contact-mobile-closing{
    position:absolute;
    top:222.2vw;
    left:10.5vw;
    width:79vw;
    margin:0;
    font-size:3.18vw;
    line-height:1.72;
    font-weight:500;
    color:#252525;
    text-align:center;
    direction:rtl;
    z-index:3;
  }
  .ayar-contact-root .contact-mobile-pattern{
    position:absolute;
    left:50%;
    bottom:-.25vw;
    width:75vw;
    height:auto;
    transform:translateX(-50%);
    opacity:.50;
    pointer-events:none;
    z-index:1;
  }
}

/* v4.9.60 — lock the closing sentence and yellow Ayar pattern in one layer.
   The vertical distance from the sentence to the pattern is always 5% of the stage width. */
@media (min-width:768px){
  .ayar-contact-root .contact-desktop-ending{
    position:absolute;
    top:94.35cqw;
    left:0;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    z-index:2;
    pointer-events:none;
  }

  .ayar-contact-root .contact-desktop-ending .contact-desktop-closing{
    position:relative;
    top:auto;
    left:auto;
    width:60cqw;
    margin:0;
    z-index:2;
  }

  .ayar-contact-root .contact-desktop-ending .contact-desktop-pattern{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:58.7cqw;
    height:auto;
    margin:5% 0 0;
    transform:none;
    opacity:.50;
    z-index:1;
  }
}

@media (max-width:767px){
  .ayar-contact-root .contact-mobile-ending{
    position:absolute;
    top:222.2vw;
    left:0;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    z-index:2;
    pointer-events:none;
  }

  .ayar-contact-root .contact-mobile-ending .contact-mobile-closing{
    position:relative;
    top:auto;
    left:auto;
    width:79vw;
    margin:0;
    z-index:2;
  }

  .ayar-contact-root .contact-mobile-ending .contact-mobile-pattern{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:75vw;
    height:auto;
    margin:5% 0 0;
    transform:none;
    opacity:.50;
    z-index:1;
  }
}