.vy-page__head{
  max-width:var(--page-max);
  margin-inline:auto;
  padding:0 var(--page-gutter) 32px;
  background:linear-gradient(var(--vy-rule), var(--vy-rule)) no-repeat center bottom/calc(100% - 2 * var(--page-gutter)) 1px;
}
.vy-page__crumbs{
  padding-inline:0;
  margin-block-end:28px;
}
.vy-page__title{
  max-width:16ch;
  font-size:clamp(3.6rem, 2.4rem + 3.6vw, 6rem);
  line-height:1;
}
.vy-page__body{
  max-width:var(--page-max);
  margin-inline:auto;
  padding:40px var(--page-gutter) 80px;
  display:grid;
  grid-gap:48px;
  gap:48px;
}
.vy-page__content{
  max-width:68ch;
  font-size:1.7rem;
  line-height:1.7;
}
.vy-page__content h2,
.vy-page__content h3{
  margin-block-start:1.6em;
  font-size:2.4rem;
  line-height:1.2;
}
.vy-page__content h4{
  margin-block-start:1.4em;
  font-size:1.8rem;
}
.vy-page__content > :first-child{
  margin-block-start:0;
}
.vy-page__content p:has(> br:only-child){
  display:none;
}
.vy-page__content em{
  font-style:normal;
  color:var(--vy-sage);
}
.vy-page__form{
  max-width:68ch;
  display:grid;
  grid-gap:20px;
  gap:20px;
  padding:24px;
  background-color:var(--vy-sand);
}
.vy-page__form form{
  display:grid;
  grid-gap:16px;
  gap:16px;
}
.vy-page__form .form-group{
  display:grid;
  grid-gap:16px;
  gap:16px;
}
.vy-page__form input,
.vy-page__form textarea{
  background-color:var(--vy-ivory);
}
.vy-page__form button[type=submit]{
  justify-self:stretch;
}
.vy-page__form .success,
.vy-page__form .error{
  padding:12px 14px;
  font-size:1.5rem;
  border-inline-start:2px solid var(--vy-green);
  background-color:var(--vy-ivory);
}
.vy-page__form .error{
  border-color:var(--vy-error);
}
.vy-page__form .errors{
  font-size:1.4rem;
  color:var(--vy-error);
}
.vy-page__form-title{
  font-size:2.8rem;
}
.vy-page__aside{
  display:grid;
  align-content:start;
  grid-gap:12px;
  gap:12px;
  padding-block-start:24px;
  border-block-start:1px solid var(--vy-rule);
}
.vy-page__aside ul{
  display:grid;
}
.vy-page__aside a{
  display:block;
  padding-block:8px;
  font-size:1.5rem;
  color:var(--vy-sage);
}
.vy-page__aside a:hover, .vy-page__aside a[aria-current]{
  color:var(--vy-green);
}
.vy-page__aside a[aria-current]{
  font-weight:500;
}
.vy-page__aside-title{
  font-family:var(--font-body);
  font-size:1.3rem;
  font-weight:500;
  letter-spacing:0;
  color:var(--vy-sage);
}

@media (min-width: 768px){
  .vy-page__form .form-group{
    grid-template-columns:1fr 1fr;
  }
}
@media (min-width: 1024px){
  .vy-page__head{
    padding-block-end:48px;
  }
  .vy-page__body{
    grid-template-columns:repeat(12, minmax(0, 1fr));
    -moz-column-gap:32px;
         column-gap:32px;
    padding-block:64px 120px;
  }
  .vy-page__content, .vy-page__form{
    grid-column:1/span 7;
    align-self:start;
  }
  .vy-page__form{
    padding:40px;
  }
  .vy-page__aside{
    grid-column:9/span 4;
    grid-row:1/span 2;
    position:sticky;
    inset-block-start:100px;
    padding-block-start:0;
    padding-inline-start:32px;
    border-block-start:0;
    border-inline-start:1px solid var(--vy-rule);
  }
}
.vy-page__head .vy-page__crumbs{
  max-width:none;
  margin-inline:0;
  padding:14px 0 0;
}

.vy-search__form{
  display:flex;
  gap:8px;
  max-width:560px;
  margin-block-start:28px;
}
.vy-search__form input{
  flex:1;
}
.vy-search__form .yc-btn{
  flex-shrink:0;
}

.vy-search .vy-page__head{
  padding-block-start:32px;
}

.vy-page__content--faq{
  max-width:none;
  font-size:inherit;
  line-height:inherit;
}

.vy-faqpage{
  display:grid;
  grid-gap:48px;
  gap:48px;
}
.vy-faqpage__nav ul{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.vy-faqpage__nav ul a{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:6px 14px;
  font-size:1.4rem;
  font-weight:500;
  border:1px solid rgba(31, 59, 50, 0.28);
}
.vy-faqpage__nav ul a:hover{
  border-color:var(--vy-green);
  background-color:var(--vy-sand);
}
.vy-faqpage__group{
  display:grid;
  grid-gap:16px;
  gap:16px;
  scroll-margin-top:96px;
}
.vy-faqpage .vy-faqpage__topic{
  margin:0;
  font-size:clamp(2.6rem, 2.2rem + 1vw, 3.4rem);
}
.vy-faqpage__intro{
  max-width:62ch;
  color:var(--vy-sage);
}
.vy-faqpage .vy-faq__item summary{
  font-size:1.7rem;
}
.vy-faqpage .vy-faq__answer{
  font-size:1.6rem;
  line-height:1.7;
}
.vy-faqpage__contact{
  display:grid;
  justify-items:start;
  grid-gap:12px;
  gap:12px;
  padding:28px;
  background-color:var(--vy-sand);
}
.vy-faqpage__contact p{
  color:var(--vy-sage);
}
.vy-faqpage .vy-faqpage__contact-title{
  margin:0;
  font-size:2.4rem;
}

@media (min-width: 1024px){
  .vy-page[data-faq=true] .vy-page__content{
    grid-column:1/span 8;
  }
  .vy-faqpage__contact{
    padding:40px;
  }
}
.vy-faqpage .vy-faq__list{
  grid-column:auto;
}

.vy-page__ar{
  font-family:"IBM Plex Sans Arabic", var(--font-body);
  line-height:1.9;
}
.vy-page__ar h2,
.vy-page__ar h3,
.vy-page__ar .vy-faqpage__topic{
  font-family:"Amiri", "IBM Plex Sans Arabic", serif;
  letter-spacing:0;
}

.vy-page__content--two{
  display:grid;
  grid-gap:40px;
  gap:40px;
  max-width:none;
}
.vy-page__content--two > .vy-page__ar{
  padding-block-start:40px;
  border-block-start:1px solid var(--vy-rule);
}

.vy-page__content--faq > .vy-page__ar{
  margin-block-start:56px;
  padding-block-start:40px;
  border-block-start:1px solid var(--vy-rule);
}

.vy-collection__intro--ar{
  font-family:"IBM Plex Sans Arabic", var(--font-body);
  line-height:1.9;
}

@media (min-width: 1024px){
  .vy-page .vy-page__content--two{
    grid-column:1/span 8;
    grid-template-columns:1fr 1fr;
  }
  .vy-page .vy-page__content--two > .vy-page__ar{
    padding-block-start:0;
    padding-inline-start:32px;
    border-block-start:0;
    border-inline-start:1px solid var(--vy-rule);
  }
}
@media (min-width: 768px){
  .vy-page__form button[type=submit]{
    justify-self:start;
    min-width:220px;
  }
}
@media (max-width: 1023px){
  .vy-page__aside{
    display:none;
  }
}