body,html{width:100%;margin:0;padding:0;font-family:"Poppins",sans-serif;overflow-x:hidden;}.contact{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:75px;height:fit-content;}.contact-banner{width:100%;display:flex;box-sizing:border-box;height:max-content;background-color:var(--primary-color);}.contact-banner-content{padding:50px 5% 50px 5%;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;}.contact-banner-content h1{font-size:45px;color:var(--secondary-color);font-weight:900;margin-bottom:0;text-align:center;}.contact-banner-content h4{font-size:20px;margin-top:10px;text-align:center;}.contact-banner-content p{font-size:16px;margin-top:10px;text-align:justify;z-index:5;}.form-container{padding:50px;width:80%;border-radius:10px;overflow:hidden;margin:50px auto;box-shadow:0 0 10px rgba(0,0,0,.5);}.form-container h2{font-size:35px;font-weight:700;text-align:center;margin-bottom:40px;color:var(--primary-color);}.form-container h4{font-size:20px;font-weight:600;text-align:center;margin-bottom:10px;color:var(--primary-color);}.form-step{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;}.form-step:not(:last-child)::after{content:"";display:block;border-top:2px solid var(--secondary-color);margin:20px 0;}.form-group{width:49%;display:flex;justify-content:start;align-items:center;gap:20px;}.form-row{display:flex;justify-content:space-between;}.form-step label{width:200px;display:block;margin-bottom:5px;font-weight:bold;font-size:16px;color:var(--primary-color);}.form-group select{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--background-color);border-radius:4px;box-sizing:border-box;background-color:var(--accent-color);}.form-group select:hover{border-color:var(--hover-light-grey-color);}.form-group select:focus{outline:none;border-color:var(--secondary-color);}.form-group input{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--background-color);border-radius:4px;box-sizing:border-box;background-color:var(--accent-color);}.form-group input:hover{border-color:var(--hover-light-grey-color);}.form-group input:focus{outline:none;border-color:var(--secondary-color);}textarea{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--background-color);border-radius:4px;box-sizing:border-box;height:150px;resize:vertical;background-color:var(--accent-color);font-size:16px;}#message:hover{border-color:var(--hover-light-grey-color);}#message:focus{outline:none;border-color:var(--secondary-color);}form button{padding:10px 20px;border:none;border-radius:4px;background-color:var(--primary-color);color:var(--accent-color);cursor:pointer;margin:10px auto;font-size:16px;width:40%;border:1px solid var(--primary-color);}form button:hover{background-color:var(--white-color);color:var(--primary-color);}.form-group-cloc{width:100%;display:flex;justify-content:start;align-items:flex-start;height:auto;}.form-group-cloc input:hover{border-color:var(--hover-light-grey-color);}.form-group-cloc input:focus{outline:none;border-color:var(--secondary-color);}#clocationInput{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--background-color);border-radius:0;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;background-color:var(--accent-color);}.dropdownl-item{display:flex;align-items:center;padding:10px 30px;cursor:pointer;transition:background-color .3s;border-radius:5px;width:100%;}.dropdown-item{display:flex;align-items:center;padding:10px 30px;cursor:pointer;transition:background-color .3s;border-radius:5px;width:100%;}#addColocationBtn{padding:10px 16px;border:1px solid var(--primary-color);background-color:var(--primary-color);color:white;cursor:pointer;border-radius:0;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;width:max-content;margin:0;margin-bottom:10px;}.selected-locations{display:flex;flex-wrap:wrap;margin-left:10px;margin-bottom:10px;gap:10px;max-width:100%;}.location-tag{display:flex;align-items:center;background-color:var(--accent-color);padding:5px 10px;margin:0 auto!important;border-radius:20px;position:relative;border:1px solid var(--background-color);width:max-content!important;}.location-tag .remove-btn{background:none;border:none;color:red;font-size:18px;margin:0;margin-left:10px;cursor:pointer;padding:0;width:max-content!important;}#dropdownl-menu{position:absolute;top:100%;left:0;right:0;border:1px solid var(--background-color);border-top:none;background-color:var(--white-color);border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;max-height:140px;overflow-y:auto;z-index:99000;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--white-color);scroll-snap-type:proximity;}.input-group{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;}.dropdownl-item:hover{background-color:var(--hover-light-grey-color);}.dropdown-icon{width:20px;height:20px;margin-right:10px;}input:placeholder-shown,select:placeholder-shown{color:var(--background-color);}.placeholder{color:var(--background-color);}.custom-dropdown{width:100%;position:relative;}#cabinet-space-menu,#kilowatts-menu,#bandwidth-menu,#ipv4-menu{position:absolute;top:100%;left:0;right:0;border:1px solid var(--background-color);border-top:none;background-color:var(--white-color);border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;max-height:140px;overflow-y:auto;z-index:99000;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--white-color);scroll-snap-type:proximity;}@media screen and (max-width:1630px){}@media screen and (max-width:1400px){.form-row{flex-direction:column}.form-group{width:100%;display:flex;justify-content:start;align-items:center;gap:20px;position:relative;padding:0 50px}.form-group-cloc{flex-direction:column}.form-step{gap:0}.form-container h4{font-size:20px}#clocationInput{margin-bottom:0}#addColocationBtn{margin-bottom:0}.location-tag{margin:15px 5px 5px!important}.selected-locations{max-width:100%}}@media screen and (max-width:875px){.form-container{padding:50px 10px;width:95%}}@media screen and (max-width:650px){#locationInput{width:225px}}@media screen and (max-width:590px){.form-group{padding:0 10px}}@media screen and (max-width:504px){.form-group{flex-direction:column}.form-step label{width:max-content}.form-group{gap:0}.form-container h4{margin-bottom:20px}.form-container h2{margin-bottom:25px}.form-step{margin-bottom:10px}.input-group{align-items:center;justify-content:center}#locationInput{width:100%}#addLocationBtn{border-radius:5px}}.captcha-container{display:flex;justify-content:center;align-items:center;margin:10px 0;}.captcha-container .g-recaptcha{transform:scale(.90);transform-origin:0 0;}@media (max-width:600px){.captcha-container .g-recaptcha{transform:scale(.80)}}.error-div{margin:0 0 30px 0;font-size:16px;font-weight:bold;border-radius:5px;text-align:center;display:none;}.error-div.success,.error-div.error{display:block;padding:10px;}.error-div.success{color:#155724;background-color:#d4edda;border:1px solid #c3e6cb;}.error-div.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;}.form-group-loc{width:100%;display:flex;justify-content:start;align-items:flex-start;position:relative;height:auto;}.form-group-loc input:hover{border-color:var(--hover-light-grey-color);}.form-group-loc input:focus{outline:none;border-color:var(--secondary-color);}#locationInput{width:100%;padding:10px;margin-bottom:10px;border:1px solid var(--background-color);border-radius:0;border-top-left-radius:4px!important;border-bottom-left-radius:4px!important;background-color:var(--accent-color);}.dropdown-item{display:flex;align-items:center;padding:10px 30px;cursor:pointer;transition:background-color .3s;border-radius:5px;width:100%;}#addLocationBtn{padding:10px 16px;border:1px solid var(--primary-color);background-color:var(--primary-color);color:white;cursor:pointer;border-radius:0;border-top-right-radius:4px!important;border-bottom-right-radius:4px!important;width:max-content;margin:0;margin-bottom:10px;}.selected-locations{display:flex;flex-wrap:wrap;margin-left:10px;margin-bottom:10px;display:flex;flex-wrap:wrap;gap:10px;max-width:700px;}.location-tag{display:flex;align-items:center;background-color:var(--accent-color);padding:5px 10px;margin:0 auto!important;border-radius:20px;position:relative;border:1px solid var(--background-color);width:max-content!important;}.location-tag .remove-btn{background:none;border:none;color:red;font-size:18px;margin:0;margin-left:10px;cursor:pointer;padding:0;width:max-content!important;}#dropdown-menu{position:absolute;top:100%;left:0;right:0;border:1px solid var(--background-color);border-top:none;background-color:var(--white-color);border-radius:0 0 5px 5px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:none;max-height:200px;overflow-y:auto;z-index:99000;scrollbar-width:thin;scrollbar-color:var(--primary-color) var(--white-color);scroll-snap-type:proximity;}.input-group{position:relative;display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;}.dropdown-item:hover{background-color:var(--hover-light-grey-color);}.dropdown-icon{width:20px;height:20px;margin-right:10px;}input:placeholder-shown,select:placeholder-shown{color:var(--background-color);}