.main-contact { background: #efefef; position: relative; padding: 80px 0 80px; } 
.main-contact:after,.main-contact:before { content: ""; position: absolute; top: 0; left: 30px; width: 1px; height: 100%; background: #dddddd; } 
.main-contact:after { left: auto; right: 30px; } 
.main-contact .contact-wrapper { display: flex; max-width: 1100px; margin: auto; background: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 70px -40px rgb(107 0 249); } 
.main-contact .contact-wrapper .lft_con { width: 400px; flex-shrink: 0; background: #6b00f9; padding: 30px 30px 100px; position: relative; overflow: hidden; } 
.main-contact .lft_con h2 { color: #fff; font-size: 30px; margin: 0 0 10px; } 
.main-contact .lft_con p { color: #fff; } 
.main-contact .lft_con .info-wrap { padding: 20px 0 0; display: flex; flex-direction: column; row-gap: 30px; } 
.main-contact .lft_con .info-wrap > ul { display: flex; flex-direction: column; row-gap: 20px; } 
.main-contact .lft_con .info-wrap > ul li { display: flex; position: relative; align-items: center; column-gap: 12px; transition: all 0.5s; } 
.main-contact .lft_con .info-wrap > ul li svg { width: 30px; height: 30px; } 
.main-contact .lft_con .info-wrap ul li svg path { fill: #fff; } 
.main-contact .lft_con .info-wrap > ul li:first-child svg path { fill: unset; stroke: #fff; } 
.main-contact .lft_con .info-wrap li * { color: #fff; font-style: normal; } 
.main-contact .lft_con .info-wrap > ul li:hover { opacity: 80%; } 
.main-contact .lft_con .info-wrap > ul li a:before { content: ""; position: absolute; left: 0; width: 100%; height: 100%; top: 0; } 
.main-contact .lft_con .info-wrap ul > li:has(a:hover) .icon { opacity: 80%; } 
.main-contact .lft_con .info-wrap > ul li .icon { transition: all 0.5s; } 
.main-contact .lft_con .info-wrap ul li:last-child { align-items: flex-start; } 
.main-contact .lft_con .info-wrap .social_icon ul { display: flex; flex-flow: wrap; gap: 16px; } 
.main-contact .lft_con .info-wrap .social_icon ul a { display: flex; width: 35px; height: 35px; position: relative; align-items: center; justify-content: center; } 
.main-contact .lft_con .info-wrap .social_icon ul a:before { content: ""; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; border-radius: 5px; background: linear-gradient(-80deg, #6b00f9, #ffffff); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px; transition: all 0.5s; } 
.main-contact .lft_con .info-wrap .social_icon ul a:after { content: ""; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; border-radius: 5px; background: linear-gradient(60deg, #7f23fa, #ffffff); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; padding: 2px; opacity: 0; transition: opacity 0.5s; } 
.main-contact .lft_con .info-wrap .social_icon ul a:hover:after { opacity: 1; } 
.contact-map { display: flex; } 
.contact-map > * { display: flex; } 
.main-contact .contact-wrapper .lft_con:after { content: ""; position: absolute; bottom: -60px; right: -70px; width: 200px; height: 200px; background: url(../../../../../wp-content/uploads/2025/10/gradient-ring.svg); background-size: 100% 100%; pointer-events: none; animation: spin 3s linear infinite; } 
.main-contact .contact-wrapper .lft_con > * { position: relative; z-index: 1; }

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.main-contact .rgt_con { padding: 30px; width: 100%; } 
.main-contact .rgt_con .wpcf7-form {display: flex;flex-flow: wrap;justify-content: space-between;row-gap: 18px;} 
.main-contact .rgt_con .wpcf7-form .field { width: 100%; } 
.main-contact .rgt_con .wpcf7-form .field.half { width: 48%; } 
.main-contact .rgt_con .wpcf7-form .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):not(.wpcf7-file) { width: 100%; border: none; border-bottom: 2px solid #efefef; height: 45px; font-size: 15px; font-weight: 600; color: #000; resize: none; transition: all 0.5s;display: flex; } 
.main-contact .rgt_con .wpcf7-form .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):not(.wpcf7-file):focus, .main-contact .rgt_con .wpcf7-form .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):not(.wpcf7-file):not(:placeholder-shown) { border-bottom-color: #6b00f9; }
.wpcf7-not-valid-tip { font-size: 13px; background: #dc3232; color: #fff; font-weight: 500; line-height: normal; padding: 3px 10px; border-radius: 6px; margin-top: 6px; }
.main-contact .heading_wrapper { max-width: 870px; margin: auto; text-align: center; margin-bottom: 30px; }
.main-contact .heading_wrapper h2 { margin: 0 0 20px; }
.wpcf7-response-output { display: none; }
.main-contact .rgt_con .wpcf7-form textarea.wpcf7-form-control { height: 80px !important; }

.wpcf7-form-control-wrap[data-name="file-upload"] { position: relative; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .wpcf7-file { position: absolute; opacity: 0; width: 0; height: 0; pointer-events: none; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-label { display: flex; align-items: center; justify-content: center; gap: 12px; padding: 24px; border: 2px dashed #cbd5e1; border-radius: 8px; background: #f8fafc; cursor: pointer; transition: all 0.3s ease; text-align: center; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-label:hover { border-color: #6b00f9; background: #eff6ff; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-label.drag-over { border-color: #3b82f6; background: #dbeafe; transform: scale(1.02); } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-label.has-file { border-style: solid; border-color: #10b981; background: #ecfdf5; } 
.wpcf7-form-control-wrap[data-name="file-upload"]p .custom-file-label.has-error { border-color: #ef4444; background: #fef2f2; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-upload-icon { width: 48px; height: 48px; stroke: #64748b; transition: stroke 0.3s ease; flex-shrink: 0; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-label:hover .custom-upload-icon { stroke: #6b00f9; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-upload-content { flex: 1; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-upload-text { font-size: 16px; color: #1e293b; font-weight: 500; margin-bottom: 4px; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-upload-subtext { font-size: 13px; color: #64748b; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-info { display: none; margin-top: 16px; padding: 16px; background: #f8fafc; border-radius: 8px; border: 1px solid #e2e8f0; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-info.show { display: block; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-details { display: flex; align-items: center; gap: 12px; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-icon { width: 40px; height: 40px; background: #3b82f6; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: white; font-weight: 600; font-size: 12px; flex-shrink: 0; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-text { flex: 1; min-width: 0; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-name { font-size: 14px; color: #1e293b; font-weight: 500; margin-bottom: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-size { font-size: 12px; color: #64748b; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-remove-file { background: #ef4444; color: white; border: none; padding: 8px 12px; border-radius: 6px; cursor: pointer; font-size: 13px; font-weight: 500; transition: background 0.2s ease; flex-shrink: 0; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-remove-file:hover { background: #dc2626; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .wpcf7-not-valid-tip { display: block; margin-top: 8px; padding: 12px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 6px; color: #dc2626; font-size: 13px; font-weight: 500; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .wpcf7-not-valid-tip[aria-hidden="true"] { display: none; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-success-message { margin-top: 8px; padding: 12px; background: #ecfdf5; border: 1px solid #a7f3d0; border-radius: 6px; color: #059669; font-size: 13px; font-weight: 500; display: none; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-success-message.show { display: block; }
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-error-message { margin-top: 8px; padding: 12px; background: #fef2f2; border: 1px solid #fecaca; border-radius: 6px; color: #dc2626; font-size: 13px; font-weight: 500; display: none; } 
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-error-message.show{display: block;}
.wpcf7-form-control-wrap[data-name="file-upload"] .custom-file-label.has-error { border-color: #ef4444; background: #fef2f2; }
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item { margin: 0; } 
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item label { display: flex; align-items: baseline; column-gap: 6px; position: relative; padding: 0 0 0 27px; } 
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item label * { line-height: 1; font-weight: 500; font-size: 15px; } 
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item label input { display: none; } 
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item label:before { content: ""; position: absolute; left: 0; top: -3px; width: 18px; height: 18px; border-radius: 6px; border: 2px solid #6b00f9; transition: all 0.5s; } 
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item label:has(input:checked):before { background: #6b00f9; } 
.main-contact .rgt_con .wpcf7-form .field .wpcf7-form-control-wrap .wpcf7-list-item label:has(input:checked) > * { font-weight: 600; } 
.main-contact .rgt_con .wpcf7-form .btn_wrapper { width: 100%; } 
.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-submit { display: inline-flex; align-items: center; justify-content: center; text-align: center; position: relative; min-width: 155px; min-height: 45px; padding: 10px 15px; border-radius: 10px; border: 1px solid #6b00f9; text-transform: uppercase; font-size: 16px; font-weight: 600; color: #fff; overflow: hidden; box-shadow: 0 0 30px -12px #6b00f9;transition: all 0.5s; } 
.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-submit:after { content: ""; position: absolute; top: 0; width: 100%; height: 347%; background: #6b00f9; display: flex; opacity: 1; left: 0; margin: 0; transition: linear 0.5s; transform: scale(2); border-radius: 100%; background-clip: border-box; z-index: auto; } 
.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-submit:hover{color:#6b00f9;}
.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-submit:hover:after { transform: scale(0); } 
.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-submit[disabled] { opacity: 80%; }
.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-submit span { position: relative; z-index: 1; }
.main-contact .rgt_con .wpcf7-form .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):not(.wpcf7-file)[aria-invalid="true"] { border-bottom-color: #efefef; }

.main-contact .rgt_con .wpcf7-form select.wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):not(.wpcf7-file):has(option:first-child:checked), .main-contact .rgt_con .wpcf7-form select.wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit):not(.wpcf7-file):has(option[value=""]:checked) {border-bottom-color: #efefef;}
.iti__selected-dial-code { font-weight: bold; }

.main-contact .rgt_con .wpcf7-form .btn_wrapper {
    flex-direction: column;
    gap: 20px;
    position: relative;
}

.main-contact .rgt_con .wpcf7-form .btn_wrapper > p:empty {
    display: none;
}

.main-contact .rgt_con .wpcf7-form .btn_wrapper br {
    display: none;
}

.main-contact .rgt_con .wpcf7-form .btn_wrapper button.wpcf7-form-control {
    width: max-content;
}

.main-contact .rgt_con .wpcf7-form .btn_wrapper .wpcf7-spinner {
    position: absolute;
    bottom: 10px;
    left: 40px;
}
/* Responsive css */

@media (max-width:1199px){
.main-contact .contact-wrapper .lft_con { width: 320px; padding: 15px; }
.main-contact:after, .main-contact:before{display: none;}
.main-contact{padding:62px 0 70px;}

}

@media (max-width:991px){

.main-contact .contact-wrapper { flex-direction: column; } 
.main-contact .contact-wrapper .lft_con { width: 100%; padding: 30px; }
.main-contact{padding:52px 0 60px;}


}
@media (max-width:767px){
.main-contact{padding:42px 0 50px;}
.main-contact .heading_wrapper h2 { margin: 0 0 10px; }

}
@media (max-width:575px){
.main-contact{padding:32px 0 40px;}
.main-contact .rgt_con .wpcf7-form .field.half { width: 100%; } 
.main-contact .rgt_con { padding: 20px; } 
.main-contact .contact-wrapper .lft_con { padding: 20px; }

}