.skills i{display:block;margin:0 auto}.skills h5{text-align:center;margin-top:7px}.grid-container-skills{display:grid;grid-template-columns:110px 100px 100px 100px 100px 100px 115px;padding:10px}.grid-item-skills{padding:10px;text-align:center}@media only screen and (max-width:1150px){.skillsJustify{justify-content:center}}@media only screen and (max-width:720px){.grid-container-skills{grid-template-columns:100px 100px 100px}.grid-item-skills{margin-bottom:0!important}}#skills1,#skills2,#skills3,#skills4,#skills5,#skills6,#skills7{opacity:0;display:none;transition:opacity 0.6s linear}.input-field{position:relative;margin-bottom:1rem}.input-field label{position:absolute;top:33%;right:13px;width:fit-content;background:#fff;transition:0.2s all;cursor:text}.message{top:10%!important}.input-field input{width:100%;outline:0;box-shadow:none}.input-field select{width:100%;outline:0;box-shadow:none;padding:.5rem .5rem;border:1px solid #e1e1e1!important}.input-field textarea{width:100%;outline:0;box-shadow:none}.input-field input:invalid{outline:0}.input-field select:invalid{outline:0}.input-field textarea:invalid{outline:0}.input-field input:focus,.input-field input:valid{border-color:#ABA7A7;box-shadow:none}.input-field select:focus,.input-field select:valid{border-color:#ABA7A7;box-shadow:none}.input-field textarea:focus,.input-field textarea:valid{border-color:#ABA7A7;box-shadow:none}.input-field input:focus~label,.input-field input:valid~label{font-size:14px;top:-10px}.input-field textarea:focus~.message,.input-field textarea:valid~.message{font-size:14px;top:-10px!important}.input-field1{position:relative;margin-bottom:1rem}.input-field1 label{position:absolute;top:33%;left:13px;width:fit-content;background:#fff;transition:0.2s all;cursor:text}.message{top:10%!important}.input-field1 input{width:100%;outline:0;box-shadow:none}.input-field1 select{width:100%;outline:0;box-shadow:none;padding:.5rem .5rem;border:1px solid #e1e1e1!important}.input-field1 textarea{width:100%;outline:0;box-shadow:none}.input-field1 input:invalid{outline:0}.input-field1 select:invalid{outline:0}.input-field1 textarea:invalid{outline:0}.input-field1 input:focus,.input-field1 input:valid{border-color:#ABA7A7;box-shadow:none}.input-field1 select:focus,.input-field1 select:valid{border-color:#ABA7A7;box-shadow:none}.input-field1 textarea:focus,.input-field1 textarea:valid{border-color:#ABA7A7;box-shadow:none}.input-field1 input:focus~label,.input-field1 input:valid~label{font-size:14px;top:-10px}.input-field1 textarea:focus~.message,.input-field1 textarea:valid~.message{font-size:14px;top:-10px!important}#customersName{display:flex;height:200px;margin:auto}.grid-container{direction:rtl;display:grid;margin:auto;grid-template-columns:auto auto auto auto auto auto auto auto;padding:10px}.grid-item{font-size:30px;margin:5px auto;text-align:center}.grid-container-center{direction:rtl;display:grid;margin:auto;grid-template-columns:auto auto;padding:10px;grid-template-areas:' wa . . wa'}#a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8,#a9,#a10,#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18,#a19,#a20,#a21,#a22,#a23,#a24,#a25,#a26,#a27,#a28,#a29,#a30,#a31,#a32,#a33,#a34,#a35,#a36,#a37,#a38,#a41,#a42,#a43,#a44{filter:grayscale(100%);transition:0.5s}#a39,#a40{filter:grayscale(100%);transition:0.5s;display:block}#a-1,#a0{filter:grayscale(100%);transition:0.5s;display:none}.imgStyle{max-width:60px;max-height:60px}.nameView{max-width:400px;margin:auto}.nameView p{font-weight:700;color:#000;font-size:30px;animation-name:example;animation-duration:2s;margin:auto}@keyframes example{0%{font-size:29px}100%{font-size:30px}}@media only screen and (max-width:767px){.grid-container{grid-template-columns:auto auto auto auto}#a39,#a40{display:none}#a-1,#a0{display:block}.grid-container-center{grid-template-columns:auto auto auto auto}}.modal{direction:rtl;display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:left;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}.cat{position:relative;z-index:1!important}.z-index{z-index:2!important}#overlay1,#overlay2,#overlay3,#overlay4,#overlay5,#overlay6,#overlay7,#overlay8,#overlay9,#overlay10,#overlay11,#overlay12,#overlay13,#overlay14,#overlay15,#overlay16,#overlay17,#overlay18,#overlay19,#overlay20,#overlay21,#overlay22,#overlay23,#overlay24,#overlay25,#overlay26,#overlay27,#overlay28,#overlay29,#overlay30,#overlay31,#overlay32,#overlay33,#overlay34,#overlay35,#overlay36,#overlay37,#overlay38,#overlay39,#overlay40,#overlay41,#overlay42,#overlay43,#overlay44,#overlay45,#overlay46,#overlay47,#overlay48,#overlay49{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background:rgba(71,77,202,.8);border-radius:5px}.text{color:#fff;font-size:15px;width:fit-content;width:-moz-fit-content;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;text-shadow:2px 1px #000}.imageDisplay{display:none;width:0;height:0}