/* Services cards like reference */
.services-cards-section{
  padding:76px 0 !important;
  background:#fbfaf7 !important;
}

.services-title{
  text-align:center !important;
  margin-bottom:38px !important;
}

.services-title h2{
  color:#062b28 !important;
  font-size:40px !important;
  font-weight:900 !important;
  line-height:1.25 !important;
  margin:0 !important;
}

.services-title span{
  width:86px !important;
  height:18px !important;
  display:block !important;
  margin:6px auto 0 !important;
  position:relative !important;
}

.services-title span:before{
  content:"" !important;
  position:absolute !important;
  top:8px !important;
  left:0 !important;
  right:0 !important;
  height:2px !important;
  background:#c4923f !important;
}

.services-title span:after{
  content:"" !important;
  position:absolute !important;
  top:4px !important;
  left:50% !important;
  width:10px !important;
  height:10px !important;
  transform:translateX(-50%) rotate(45deg) !important;
  background:#c4923f !important;
}

.services-cards-row{
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:22px !important;
  max-width:980px !important;
  margin:0 auto !important;
}

.service-ref-card{
  position:relative !important;
  background:#fff !important;
  border:1px solid #eadfce !important;
  border-radius:18px !important;
  padding:52px 20px 18px !important;
  min-height:430px !important;
  box-shadow:0 12px 30px rgba(6,43,40,.06) !important;
  text-align:center !important;
}

.service-ref-icon{
  position:absolute !important;
  top:-34px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:72px !important;
  height:72px !important;
  border-radius:50% !important;
  background:#062b28 !important;
  color:#c4923f !important;
  display:grid !important;
  place-items:center !important;
  font-size:32px !important;
  border:5px solid #fbfaf7 !important;
  box-shadow:0 8px 22px rgba(6,43,40,.18) !important;
}

.service-ref-card h3{
  color:#062b28 !important;
  font-size:22px !important;
  font-weight:900 !important;
  margin:8px 0 16px !important;
}

.service-ref-card ul{
  list-style:none !important;
  padding:0 !important;
  margin:0 0 18px !important;
  text-align:right !important;
  min-height:132px !important;
}

.service-ref-card li{
  color:#555 !important;
  font-size:15px !important;
  font-weight:700 !important;
  padding:5px 0 !important;
  line-height:1.55 !important;
}

.service-ref-card li:before{
  content:"✓" !important;
  color:#c4923f !important;
  font-weight:900 !important;
  margin-left:8px !important;
}

.service-ref-img{
  height:145px !important;
  border-radius:12px !important;
  background:center/cover !important;
  overflow:hidden !important;
  margin-top:auto !important;
}

.img-contracting{
  background-image:url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=700&q=80") !important;
}

.img-hajj{
  background-image:url("https://images.unsplash.com/photo-1565552645632-d725f8bfc19a?auto=format&fit=crop&w=700&q=80") !important;
}

.img-hotel{
  background-image:url("https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=700&q=80") !important;
}

@media(max-width:950px){
  .services-cards-row{
    grid-template-columns:1fr !important;
    max-width:430px !important;
    gap:50px !important;
  }
  .service-ref-card{
    min-height:auto !important;
  }
}

@media(max-width:620px){
  .services-title h2{
    font-size:32px !important;
  }
}