.main{
    margin-top: 109px;
    overflow: hidden;
}
.main__inner{
    margin-left: -10px;
    max-width: 1180px;
}
.main__title{
    margin-bottom: 15px;
    font-size: 65px;
    font-weight: 400;
    line-height: 85px;
    letter-spacing: -1.5px;
    text-align: left;
    text-transform: uppercase;
}
.main__descr{
    font-size: 20px;
    font-weight: 300;
    line-height: 130%;
    max-width: 531px;
}
.main__block:nth-child(2) {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto repeat(8, 100px);
    gap: 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "a a b c"
        "a a d h"
        "e f g h"
        "i j k l"
        "m n o l"
        "p q r s"
        "p t u v"
        "p w x y"
        "z aa bb cc";
}
.main__item-1 {
    grid-area: a;
}
.main__item-2 {
    grid-area: b;
}
.main__item-3 {
    grid-area: c;
}
.main__item-4{
    grid-area: d;
}
.main__item-5{
    grid-area: e;
}
.main__item-6{
    grid-area: f;
}
.main__item-7{
    grid-area: g;
}
.main__item-8{
    grid-area: h;
}
.main__item-9{
    grid-area: i;
}
.main__item-10{
    grid-area: j;
}
.main__item-11{
    grid-area: k;
}
.main__item-12{
    grid-area: l;
}
.main__item-13{
    grid-area: m;
}
.main__item-14{
    grid-area: n;
}
.main__item-15{
    grid-area: o;
}
.main__item-16{
    grid-area: p;
}
.main__item-17{
    grid-area: q;
}
.main__item-18{
    grid-area: r;
}
.main__item-19{
    grid-area: s;
}
.main__item-20{
    grid-area: t;
}
.main__item-21{
    grid-area: u;
}
.main__item-22{
    grid-area: v;
}
.main__item-23{
    grid-area: w;
}
.main__item-24{
    grid-area: x;
}
.main__item-25{
    grid-area: y;
}
.main__item-26{
    grid-area: z;
}
.main__item-27{
    grid-area: aa;
}
.main__item-28{
    grid-area: bb;
}
.main__item-29{
    grid-area: cc;
}
.main__item-image{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(54, 140, 193, 0.8);
    border-radius: 10px;
    padding: 5px;
    min-height: 100px;
}
.main__item-image img{
    max-width: 100%;
    max-height: 100%;
}
.main__item-name{
    border: 3px solid rgba(54, 140, 193, 0.8);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.main__item-name p{
    color: rgb(54, 140, 193);
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 23px;
    text-transform: uppercase;
}
.main__block:nth-child(2) .main__item-baner{
    width: 280px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background: rgba(140, 39, 130, 0.8);
    margin: auto;
}
.main__block:nth-child(2) .main__item-baner p{
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 40px;
    font-weight: 300;
    line-height: 26px;
    text-align: center;
}
.main__block:nth-child(2) .main__item-baner p span:first-of-type {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.6px;
    position: relative;
    left: 17px;
}
.main__block:nth-child(2) .main__item-baner p span:nth-of-type(2){
    font-size: 30px;
    font-weight: 300;
    line-height: 35px;
}
.main__block:nth-child(2) .main__item-baner p span:nth-of-type(3) {
    font-family: 'Koulen', sans-serif;
    font-size: 60px;
    font-weight: 400;
    line-height: 0px;
    position: relative;
    top: 21px;
    left: 8px;
}
.main__block:nth-child(2) .main__item-baner p span:last-of-type {
    font-size: 18px;
    font-weight: 300;
    line-height: 100%;
    margin-top: 20px;
    position: relative;
    top: 11px;
    left: 8px;
}
.main__block:nth-child(4) {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: repeat(6, 100px);
    gap: 10px;
    grid-auto-flow: row;
    grid-template-areas:
        "a b c d"
        "e f g h"
        "i j k l"
        "m n k l"
        "o p q l"
        "o r s t";
}
.main__item-30 { grid-area: a; }
.main__item-31 { grid-area: b; }
.main__item-32 { grid-area: c; }
.main__item-33 { grid-area: d; }
.main__item-34 { grid-area: e; }
.main__item-35 { grid-area: f; }
.main__item-36 { grid-area: g; }
.main__item-37 { grid-area: h; }
.main__item-38 { grid-area: i; }
.main__item-39 { grid-area: j; }
.main__item-40 { grid-area: k; }
.main__item-41 { grid-area: l; }
.main__item-42 { grid-area: m; }
.main__item-43 { grid-area: n; }
.main__item-44 { grid-area: o; }
.main__item-45 { grid-area: p; }
.main__item-46 { grid-area: q; }
.main__item-47 { grid-area: r; }
.main__item-48 { grid-area: s; }
.main__item-49 { grid-area: t; }

.main__block:nth-child(4) .main__item-baner{
    width: 280px;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    background: rgba(140, 39, 130, 0.8);
    margin-top: 20px;
    margin-left: auto;
}
.main__block:nth-child(4) .main__item-baner p {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 34px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    margin-left: -40px;
}
.main__block:nth-child(4) .main__item-baner p span:first-of-type {
    font-size: 35px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0.8px;
    position: relative;
    left: 18px;
}
.main__block:nth-child(4) .main__item-baner p span:nth-of-type(2) {
    font-family: 'Koulen', sans-serif;
    font-size: 65px;
    font-weight: 400;
    line-height: 0px;
    position: relative;
    top: 19px;
    left: 33px;
}
.main__block:nth-child(4) .main__item-baner p span:last-of-type {
    font-size: 18px;
    font-weight: 300;
    line-height: 100%;
    position: relative;
    top: 8px;
    left: 43px;
}
.main__content{
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 0 15px;
    margin: 60px -15px 0 -15px;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.main__content::-webkit-scrollbar {
    display: none;
}
.main__content:last-of-type{
    margin-top: 40px;
}
.main__content-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
}
.main__content-item p{
    text-wrap: nowrap;
    color: rgb(54, 140, 193);
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: left;
    text-transform: uppercase;
}
.main__content:not(:last-of-type) .main__content-item:first-child p,
.main__content:not(:last-of-type) .main__content-item:last-child p{
    font-size: 20px;
    line-height: 23px;
}
.main__content:last-of-type .main__content-item{
    gap: 10px;
}
@media (max-width: 1279px) {
    .main .container {
        padding: 0 62px;
    }
    .main__inner{
        margin: 0;
    }
    .main__block:nth-child(2) {
        grid-template-columns: 1fr 1fr 1fr; 
        grid-template-rows: auto repeat(9, 100px);
        gap: 10px; 
        grid-template-areas: 
          "a a b"
          "a a d"
          "e f g"
          "c i j"
          "h m n"
          "h p q"
          "k p t"
          "o p w"
          "r z aa"
          "u x bb"; 
    }
    .main__item-29,
    .main__item-25,
    .main__item-22,
    .main__item-19,
    .main__item-12{
        display: none;
    }
    .main__block:nth-child(4) {
        grid-template-columns: 1fr 1fr 1fr; 
        grid-template-rows: repeat(8, 100px);
        grid-template-areas: 
          "b c d"
          "f g h"
          "j k l"
          "n k l"
          "p q l"
          "r s t"
          "a i o"
          "e m o"; 
    }
    .main__content{
        padding: 0 62px;
        margin: 60px -62px 0 -62px;
        cursor: default;
        user-select: none;
    }
}
@media (max-width: 999px) {
    .main{
        margin-top: 91px;
    }
    .main .container {
        padding: 0 10px;
    }
    .main__block:nth-child(2) {
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: auto repeat(14, 100px);
        grid-template-areas: 
            "a a"
            "a a"
          "e f"
          "c i"
          "h m"
          "h p"
          "k p"
          "o p"
          "r z"
          "u x"
          "b q"
          "d t"
          "g w"
          "j aa"
          "n bb"; 
    }
    .main__links {
        margin-bottom: 5px;
    }
    .main__title {
        letter-spacing: -1px;
        margin-left: -6px;
    }
    .main__item-1 {
        margin-top: 10px;
    }
    .main__block:nth-child(4) {
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: repeat(12, 100px); 
        grid-template-areas: 
          "c d"
          "g h"
          "k l"
          "k l"
          "q l"
          "s t"
          "i o"
          "m o"
          "b p"
          "f r"
          "j a"
          "n e"; 
      }
}
@media (max-width: 767px) {
    .main__content {
        padding: 0 10px;
        margin: 60px -10px 0 -10px;
    }
    .main__block:nth-child(2) .main__item-baner {
        width: 220px;
        height: 220px;
        margin: auto;
    }
    .main__block:nth-child(2) .main__item-baner p {
        font-size: 30px;
        line-height: 23px;
        margin-left: -15px;
        margin-top: 8px;
    }
    .main__block:nth-child(2) .main__item-baner p span:first-of-type {
        font-size: 24px;
        left: 17px;
        top: -2px;
    }
    .main__block:nth-child(2) .main__item-baner p span:nth-of-type(2) {
        font-size: 23px;
        line-height: 25px;
        position: relative;
        top: -3px;
    }
    .main__block:nth-child(2) .main__item-baner p span:nth-of-type(3) {
        font-size: 46px;
        top: 12px;
        left: 8px;
    }
    .main__block:nth-child(2) .main__item-baner p span:last-of-type {
        font-size: 14px;
        top: 5px;
        left: 8px;
    }
    .main__block:nth-child(4) .main__item-baner{
        width: 220px;
        height: 220px;
        margin: auto;
    }
    .main__block:nth-child(4) .main__item-baner p {
        font-size: 23px;
        line-height: 13px;
        margin-left: -28px;
        margin-top: 19px;
    }
    .main__block:nth-child(4) .main__item-baner p span:first-of-type {
        font-size: 23px;
        font-weight: bold;
        line-height: 39px;
        top: -3px;
        left: 11px;
    }
    .main__block:nth-child(4) .main__item-baner p span:nth-of-type(2) {
        font-size: 44px;
        top: 9px;
        left: 20px;
    }
    .main__block:nth-child(4) .main__item-baner p span:last-of-type {
        font-size: 12px;
        font-weight: 300;
        line-height: 100%;
        position: relative;
        top: 8px;
        left: 26px;
    }
    .main {
        margin-top: 126px;
    }
    .main__block:nth-child(2){
        margin-top: -53px;
    }
    .main__item-1 {
        margin-top: 63px;
    }
    .main__title {
        margin-bottom: 15px;
        font-size: 50px;
        font-weight: 400;
        line-height: 61px;
        margin-left: -4px;
    }
    .main__descr {
        font-size: 16px;
        font-weight: 300;
        line-height: 130%;
        max-width: 425px;
    }
    .main__content{
        margin-top: 40px;
    }
    .main__block:nth-child(4){
        margin-top: 40px;
    }
}
@media (max-width: 479px) {
    .main__item-name p{
        font-size: 18px;
    }
    .main {
        margin-top: 184px;
    }
    .main__item-1 {
        margin-top: 57px;
    }
    .main__title{
        font-size: 40px;
        margin-bottom: 10px;
        margin-left: -3px;
    }
    .main__block:nth-child(2) {
        grid-template-columns: 1fr 1fr; 
        grid-template-rows: auto repeat(14, 100px);
        grid-template-areas: 
            "a a"
            "a a"
            "e f"
            "c i"
            "h m"
            "h p"
            "k p"
            "o z"
            "r x"
            "u q"
            "b t"
            "d w"
            "g aa"
            "j bb"
            "n xx"; 
    }
    .main__item-name p {
        font-size: 14px;
    }
    .main__item-image img{
        max-width: 116px;
    }
    .main__block:nth-child(2) .main__item-baner{
        width: 160px;
        height: 160px;
    }
    .main__block:nth-child(2) .main__item-baner p {
        font-size: 20px;
        line-height: 20px;
        margin-left: -8px;
        margin-top: 12px;
    }
    .main__block:nth-child(2) .main__item-baner p span:first-of-type {
        font-size: 16px;
        left: 7px;
        top: -3px;
    }
    .main__block:nth-child(2) .main__item-baner p span:nth-of-type(2) {
        font-size: 16px;
        line-height: 5px;
        position: relative;
        top: -8px;
    }
    .main__block:nth-child(2) .main__item-baner p span:nth-of-type(3) {
        font-size: 32px;
        top: 2px;
        left: 6px;
    }
    .main__block:nth-child(2) .main__item-baner p span:last-of-type {
        font-size: 10px;
        top: -5px;
        left: 8px;
    }
    .main__block:nth-child(4) {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: repeat(12, 100px);
        grid-template-areas: "c d"
              "g h"
              "k l"
              "k l"
              "q t"
              "s o"
              "i o"
              "m p"
              "b r"
              "f a"
              "j e"
              "n xx";
    }
    .main__block:nth-child(4) .main__item-baner {
        width: 160px;
        height: 160px;
    }
    .main__block:nth-child(4) .main__item-baner p {
        font-size: 18px;
        line-height: 4px;
        margin-left: -18px;
        margin-top: 15px;
    }
    .main__block:nth-child(4) .main__item-baner p span:first-of-type {
        font-size: 18px;
        font-weight: bold;
        line-height: 34px;
        top: -3px;
        left: 13px;
    }
    .main__block:nth-child(4) .main__item-baner p span:nth-of-type(2) {
        font-size: 34px;
        top: 5px;
        left: 20px;
    }
    .main__block:nth-child(4) .main__item-baner p span:nth-of-type(2) {
        font-size: 34px;
        top: 5px;
        left: 20px;
    }
    .main__content:last-of-type {
        margin-top: 20px;
    }    
}