/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2026 | 05:18:43 */
.custom-contact-form{
    width:100%;
}

.custom-contact-form .form-row{
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.custom-contact-form .form-group{
    flex:1;
}

.form-control{
    width:100%;
    height:55px;
    border:1px solid #d9d9d9;
    border-radius:8px;
    padding:0 15px;
    font-size:16px;
    box-sizing:border-box;
    outline:none;
}

.form-control:focus{
    border-color:#0056d6;
}

textarea.form-control{
    height:180px;
    padding:15px;
    resize:none;
}

.submit-btn{
    background:#0056d6;
    color:#fff;
    border:none;
    border-radius:8px;
    padding:15px 40px;
    font-size:16px;
    cursor:pointer;
    transition:.3s;
}

/* .submit-btn:hover{
    opacity:.9;
} */

.wpcf7-spinner{
    display:none;
}

/* ===== intl tel input ===== */

.phone-wrapper{
    width:100%;
}

.iti{
    width:100%;
}

.iti input{
    width:100%;
    height:55px;
    border:1px solid #d9d9d9;
    border-radius:8px;
    padding-left:95px !important;
    font-size:16px;
}

.iti__selected-flag{
    border-radius:8px 0 0 8px;
    padding-left:15px;
}

.iti__country-list{
    max-height:280px;
    border-radius:8px;
}

.iti__search-input{
    height:40px;
}

.iti__selected-flag::after,
.iti__selected-flag:hover::after,
.iti__selected-country::after,
.iti__selected-country:hover::after{
    display:none !important;
    background:none!important;
}

.iti__selected-country{
    position: relative;
}

.iti__selected-country [role="tooltip"],
.iti__selected-country .iti__tooltip{
    display:none !important;
}

.iti__selected-country,
.iti__selected-flag{
    cursor:pointer;
}

.iti__selected-country::before,
.iti__selected-country::after{
    display:none !important;
}

.iti__selected-country:hover::before,
.iti__selected-country:hover::after,
.iti__selected-country::before,
.iti__selected-country::after{
    display:none !important;
    content:none !important;
}

[data-tippy-root],
.tippy-box,
.tooltip,
.ui-tooltip{
    display:none !important;
}

.iti__selected-country:hover{
    background: #d3d3d3 !important;
	border-radius:10px!important;
}

@media(max-width:767px){

    .custom-contact-form .form-row{
        flex-direction:column;
        gap:15px;
    }

}