﻿.contact-section{padding-right:2rem;padding-left:2rem;margin-top:5rem;position:relative;padding-bottom:5rem}@media(min-width: 992px){.contact-section{padding-bottom:10rem;margin-top:10rem}}@media(max-width: 576px){.contact-section{padding-right:1rem;padding-left:1rem;margin-top:7rem}}.contact-section .background{position:absolute;width:100%;height:100%}.contact-section .background .glow{position:absolute;top:-53%;left:-150%;width:400%;height:180%;opacity:.85;background-repeat:no-repeat;background-image:radial-gradient(closest-side, #ff1c6e 5%, transparent 80%),radial-gradient(closest-side, #4f0599 40%, transparent 90%);background-size:670px 670px,1000px 1000px;background-position:47% 36%,47% 45%}@media(max-width: 992px){.contact-section .background .glow{height:150%}}.contact-section .background .one{top:-10em;left:0em;position:absolute;transform:scale(0.5)}@media(max-width: 992px){.contact-section .background .one{top:-18em;left:-9em}}@media(max-width: 768px){.contact-section .background .one{top:-18em;left:-9em}}@media(max-width: 576px){.contact-section .background .one{display:none}}.contact-section .background .two{top:-10em;right:5em;position:absolute;transform:scale(0.5) rotate(180deg)}@media(max-width: 992px){.contact-section .background .two{top:-18em;right:-5em}}@media(max-width: 768px){.contact-section .background .two{transform:scale(0.5);top:-18em;right:-5em}}@media(max-width: 576px){.contact-section .background .two{display:none}}.contact-section .row-layout{width:100%;max-width:1040px;margin:auto;z-index:10}.contact-section .row-layout .column-layout .heading{position:relative;padding:0 0rem 2rem;text-align:center}.contact-section .row-layout .column-layout .heading h2{font-size:4rem}@media(max-width: 992px){.contact-section .row-layout .column-layout .heading h2{font-size:2.5rem}}@media(max-width: 576px){.contact-section .row-layout .column-layout .heading h2{font-size:2.2rem}}.contact-section .row-layout .column-layout .heading h4{font-size:1.4rem;color:var(--subheading-color);margin-top:1rem}.contact-section .row-layout .contact-form-container{z-index:10;margin:0 auto;max-width:864px;box-shadow:0 0 0 1px rgba(53,72,91,.14),0 2.75px 2.21px rgba(0,0,0,.07),0 6.65px 5.32px rgba(0,0,0,.04),0 12.5px 10px rgba(0,0,0,.03),0 22px 18px rgba(0,0,0,.03),0 42px 33.4px rgba(0,0,0,.02),0 100px 80px rgba(0,0,0,.02);display:flex;flex-direction:column;align-items:center}.contact-section .row-layout .contact-form-container .header-bar{height:3rem;background-color:var(--border-color);width:100%;position:relative;border-top-left-radius:4px;border-top-right-radius:4px}.contact-section .row-layout .contact-form-container .header-bar:before{content:"⬤ ⬤ ⬤";position:absolute;height:inherit;display:flex;align-items:center;color:#fff;letter-spacing:.1em;opacity:.2;left:1rem;font-size:.9rem}.contact-section .row-layout .contact-form-container .contact-form{background:#fff;width:100%;height:100%;z-index:10;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner{padding:2rem;display:flex;flex-direction:column;gap:2rem}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner .subheading-dark{font-size:25px}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner p{margin:0}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner form{display:flex;flex-direction:column;gap:1rem}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner .inputs{display:flex;gap:1rem;flex-wrap:wrap}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner .form-button{font-size:20px;max-width:19rem;background:linear-gradient(-70deg, #23507A 0%, #2294B4 100%);height:50px;display:flex;align-items:center;justify-content:center}@media(max-width: 768px){.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner .form-button{max-width:100%}}.contact-section .row-layout .contact-form-container .contact-form .contact-form-inner .form-button:hover{box-shadow:rgba(50,50,93,.25) 0px 30px 60px -12px inset,rgba(0,0,0,.3) 0px 18px 36px -18px inset}.contact-section .row-layout .contact-form-container .contact-form .form-input{padding:10px 10px 10px 20px;border-radius:4px;border:1px solid #d3d3d3;font-family:"circular";font-size:18px;flex:1}.contact-section .row-layout .contact-form-container .contact-form textarea{min-height:10rem}.contact-section .row-layout .contact-form-container .contact-form .form-background-image{position:absolute;height:auto;width:100%;z-index:-1;bottom:0;left:0}.contact-section .row-layout .contact-form-container .loading{pointer-events:none;opacity:.8}.contact-section .row-layout .contact-form-container .loading .spinner-loader{display:block !important}.contact-section .spinner-loader{width:20px;height:20px;animation:rotate 2s linear infinite;margin-right:10px;display:none}.contact-section .spinner-loader .path{stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}.contact-section a{text-decoration:none}@keyframes rotate{100%{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}100%{stroke-dasharray:90,150;stroke-dashoffset:-124}}
