:root{--primaryColor:#001a44;--secondaryColor:#ca00d3;--blueLight:#00ecff;--greyColor:#384861;--blackColor:#0c0b0b;--whiteColor:#e1eaf9;--linearBg:linear-gradient(30deg, #0B0F16, #012059 50%, var(--primaryColor));--shadowbg:#0000005c;--duration:0.3s ease-in-out;--maxWidth:1200px;--raduis:10px;--headerHeight:80px;--headerColor:transparent}.--svg-fill{transition:all var(--duration)}.--svg-stroke{transition:all var(--duration)}a{transition:all var(--duration)}a span{transition:all var(--duration)}h2{color:var(--blackColor);font-weight:700;transition:all var(--duration);text-transform:capitalize;position:relative;text-align:left;padding:10px 5px}h2:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;border-radius:5px;height:3px;background-color:var(--secondaryColor)}body{--headerColor:var(--primaryColor)}body main .hero{position:relative}body main .hero article{min-height:400px;border-radius:var(--raduis);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:visible}body main .hero article>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:5;border-radius:var(--raduis)}body main .hero article:before{position:absolute;content:"";inset:0;width:100%;height:100%;background-color:#0000003d;z-index:6;border-radius:var(--raduis)}body main .hero article h1{color:var(--whiteColor);z-index:10;position:relative;font-size:4rem}body main .hero article .bg{position:absolute;left:-50px;bottom:-50px;max-width:500px}body main .hero article .bg img{width:100%;object-fit:contain}body main .touch>article{display:flex;flex-direction:column;gap:50px;align-items:center;justify-content:center}body main .touch-list{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;width:100%;gap:30px}body main .touch-list>div{display:flex;flex-direction:column;max-width:300px;width:100%}body main .touch-list>div span{margin-bottom:20px;padding:15px;display:flex;align-items:center;background-color:var(--primaryColor);color:var(--whiteColor);text-align:center;border-radius:var(--raduis);width:100%;text-transform:capitalize;position:relative;justify-content:center}body main .touch-list>div a,body main .touch-list>div p{font-size:1rem;text-align:center;padding:5px;color:var(--blackColor);transition:all var(--duration)}body main .touch-list>div a svg{width:30px}body main .touch-list>div a .--svg-fill{fill:var(--blackColor)}body main .touch-list>div a .--svg-stroke{stroke:var(--blackColor)}body main .touch-list>div a:hover{color:var(--secondaryColor)}body main .touch-list>div a:hover .--svg-fill{fill:var(--secondaryColor)}body main .touch-list>div a:hover .--svg-stroke{stroke:var(--secondaryColor)}body main .touch-list>div>div{display:flex;flex-direction:row;gap:5px;flex-wrap:wrap;align-items:center;justify-content:center}body main .transform{padding-block:20px;background:linear-gradient(to right,var(--blackColor),var(--primaryColor));margin-bottom:0}body main .transform article{display:flex;flex-direction:column;gap:50px;align-items:center;justify-content:center;max-width:750px}body main .transform-title{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center}body main .transform-title h2{color:Var(--whiteColor)}body main .transform-title p{font-size:1rem;color:Var(--whiteColor);text-align:center}body main .transform-form{display:flex;flex-direction:column;gap:20px}body main .transform-form .form{display:flex;flex-wrap:wrap;width:100%;gap:20px;justify-content:space-between;align-items:stretch}body main .transform-form .form input,body main .transform-form .form textarea{outline:0;border:none;width:100%;background-color:var(--whiteColor);border-radius:var(--raduis);padding:15px;font-size:1rem;color:var(--blackColor);transition:all var(--duration)}body main .transform-form .form input.error,body main .transform-form .form textarea.error{border:2px solid red}body main .transform-form .form input{max-width:350px}body main .transform-form .form textarea{resize:none;height:200px}body main .transform-form .form-display{text-align:left;padding-block:5px}body main .transform-form .form-display span{font-size:1rem;color:var(--whiteColor)}body main .transform-form .form-display .error-message,body main .transform-form .form-display.error{color:red}body main .transform-form button{margin-left:auto;width:fit-content}body main .map{margin:0;padding:0}body main .map iframe{width:100%;min-height:500px}