.elementor-30595 .elementor-element.elementor-element-0e96b8c{--display:flex;}#elementor-popup-modal-30595{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-30595 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-30595 .dialog-close-button{display:flex;}#elementor-popup-modal-30595 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-30595 .dialog-close-button i{color:var( --e-global-color-primary );}#elementor-popup-modal-30595 .dialog-close-button svg{fill:var( --e-global-color-primary );}/* Start custom CSS for wd_contact_form_7, class: .elementor-element-0beda80 *//* ===== CARD ===== */
.hapl-form-card{

width:100%;
margin:auto;
margin-left:auto;
margin-right:0;
background:#ffffff;
padding:35px;
border-radius:16px;
box-shadow:0 25px 60px rgba(0,0,0,0.08);
}

/* ===== HEADING ===== */
.hapl-form-title{
font-size:24px;
font-family: Quicksand;
font-weight:700;
color:#0F4992;
margin-bottom:-10px;
display:flex;
align-items:center;
gap:15px;
position: relative;

}

/* Base + moving line combined */
.hapl-form-title::after{
  content:"";
  flex:1;
  height:3px;
  border-radius:2px;
  position:relative;

  background:
    linear-gradient(#0F4992, #0F4992) no-repeat,
    rgba(15,73,146,0.2);

  background-size: 80px 100%, 100% 100%;
  background-position: 0 0, 0 0;

  animation: progressMove 2s linear infinite;
}

/* Animation */
@keyframes progressMove {
  0% {
    background-position: 0 0, 0 0;
  }
  100% {
    background-position: calc(100%) 0, 0 0;
  }
}
/* ===== ROW ===== */
.hapl-row{
display:flex;
gap:14px;
margin-bottom:-10px;
}

/* ===== FIELD ===== */
.hapl-field{
position:relative;
width:100%;
}

.hapl-field.full{
width:100%;
}

/* ===== ICON ===== */
.hapl-icon{
position:absolute;
left:14px;
top:23%;
transform:translateY(-50%);
width:16px;
height:16px;
opacity:0.6;
}

.hapl-icon svg{
width:100%;
height:100%;
fill:#888;
}

/* textarea icon fix */
.textarea-icon{
top:18px;
transform:none;
}

/* ===== INPUTS ===== */
.hapl-form-card input,
.hapl-form-card textarea{
width:100%;
padding:14px 14px 14px 42px;
border-radius:8px;
border:1px solid #e0e0e0;
background:#f7f7f7;
font-size:14px;
transition:all 0.25s ease;
}

/* textarea */
.hapl-form-card textarea{
min-height:100px;
resize:vertical;
}

/* hover */
.hapl-form-card input:hover,
.hapl-form-card textarea:hover{
border-color:#cfcfcf;
}

/* focus */
.hapl-form-card input:focus,
.hapl-form-card textarea:focus{
outline:none;
background:#fff;
border-color:#0F4992;
box-shadow:0 0 0 3px rgba(15,73,146,0.08);
}

/* ===== BUTTON ===== */
.hapl-submit input{
width:100%;
background:linear-gradient(90deg,#0F4992,#1f6ad6);
color:#fff;
padding:15px;
border:none;
border-radius:8px;
font-weight:600;
cursor:pointer;
transition:0.3s;
}

.hapl-submit input:hover{
transform:translateY(-2px);
box-shadow:0 10px 25px rgba(15,73,146,0.25);
}


/* ===== TABLET (768px – 1024px) ===== */
@media (max-width:1024px){
.hapl-form-title::before {
  display: none;
}  
.hapl-form-title::after{
display: none;
}
}

/* ===== RESPONSIVE ===== */
@media (max-width:768px){
    
.hapl-form-title{
font-size:22px;
font-family: Quicksand;
font-weight:700;
color:#0F4992;
justify-content:center;
margin-bottom:-28px;
}
.hapl-form-title::before {
  display: none;
}  
.hapl-form-title::after{
display: none;
}
.hapl-row{
flex-direction:column;
gap: 0;
margin-bottom: 0;

}
.hapl-field{
margin-bottom:-20px;
}
.hapl-submit{
margin-top:40px;
}
}/* End custom CSS */