.header-wrapper{position:fixed;left:0;right:0;top:0;width:auto;padding:20px 60px;z-index:100;display:flex;justify-content:flex-end;align-items:center;flex-direction:initial}@media (max-width: 600px){.header-wrapper{display:none}}.header-wrapper.scrolled{background-color:#000;opacity:.8;transition:all .9s ease}.header-wrapper.scrolled-back{transition:all .7s ease}.header-wrapper .nav-bar{display:flex;justify-content:center;align-items:center;flex-direction:initial;gap:30px}.header-wrapper .nav-bar .nav-bar-link{font-family:Lato,sans-serif;font-size:16px;font-weight:400;color:#fff;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:5px}.header-wrapper .nav-bar-link:hover{color:#1f9cbe;border-bottom:1px solid #1f9cbe;transition:all .3s ease}.global-container{max-width:1400px;width:100%;margin:0 auto}*{margin:0;padding:0;box-sizing:border-box}body{overflow-x:hidden;overflow-y:scroll;font-family:Open Sans,sans-serif;background-color:#111f26fa;color:#fff}h1,h2,h3,p{margin:0}.main-section{margin-top:114px}.main-section .main-text{position:absolute;top:27%;right:-67%;z-index:6}.main-section .main-text .title{font-family:Raleway,sans-serif;font-size:48px;font-weight:600;color:#fff;letter-spacing:7px;margin-bottom:10px}.main-section .main-text .title-name{border-bottom:2px solid #047695}.main-section .main-text .subtitle{font-family:Lato,sans-serif;font-size:25px;font-weight:400;color:#fff;letter-spacing:1px}.main-section .main-text .description{font-family:Lato,sans-serif;font-size:17px;font-weight:300;color:#fff;max-width:550px;letter-spacing:.5px;line-height:27px}.main-section .absolute-wrapp{position:relative;left:-12px}.main-section .absolute-wrapp .image-wrapp{position:relative;width:700px;height:550px;display:flex;justify-content:center;align-items:flex-end;flex-direction:initial;background:radial-gradient(circle,#285366,#000);border-radius:0 20px 20px 0}.main-section .absolute-wrapp .block-absolute-title-wrapp{position:absolute;left:0;top:-120px;z-index:-1;background-color:#000;width:500px;height:150px;border-radius:0 20px 0 0}.main-section .absolute-wrapp .block-absolute-title-wrapp .title{position:absolute;top:30px;left:80px;font-family:Raleway,sans-serif;font-size:26px;font-weight:400;color:#fff}@media (max-width: 600px){.main-section .absolute-wrapp .block-absolute-title-wrapp{display:none}}.main-section .main-image{width:350px;height:auto}.main-section .divider{margin-top:50px}.main-section .link-wrapp{width:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:initial}.skills-section{padding:50px 0;text-align:center}.skills-section .skills-wrapp{display:grid;grid-template-columns:repeat(3,1fr);row-gap:70px}.skills-section .experience{font-family:Lato,sans-serif;font-size:17px;font-weight:300;color:#fff;letter-spacing:1px}.skills-section .skill{font-family:Raleway,sans-serif;font-size:40px;font-weight:600;color:#fff;margin-bottom:10px}.projects-item .projects-name{font-family:Lato,sans-serif;font-size:25px;font-weight:400;color:#fff;margin-bottom:5px}.projects-item .subtitle{font-family:Lato,sans-serif;font-size:17px;font-weight:300;color:#fff}.projects-item .projects-image-wrapp{position:relative;transition:all .3s cubic-bezier(0,0,.5,1);height:350px;margin-bottom:20px}.projects-item .hidden-block,.projects-item .description{display:flex;justify-content:center;align-items:center;flex-direction:initial;opacity:0;background-color:#0009;position:absolute;bottom:0;top:0;left:0;right:0;border:none;padding:13px;transition:opacity .3s ease;outline:none;cursor:pointer}.projects-item .projects-image-wrapp:hover{transform:scale3d(1.01,1.01,1.01)}.projects-item .projects-image-wrapp:hover .hidden-block,.projects-item .projects-image-wrapp:hover .description{opacity:1}.projects-item .projects-image-wrapp:hover:after{opacity:.5}.projects-item .projects-image{width:100%;height:100%}.projects-item .overlay-text{font-family:Lato,sans-serif;font-size:20px;font-weight:500;color:#fff}.projects-page-item .subtitle{font-family:Lato,sans-serif;font-size:17px;font-weight:300;color:#fff}.projects-page-item .projects-name{font-family:Lato,sans-serif;font-size:20px;font-weight:400;color:#fff}.projects-section{padding:100px}.projects-section .title-wrapp{display:flex;justify-content:space-between;align-items:center;flex-direction:initial;margin-bottom:70px}.projects-section .projects-title{font-family:Raleway,sans-serif;font-size:48px;font-weight:600;color:#fff}.projects-section .projects-title span{color:#1f9cbe}.projects-section .global-link{text-decoration:none;color:#fff}.projects-section .projects-wrapp{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.projects-section .contact-btn{letter-spacing:1px;font-family:Lato,sans-serif;background-color:inherit;padding-bottom:9px;color:#fff;border:none;cursor:pointer;border-bottom:2px solid #1f9cbe;font-weight:600;font-size:20px}.projects-section .loader-wrapp{display:flex;justify-content:center;align-items:center;flex-direction:initial}.contact-section{position:relative;padding:50px 100px}.contact-section .contact-wrapp{border-bottom:1px solid #fff;display:flex;justify-content:space-between;align-items:normal;flex-direction:initial}.contact-section .title{font-family:Raleway,sans-serif;font-size:48px;font-weight:600;color:#fff;margin-bottom:35px}.contact-section .description{font-family:Lato,sans-serif;font-size:17px;font-weight:300;color:#fff;max-width:430px;width:100%;text-align:justify;line-height:30px}.contact-section .error-message{color:red;font-size:14px}.contact-section .submit-btn{letter-spacing:1px;font-family:Lato,sans-serif;background-color:inherit;padding-bottom:9px;color:#fff;border:none;cursor:pointer;border-bottom:2px solid #1f9cbe;font-weight:600;margin:26px 0 50px;text-transform:uppercase}.contact-section .form-wrapp{position:relative;width:400px}.contact-section .form-wrapp.loading{opacity:.6}.contact-section .form-wrapp{display:flex;justify-content:center;align-items:center;flex-direction:column}.contact-section .form-wrapp .name-input{margin-bottom:20px}.contact-section .form-wrapp .message{padding-top:60px}.contact-section .form-wrapp .MuiInput-underline:before,.contact-section .form-wrapp .MuiInput-underline:hover:before{border-bottom-color:#fff}.contact-section .form-wrapp .MuiInputLabel-root{color:#fff!important}.contact-section .form-wrapp .MuiTextField-root .MuiInput-underline:after{border-bottom-color:#1f9cbe}.contact-section .form-wrapp .MuiTextField-root:focus-within .MuiInputLabel-root{color:#1f9cbe!important}.contact-section .form-wrapp .MuiInputBase-input{color:#fff}.contact-section .loader-wrapp{position:absolute;top:116px;right:247px}.footer-container{background-color:#132d39}.footer-wrapp .title{font-family:Lato,sans-serif;font-size:25px;font-weight:400;color:#fff;cursor:pointer}.footer-wrapp .title:hover{color:#1689a9}.footer-wrapp{display:flex;justify-content:space-between;align-items:center;flex-direction:initial;padding:10px 100px 30px}.footer-wrapp .icons-wrapp{display:flex;justify-content:center;align-items:center;flex-direction:initial;gap:23px}.footer-wrapp .icons-wrapp .icons-link{color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:initial}.footer-wrapp .footer-icon{width:20px;height:20px}.footer-wrapp .footer-icon-linkedin{width:28px;height:28px}.footer-wrapp .icons-wrapp svg:hover{color:#047695;transition:all .3s ease}