@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");body{position:relative;overflow-x:hidden;margin:0;padding:0;min-width:320px;font-size:16px;font-weight:400;line-height:24px;color:var(--text-secondary);background-color:#fff}body,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}button,input,textarea{outline:none;border:none;font-size:16px}ul{list-style-type:none}a{text-decoration:none}a,button{cursor:pointer}button{margin:0;padding:0;font-family:Roboto,sans-serif}a.img-wrap{display:inline-block}div.img-wrap,picture.img-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}div.img-wrap img,picture.img-wrap img{max-width:100%;height:auto}header{margin:30px 0;z-index:11;position:absolute;left:0;top:0;width:100%}header .col-12{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}header .col-12,header .col-12 .nav-menu{display:-webkit-box;display:-ms-flexbox;display:flex}header .col-12 .nav-menu{-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .col-12 .nav-menu li button{color:var(--text-primary);text-transform:uppercase;font-size:14px;line-height:17px;font-weight:700;margin-left:30px;background-color:rgba(0,0,0,0);-webkit-transition:color .3s;transition:color .3s}header .col-12 .nav-menu li button:hover{color:var(--text-primary-hover)}section{margin-bottom:80px}section h3{margin-bottom:30px;font-size:32px;line-height:39px;font-weight:700}section .section-title{font-size:60px;line-height:72px;font-weight:700}section#first-screen{position:relative;height:100vh;width:100vw;margin:0 0 0 -50vw;left:50%;background:var(--gradient)}section#first-screen:before{position:absolute;content:"";left:0;bottom:0;width:85%;height:100%;background:url(../img/arrows.png) 0 100% no-repeat;background-size:contain}section#first-screen h1{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:90px;font-weight:700;line-height:90px;text-align:center;color:var(--text-primary);max-width:830px}section#about{position:relative;padding-top:80px;margin:0}section#about .content div{margin-bottom:30px;font-size:40px;line-height:48px;font-weight:700}section#geography{position:relative;margin:0;padding:40px;border-radius:20px;background:var(--gradient);color:var(--text-primary)}section#geography:before{position:absolute;content:"";left:0;bottom:0;width:85%;height:100%;background:url(../img/map-background.svg) 0 100% no-repeat;background-size:contain}section#geography p{margin:30px 0;font-size:26px;line-height:32px;font-weight:400}section#geography .flags{max-width:370px;padding:20px;float:right;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;row-gap:15px;border-radius:20px;background-color:hsla(0,0%,100%,.4)}section#geography .flags .flag-item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:33%;text-align:center}section#our-clients{margin-top:80px;text-align:center}section#our-clients .clients-list{max-width:950px;margin:80px auto 0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px;row-gap:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}section#contacts{margin:80px auto 40px;max-width:500px;text-align:center}section#contacts .address,section#contacts p{margin:30px 0 50px;font-weight:500;font-size:20px;line-height:28px}section#contacts .address{font-size:24px;line-height:30px}section#contacts a{font-size:40px;font-weight:700;line-height:48px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-transition:background-color .3s;transition:background-color .3s}section#contacts a:hover{background:var(--gradient-hover);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}section#contacts .copywriting{font-size:16px;font-weight:400;line-height:18px;color:#a5b7b4}@media screen and (max-width:1200px){section .section-title{font-size:50px;line-height:60px}section#first-screen h1{font-size:70px;line-height:78px}section#about .content div{font-size:34px;line-height:40px}section#geography p{margin:25px 0;font-size:22px;line-height:28px}}@media screen and (max-width:992px){section .section-title{font-size:40px;line-height:48px}section#first-screen h1{font-size:58px;line-height:64px}section#about .content{text-align:center}section#about .content div{font-size:30px;line-height:36px}section#about .img-wrap{max-width:350px;margin:0 auto}section#geography:before{width:100%}section#geography .flags{margin:0 auto;float:none;max-width:370px}}@media screen and (max-width:768px){header .col-12 a.img-wrap{margin:0 auto}header .col-12 ul.nav-menu{display:none}section#first-screen:before{width:100%}section#first-screen h1{font-size:42px;line-height:50px}section#about{padding-top:50px}section#about .content div{font-size:26px;line-height:30px}section#our-clients{margin-top:60px}section#our-clients .clients-list{margin:40px auto 0}}@media screen and (max-width:568px){section .section-title{font-size:26px;line-height:30px}section#first-screen h1{font-size:34px;line-height:30px}section#about{padding-top:30px}section#about .content div{font-size:18px;line-height:22px}section#geography{padding:20px 10px;border-radius:20px}section#geography p{margin:20px 0;font-size:18px}section#geography .flags{max-width:100%;padding:10px 5px;row-gap:10px}section#our-clients{margin-bottom:40px}section#contacts{margin:40px auto 20px;max-width:100%}section#contacts .address,section#contacts p{margin:30px 0;font-size:16px;line-height:24px}section#contacts .copywriting{font-size:14px}section#contacts a{font-size:26px;line-height:32px}}@media screen and (max-width:380px){section#geography .flags .flag-item img{max-width:75px}}