
.rental-contact{
  padding:40px 20px 90px;
  background:#f7f8fb;
  font-family:'Tajawal',sans-serif;
}
.rental-contact__container{
  width:min(1180px,100%);
  margin-inline:auto;
}
.rental-contact__panel{
  min-height:420px;
  padding:54px;
  background:#fff;
  border:1px solid #e4e9f1;
  border-radius:30px;
  box-shadow:0 18px 55px rgba(29,35,71,.06);
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:56px;
  align-items:center;
}
.rental-contact__content{
  min-width:0;
  text-align:right;
}
.rental-contact__eyebrow{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-bottom:20px;
  color:#2e4a7d;
  font-size:14px;
  line-height:1;
  font-weight:800;
}
.rental-contact__eyebrow::before{
  content:"";
  width:38px;
  height:2px;
  flex-shrink:0;
  border-radius:999px;
  background:#35c7b5;
}
.rental-contact__content h2{
  max-width:700px;
  margin:0 0 20px;
  color:#1a1f36;
  font-size:clamp(36px,4.3vw,62px);
  line-height:1.35;
  font-weight:800;
  letter-spacing:-.035em;
}
.rental-contact__content p{
  max-width:720px;
  margin:0;
  color:#6b7280;
  font-size:18px;
  line-height:1.9;
}
.rental-contact__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
  align-content:center;
}
.rental-contact__card{
  width:100%;
  min-height:112px;
  padding:22px 24px;
  border:1px solid #e4e9f1;
  border-radius:20px;
  background:#eef2f7;
  color:#1a1f36;
  text-decoration:none;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) auto;
  gap:16px;
  align-items:center;
  text-align:right;
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.rental-contact__card:hover{
  transform:translateY(-4px);
  background:#fff;
  border-color:#35c7b5;
  box-shadow:0 16px 36px rgba(29,35,71,.10);
}
.rental-contact__icon{
  width:56px;
  height:56px;
  border-radius:17px;
  background:#fff;
  color:#1d2347;
  display:grid;
  place-items:center;
}
.rental-contact__icon svg{
  width:25px;
  height:25px;
  display:block;
}
.rental-contact__card-copy{
  min-width:0;
  display:block;
}
.rental-contact__card strong{
  display:block;
  margin-bottom:6px;
  color:#1a1f36;
  font-size:18px;
  line-height:1.4;
  font-weight:800;
}
.rental-contact__card small{
  display:block;
  color:#6b7280;
  font-size:14px;
  line-height:1.5;
}
.rental-contact__arrow{
  color:#2e4a7d;
  font-size:24px;
  line-height:1;
  transition:transform .25s ease;
}
.rental-contact__card:hover .rental-contact__arrow{
  transform:translateX(-4px);
}
@media(max-width:1000px){
  .rental-contact__panel{
    min-height:auto;
    grid-template-columns:1fr;
    gap:38px;
  }
  .rental-contact__actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:720px){
  .rental-contact{
    padding:28px 14px 64px;
  }
  .rental-contact__panel{
    padding:30px 20px;
    border-radius:24px;
  }
  .rental-contact__content h2{
    font-size:34px;
  }
  .rental-contact__content p{
    font-size:15px;
  }
  .rental-contact__actions{
    grid-template-columns:1fr;
  }
  .rental-contact__card{
    min-height:92px;
    padding:17px;
    grid-template-columns:50px minmax(0,1fr) auto;
  }
  .rental-contact__icon{
    width:50px;
    height:50px;
    border-radius:15px;
  }
  .rental-contact__card strong{
    font-size:16px;
  }
  .rental-contact__card small{
    font-size:13px;
  }
}
