.contact-container{display:flex;flex-direction:column;row-gap:20px;width:100%;min-height:calc(100vh - 80px);background-image:linear-gradient(180deg,#6a85b6,#bac8e0 100%);background-repeat:no-repeat,no-repeat,no-repeat}.contact-container .category-container{display:flex;flex-direction:column;row-gap:20px;align-items:center;margin-top:20px}.contact-container .category-container .box-list{display:flex;flex-direction:row;row-gap:15px;column-gap:5px;flex-wrap:wrap;width:80%;height:auto;align-items:center;justify-content:space-between}.contact-container .category-container .box-list .box{display:flex;flex-direction:column;width:calc(25% - 8px);row-gap:3px;min-height:calc(250px + 3vh);font-weight:400;align-items:center;justify-content:center;background-color:rgba(204,255,255,.8);box-shadow:0 0 10px #fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:5px;cursor:pointer}.contact-container .category-container .box-list .box:hover{background-color:rgba(204,255,255,.3)}.contact-container .category-container .box-list .box:hover label{color:#f70}.contact-container .category-container .box-list .box .image{display:flex;width:100%;height:250px;align-items:center;justify-content:center}.contact-container .category-container .box-list .box .image img{width:90%;height:250px;border-radius:25px;object-fit:cover;object-position:center center}.contact-container .category-container .box-list .box label{min-height:3vh;color:#000;font-size:3vh;font-weight:400;font-style:italic;text-align:center;cursor:pointer}@media(max-width:768px){.contact-container .category-container .box-list .box{width:calc(50% - 4px)}}@media(max-width:992px){.contact-container .category-container .box-list{width:95%}}@media(max-width:576px){.contact-container .category-container .box-list{row-gap:10px}.contact-container .category-container .box-list .box{width:calc(100% - 4px)}.contact-container .category-container .box-list .box .image{width:80%}}@keyframes upper{0%{top:20%}25%{top:15%}50%{top:10%}75%{top:5%}to{top:2%}}.contact-container .contact-main{display:flex;flex-direction:column;row-gap:5px;width:90%;min-height:calc(50vh - 10px);align-items:center;background-color:#1e1e1e}.contact-container .title{display:flex;flex-direction:column;width:50%;align-items:center;justify-content:center}.contact-container .title h1{background-color:#1e1e1e;border-bottom:1px solid #323232}.contact-container .select-box{width:100%}.contact-container .select-box select{width:100%;height:3.5vh;margin-top:20px;margin-bottom:20px;font-size:3vh}.contact-container .contact-form{display:flex;flex-direction:column;row-gap:10px;width:60%;margin-top:30px;align-items:center;background-color:hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 5px 5px rgba(0,0,0,.3);margin-bottom:25px;border-radius:15px}.contact-container .contact-form .form-box,.contact-container .contact-form .form-title{display:flex;flex-direction:row;column-gap:10px;width:80%;align-items:center;justify-content:space-between;margin-top:10px}.contact-container .contact-form .form-box .form-text,.contact-container .contact-form .form-title .form-text{display:flex;width:100%;position:relative}.contact-container .contact-form .form-box .form-text p,.contact-container .contact-form .form-title .form-text p{font-size:1.5vh;font-weight:700;position:absolute;top:-10px;left:10px;margin:0;color:#000;z-index:1;animation-name:upper;animation-duration:.1s}.contact-container .contact-form .form-box .form-text p:before,.contact-container .contact-form .form-title .form-text p:before{content:" ";display:block;width:100%;height:58%;font-weight:300;position:absolute;z-index:-1;top:0;left:0;background-color:transparent}.contact-container .contact-form .form-box .empty-text,.contact-container .contact-form .form-title .empty-text{display:flex;width:100%;position:relative}.contact-container .contact-form .form-box .empty-text p,.contact-container .contact-form .form-title .empty-text p{font-size:1.5vh;font-weight:700;position:absolute;top:25%;left:8px;margin:0;font-weight:300;z-index:1;color:#000}.contact-container .contact-form textarea{display:flex;width:80%;min-height:30vh;resize:none;padding:0;border:1px solid transparent;background:hsla(0,0%,100%,.1);border-radius:5px;margin-bottom:10px;align-self:center;justify-content:center;font-size:2vh}.contact-container .contact-form textarea,.contact-container .contact-form textarea:focus{box-shadow:4px 4px 60px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#000}.contact-container .contact-form textarea:focus{outline:none;border:1px solid transparent;background:hsla(0,0%,100%,.8);outline:5px solid #5050ff}.contact-container .contact-form .submit-btn{display:flex;width:100%;margin-bottom:20px;align-items:center;justify-content:center}.contact-container .contact-form .submit-btn button{width:30%;height:50px;color:#fff;background-color:#000;border:1px solid #969696;font-style:italic;font-size:larger;font-weight:700}.contact-container .contact-form .submit-btn button:hover{background-color:#646464;color:#f70;cursor:pointer}.contact-container .contact-form input{width:100%;height:4vh;padding-top:4%;color:#000;border:1px solid transparent;border-radius:5px;outline:none;background:hsla(0,0%,100%,.1);box-shadow:4px 4px 60px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-size:2vh}.contact-container .contact-form input:focus,.contact-container .contact-form input:hover{outline:5px solid #5050ff;background:hsla(0,0%,100%,.8)}@media(max-width:992px){.contact-container .contact-form{width:80%}.contact-container .contact-form .form-box,.contact-container .contact-form .form-title{display:flex;flex-direction:column;row-gap:20px}}@media(max-width:768px){.contact-container .contact-form{width:90%}.contact-container .contact-form .form-box,.contact-container .contact-form .form-title{display:flex;flex-direction:column;row-gap:20px}}@media(max-width:576px){.contact-container .contact-form{width:90%}.contact-container .contact-form .form-box,.contact-container .contact-form .form-title{display:flex;flex-direction:column;row-gap:20px}}