@font-face { font-family: 'ProductSan'; font-style: normal; font-stretch: 100%; src: url(fonts/SVN-PRODUCTSANSREGULAR.OTF) format('truetype'); font-weight: 400; }
* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'ProductSan'; font-size: 15px; }
input, button { outline: none; border: none; background-color: transparent; }
input { width: 100%; }
li { list-style-type: none; }
.wrap-login .wrap-content { display: grid; grid-template-columns: 0.4fr 0.6fr; height: 100vh; align-items: center; background-color: #015654; color: #fff; width: 100%; max-width: 100%; }
.wrap-login .wrap-content .col-left { background-color: #fff; height: 100%; clip-path: polygon(0 0%, 100% 0%, 75% 100%, 0% 100%); display: flex; align-items: center; justify-content: center; }
.wrap-login .wrap-content .col-left .logo { width: 250px; }
.wrap-login .wrap-content .col-left .logo img { width: 100%; }
.wrap-login .wrap-content .col-form .form-wrap { display: grid; justify-content: center; gap: 20px; }
.wrap-login .wrap-content .col-form .form-wrap .title-form { text-transform: uppercase; font-size: 20px; }
.wrap-login .wrap-content .col-form .form-wrap .input-wrap { width: 500px; padding: 15px; background-color: #fff; border-radius: 10px; overflow: hidden; }
.wrap-login .wrap-content .col-form .form-wrap .button { display: flex; justify-content: center; }
.wrap-login .wrap-content .col-form .form-wrap .button .btn { background-color: #fff; color: #e2a25e; text-transform: uppercase; font-weight: 700; padding: 10px 20px; border-radius: 10px; transition: all 0.3s; cursor: pointer; }
.wrap-login .wrap-content .col-form .form-wrap .button .btn:hover { color: #fff; background-color: #e2a25e; }
.wrap-login .wrap-content .col-form { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; }
.wrap-login .wrap-content .col-form .icon-list { display: flex; align-items: center; justify-content: center; gap: 20px; position: absolute; bottom: 20px; }
.wrap-login .wrap-content .col-form .icon-list li a { color: #fff; text-decoration: none; display: flex; align-items: center; gap: 10px; }
.wrap-login .wrap-content .col-form .icon-list li a i { color: #e2a25e; background-color: #fff; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; }