body {background:linear-gradient(rgb(28, 108, 124) 0%, rgb(7, 117, 144) 99%); transition:all; position:relative; z-index:1;}
body::before {content:""; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url("../images/contact/bg-circle.webp"); mix-blend-mode:hard-light; background-size:cover; background-repeat:no-repeat; z-index:1;}
#main-content, #main-content-bg {z-index:99;}
#path-1 {position:absolute; right:-2%; width:12vw; top:5%; z-index:100;}
.sec-1 {position:relative; top:0px; left:0px; width:100%; height:51.3vw; z-index:4; overflow:visible;}
.sec-1 h1 {margin-bottom:1.1vw;}
.sec-1 ul li {position:absolute;}
.sec-1 .ptrn1 {top:18vw; right:0vw; width:2.6vw;}
.sec-1 .gmap {top:25%; left:2%; width:51.5vw;}
.sec-1 .gmap i {display:block; position:absolute; top:42vw; left:36.4vw; width:1px; height:12vw; background-color:rgb(166, 166, 168); opacity:0.5;}
.sec-1 .hdr1 {top:15vw; left:65.5vw;}
.sec-1 .hdr1 h1 {text-align:left; margin-bottom:0.7vw;}
.sec-1 .hdr1 p {text-align:left; font-size:var(--font-size-lg); line-height:1; margin-bottom:calc(var(--gap-default) * 1); color:#fff;}
.sec-1 .hdr1 strong {font-weight:bold; line-height:1.5; display:inline-block; color:#fff;}
.sec-1 .hdr1 .pno {margin-bottom:0vw;}
.sec-1 .hdr1 a {color:rgb(255, 255, 255); text-decoration:none; font-size:var(--font-body);}
.sec-1 .hdr1 u {text-decoration:none; border-bottom:1px solid rgb(242, 89, 36); font-weight:bold; cursor:pointer; color:rgb(242, 89, 36);}
.sec-2 {position:relative; left:0px; height:auto; overflow:hidden; width:90%; margin:0px auto; margin-bottom:4%;}
.sec-2 ul li {position:absolute;}
.sec-2 .l_owl {top:0px; right:0%; width:45%;}
.sec-2 .elm1 {top:22.1vw; left:0vw; width:27.7vw;}
.sec-2 .hdr1 {top:5.6vw; left:18.6vw; text-align:right;}
.sec-2 .hdr1 h1 {text-align:right; margin-bottom:3.7vw; position:relative;}
.sec-2 .hdr1 a {color:rgb(89, 89, 89); background:url("../img/page_contactus/icon_download.png") right top / auto 86% no-repeat; font-weight:bold; font-size:1.08vw; line-height:3vw; padding-right:2.5vw; display:block; text-decoration:none !important;}
.sec-2 .frm {position:relative; top:0%; left:0; display:block; width:55%; padding:3%; background:rgba(255, 255, 255, 0.1); backdrop-filter:blur(10px); z-index:2; margin:unset; margin-top:15%; color:var(--color-light-black);}
.sec-2 .frm ul li {position:relative; display:block; text-align:left; width:100%; font-size:var(--font-body); color:var(--color-light-black);}
.sec-2 .frm .r1 {font-size:calc(var(--font-body) * 0.8); margin-bottom:calc(var(--gap-default) * 0.5);}
.sec-2 .frm .r2 {margin-bottom:calc(var(--gap-default) * 0.5);}
.sec-2 .frm .r2 span {font-size:var(--font-body); top:50%; left:0px; color:var(--color-light-black);}
.sec-2 .frm .r2 .fld {position:relative; display:block; width:100%; height:calc(var(--gap-default) * 1);}
.sec-2 .frm .r2_1 .fld {border:0px !important;}
.sec-2 .frm .r3 {width:100%; margin-top:calc(var(--gap-default) * 0.5);}
.sec-2 .frm .r3 .f_msg {border:1px solid rgb(119, 119, 119) !important; width:100%; height:calc(var(--gap-default) * 3); background-color:transparent; padding:0.5vw 1vw; margin-top:calc(var(--gap-default) * 0.2); font-size:var(--font-body); margin-bottom:0;}
.sec-2 .frm .inptxt {position:absolute; top:0px; left:0px; width:100%; font-size:var(--font-body); height:100%; background:transparent; padding:0px; color:var(--color-light-black); border-bottom:1px solid rgb(119, 119, 119) !important; border-top:0; border-left:0; border-right:0; background-color:transparent !important;}
.sec-2 .frm .fld_sal {font-family:var(--tpl-font-family); color:var(--color-light-black); display:block; width:calc(var(--gap-default) * 2); height:calc(var(--gap-default) * 1); padding:0px; border-top:none; border-right:none; border-left:none; border-image:initial; font-size:var(--font-body); position:relative; background:transparent; border-radius:0px; z-index:4; color:var(--color-light-black); border-bottom:1px solid rgb(119, 119, 119) !important;}
.sec-2 .frm .r_tnc {padding-left:calc(var(--gap-default) * 0.75); padding-top:0.4vw; margin-bottom:calc(1rem + 1vw); cursor:pointer;}
.sec-2 .frm .r_tnc i {position:absolute; top:calc(var(--gap-default) * 0.2); left:0px; border:1px solid rgb(119, 119, 119) !important; width:calc(var(--gap-default) * 0.5); height:calc(var(--gap-default) * 0.5); display:block; background-color:transparent;}
.sec-2 .frm .r_tnc.on i, .sec-2 .frm .r_tnc2.on i, .sec-2 .frm .r_modes span.on i {background:url("../images/icn-form-checkbox.webp") center center / auto 100% no-repeat;}
.sec-2 .frm .r_tnc p {font-size:calc(var(--font-body) * 0.8); line-height:1.25; color:var(--color-light-black); margin-bottom:0;}
.sec-2 .frm .r_tnc2 {padding-left:calc(var(--gap-default) * 0.75); padding-top:calc(var(--gap-default) * 0.1); margin-bottom:2.5vw; cursor:pointer;}
.sec-2 .frm .r_tnc2 i {position:absolute; top:0.4vw; left:0px; border:1px solid rgb(204, 204, 204); width:calc(var(--gap-default) * 0.5); height:calc(var(--gap-default) * 0.5); display:block; background-color:transparent; border:1px solid rgb(119, 119, 119) !important;}
.sec-2 .frm .r_tnc2 p {font-size:calc(var(--font-body) * 0.8); line-height:1.25; color:var(--color-light-black);}
.sec-2 .frm .r_tnc2 a {text-decoration:none; border-bottom:1px solid rgb(89, 89, 89); color:rgb(89, 89, 89); font-weight:bold; border-radius:0; border:none;}
.sec-2 .frm .r_tnc2 a:hover {cursor:pointer; color:var(--color-cyan-blue);}
.sec-2 .frm .r_modes {padding:2% 4%; margin-bottom:calc(var(--gap-default) * 0.5); color:var(--color-light-black); background:rgba(255, 255, 255, 0.3); display:flex; flex-direction:column; gap:calc(var(--gap-default) * 0.1);}
.sec-2 .frm .r_modes p {color:var(--color-light-black); margin-bottom:0; font-size:calc(var(--font-body) * 0.8);}
.sec-2 .frm .r_modes span {display:inline-block; position:relative; font-size:calc(var(--font-body) * 0.8); padding-left:calc(var(--gap-default) * 0.5); margin-right:7%; margin-top:0.55vw; margin-bottom:0.75vw; line-height:1.5; cursor:pointer;}
.sec-2 .frm .r_modes span i {position:absolute; top:calc(var(--gap-default) * 0.1); left:0px; border:1px solid rgb(119, 119, 119) !important; width:calc(var(--gap-default) * 0.4); height:calc(var(--gap-default) * 0.4); display:block; background-color:transparent;}
.sec-2 .frm .dvdr {height:2.3vw;}
.sec-2 .frm .dvdr i {position:absolute; top:0.3vw; left:50%; width:100%; height:2px; background-color:rgb(195, 195, 195); display:block; transform:translateX(-50%);}
.sec-2 .frm .b_submt {text-align:center; margin-bottom:0; display:block;}
.sec-2 .frm .b_submt .button-border a {font-size:calc(var(--font-body) * 0.7);}
.sec-2 .frm .b_submt .btn2 {width:fit-content; text-align:center; margin:0 auto; display:block;}
.sec-2 .frm .b_submt .btn2 p {line-height:1.5; font-size:0.8vw; padding:0.5vw 2.3vw; text-transform:uppercase;}
.sec-2 .frm .r_tnc.on i, .sec-2 .frm .r_tnc2.on i, .sec-2 .frm .r_modes span.on i {background:url("../images/icn-form-checkbox-black.webp") center center / auto 100% no-repeat;}
.sec-2 .frm .r_tnc .chkbx {position:absolute; z-index:-1; top:1.8vh; left:0.7vh; width:1px; height:1px; opacity:0;}
.sec-2 .frm .r_tnc2 .chkbx2 {position:absolute; z-index:-1; top:1.8vh; left:0.7vh; width:1px; height:1px; opacity:0;}
.sec-2 .frm .btn_submit2, .sec-2 .frm .modeslist {width:100%; height:0; border:none; background:transparent; color:#fff; visibility:hidden; padding:0;}
.sec-2 .frm .f_sal {display:block; position:absolute; top:0px; left:0px; width:calc(var(--gap-default) * 1); height:calc(var(--gap-default) * 1); font-size:1px; background:none; border:0px;}
.sec-2 .frm .formloader {background:url("../images/formbg.png"); position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:10; display:none;}
.sec-2 .frm .formloader .lv1 {width:100px; margin:0px auto; text-align:center; position:relative; top:50%; transform:translateY(-50%);}
.sec-2 .frm .formloader .lv1 img {width:100%; height:auto;}
.sec-2 .frm .formloader .notesend {position:relative; top:-10px;}
.sec-2 .frm ul li.f_title {font-size:calc(var(--font-body) * 1.2); text-align:center; text-transform:uppercase; color:var(--color-cyan-blue); width:100%; border-bottom:1px solid var(--color-cyan-blue); padding:0px 0px 1%; font-weight:600;}
.sec-2 .frm .r2 .m-fld {display:flex; flex-direction:row; gap:2%; justify-content:center; align-items:center;}
.sec-2 .frm .r2 .m-fld span {color:var(--color-light-black);}
.sec-2 .frm .m-fld select {border-top:none; border-right:none; border-left:none; border-image:initial; font-family:var(--tpl-font-family); color:var(--color-light-black); border-bottom:1px solid rgb(119, 119, 119); width:45%; height:calc(var(--gap-default) * 1); background-color:transparent;}
.sec-2 .frm .r3 span {color:var(--color-light-black); padding-bottom:0.75vw; display:block;}
.contactMe textarea {border:1px solid rgb(119, 119, 119) !important; color:#333 !important;}
.sec-2 .frm .inptxt::placeholder {color:#333 !important;}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {background-clip:text; text-emphasis-color:var(--color-light-black); transition:background-color 5000s ease-in-out 0s; box-shadow:inset 0 0 0px 0px var(--color-light-black); -webkit-background-clip:text; -webkit-text-fill-color:var(--color-light-black); -webkit-transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow:inset 0 0 0px 0px var(--color-light-black);}
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-background-clip:text; -webkit-transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow:inset 0 0 0px 0px var(--color-light-black); -webkit-text-fill-color:var(--color-light-black); background-clip:text; transition:background-color 5000s ease-in-out 0s ; box-shadow:inset 0 0 0px 0px var(--color-light-black); text-emphasis-color:var(--color-light-black);}
input::spelling-error {color:var( --color-light-black ) !important; text-decoration:none !important;}

@media (min-width: 1024px) {
::placeholder {color:var(--color-light-black);}
:-ms-input-placeholder {color:var(--color-light-black);}
::-ms-input-placeholder {color:var(--color-light-black);}
}

@media (max-width: 1023px) {
body::before {background-image:url("../images/contact/m-bg-circle.webp"); mix-blend-mode:multiply;}
.hero-cnt .figcnt {padding:7% 5% 65% 5%;}
#path-1 {right:-1%; width:25vw; top:7%;}
.sec-2 .frm .r_modes span i {top:calc(var(--gap-default) * 0.01);}
.sec-2 .frm .r_tnc i {top:calc(var(--gap-default) * 0.1);}
.sec-2 .frm .r_tnc2 i {top:1.5vw;}
.sec-2 .frm .r_tnc.on i, .sec-2 .frm .r_tnc2.on i, .sec-2 .frm .r_modes span.on i {background:url("../images/icn-form-checkbox.webp") center center / auto 100% no-repeat;}
.cnt-row {height:auto; margin:0; width:100%;}
.cnt-row ul {display:flex; flex-direction:column;}
.cnt-row ul li {position:unset; width:100% !important;}
.sec-1 .gmap {order:2; margin-bottom:calc(var(--gap-default) * 2);}
.sec-1 .hdr1 {order:1; padding-top:var(--gap-default); margin-bottom:calc(var(--gap-default) * 2);}
.sec-2 .frm {width:100%; margin-top:0; margin-bottom:var(--gap-default); padding-top:var(--gap-default); order:2;}
.sec-2 *, input::placeholder {color:var(--color-white) !important;}
.sec-2 .frm .r_tnc, .sec-2 .frm .r_tnc2 {padding-left:calc(var(--gap-default) * 0.8);}
.sec-2 .frm .r_tnc i, .sec-2 .frm .r_tnc2 i {width:5vw; height:5vw;}
.sec-2 ul {order:1;}
.sec-2 .l_owl {margin:0;}
.sec-2 .frm .inptxt, .sec-2 .frm ul li.f_title, .sec-2 .frm .m-fld select, .sec-2 .frm .fld_sal {border-bottom:1px solid rgb(255, 255, 255) !important; color:var(--color-white)!important;}
.sec-2 .frm .m-fld select {width:70%;}
.sec-2 .frm .inptxt::placeholder {color:#fff !important;}
.contactMe textarea {border:1px solid rgb(255, 255, 255) !important; color:#fff !important;}
.sec-2 .frm .r3 .f_msg, .sec-2 .frm .r_tnc i, .sec-2 .frm .r_modes span i, .sec-2 .frm .r_tnc2 i {border:1px solid rgb(255, 255, 255) !important;}
.sec-2 .frm .r_tnc i {top:calc(var(--gap-default) * 0.1);}
.sec-2 .frm .r_modes span i {top:0; width:4vw; height:4vw;}
.sec-2 .frm .r_modes {padding:2% 5%;}
.sec-2 .frm .r_modes span {padding-left:calc(var(--gap-default) * 0.6); line-height:1.5; width:40%;}
.sec-2 .frm ul li {color:var(--color-white);}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {background-clip:text; text-emphasis-color:#ffffff; transition:background-color 5000s ease-in-out 0s; box-shadow:inset 0 0 0px 0px #ffffff; -webkit-background-clip:text; -webkit-text-fill-color:#ffffff; -webkit-transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow:inset 0 0 0px 0px #ffffff ;}
select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus {-webkit-background-clip:text; -webkit-transition:background-color 5000s ease-in-out 0s; -webkit-box-shadow:inset 0 0 0px 0px #ffffff ; -webkit-text-fill-color:#ffffff; background-clip:text; transition:background-color 5000s ease-in-out 0s ; box-shadow:inset 0 0 0px 0px #ffffff; text-emphasis-color:#ffffff;}
input::spelling-error {color:white !important; text-decoration:none !important;}
.sec-2 .frm .fld_sal, .sec-2 .frm .m-fld select {appearance:none; background:url(../images/icn-down-arrow.webp) right 0vw center / auto 20% no-repeat transparent;}
}