#main-content{position:relative;width:100%}
#header-container{margin:0 1.56vw 0 0}
#header-left{margin:30px 0 0 auto}
.header-info-title{color:var(--26)}
#header{position:absolute;width:100%;top:0;left:0;z-index:99;background-color:transparent}
.header-contact > li > a {justify-content: center;align-items: center;}
#logo img{width:100%;max-width:100%;height:auto}
#footer{background-color:var(--26);padding:0 var(--30px)}
.info-container{margin:120px auto 0;width:100%;position:relative;z-index:0}
.info-list{flex-direction:column;padding:4vw 50px 40px;position:relative;width:calc(100% - 20px);background-color:var(--38);max-width:550px;margin:0 auto}
.info-list::before{content:"";position:absolute;width:100%;height:100%;background:var(--FF);top:-15px;z-index:-1;left:20px}
.info-list .list-item{font-size:clamp(1.1875rem,0.8661rem + 0.4286vw,1.375rem);position:relative;flex-direction:column;margin-top:20px;padding-top:20px}
.info-list .list-item:first-child{margin-top:0;padding-top:0}
.info-list .list-item::before{content:"";position:absolute;top:0;width:40px;height:1px;background:var(--FF)}
.info-list .list-item:first-child::before{display:none}
.list-title{font-size:clamp(1.25rem,1.0357rem + 0.2857vw,1.375rem)}
.list-info{margin-top:5px}
.list-item a{display:inline-block}
.socials{margin-top:20px}
.socials li{margin-left:15px}
.socials li:first-child{margin-left:0}
.contact-label-container{display:inline-flex}
.contact-label{display:block;position:relative;padding-left:35px;cursor:pointer;font-size:14px;font-weight:300;color:#fff;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.contact-label input{position:absolute;opacity:0;cursor:pointer}
.contact-checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid var(--FF)}
.contact-label input:checked ~ .contact-checkmark{border:1px solid var(--FF);background-color:var(--FF)}
.contact-checkmark:after{content:"";position:absolute;display:none}
.contact-label input:checked ~ .contact-checkmark:after{display:block}
.contact-label .contact-checkmark:after{left:8px;top:3px;width:5px;height:11px;border:solid var(--38);border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#contact-submit{width:100%;max-width:220px;padding:24px 0;color:#fff;border:none;outline:none;font-size:20px;cursor:pointer;text-transform:uppercase;text-align:center;background-color:var(--38);display:flex;align-items:center;justify-content:center;gap:20px}
#contact-submit .svg-path{fill:#fff}
#bottom-footer{padding-top:4.38vw;width:100%}
#scroll_top{position:relative}
#scroll_top::before{content:"";width:100%;height:1px;margin:auto;position:absolute;top:0;bottom:0;background:var(--6E)}
.arrow-cont{margin:0 auto;padding:0 20px;z-index:100;background-color:var(--26)}
#scroll_top figure{width:50px;height:50px;justify-content:center;align-items:center;padding:10px;margin:0 auto;border:1px solid var(--FF);cursor:pointer}
#specialone-logo{margin-left:auto}
#footer #copyright,#footer .info-list .list-item,#footer .info-list .list-item a,#footer .left-container,#footer .right-container,#footer .contact-label-link{color:var(--FF)}
@media (min-width:1200px) {
    .header-contact{padding:15px;background-color:var(--FF);border-radius:30px}
    .header-info-title{margin-left:10px;font: 400 clamp(1.125rem,1.0407rem + 0.1762vw,1.25rem)/1.25 "Geologica", Sans-Serif}
    .header-contact > li{margin-left: 10px;}
    .header-contact > li:first-child{margin-left:0}
    #logo{width:20%;max-width:300px}
    #footer-inner-container{max-width:1700px;margin:0 auto}
    #top-footer{width:100%}
    #footer .left-container,#footer .right-container{width:49%}
    #footer .info-list .list-info {font: 400 clamp(1.25rem, 1.0357rem + 0.2857vw, 1.375rem)/1.27 "Geologica", Sans-Serif ;}
    #footer .right-container{margin-left:2%;padding:10px}
    #contact-form-container{width:100%;max-width:680px;margin:55px auto 0}
    #contact-form-hTitle{font:300 clamp(2rem,1.6786rem + 0.4286vw,2.1875rem)/1.5 Geologica,Sans-Serif}
    #contact-form-hTitle2{font:300 clamp(1rem,0.7857rem + 0.2857vw,1.125rem)/1.5 Geologica,Sans-Serif;margin-top:10px}
    .contact-col-fullWidth,.contact-col-left,.contact-col-right{width:100%}
    .contact-submit-col{align-items:center;width:100%}
    .contact-label-wrapper{width:53%}
    .contact-label-link{display:block;font:200 clamp(1rem,0.7857rem + 0.2857vw,1.125rem) /1.28 Geologica}
    .contact-submit-outer{width:49%;max-width:220px;margin-left:auto}
    #footer-dev-copyright{padding-bottom:35px}
}
@media (max-width:1199px) and (min-width: 765px) {
    #logo{width:30%;max-width:250px}
    .header-contact{padding:15px;background-color:var(--FF);border-radius:30px}
    .header-contact > li,.header-info-title{margin-left:10px;font-size:clamp(1.125rem,1.0407rem + 0.1762vw,1.25rem)}
    .header-contact > li:first-child{margin-left:0}
    #header-left{margin:auto 0 auto auto}
}
@media (max-width: 1199px) {
    .info-list::before{top:-10px;z-index:-1;left:10px}
    #top-footer{flex-direction:column-reverse;width:100%}
    #contact-form-hTitle{font-size:clamp(1.5625rem,1.5625rem + 0.834vw,2.1875rem)}
    .list-info span{font-size:clamp(1.125rem,1.125rem + 0.417vw,1.4375rem)}
    #contact-form-container{padding-top:40px;width:calc(100% - 40px);margin:40px auto 0}
    #contact-form-hTitle2{font-size:clamp(1rem,1rem + 0.2618vw,1.125rem);margin-top:10px}
    .contact-col{flex-direction:column}
    #contact-form{margin-top:20px}
    .contact-submit-col{flex-direction:column}
    #contact-submit{max-width:100%}
    .contact-submit-outer{margin-top:30px}
    #bottom-footer{padding-bottom:5vw}
    #footer-dev-copyright{flex-direction:column;justify-content:center;align-items:center;margin-top:20px}
    #specialone-logo{margin-left:0;margin-top:15px}
}
@media (max-width:764px) {
    #header{background-color:var(--38);position:relative}
    #header-left{margin:auto 0 auto auto}
    .header-contact > li{padding:11px;border-radius:15px;background-color:rgba(255,255,255,0.2);margin-left:5px;width:45px;height:45px;display: flex;align-items: center;justify-content: center;}
    #logo{width:39%;max-width:200px}
    .info-list::before{left:10px;top:-10px}
    .contact-label-container{height: 25px;}
    .contact-label-link {margin: auto;}
}