/* =====================================================================
   MLMYug enquiry section + footer v2  (loaded after style.css & media.css)
   Theme: teal #057f7f, cream #f5eee9, white rounded cards, Poppins headings
   ===================================================================== */

/* ---------------- Enquiry section ---------------- */
.mlx-contact.contect_area_commen{padding:60px 24px 60px}
.mlx-contact .container{padding:48px}
.mlx-contact .contect_area_commen_inner h2{width:100%;font-size:36px;line-height:46px;margin:14px 0 12px}
.mlx-contact .contect_area_commen_inner > p{font-size:16px;line-height:26px;color:rgba(0,0,0,.62);font-weight:500;margin-bottom:22px}
.mlx-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(5,127,127,.35);color:#057f7f;border-radius:100px;padding:6px 14px;font-size:13px;font-weight:600;letter-spacing:.4px}
.mlx-steps{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}
.mlx-steps li{display:flex;gap:14px;align-items:flex-start;text-transform:none!important;margin:0!important}
.mlx-steps b{flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#057f7f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px}
.mlx-steps strong{display:block;font-size:16px;color:#0e0e0f;font-weight:600;line-height:22px}
.mlx-steps span{display:block;font-size:14px;color:rgba(0,0,0,.6);font-weight:500;line-height:20px;margin-top:2px}
.mlx-reach{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.mlx-reach-btn{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border-radius:14px;background:#fff;border:1px solid rgba(0,0,0,.1);color:#0e0e0f;transition:all .3s ease;text-decoration:none}
.mlx-reach-btn i{width:36px;height:36px;border-radius:10px;background:#057f7f;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px}
.mlx-reach-btn.mlx-wa i{background:#25d366}
.mlx-reach-btn span{display:flex;flex-direction:column;font-size:14px;font-weight:600;line-height:18px}
.mlx-reach-btn small{font-size:11px;font-weight:500;color:rgba(0,0,0,.55);text-transform:uppercase;letter-spacing:.6px}
.mlx-reach-btn:hover{border-color:#057f7f;transform:translateY(-2px);box-shadow:0 8px 18px rgba(5,127,127,.15);color:#0e0e0f}
.mlx-trust{display:flex;gap:12px;flex-wrap:wrap;padding:0;margin:0;list-style:none}
.mlx-trust li{flex:1 1 90px;background:#f5eee9;border-radius:16px;padding:12px 14px;display:flex!important;flex-direction:column;align-items:flex-start!important;gap:0!important;text-transform:none!important;margin:0!important}
.mlx-trust strong{font-size:22px;color:#057f7f;line-height:28px;font-weight:700}
.mlx-trust span{font-size:13px;color:rgba(0,0,0,.6);font-weight:500}

.mlx-form.contect_area_commen_inner1{padding:34px 36px;border-radius:30px;box-shadow:0 20px 50px rgba(0,0,0,.06);height:100%}
.mlx-form .contact_area_inner1 h2{font-size:28px;line-height:36px;letter-spacing:.5px;margin-bottom:4px}
.mlx-form-sub{text-align:center;color:rgba(0,0,0,.55);font-size:14px;margin-bottom:20px}
.mlx-field label,.mlx-captcha > label{display:block;font-size:13px;font-weight:600;color:#33373a;margin-bottom:6px;letter-spacing:.2px}
.mlx-form .contact_frm input,.mlx-form .contact_frm textarea,.mlx-form .mlx-select{width:100%;border:1px solid rgba(0,0,0,.14);border-radius:12px;padding:12px 14px;font-size:15px;line-height:22px;color:#18181e;background:#fff;transition:border-color .3s ease,box-shadow .3s ease}
.mlx-form .contact_frm input::placeholder,.mlx-form .contact_frm textarea::placeholder{color:#9a9fa3;font-weight:400}
.mlx-form .contact_frm input:focus,.mlx-form .contact_frm textarea:focus,.mlx-form .mlx-select:focus{outline:0;border-color:#057f7f;box-shadow:0 0 0 3px rgba(5,127,127,.12)}
.mlx-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23057f7f' d='M6 8 0 0h12z'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:40px!important;cursor:pointer}
.mlx-captcha .captcha{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mlx-captcha .captcha1{width:110px;height:46px;border-radius:10px;border:1px solid rgba(0,0,0,.1)}
.mlx-captcha .captcha2{width:30px;height:30px;cursor:pointer}
.mlx-captcha input{flex:1 1 160px;width:auto!important;height:46px;border:1px solid rgba(0,0,0,.14)!important;border-radius:12px;padding:10px 14px!important}
.mlx-captcha input:focus{outline:0;border-color:#057f7f!important}
.mlx-form .alertInline{display:block;color:#c0392b;font-size:12.5px;margin-top:4px}
.mlx-submit{text-align:center}
.mlx-form .contact_frm.submit_bx input[type="submit"]{max-width:100%;border-radius:100px;padding:15px 20px;font-size:16px;font-weight:600;letter-spacing:.4px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;justify-content:center}
.mlx-form .contact_frm.submit_bx input[type="submit"]:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(5,127,127,.3)}
.mlx-alt{margin:14px 0 0;font-size:14px;color:rgba(0,0,0,.6)}
.mlx-alt a{color:#057f7f;font-weight:600}

/* ---------------- Footer ---------------- */
.mlx-footer.mlmyug-footer{padding-top:60px}
.mlx-footer .container-fluid{max-width:1450px;margin:0 auto;padding:0 24px}
.mlx-brand .mlx-about{font-size:14px;line-height:22px;color:#33373a;font-weight:500;margin-bottom:14px}
.mlx-contact-list{list-style:none;padding:0;margin:0}
.mlx-contact-list li{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:20px;color:#33373a;margin-bottom:10px}
.mlx-contact-list i{color:#057f7f;width:16px;margin-top:3px;flex-shrink:0;text-align:center}
.mlx-contact-list a{color:#18181e;font-weight:600}
.mlx-contact-list a:hover{color:#057f7f}
.mlx-cols{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:26px}
.mlx-footer .footer-title{font-size:16px;font-weight:600;margin-bottom:14px;line-height:22px}
.mlx-footer .footer-title a{color:#0e0e0f}
.mlx-footer .footer-title a:hover{color:#057f7f}
.mlx-footer .list-unstyled li{margin-bottom:7px}
.mlx-footer .list-unstyled li a{font-size:14px;line-height:21px;color:#45494c;font-weight:500}
.mlx-footer .list-unstyled li a:hover{color:#057f7f}
.mlx-cities{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:34px;padding:18px 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}
.mlx-cities h5{font-size:15px;font-weight:600;margin:0;color:#0e0e0f}
.mlx-cities ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.mlx-cities a{display:inline-block;padding:5px 14px;border-radius:100px;background:#f5eee9;color:#18181e;font-size:13.5px;font-weight:500;transition:all .3s ease}
.mlx-cities a:hover{background:#057f7f;color:#fff}
.mlx-bottom.footer-bottom{border-top:0;padding-top:6px}
.mlx-bottom .footer-desc{border-top:0;font-weight:400;color:#45494c;font-size:13.5px;line-height:22px;margin:14px 0 0}
.mlx-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 0 22px;border-top:1px solid #e6e6e6;font-size:14px;color:#33373a}
.mlx-rating.ratting_footer{background:transparent;padding:0;gap:8px}
.mlx-rating img{width:90px}
.mlx-bottom-bar .footer-quick-links a{font-size:14px;color:#45494c}
.mlx-bottom-bar .footer-quick-links a:hover{color:#057f7f}

@media (max-width:1199px){
  .mlx-cols{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:767px){
  .mlx-contact.contect_area_commen{padding:50px 12px 70px}
  .mlx-contact .container{padding:22px 16px;border-radius:24px}
  .mlx-contact .contect_area_commen_inner h2{font-size:26px;line-height:34px}
  .mlx-form.contect_area_commen_inner1{padding:24px 18px;border-radius:22px}
  .mlx-form .contact_area_inner1 h2{font-size:22px;line-height:30px}
  .mlx-reach-btn{flex:1 1 100%}
  .mlx-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
  .mlx-footer .container-fluid{padding:0 16px}
  .mlx-bottom-bar{flex-direction:column;align-items:flex-start}
}
.mlx-bottom .footer-desc{text-align:left}

/* footer titles are <p> now (heading order fix) */
.mlx-footer p.footer-title{font-size:16px;font-weight:600;margin-bottom:14px;line-height:22px;color:#0e0e0f;font-family:var(--poppins_font)}
.mlx-cities .mlx-cities-title{font-size:15px;font-weight:600;margin:0;color:#0e0e0f}