/* FONT 
- Font sizes (px)
        10 / 12 / 14 / 16 / 18 / 20 / 24 / 28 / 32 / 36 / 44 / 52 / 62 / 74 / 86 / 98 / 110 / 112 / 124
*/
    
    @font-face {
        font-family: "Gilroy-R";
        src: local("Gilroy Regular"), local("Gilroy-Regular"), url("/fonts/Gilroy-Regular.woff2") format("woff2"), url("/fonts/Gilroy-Regular.woff") format("woff"), url("/fonts/Gilroy-Regular.ttf") format("truetype");
        font-weight: 400;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Gilroy-M";
        src: local("Gilroy Medium"), local("Gilroy-Medium"), url("/fonts/Gilroy-Medium.woff") format("woff"), url("/fonts/Gilroy-Medium.ttf") format("truetype");
        font-weight: 500;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Gilroy-B";
        src: local("Gilroy Bold"), local("Gilroy-Bold"), url("/fonts/Gilroy-Bold.woff2") format("woff2"), url("/fonts/Gilroy-Bold.woff") format("woff"), url("/fonts/Gilroy-Bold.ttf") format("truetype");
        font-weight: 700;
        font-style: normal;
    }
    
    @font-face {
        font-family: "Gilroy-XB";
        src: url("/fonts/Gilroy-Extrabold.woff") format("woff");
    }
    
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }
    
    html {
        font-size: 62.5%;
    }
    
    body {
        height: 100vh;
        font-family: sans-serif;
        line-height: 1;
        font-weight: 400;
        color: #555;
    }
    
    .bg-img {
        background-image: url(/img/bg-shorter.png);
        transform: translate(0, 0);
        background-size: cover;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .container-inner {
        max-width: 110rem;
        margin: 0 auto;
        padding: 0rem 3rem;
    }
    
    .title {
        font-family: "Gilroy-XB";
        font-size: 11.5rem;
        margin-bottom: 1.8rem;
        padding: 6.8rem 0 2rem 0;
    }
    
    .main-text {
        font-family: "Gilroy-R";
        font-size: 3rem;
        text-transform: uppercase;
        line-height: 1.5;
        padding-bottom: 5.2rem;
        color: #141414;
    }
    
    .ventum {
        color: #33b7a4;
    }
    
    .it {
        color: #ee6f52;
    }
    
    .grid-tablet-1 {
        display: grid;
    }
    
    .logos-first {
        display: grid;
        margin: 0 auto;
        padding-bottom: 2rem;
        gap: 4rem;
        padding: 3rem -3rem 0 0;
        grid-template-columns: 0.75fr 1fr 1fr 0.75fr 1fr 1fr;
        align-items: center;
    }
    
    .logos-second {
        display: grid;
        margin: 0 auto;
        gap: 10rem;
        padding: 3rem -3rem 0 0;
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
        align-items: center;
        padding-bottom: 5.8rem;
    }
    
    .logo-1 {
        max-width: 8rem;
        padding-top: 1rem;
    }
    
    .logo-2 {
        max-width: 15rem;
        padding-top: 0.5rem;
    }
    
    .logo-3 {
        max-width: 13rem;
        padding-top: 0.5rem;
    }
    
    .logo-4 {
        max-width: 6.6rem;
    }
    
    .logo-5 {
        max-width: 12rem;
    }
    
    .logo-6 {
        max-width: 15rem;
    }
    
    .contacts-bg {
        background-color: #33b7a4;
        size: 100vw;
        margin-bottom: 4.6rem;
    }
    
    .contacts {
        display: grid;
        padding: 2.5rem 3rem;
        grid-template-columns: 1.4fr 1.4fr 1.4fr 1fr;
        align-items: start;
        margin: 0 auto 2rem auto;
        color: #fff;
        line-height: 1.35;
        column-gap: 3rem;
        font-size: 2.2rem;
    }
    
    .name {
        font-family: 'Gilroy-B';
    }
    
    .accounting,
    .purchase,
    .sales,
    .warehouse {
        font-family: 'Gilroy-M';
    }
    
    footer {
        color: #141414;
        font-size: 1.8rem;
    }
    
    .footer-wrapper {
        margin-bottom: 10rem;
    }
    
    .info {
        display: flex;
        justify-content: space-between;
    }
    
    .address {
        display: block;
        margin: 0.5rem 0;
    }
    
    .company-data {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 4.2rem;
    }
    
    .btn-terms:link,
    .btn-terms:visited {
        background-color: #ee6f52;
        color: #fff;
        transition: all 0.3s;
        text-transform: uppercase;
        text-decoration: none;
        padding: 1rem 2rem;
        border-radius: 2.5rem;
        font-family: 'Gilroy-B', sans-serif;
    }
    
    .btn-terms:hover,
    .btn-terms:active {
        background-color: #d3583c;
    }