@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700&display=swap');

.pr-contact{
  --pr-bg:#f3f2ef;
  --pr-paper:#fff;
  --pr-ink:#14191d;
  --pr-muted:#6d7479;
  --pr-line:#d7d9d8;
  --pr-blue:#003153;
  --pr-deep:#00233b;
  --pr-soft:#064469;
  --pr-red:#e3282f;
  --pr-max:1440px;
  --pr-ease:cubic-bezier(.2,.7,.2,1);

  direction:rtl;
  background:var(--pr-bg);
  color:var(--pr-ink);
  font-size:14px;
  line-height:1.8;
  overflow:hidden;
}

.pr-contact *{box-sizing:border-box}
.pr-contact a{color:inherit;text-decoration:none}
.pr-contact button,
.pr-contact input,
.pr-contact textarea{font:inherit}

/* Contact channels */
.pr-contact__channels{
  max-width:var(--pr-max);
  margin:auto;
  padding:0 clamp(24px,6vw,95px) 82px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
}

.pr-contact__channel{
  position:relative;
  min-height:220px;
  padding:32px 28px;
  background:var(--pr-paper);
  border-left:1px solid var(--pr-line);
  transition:background .22s var(--pr-ease),color .22s var(--pr-ease);
}

.pr-contact__channel:last-child{border-left:0}

.pr-contact__channel > span{
  display:block;
  margin-bottom:20px;
  color:var(--pr-muted);
  font-size:10px;
}

.pr-contact__channel strong{
  display:block;
  direction:ltr;
  text-align:right;
  font-size:22px;
  font-weight:600;
}

.pr-contact__channel small{
  position:absolute;
  right:28px;
  bottom:26px;
  color:var(--pr-muted);
  font-size:10px;
}

.pr-contact__channel:hover{
  background:var(--pr-blue);
  color:#fff;
}

.pr-contact__channel:hover > span,
.pr-contact__channel:hover small{
  color:#a9bac5;
}

.pr-contact__channel:hover small{
  color:#fff;
}

.pr-contact__email{font-size:18px!important}

/* Locations */
.pr-contact__locations{
  max-width:var(--pr-max);
  margin:auto;
  padding:0 clamp(24px,6vw,95px) 86px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.pr-contact__location{
  min-height:290px;
  padding:34px 30px;
  display:flex;
  flex-direction:column;
  background:var(--pr-paper);
  border:1px solid var(--pr-line);
}

.pr-contact__locationHead{
  display:flex;
  justify-content:space-between;
  gap:24px;
  padding-bottom:20px;
  margin-bottom:22px;
  border-bottom:1px solid var(--pr-line);
}

.pr-contact__locationHead span{
  color:var(--pr-red);
  font-size:10px;
}

.pr-contact__locationHead h2{
  margin:0;
  font-size:24px;
  font-weight:600;
}

.pr-contact__locationHead b{
  direction:ltr;
  color:#c6cbcd;
  font-size:32px;
  font-weight:400;
}

.pr-contact__address{
  max-width:580px;
  margin:0 0 26px;
  font-size:13px;
  line-height:2.1;
}

.pr-contact__locationMeta{
  margin-top:auto;
  display:grid;
  grid-template-columns:100px 1fr;
  gap:8px 18px;
  font-size:11px;
}

.pr-contact__locationMeta span{color:var(--pr-muted)}

.pr-contact__locationMeta a{
  direction:ltr;
  text-align:right;
}

/* Reveal */
.pr-contact__reveal{
  opacity:0;
  transform:translateY(22px);
  transition:opacity .7s var(--pr-ease),transform .7s var(--pr-ease);
}

.pr-contact__reveal.pr-contact__in{
  opacity:1;
  transform:none;
}

@media(max-width:900px){
  .pr-contact__channels,
  .pr-contact__locations{
    grid-template-columns:1fr;
  }

  .pr-contact__channel{
    border-left:0;
    border-bottom:1px solid var(--pr-line);
  }
}

@media(max-width:700px){
  .pr-contact__channels{
    padding:0 24px 62px;
    gap:10px;
    border:0;
  }

  .pr-contact__channel{
    border:1px solid var(--pr-line);
  }

  .pr-contact__locations{
    padding:0 24px 62px;
  }
}

@media(prefers-reduced-motion:reduce){
  .pr-contact__reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
}