.contact{background-color:#131313;color:var(--light-gray)}.contact .contact-info{background:url(/contact.png) no-repeat 50%;background-size:cover;height:100%;color:var(--white);position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.contact .contact-info .contact-heading{font-size:40px;border-bottom:none}.contact .contact-info:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(250deg,rgba(222,222,13,.3),rgba(0,0,0,.704));z-index:-1}.contact .contact-info .info-box .box{display:flex;align-items:center;margin-bottom:20px}.contact .contact-info .info-box .box .icon{font-size:40px;color:var(--color-primary)}.contact .contact-info .info-box .box .text{font-size:16px}.contact .contact-info .social-icons{display:flex;gap:20px;margin-top:40px}.contact .contact-info .social-icons .icon{font-size:40px;cursor:pointer;transition:color .3s ease-in-out,transform .3s ease-in-out;background-color:var(--white);padding:8px;border-radius:5px}.contact .contact-info .social-icons .icon.facebook{color:#1877f2}.contact .contact-info .social-icons .icon.facebook:hover{color:#0d65d9;transform:scale(1.2)}.contact .contact-info .social-icons .icon.instagram{color:#e4405f}.contact .contact-info .social-icons .icon.instagram:hover{color:#c13584;transform:scale(1.2)}.contact .contact-info .social-icons .icon.youtube{color:red}.contact .contact-info .social-icons .icon.youtube:hover{color:#c00;transform:scale(1.2)}.contact .contact-info .social-icons .icon.twitter{color:#000}.contact .contact-info .social-icons .icon.twitter:hover{color:#333;transform:scale(1.2)}.contact .input-field{color:var(--color-white);font-weight:400;border-bottom:2px solid var(--color-primary);background:rgba(0,0,0,0)}.contact .input-field:focus{border-bottom-color:var(--color-primary-dark)}.contact .input-label{color:var(--color-primary);transition:all .3s ease}.contact .peer:focus~.input-label{color:var(--color-primary-dark);background:rgba(0,0,0,0)}.contact .form-field{position:relative;width:100%;margin-bottom:1.5rem}.contact .form-input{width:100%;padding:6px 0;font-size:1rem;color:var(--color-primary);background:rgba(0,0,0,0);border:none;border-bottom:2px solid var(--color-primary);outline:none;transition:all .3s ease}.contact .form-input:focus{border-bottom-color:var(--color-primary-dark)}.contact .form-input:focus+.form-label,.contact .form-input:not(:placeholder-shown)+.form-label{transform:translateY(-1.5rem) scale(.85);color:var(--color-primary-dark)}.contact .contact-btn{background-color:var(--color-primary);color:var(--dark);padding:8px 16px;border-radius:8px;text-align:center;cursor:pointer;opacity:.9}.contact .contact-btn:hover{opacity:1}.contact select.form-input{appearance:none;padding-right:30px;cursor:pointer}.contact .form-field:after{content:"▼";position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;color:var(--primary-color);pointer-events:none}.contact .form-input:focus~.form-label,.contact .form-input:not(:placeholder-shown)~.form-label{transform:translateY(-1.5rem) scale(.85);color:var(--primary-color)}.contact select.form-input{padding-left:12px}.contact select.form-input option{padding:8px!important;background:var(--dark);color:var(--color-primary);text-indent:10px}