.elementor-786 .elementor-element.elementor-element-c7cf589{width:var( --container-widget-width, 21.728% );max-width:21.728%;margin:-63px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:21.728%;--container-widget-flex-grow:0;}.elementor-786 .elementor-element.elementor-element-c7cf589.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(max-width:1024px){.elementor-786 .elementor-element.elementor-element-c7cf589{width:var( --container-widget-width, 327.906px );max-width:327.906px;--container-widget-width:327.906px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-786 .elementor-element.elementor-element-c7cf589{width:var( --container-widget-width, 243.266px );max-width:243.266px;--container-widget-width:243.266px;--container-widget-flex-grow:0;}}/* Start custom CSS for html, class: .elementor-element-fb76a15 */:root{
--green:#05AE11;
--dark:#1D2327;
--gray:#6B7280;
}

.ramak-wrapper{max-width:1400px;margin:auto;padding:40px 20px;font-family:Inter,Arial,sans-serif}
.ramak-title{text-align:center;margin-bottom:50px}
.ramak-title h2{font-size:52px;font-weight:800;margin:0;color:var(--dark)}
.ramak-title p{font-size:18px;color:var(--gray)}
.ramak-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px}
.ramak-card{
background:linear-gradient(180deg,#ffffff,#fafafa);
border-radius:30px;
padding:30px;
border:1px solid #e5e7eb;
box-shadow:0 15px 40px rgba(0,0,0,.06);
display:flex;flex-direction:column;
min-height:420px;
transition:.35s;
position:relative;
overflow:hidden;
}
.ramak-card:before{
content:'';position:absolute;top:0;left:0;width:100%;height:6px;
background:linear-gradient(90deg,#05AE11,#33d17a);
}
.ramak-card:hover{transform:translateY(-10px);box-shadow:0 30px 70px rgba(0,0,0,.12)}
.ramak-badge{display:inline-block;background:#ecfdf3;color:#05AE11;padding:8px 14px;border-radius:50px;font-weight:700;font-size:12px;margin-bottom:15px}
.ramak-card h3{font-size:28px;line-height:1.3;margin:0 0 15px;color:#1D2327}
.ramak-person,.ramak-info,.ramak-phone{
background:#f8fafc;border-radius:16px;padding:15px;margin-bottom:12px
}
.ramak-person{font-weight:700}
.ramak-phone{font-weight:800}
.ramak-buttons{margin-top:auto;display:flex;gap:12px}
.ramak-btn{
flex:1;text-align:center;padding:14px;border-radius:14px;
text-decoration:none;font-weight:700;transition:.3s
}
.ramak-call{background:#05AE11;color:#fff}
.ramak-route{background:#1D2327;color:#fff}
.ramak-call:hover,.ramak-route:hover{background:#4b5563;color:#fff}/* End custom CSS */