/* Fonts */
@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/Inter/static/Inter-SemiBold.ttf');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/Inter/static/Inter-Regular.ttf');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/Inter/static/Inter-Regular.ttf');
}

/* Buttons */
.btns-defaults {
    display: inline-flex;
    min-height: 56px;
    padding: 16px 32px 16px 32px;
    border-radius: 32px;
    align-items: center;
    justify-content: center;

    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: #231F20;

    transition: all .4s;
}

.btns-grey {
    background: #F4F5F6;
    transition: all .4s;
    box-shadow: 0px 0px 0px 0px #fff;
}
.btns-grey:hover {
    text-decoration: none;
    color: #F9FAFC;
    background: linear-gradient(0deg, #2D45EF 13.72%, #6C7DF4 86.53%);
    transition: all .4s;
    box-shadow: 0px 4px 4px 0px #2D45EF40;
}

.btns-blue {
    color: #F9FAFC;
    background: linear-gradient(0deg, #2D45EF 13.72%, #6C7DF4 86.53%);
    box-shadow: 0px 4px 4px 0px #2D45EF40;
    transition: all .4s;
}
.btns-blue:hover {
    background: #F4F5F6;
    transition: all .4s;
    text-decoration: none ;
    box-shadow: 0px 0px 0px 0px #fff;
    color: #231F20;
}

/* Header */
.header__wrapper {
    padding: 16px 0;
    max-width: 1300px;
    margin: 0 auto;
}

.header__buttons {
    text-align: right;
}

.header__buttons .btns-blue {
    margin-left: 10px;
}

@media (max-width: 575px) {
    .header__wrapper {
        text-align: center;
    }
    .header__buttons {
        margin-top: 20px;
        text-align: center;
    }
}

/* Main */
main {
    margin: 0 10px;
}

.team {
    background: #F4F5F6;
    border-radius: 32px;
    max-width: 1364px;
    padding: 72px 0 96px;
    margin: 0 auto;
    text-align: center;

    background-image: url("../images/team-bg-min.png");
    background-repeat: no-repeat;
    background-position: 50% 90%;
}

.team__title {
    font-family: 'Inter';
    font-size: 88px;
    font-weight: 500;
    line-height: 100px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #231F20;
    max-width: 900px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .team__title {
        font-size: 70px;
        line-height: 80px;
    }
}

@media (max-width: 575px) {
    .team__title {
        font-size: 50px;
        line-height: 60px;
    }
}

.team__text {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #99999C;
    max-width: 420px;
    margin: 16px auto 0;

}

.team__buttons {
    margin-top: 20px;
}

.team__buttons .btns-defaults {
    margin: 8px;
    position: relative;
}

.team__buttons .btns-defaults::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 32px;
    padding: 2px;
    background:linear-gradient(0deg, #2D45EF 13.72%, #6C7DF4 86.53%);
    -webkit-mask:
            linear-gradient(0deg, #2D45EF 13.72%, #6C7DF4 86.53%) content-box,
            linear-gradient(0deg, #2D45EF 13.72%, #6C7DF4 86.53%);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.steps {
    max-width: 1364px;
    margin: 80px auto 16px;
}

.steps__item {
    text-align: center;
    position: relative;
}

.steps__item-line:after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='243' height='25' viewBox='0 0 243 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.92513 2.22683C1.94584 1.71589 0.737767 2.09557 0.22683 3.07487C-0.284106 4.05416 0.0955734 5.26223 1.07487 5.77317L2.92513 2.22683ZM243 4L220.127 0.810624L228.802 22.2137L243 4ZM10.1042 10.634C11.0718 11.1668 12.2881 10.8144 12.8209 9.84681C13.3537 8.87924 13.0012 7.66294 12.0337 7.13014L10.1042 10.634ZM20.0314 11.5061C19.0564 10.9869 17.8452 11.3564 17.326 12.3313C16.8068 13.3063 17.1763 14.5175 18.1512 15.0367L20.0314 11.5061ZM37.7455 22.7259C38.825 22.96 39.8899 22.2746 40.1239 21.1951C40.358 20.1157 39.6727 19.0508 38.5932 18.8167L37.7455 22.7259ZM47.3823 20.1056C46.2818 20.0102 45.3124 20.825 45.217 21.9254C45.1217 23.0259 45.9364 23.9953 47.0369 24.0907L47.3823 20.1056ZM69.0036 23.2957C70.0834 23.063 70.77 21.999 70.5373 20.9192C70.3046 19.8394 69.2407 19.1527 68.1609 19.3855L69.0036 23.2957ZM77.2843 16.528C76.261 16.9437 75.7684 18.1103 76.1841 19.1337C76.5999 20.157 77.7665 20.6496 78.7898 20.2338L77.2843 16.528ZM98.9058 10.4416C99.9157 9.99408 100.372 8.81265 99.924 7.8028C99.4765 6.79294 98.2951 6.33707 97.2852 6.78458L98.9058 10.4416ZM106.964 3.39676C105.891 3.66198 105.237 4.74621 105.502 5.81847C105.768 6.89073 106.852 7.54496 107.924 7.27975L106.964 3.39676ZM128.772 7.19236C129.847 7.4464 130.924 6.78092 131.178 5.70596C131.432 4.631 130.767 3.55363 129.692 3.29959L128.772 7.19236ZM139.129 6.46716C138.114 6.03256 136.938 6.50347 136.504 7.51895C136.069 8.53443 136.54 9.70995 137.556 10.1445L139.129 6.46716ZM156.911 19.7658C157.92 20.2163 159.102 19.764 159.553 18.7555C160.004 17.747 159.551 16.5642 158.543 16.1136L156.911 19.7658ZM167.273 19.2192C166.203 18.9477 165.115 19.5955 164.843 20.6662C164.572 21.7369 165.22 22.8249 166.29 23.0964L167.273 19.2192ZM185.573 24.1635C186.674 24.0708 187.491 23.1033 187.398 22.0027C187.305 20.902 186.338 20.0849 185.237 20.1777L185.573 24.1635ZM192.063 19.34C190.973 19.5158 190.231 20.5422 190.407 21.6327C190.583 22.7232 191.609 23.4648 192.7 23.2891L192.063 19.34ZM208.348 19.5282C209.402 19.199 209.99 18.0773 209.661 17.023C209.332 15.9686 208.21 15.3808 207.156 15.71L208.348 19.5282ZM213.739 13.4933C212.699 13.8663 212.158 15.0115 212.531 16.0512C212.904 17.0909 214.05 17.6313 215.089 17.2583L213.739 13.4933ZM229.912 11.4884C230.935 11.0713 231.426 9.90401 231.009 8.88123C230.592 7.85845 229.424 7.36747 228.401 7.7846L229.912 11.4884ZM234.908 5.12174C233.885 5.53992 233.395 6.7077 233.814 7.73005C234.232 8.7524 235.4 9.24217 236.422 8.82399L234.908 5.12174ZM1.07487 5.77317C4.39914 7.50757 7.36856 9.12763 10.1042 10.634L12.0337 7.13014C9.28836 5.61843 6.28865 3.98171 2.92513 2.22683L1.07487 5.77317ZM18.1512 15.0367C24.7027 18.5255 30.4454 21.1429 37.7455 22.7259L38.5932 18.8167C31.8137 17.3467 26.4447 14.9213 20.0314 11.5061L18.1512 15.0367ZM47.0369 24.0907C50.1838 24.3634 53.6352 24.5 57.5 24.5V20.5C53.7281 20.5 50.394 20.3667 47.3823 20.1056L47.0369 24.0907ZM57.5 24.5C61.6862 24.5 65.4849 24.054 69.0036 23.2957L68.1609 19.3855C64.9123 20.0856 61.396 20.5 57.5 20.5V24.5ZM78.7898 20.2338C82.4471 18.7481 85.8429 17.017 89.1239 15.3102C92.4274 13.5917 95.5941 11.9092 98.9058 10.4416L97.2852 6.78458C93.831 8.3153 90.531 10.0694 87.278 11.7616C84.0025 13.4655 80.7521 15.1192 77.2843 16.528L78.7898 20.2338ZM107.924 7.27975C111.16 6.47927 114.639 6 118.5 6V2C114.297 2 110.497 2.52285 106.964 3.39676L107.924 7.27975ZM118.5 6C122.218 6 125.607 6.44437 128.772 7.19236L129.692 3.29959C126.242 2.48438 122.545 2 118.5 2V6ZM137.556 10.1445C140.848 11.5534 143.981 13.1904 147.163 14.8718C150.325 16.5422 153.546 18.2625 156.911 19.7658L158.543 16.1136C155.323 14.6753 152.228 13.0237 149.032 11.3351C145.857 9.65754 142.59 7.94839 139.129 6.46716L137.556 10.1445ZM166.29 23.0964C169.75 23.9737 173.449 24.5 177.5 24.5V20.5C173.804 20.5 170.436 20.021 167.273 19.2192L166.29 23.0964ZM177.5 24.5C180.27 24.5 182.954 24.3843 185.573 24.1635L185.237 20.1777C182.73 20.389 180.158 20.5 177.5 20.5V24.5ZM192.7 23.2891C198.061 22.4252 203.207 21.1336 208.348 19.5282L207.156 15.71C202.158 17.2705 197.201 18.5122 192.063 19.34L192.7 23.2891ZM215.089 17.2583C219.892 15.5355 224.781 13.5809 229.912 11.4884L228.401 7.7846C223.279 9.87367 218.456 11.801 213.739 13.4933L215.089 17.2583Z' fill='black'/%3E%3C/svg%3E%0A");
    width: 241px;
    height: 19px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    display: block;

    top: 28%;
    right: -29%;
}

@media (max-width: 1200px) {
    .steps__item-line:after {
        top: 28%;
        right: -28%;
        width: 200px;
        height: 14px;
    }
}

@media (max-width: 991px) {
    .steps__item-line:after {
        display: none;
    }
}

.steps__title {
    font-family: 'Inter';
    font-size: 48px;
    font-weight: 600;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: center;
}

.steps .team__text {
    margin: 16px auto 29px;
}

.steps__item {
    margin-bottom: 50px;
}

.steps__item-title {
    font-family: 'Inter';
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: center;
    margin: 32px 0 8px;
    color: #231F20;
}

.steps__item-text {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: #99999C;
}

.way {
    max-width: 1364px;
    margin: 0px auto 64px;
}

.way__image {
    background: #F4F5F6;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 70px 20px;
}

.way__image img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 767px) {
    .way__content {
        text-align: center;
        margin-top: 30px;
    }
}

/* Footer */
.footer {
    margin: 62px auto;
    max-width: 1360px;
}

.footer__menu {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
}

.footer__menu li {
    display: inline-flex;
}

.footer__menu li a {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    color: #231F20;

    display: inline-block;
    margin: 10px 16px;
    transition: all 0.3s;
}

.footer__menu li a:hover {
    transition: all 0.3s;
    color: #6C7DF4;
    text-decoration: none;
}

.footer__socials {
    display: inline-flex;
    justify-content: right;
    width: 100%;
}

.footer__socials a {
    display: inline-flex;
    width: 26px;
    height: 26px;
    background: #231F20;
    margin-left: 8px;
    align-items: center;
    justify-content: center;

    transition: all .3s;
    border-radius: 50%;
}

.footer__socials a:hover {
    background: #6C7DF4;
    transition: all .3s;
    border-radius: 0%;
}

@media (max-width: 767px) {
    .footer,
    .footer__socials {
        text-align: center;
        justify-content: center;
    }
}