.contactus-page{display:flex;flex-direction:column;width:100%;padding-bottom:2rem}.contactus-page .header-container{position:relative;width:100%;height:55dvh;background:url(https://tpyleliyvxetxajjvjoy.supabase.co/storage/v1/object/public/assets/contact/header.jpg);background-size:cover;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;min-height:350px;padding:0 clamp(1rem,4vw,3rem)}@media only screen and (max-width:767px){.contactus-page .header-container{height:25dvh}}.contactus-page .header-container h1{position:relative;text-align:center;color:#fefefe;font-size:clamp(23px,7vw,100px);line-height:clamp(2.5rem,8vw,6rem);letter-spacing:clamp(2px,.5vw,5.5px);z-index:3}.contactus-page .header-container h1 span{color:red}.contactus-page .header-container p{margin:0;letter-spacing:clamp(2px,.5vw,4px);text-align:center;z-index:3}.contactus-page .header-container .line{height:2px;width:100%;max-width:70px;background-color:red}.contactus-page .header-container .header-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#131313 0,rgba(19,19,19,.3) 40%,transparent);z-index:2}.contactus-page .wrapper{padding:clamp(3rem,6vw,6rem) clamp(1rem,4vw,3rem) 1rem;max-width:1700px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem)}.contactus-page .wrapper .contact-container{display:flex;align-items:flex-start;width:100%;gap:clamp(1.5rem,4vw,3rem);justify-content:space-between}@media only screen and (max-width:1300px){.contactus-page .wrapper .contact-container{flex-direction:column}}.contactus-page .wrapper .contact-container .left{width:100%;display:flex;flex-direction:column;gap:1rem}.contactus-page .wrapper .contact-container .left .line{height:2px;width:100%;max-width:70px;background-color:red}.contactus-page .wrapper .contact-container .left h2{color:#fefefe;letter-spacing:clamp(2px,.5vw,4.5px);font-size:clamp(1.2rem,2.5vw,2rem)}.contactus-page .wrapper .contact-container .left .contact-form-container{width:100%;padding-top:1rem}.contactus-page .wrapper .contact-container .right{width:100%;display:flex;flex-direction:column;gap:1rem}.contactus-page .wrapper .contact-container .right .line{height:2px;width:100%;max-width:70px;background-color:red}.contactus-page .wrapper .contact-container .right h2{color:#fefefe;letter-spacing:clamp(2px,.5vw,4.5px);font-size:clamp(1.2rem,2.5vw,2rem)}.contactus-page .wrapper .contact-container .right .contact-info{position:relative;display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);padding-top:1rem}.contactus-page .wrapper .contact-container .right .contact-info .communication,.contactus-page .wrapper .contact-container .right .contact-info .location,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours{position:inherit;display:flex;flex-direction:column;gap:.5rem}.contactus-page .wrapper .contact-container .right .contact-info .communication .title,.contactus-page .wrapper .contact-container .right .contact-info .location .title,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours .title{color:#fefefe;font-size:clamp(14px,1.5vw,18px);letter-spacing:clamp(1px,.3vw,3px)}.contactus-page .wrapper .contact-container .right .contact-info .communication .location-wrapper,.contactus-page .wrapper .contact-container .right .contact-info .location .location-wrapper,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours .location-wrapper{display:flex;align-items:center;gap:.5rem}.contactus-page .wrapper .contact-container .right .contact-info .communication .location-wrapper img,.contactus-page .wrapper .contact-container .right .contact-info .location .location-wrapper img,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours .location-wrapper img{object-fit:contain;flex-shrink:0;max-width:15px}.contactus-page .wrapper .contact-container .right .contact-info .communication .phone,.contactus-page .wrapper .contact-container .right .contact-info .location .phone,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours .phone{display:flex;align-items:center;gap:.5rem}.contactus-page .wrapper .contact-container .right .contact-info .communication .phone img,.contactus-page .wrapper .contact-container .right .contact-info .location .phone img,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours .phone img{object-fit:contain;flex-shrink:0;max-width:15px}.contactus-page .wrapper .contact-container .right .contact-info .communication .hours p,.contactus-page .wrapper .contact-container .right .contact-info .location .hours p,.contactus-page .wrapper .contact-container .right .contact-info .opening-hours .hours p{margin:0}.contactus-page .wrapper .map-wrapper{position:relative;width:100%;height:clamp(250px,40vw,600px)}.contactus-page .wrapper .map-wrapper .map-overlay-top{position:absolute;top:0;left:0;right:0;height:20px;background:linear-gradient(180deg,#131313,transparent);z-index:1;pointer-events:none}.contactus-page .wrapper .map-wrapper .map-overlay-bottom{position:absolute;bottom:0;left:0;right:0;height:20px;background:linear-gradient(0deg,#131313,transparent);z-index:1;pointer-events:none}.contactus-page .wrapper .map-wrapper .map-container{width:100%;height:100%;border:none;opacity:.85}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{font-family:system-ui,sans-serif;background-color:#131313}button,h1,h2,h3,p,span{color:#fefefe;font-family:var(--font-bebas),sans-serif}h2{letter-spacing:2px}body,html{scroll-behavior:smooth!important}.main-layout{max-width:3000px;scroll-behavior:smooth}.container,.main-layout{width:100%;margin:0 auto}.container{max-width:1800px;padding:clamp(25px,5vw,90px) clamp(25px,4vw,50px)}.main-btn{min-width:150px;background-color:rgba(0,0,0,0);border-radius:15px;border-color:#131313}ul{display:flex}a{font-size:clamp(15px,1.5vw,20px);text-decoration:none;color:#fefefe;letter-spacing:2px}img{width:100%;image-orientation:from-image}p{font-size:clamp(15px,1.8vw,20px);margin:clamp(15px,2vw,20px) 0;line-height:clamp(25px,2.5vw,30px)}li,p{color:#fefefe}li{font-size:clamp(13px,1.5vw,18px);line-height:clamp(20px,2vw,25px)}.form{flex-direction:column}.form,.form .row{display:flex;gap:1rem}.form .row{width:100%;align-items:center}.form .row label{color:#fefefe;font-size:18px;letter-spacing:3px}.form .row .input-field{width:100%;display:flex;flex-direction:column;gap:.5rem}.form .row .input-field .MuiOutlinedInput-root{color:#fefefe}.form .row .input-field .MuiOutlinedInput-root fieldset,.form .row .input-field .MuiOutlinedInput-root:hover fieldset{border-color:#fefefe}.form .row .input-field .MuiOutlinedInput-root.Mui-error fieldset,.form .row .input-field .MuiOutlinedInput-root.Mui-focused fieldset{border-color:red}.form .row .input-field .MuiFormHelperText-root{color:red;margin-left:0}.form .recaptcha.invalid{border:1px solid red}.form .cta{color:#fefefe;border:2px solid red;padding:15px 25px;background-color:red;transition:all .3s ease;max-width:250px;cursor:pointer}.form .cta:hover{border:2px solid #fefefe;background:#fefefe;color:#131313}