html {
        scroll-behavior: smooth;
    }
    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    body {
        margin: 0;
        padding: 0;
        height: 100%;
      
        font-family: "Exo 2", sans-serif;
        overflow-x: hidden;
      
        background-color: #EAEDEF;
    }
    @font-face {
        font-family: "Exo 2";
        src: url("font/Exo2-VariableFont_wght.ttf") format("truetype");
        font-weight: 100-900;
        font-style: normal;
        font-display: swap;
    }
    @font-face {
        font-family: "Inter";
        src: url("font2/Inter-VariableFont_slnt,wght.ttf") format("truetype");
        font-weight: 100-900;
        font-style: normal;
        font-display: swap;
    }
    #loader {
        justify-content: center;
        align-items: center;
        height: 100vh;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 9999;
    }
    .centration {
        display: flex; 
        justify-content: center;
    }
    
    .msh90 {
        display: flex;
        justify-content: center;
        align-items: center
    }
    .msh91 {
        animation: rotateImage 4s forwards; width: 27.1vw; max-width: 435px; min-width: 110px;
    }
    .msh92 {
        position: absolute; z-index: 5; width: 32vw; max-width: 512px; min-width: 136px;
    }
    .msh93 {
        position: absolute; z-index: 6; width: 28vw; max-width: 447px; min-width: 95px; animation: trans 2s forwards;
    }
    @keyframes rotateImage {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }
    @keyframes trans {
        from {
            opacity: 0;
        }
        to {
            opacity: 1;
        }
    }
    .msh340 {
        flex-direction: column; justify-content: center; align-items: flex-start; gap: 5px; display: flex
    }
    @media screen and (min-width: 1301px) {
        .msh42 {
            height: 260px;
        }
        .msh43 {
            color: white; font-size: 48px; font-family: 'Exo 2'; font-weight: 700; text-transform: uppercase; word-wrap: break-word; margin: 0; white-space: nowrap;
        }
        .p5 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 50px; display: inline-flex; margin-right: 100px
        }
        .p6 {
            color: white; font-size: 50px; font-family: 'Exo 2'; font-weight: 700; text-transform: uppercase; word-wrap: break-word; width: 410px;
        }
        .csh20 {
            font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .a5 {
            text-decoration: none; color: white; font-size: 20px; font-family: "Exo 2"; font-weight: 600; word-wrap: break-word
        }
        #up {
            width: 100vw; 
            padding-top: 20px; 
            padding-bottom: 20px; 
            background: #1D282D;
        }
        .a1 {
            max-width: 1520px; 
             
            padding-right: 40px; 
            display: flex; 
            justify-content: space-between; 
            align-items: center; 
            margin: 0 auto;
        }
          
          .a2 {
            padding-left: 40px;
          }
          .a4 {
            justify-content: flex-start; 
            align-items: center; 
            gap: 40px; 
            display: flex
        }
        .msh4 {
            display: none;
        }
        .a5001 {
            text-decoration: none; color: white; font-size: 20px; font-family: "Exo 2"; font-weight: 600; word-wrap: break-word; margin: 0; padding: 0;
        }
        .msh94 {
            width: 100vw; min-height: 563px; max-width: 1600px; height: 140vw; max-height: 748px; background-image: url(main2.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover;
        }
        .csh4 {
            left: 100px; top: 115px; position: relative; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex
        }
        .csh7 {
            width: 594px; z-index: 5; margin: 0; color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh96 {
            width: 567px;
        }
        .msh98 {
            display: none
        }
        .zamovroz {
            padding: 20px; 
            background: #A1825D; 
            border-radius: 5px; 
            overflow: hidden; 
            justify-content: center; 
            align-items: center; 
            gap: 10px; 
            display: inline-flex;
            transition: background-color 1s, color 1s;
            z-index: 5;
            text-decoration: none;
        }
          
        .zamovroz:hover {
            background-color: white;
        }
        
        .zamovroz:hover .roz {
            color: #1D282D; 
        }
        .otstup {
            width: 100vw;
            height: 120px;
        }
        .kont {
            width: 100%;
            padding-top: 30px; 
            padding-bottom: 30px; 
            border-bottom: 1.50px black solid; 
            justify-content: flex-start; 
            align-items: center; 
            gap: 15px; 
            display: inline-flex;
            transition: background-color 1s;
            text-decoration: none;
        }
        .kont:hover {
            background-color: #D0DCE3;
        }
        .x7 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .csh9 {
            margin: 0px 0px 30px 0px; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 1000; text-transform: uppercase; word-wrap: break-word
        }
        .msh117555 {
            padding-left: 90px;
        }
        .msh118e {
            height: 100%;
            
        }
        .msh300 {
            width: 100vw;
            max-width: 1600px;
        }
        .msh302 {
            width: 50%;
            max-width: 700px;
            margin-right: 90px;
        }
        .cntn {
            background: #737F7F;
            color: white;
            transition: background-color 1s, color 1s;
        }
        .cntn:hover {
            background-color: #B1B7BA;
            color: black;
        }
        .csh13 {
            padding-left: 90px; padding-right: 90px; padding-top: 100px; padding-bottom: 100px; background: #1D282D; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
        }
        .csh14 {
            color: white; margin: 0; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .csh16 {
            width: 340px; height: 366px; padding-top: 30px; padding-bottom: 30px; border-radius: 10px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: center; gap: 40px; display: inline-flex
        }
        .csh17 {
            width: 340px; height: 366px; padding-top: 30px; padding-bottom: 30px; border-radius: 10px; overflow: hidden; flex-direction: column; justify-content: flex-start; align-items: center; gap: 10px; display: inline-flex
        }
        .vector-pp {
            fill: white;
            transition: fill 1s;
        }
        .cntn:hover .vector-pp {
            fill: black;
        }
        .csh18 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex
        }
        .csh19 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex
        }
        .msh319 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 40px; display: flex
        }
        .msh31911 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex
        }
        .csh21 {
            width: 261px; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .csh22 {
            width: 278px; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .csh23 {
            width: 260px; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .csh24 {
            margin: 0 0 0 90px; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .csh25 {
            max-width: 1422px; justify-content: flex-start; gap: 20px; display: inline-flex
        }
        .csh26 {
            width: 700px; height: 470px; border-radius: 10px
        }
        .csh27 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex
        }
        .csh28 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .csh29 {
            max-width: 697px; margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word; text-align: left;
        }
        .noshowpc {
            display: none;
        }
        .csh30 {
            padding-left: 79px; padding-right: 79px; padding-top: 50px; padding-bottom: 50px; background: #1D282D; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px; display: flex
        }
        .csh31 {
            color: white; margin: 0; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .csh32 {
            justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex
        }
        .csh33 {
            width: 400px; border-radius: 10px
        }
        .msh117e {
            justify-content: center; align-items: center; gap: 20px; display: flex; flex-wrap: wrap; max-width: 1600px
        }
        .csh34 {
            max-width: 1600px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex
        }
        .csh35 {
            color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; margin: 0px 0px 0px 80px;
        }
        .csh36 {
            justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 20px; display: flex
        }
        .csh37 {
            width: 460px; padding-top: 20px; padding-bottom: 20px; background: #EEF7FB; border-radius: 10px; overflow: hidden; border: 1px #A7C2CE solid; flex-direction: column; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .csh38 {
            width: 389px; margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .csh39 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .stars {
            width: 19px; height: 17px
        }
        .mm3 {
            margin-top: 50px; margin-left: 10px; display: flex; justify-content: flex-start; gap: 3px; margin-bottom: 60px
        }
        .p3 {
            position: relative; top: -2px; width: 100vw; max-width: 1600px;
        }
        .mm4 {
            display: none;
        }
        .mm5 {
            display: none;
        }
        .p11 {
            color: white; font-size: 30px; font-family: 'Exo 2'; font-weight: 500; word-wrap: break-word
        }
        .p9 {
            color: white; font-size: 30px; font-family: 'Exo 2'; font-weight: 500; text-transform: uppercase; word-wrap: break-word
        }
        .p15 {
            width: 228px; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex
        }
        .p16 {
            text-decoration: none; color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; text-transform: uppercase; word-wrap: break-word; margin-bottom: 50px;
        }
        .p22 {
            justify-content: flex-start; align-items: flex-start; gap: 50px; display: flex
        }
        .p12 {
            text-decoration: none; padding-left: 50px; padding-right: 50px; padding-top: 25px; padding-bottom: 25px; background: white; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .p13 {
            color: #1D282D; font-size: 20px; font-family: 'Inter'; font-weight: 600; word-wrap: break-word
        }
        .p27 {
            width: 1204px; height: 59px; padding-top: 10px; padding-bottom: 10px; display: flex; justify-content: space-between; align-items: center; margin: 0 auto;
        }
        .bgg {
            background: #14191C; width: 100vw;
        }
        .p28 {
            color: white; font-size: 20px; font-family: 'Exo 2'; font-weight: 500; word-wrap: break-word
        }
        .b1 {
            max-width: 1600px; 
            width: 100vw; 
            height: 252px; 
            
        }
        .msh258 {
            max-width: 1420px; margin-left: 90px; margin-right: 90px; width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 100px; display: inline-flex
        }
        .msh259 {
            max-width: 450px; margin: 0; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh250 {
            justify-content: flex-start; gap: 20px; display: flex; align-items: center; max-width: 100%;
        }
        .msh1169 .msh250:nth-child(even) {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-start; 
            align-items: center; 
            gap: 20px; 
            max-width: 100%;
        }
        .msh1169 {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            align-items: flex-start;
            gap: 100px;
        }
        .msh116 {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            align-items: flex-start;
            gap: 100px;
        }
        .msh116eee {
            display: flex;
            justify-content: flex-start;
            flex-direction: column;
            align-items: flex-start;
            gap: 100px;
            margin-right: 90px;
            margin-left: 90px;
        }
        .msh116 .msh117:nth-child(odd) {
            justify-content: flex-start; align-items: center; gap: 28px; display: flex; flex-direction: row-reverse
        }
        .msh116eee .msh117:nth-child(odd) {
            justify-content: flex-start; align-items: center; gap: 28px; display: flex; flex-direction: row-reverse
        }
        .msh216 {
            text-decoration: none; width: 100%; height: 90px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; display: flex; transition: background-color 1s;
        }
        .msh216:hover {
              background-color: #D0DCE3;
        }
        .msh217 {
            margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        } 
        .msh258 {
            max-width: 1420px; margin-left: 90px; margin-right: 90px; width: 100%; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 100px; display: inline-flex
        }
        .msh259 {
            max-width: 450px; margin: 0; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh260 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 30px; display: inline-flex
        }
        .msh262 {
            max-width: 683px; color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh263 {
            max-width: 643px; text-align: right; margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh264 {
            max-width: 700px; min-width: 570px; margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh265 {
            max-width: 700px; min-width: 570px; margin: 0; text-align: right; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh266 {
            max-width: 700px; min-width: 570px; margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh268 {
            width: 771px; height: 96px; flex-direction: column; justify-content: flex-start; align-items: center; display: flex
        }
        .msh269 {
            margin: 0; color: black; font-size: 20px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh270 {
            margin: 0; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh2165 {
            text-decoration: none; width: 100%; height: 90px; border-bottom: 1.50px black solid; justify-content: flex-end; align-items: center; display: inline-flex; transition: background-color 1s;
        }
        .msh2165:hover {
            background-color: #D0DCE3;
        }
        .msh21655 {
            text-decoration: none; text-align: right; width: 100%; height: 120px; border-bottom: 1.50px black solid; justify-content: flex-end; align-items: center; display: inline-flex; transition: background-color 1s;
        }
        .msh21655:hover {
            background-color: #D0DCE3;
        }
        .msh21656 {
            text-decoration: none; width: 100%; height: 120px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; display: inline-flex; transition: background-color 1s;
        }
        .msh21656:hover {
            background-color: #D0DCE3;
        }
        .msh268 {
            width: 771px; height: 96px; flex-direction: column; justify-content: flex-start; align-items: center; display: flex; margin: 0 auto
        }
        .msh269 {
            margin: 0; color: black; font-size: 20px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        
        .msh114ee {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px; display: flex
        }
        .msh210 {
            display: flex; justify-content: flex-start; gap: 20px; max-width: 1600px; flex-direction: row-reverse;
        }
        .in5 {
            max-width: 700px; max-height: 600px; margin-right: 90px;
        }
        .in3 {
            max-width: 700px; width: 100%; margin-left: 90px;
        }
        .in4 {
            width: 953px; color: black; margin: 0; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .in1 {
            width: calc(100% - 20px);
            padding-top: 20px;
            padding-bottom: 20px;
            padding-left: 20px;
            border-bottom: 1px #737F7F solid;
            gap: 10px;
            flex-direction: column;
            display: flex;
            cursor: pointer;
            transition: background-color 1s ease;
        }
          
        .mi2 {
            color: black;
            font-size: 25px;
            font-family: 'Exo 2';
            font-weight: 600;
            word-wrap: break-word;
            margin: 0;
        }
          
        .in1:hover {
            background-color: #D0DCE3;
        }
          
        .in1.active {
            transition: background-color 0.1s ease; 
        }
        .content {
            max-height: 0;
            margin: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, background-color 0.1s ease, padding-top 0.2s ease;
            background-color: transparent;
            max-width: 619px;
            color: black;
            font-size: 25px;
            font-family: 'Exo 2';
            font-weight: 300;
            word-wrap: break-word;
        }
        .msh115 {
            margin: 0px 0px 0px 90px; position: relative; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh115e1 {
            margin: 0; position: relative; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh114 {
            flex-direction: column; justify-content: flex-start; gap: 100px; display: flex;
        }
        .msh117 {
            justify-content: flex-start; align-items: center; gap: 69px; display: flex;
        }
        .msh1186666 {
            max-width: 100%; min-width: 610px; max-height: 444px; border-top-left-radius: 10px; border-top-right-radius: 10px
        }
        .msh119 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 28px; display: flex; margin-left: 90px;
        }
        .msh11999 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 28px; display: flex;
        }
        .msh119eee {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 28px; display: flex;
        }
        .msh121 {
            margin: 0; max-width: 630px; min-width: 580px; width: 100%; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word; margin-right: 30px;
        }
        .msh121eee {
            margin: 0; max-width: 630px; min-width: 580px; width: 100%; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word;
        }
        .msh120 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .b12 {
            width: 100vw; padding-top: 50px; padding-bottom: 50px; background: #1D282D; justify-content: center; gap: 20px; display: flex
        }
        .b13 {
            width: 400px; height: 300px; border-radius: 10px
        }
        .x1 {
            width: 1420px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px; display: inline-flex
        }
        .x2 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 5px; display: flex
        }
        .x3 {
            margin: 0; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .x4 {
            margin: 0; width: 700px; text-align: center; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .x5 {
            flex-direction: column; justify-content: center; align-items: flex-end; gap: 20px; display: flex
        }
        
        .x7 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .x8 {
            padding-left: 20px; padding-right: 20px; background: #B4CBCB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .x9 {
            width: 510px; height: 60px; background: #B4CBCB; color: black; border-radius: 5px; border: #B4CBCB; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
        }
        .x9::placeholder, textarea.x14::placeholder {
            color: #89A5A5;
            font-size: 25px; font-family: "Exo 2"; font-weight: 600
        }
        .sendButton:hover {
            text-decoration: none;
        }
        .x10 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex
        }
        .x11 {
            color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .x12 {
            padding-left: 20px; padding-right: 20px; background: #B4CBCB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .x13 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex
        }
        .x14 {
            resize: vertical; width: 510px; height: 195px; background: #B4CBCB; color: black; border-radius: 5px; border: #B4CBCB; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
        }
        .x15 {
            color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .x16 {
            padding-left: 20px; padding-right: 20px; padding-top: 20px; background: #B4CBCB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .x17 {
            padding-left: 50px; padding-right: 50px; padding-top: 20px; padding-bottom: 20px; background: #A1825D; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; border: none
        }
        .sendButton {
            color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; margin: 0;
        }
        
        .msh203 {
            max-width: 700px; flex-direction: column; justify-content: flex-start; gap: 20px; display: inline-flex
        }
        .msh203 .msh121eee {
            text-align: right;
        }
        .c111 {
            max-width: 1420px;
            width: 100%;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 50px;
            padding: 0 90px;
            margin: 0 auto;
        }
        
        .c112 {
            color: black;
            font-size: 60px;
            font-family: 'Exo 2', sans-serif;
            font-weight: 800;
            text-transform: uppercase;
            word-wrap: break-word;
            margin: 0;
        }
        .c115 {
            width: calc((100% - 40px) / 3);
            max-width: 460px;
            
            max-height: 400px;
            border-radius: 10px;
        }
        .c114 {
            width: 100%;
            display: flex;
            gap: 20px;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .m16 {
            width: calc(2 * ((100% - 40px) / 3) + 20px);
            max-width: 940px;
            
            max-height: 400px;
            border-radius: 10px;
        }
        .m17 {
            width: calc(2 * ((100% - 40px) / 3) + 20px);
            max-width: 940px;
            
            max-height: 400px;
            border-radius: 10px;
        }
        .m18 {
            width: calc(2 * ((100% - 40px) / 3) + 20px);
            max-width: 940px;
            
            max-height: 400px;
            border-radius: 10px;
        }
        .msh52 {
            width: 321px; height: 294px; flex-direction: column; justify-content: center; align-items: center; gap: 50px; display: inline-flex
        }
        .msh53 {
            color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; margin: 0;
        }
        .msh54 {
            flex-direction: column; justify-content: center; align-items: center; gap: 30px; display: flex
        }
        .msh55 {
            justify-content: center; align-items: center; gap: 15px; display: inline-flex
        }
        .msh56 {
            color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word; margin: 0;
        }
        
        .x777 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .x81 {
            padding-left: 20px; padding-right: 20px; background: #EEF7FB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex;
        }
        .preview-container1 {
            display: none;
            justify-content: flex-start;
            gap: 10px;
            width: calc(88.75vw - 100px);
            padding-left: 50px;
            padding-right: 50px;
            height: 232px;
            overflow-x: auto;
        }
        .preview-container1 img {
            width: 210px;
            height: 210px;
            border-radius: 10px;
            object-fit: cover;
        }
        .ysh1 {
            max-width: 1420px; width: 88.75vw; display: inline-flex; justify-content: flex-start; flex-direction: column; gap: 50px;
        }
        .ysh2 {
            max-width: 1420px; width: 88.75vw; margin: 0; color: black; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .ysh8 {
            max-width: 1420px; width: 88.75vw; display: flex; justify-content: center; flex-wrap: wrap; gap: 50px;
        }
        .xsh4 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .xsh5 {
            height: 110px; display: inline-flex; justify-content: space-between; align-items: center; gap: 20px;
        }
        .upldiv1 {
            max-width: 1420px; width: 88.75vw; height: 286px; background: #D4DDE2; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; cursor: pointer;
        }
        .x911 {
            max-width: 300px; width: 100%; height: 60px; background: #EEF7FB; color: black; border-radius: 5px; border: #EEF7FB; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
        }
          
        .x911::placeholder, textarea.x1411::placeholder {
            color: #AABFC8;
            font-size: 25px; font-family: "Exo 2"; font-weight: 600
        }
        .x1511 {
            margin: 0; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .x1411 {
            width: 100%; height: 260px; background: #EEF7FB; color: black; border-radius: 5px; border: #EEF7FB; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
        }
        .xsh66 {
            max-width: 1420px; width: 88.75vw; display: flex; justify-content: flex-end;
        }
        .ysh3 {
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 50px;
        }
        .x1711 {
            padding-left: 100px; padding-right: 100px; padding-top: 20px; padding-bottom: 20px; background: #A1825D; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; border: none;
        }
        .osh {
            color: black; max-width: 1420px; margin: 0 auto; text-align: center; font-size: 60px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh80 {
            display: flex; justify-content: flex-start; align-items: center; gap: 50px
        }
        
        .msh8333 {
            color: black; font-size: 60px; font-family: 'Exo 2', sans-serif; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
    } 
    .msh3194 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex
        }
    .roz {
            color: white; 
            font-size: 18px; 
            margin: 0;
            font-family: 'Inter'; 
            font-weight: 600; 
            word-wrap: break-word;
            z-index: 5;
    }
    .plus {
        width: 155px; height: 186px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 50px; display: flex
    }
    .plus-no {
        display: none;
    }
    .xysh4 {
        color: black; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
    }
    .file-input {
        display: none;
    }
    .x6 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex
    }
    
    .x8 {
        padding-left: 20px; padding-right: 20px; background: #B4CBCB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .x9 {
        width: 510px; height: 60px; background: #B4CBCB; color: black; border-radius: 5px; border: #B4CBCB; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
    }
    .x9::placeholder, textarea.x14::placeholder {
        color: #89A5A5;
        font-size: 25px; font-family: "Exo 2"; font-weight: 600
    }
    .x131 {
        flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex; max-width: 1420px; width: 88.75vw;
    }
    .x161 {
        padding-left: 20px; padding-right: 20px; padding-top: 20px; width: calc(88.75vw - 40px); max-width: 1380px; background: #EEF7FB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
    }
    .sendButton23 {
            color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; margin: 0;
    }
    .container {
        opacity: 1;
        transition: opacity 3s ease-in-out;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100vw;
        height: 100vh
    }
    .hidden {
        opacity: 0;
    }
    

    @media screen and (max-width: 1300px) {
        .msh8333 {
            color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .vector-show {
            min-width: 142px; max-width: 232px; width: 20vw;
        }
        .msh80 {
            display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-direction: column
        }
        .osh {
            color: black; text-align: center; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .xsh5 {
            display: flex;
            flex-direction: column;
            gap: 20px
        }
        .x1711 {
            background: #A1825D; width: 280px; height: 60px; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; cursor: pointer; border: none;
        }
        .xsh66 {
            display: flex;
            justify-content: center;
            width: 88.75vw;
        }
        .x911 {
            width: 100%; height: 50px; background: #EEF7FB; color: black; border-radius: 5px; border: #EEF7FB; font-size: 18px;  word-wrap: break-word; outline: none; font-size: 18px; font-weight: 600; font-family: 'Exo 2';
        }
        .x1411 {
            width: 100%; height: 190px; background: #EEF7FB; color: black; border-radius: 5px; border: #EEF7FB; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
            }
            .preview-container1 {
                display: none;
                justify-content: flex-start;
                flex-direction: column;
                gap: 10px;
                margin-top: 59px;
                margin-bottom: 59px;
                width: calc(88.75vw - 100px);
                align-items: center;
               
            }
          .preview-container1 img {
              width: 110px;
              height: 110px;
              border-radius: 10px;
              object-fit: cover;
          }
        .x911::placeholder, textarea.x1411::placeholder {
            color: #AABFC8;
            font-size: 18px; font-family: "Exo 2"; font-weight: 600
        }
        
        .x1511 {
            color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        
        .upldiv1 {
            width: 88.75vw; min-height: 240px; background: #D4DDE2; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: flex; cursor: pointer;
        }
        .x777 {
            color: black; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .x81 {
            padding-left: 20px; padding-right: 20px; width: calc(88.75vw - 40px); background: #EEF7FB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; display: flex;
        }
        .ysh1 {
            width: 88.75vw;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 50px;
        }
        .ysh2 {
            color: black; margin: 0; font-size: 23px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; white-space: nowrap
        }
        .ysh3 {
            width: 88.75vw;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 50px;
        }
        .ysh8 {
            width: 88.75vw;
            display: flex;
            justify-content: center;
            flex-direction: column;
            gap: 20px
        }
        .msh203 {
            flex-direction: column; justify-content: flex-start; gap: 20px; display: flex
        }
        .msh45 {
            width: 234px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex
          }
          .msh46 {
            text-align: center; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; margin: 0;
          }
          .msh47 {
            flex-direction: column; justify-content: center; align-items: center; gap: 30px; display: flex
          }
          .msh48 {
            justify-content: center; align-items: center; gap: 15px; display: inline-flex
          }
          .msh49 {
            width: 30px; height: 30px;
          }
          .msh50 {
            color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word; margin: 0;
          }
          .msh51 {
            width: 30px; height: 25px;
          }
        .msh269 {
            display: none;
        }
        .showpc {
            display: none;
        }
        .msh114 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex
        }
        .msh115 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; text-align: center
        }
        .msh115e1 {
            color: black; margin: 0px 0px 20px 0px; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; text-align: center
        }
        .e1 {
            text-align: center;
        }
        .msh116 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 80px; display: flex
        }
        .msh1169 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 80px; display: flex
        }
        .msh116eee {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 80px; display: flex;
        }
        
        .msh60 {
            width: 313px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex
        }
        .msh61 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 5px; display: flex
        }
        .msh62 {
            color: black; margin: 0; font-size: 23px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; white-space: nowrap;
        }
        .msh63 {
            width: 306px; margin: 0; text-align: center; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
          
        .msh120 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .mx2 {
            color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .mx3 {
            padding-left: 20px; padding-right: 20px; padding-top: 20px; background: #B4CBCB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .mx4 {
            width: 260px; height: 60px; background: #B4CBCB; color: black; border-radius: 5px; border: #B4CBCB; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
        }
        .mx5 {
            resize: vertical; width: 260px; height: 172px; background: #B4CBCB; color: black; border-radius: 5px; border: #B4CBCB; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; outline: none;
        }
        .mx4::placeholder, textarea.mx5::placeholder {
            color: #89A5A5;
            font-size: 18px; font-family: "Exo 2"; font-weight: 600
        }
        .mx6 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex
        }
        .mx7 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex
        }
        .mx8 {
            padding-left: 20px; padding-right: 20px; background: #B4CBCB; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .mx17 {
            width: 300px; height: 62px; background: #A1825D; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex; cursor: pointer; border: none
        }
        .sendButton1 {
            color: white; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word; margin: 0
        }
        .p3 {
            display: none;
        }
        .dtt {
            display: none;
        }
        .upppp {
            display: none;
        }
        .msh342 {
            width: 280px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh343 {
            width: 283px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh344 {
            width: 292px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh345 {
            width: 290px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh346 {
            width: 294px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh347 {
            width: 296px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh319 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex
        }
        .msh322 {
            color: white; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .a5001 {
            text-decoration: none; color: white; font-size: 18px; font-family: "Exo 2"; font-weight: 600; word-wrap: break-word; margin: 20px 0px 0px 0px; padding: 0;
        }
        .a500555 {
            text-decoration: none; color: white; font-size: 18px; font-family: "Exo 2"; font-weight: 600; word-wrap: break-word; margin-top: 20px; padding: 0;
        }
        .scroll-container {
            width: 100vw;
            background: #1D282D;
            overflow: hidden;
            padding-top: 80px;
            padding-bottom: 80px;
        }
        .msh313 {
            width: 320px; height: 20px;
        }
        .vector-pp {
            fill: white;
            transition: fill 1s;
            width: 40px;
            height: 40px
        }
        .msh317:hover .vector-pp {
            fill: black;
        }
        .msh318:hover .vector-pp {
            fill: black;
        }
        
        .a5 {
            text-decoration: none; color: white; font-size: 18px; font-family: "Exo 2"; font-weight: 600; word-wrap: break-word; margin: 0; padding: 0;
        }
        #up {
            width: 100vw; padding-top: 20px; padding-bottom: 20px; background: #1D282D; position: relative; z-index: 100
        }
        .msh4 {
            width: 35px; height: 22px; cursor: pointer
        }
        
        .a1 {
            max-width: 1220px; padding-right: 40px; display: flex; justify-content: space-between; align-items: center;
        }
        .a2 {
            padding-left: 40px;
        }
        .a4 {
            flex-direction: column;
            justify-content: center;
            align-items: flex-start;
            gap: 40px;
            display: inline-flex;
            position: relative;
        }
        .a45 {
            margin-top: 20px;
        }
        #sidebar {
            width: 100vw;
            height: 0px;
            background: rgb(39.91, 53.38, 59.50);
            position: absolute;
            top: 82px;
            z-index: 9;
            padding-left: 30px; justify-content: flex-start; align-items: flex-start; gap: 10px; display: flex;
            transition: height 0.5s ease;
            overflow: hidden;
          }
        #sidebar.open {
            height: 440px;
            z-index: 6;
            
            padding-bottom: 20px;
        }
        .msh94 {
            width: 100vw; min-height: 563px; max-width: 1600px; height: 140vw; max-height: 748px; background-image: url(main2.png); background-repeat: no-repeat; background-position: center bottom; background-size: cover; display: flex; justify-content: center
        }
        .msh95 {
            width: 320px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 20px
        }
        .msh98 {
            width: 283px; margin: 0; text-align: center; color: white; font-size: 13px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .csh5 {
            position: relative
        }
        .csh7 {
            display: none;
        }
        .msh99 {
            margin-top: 20px; height: 52px; width: 246px; background: #A1825D; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; display: flex; transition: background-color 1s, color 1s; z-index: 5; text-decoration: none;
        }
        .msh96 {
            width: 320px;
        }
        .otstup {
            width: 100vw;
            height: 80px;
        }
        .msh305 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh306 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh307 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh308 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh309 {
            margin: 0; color: black; font-size: 17px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh310 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh82 {
            color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh312 {
            color: white; margin: 0; font-size: 25px; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh323 {
            width: 205px; margin: 0; color: white; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh324 {
            width: 199px; margin: 0; color: white; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh325 {
            width: 189px; margin: 0; color: white; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh326 {
            width: 194px; margin: 0; color: white; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh3299 {
            width: 308px; color: black; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh330 {
            width: 308px; color: black; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh119 {
            flex-direction: column; justify-content: flex-start; gap: 10px; display: flex
        }
        .msh11999 {
            flex-direction: column; justify-content: flex-start; gap: 10px; display: flex
        }
        .msh119eee {
            flex-direction: column; justify-content: flex-start; gap: 10px; display: flex
        }
        .msh331 {
            width: 100vw; padding-top: 50px; padding-bottom: 50px; background: #1D282D; justify-content: center; gap: 10px; display: flex
        }
        .msh332 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 30px; display: flex
        }
        
        
        
        .mp12 {
            text-decoration: none; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px; background: white; border-radius: 5px; overflow: hidden; justify-content: center; align-items: center; gap: 10px; display: inline-flex
        }
        .msh334 {
            width: 280px; height: 200px; border-radius: 10px
        }
        .msh33455 {
            width: 280px; height: 200px; border-radius: 10px
        }
        .msh335 {
            text-decoration: none; width: 209px; height: 64px; background: #A1825D; border-radius: 5px; justify-content: center; align-items: center; display: flex
        }
        .msh336 {
            color: white; margin: 0; font-size: 20px; font-family: 'Inter'; font-weight: 600; word-wrap: break-word
        }
        .stars {
            width: 18px; height: 17px
        }
        .msh329 {
            color: black; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .mp20 {
            width: 228px; height: 284px; display: inline-flex; justify-content: flex-start; gap: 30px; flex-wrap: wrap
        }
        .mp21 {
            color: white; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .mp22 {
            color: white; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .mp23 {
            color: white; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .mp24 {
            color: #1D282D; font-size: 18px; font-family: 'Inter'; font-weight: 600; word-wrap: break-word
        }
        .mp25 {
            width: 228px; display: inline-flex; justify-content: flex-start; gap: 30px; flex-direction: column
        }
        .mp26 {
            width: 170px; height: 150px; display: inline-flex; justify-content: flex-start; gap: 30px; flex-wrap: wrap
        }
        .pxot50 {
            width: 100vw; height: 50px
        }
        .mp27 {
            width: 100vw; height: 62px; background: #14191C; justify-content: center; align-items: center; gap: 10px; display: flex
        }
        .mp28 {
            color: white; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .p16 {
            text-decoration: none; color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; text-transform: uppercase; word-wrap: break-word
        }
        .p17 {
            flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 20px; display: flex
        }
        .msh213 {
            margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh2135 {
            padding-left: 23px
        }
        
        .msh215 {
            display: flex; justify-content: flex-start; flex-direction: column; gap: 10px
        }
        
        
        
        .msh206666 {
            display: flex; justify-content: flex-start; align-items: center; flex-direction: column;
        }
        .collapsible1 {
            cursor: pointer; 
            font-size: 25px;
            transition: background-color 0.1s ease;
            width: 310px; padding-top: 20px; padding-left: 10px; padding-bottom: 20px; border-bottom: 1px #737F7F solid;
        }
          
        .content1 {
            max-height: 0; 
            margin: 0;
            overflow: hidden;
            transition: max-height 0.3s ease-out, background-color 0.1s ease, padding-top 0.2s ease;
            background-color: transparent;
            width: 283px; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300;
            word-wrap: break-word
        }
        .mi2 {
            color: black; margin: 0; font-size: 18px; font-family: 'Exo 2'; font-weight: 600; word-wrap: break-word
        }
        .msh123 {
            width: 280px; height: 190px; border-radius: 10px
        }
        .m13 {
            width: 294px; text-align: center; color: black; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; margin: 0;
        }
        .m14 {
            justify-content: center; align-items: center; flex-wrap: wrap; gap: 20px; display: flex
        }
        .m15 {
            width: 280px; height: 250px; border-radius: 10px
        }
        .m16 {
            width: 280px; height: 170px; border-radius: 10px
        }
        .m17 {
            width: 280px; height: 132px; border-radius: 10px
        }
        .m18 {
            width: 280px; height: 108px; border-radius: 10px
        }
    }
    .p18d {
        text-decoration: none; color: #B4CBCB; font-size: 20px; font-family: 'Exo 2'; font-weight: 500; word-wrap: break-word
    }
    .p19 {
        text-decoration: none; width: 228px; color: #B4CBCB; font-size: 20px; font-family: 'Exo 2'; font-weight: 500; word-wrap: break-word
    }
    .p20 {
        text-decoration: none; width: 228px; color: #B4CBCB; font-size: 20px; font-family: 'Exo 2'; font-weight: 500; word-wrap: break-word
    }
    .p21 {
        text-decoration: none; width: 228px; color: #B4CBCB; font-size: 20px; font-family: 'Exo 2'; font-weight: 500; word-wrap: break-word
    }
    .p23 {
        text-decoration: none; color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 600; text-transform: uppercase; word-wrap: break-word; white-space: nowrap;
    }
    .msh341 {
        justify-content: flex-start; align-items: center; gap: 20px; display: inline-flex
    }
    .mobp {
        width: 100vw; background: #1D282D
    }
    .mm1 {
        justify-content: flex-start; align-items: flex-start; gap: 5px; display: inline-flex
    }
    .p7 {
        flex-direction: column; justify-content: center; align-items: flex-start; gap: 30px; display: flex
    }
    .p8 {
        justify-content: center; align-items: center; gap: 15px; display: inline-flex
    }
    .p10 {
        justify-content: flex-start; align-items: center; gap: 15px; display: inline-flex
    }
    @media screen and (max-width: 767px) {
        .msh120 {
            width: 281px; 
        }
        .msh206 {
            display: flex; justify-content: flex-start; align-items: center; flex-direction: column;
        }
        .msh2145 {
            text-decoration: none; width: 300px; height: 70px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; display: inline-flex
        }
        .msh118 {
            width: 100vw; max-width: 425px; 
        }
        .msh121 {
            width: 300px; margin: 0; color: black; font-size: 16px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh121eee {
            width: 300px; margin: 0; color: black; font-size: 16px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh212 {
            width: 300px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh117 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
        }
        .msh1179 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
        }
        .msh116eee .msh117 {
            justify-content: flex-start; align-items: center; gap: 20px; display: flex; flex-direction: column-reverse;
        }
        
        .msh117555 {
            flex-direction: column; justify-content: flex-start; align-items: center; display: flex
        }
        .msh300 {
            width: 320px; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
        }
        .msh303 {
            text-decoration: none; width: 290px; height: 66px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; gap: 15px; display: inline-flex
        }
        .msh118e {
            width: 100vw; max-width: 425px; 
        }
        .scroll-inner-wrapper {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            
        }
        .scroll-inner-wrapper::-webkit-scrollbar {
            display: none;
        }
        .msh402 {
            flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
        }
        .scroll-inner {
            display: flex;
            justify-content: flex-start;
            gap: 20px;
            width: 980px;
            cursor: pointer;
        }
        .scroll-inner-wrapper1 {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: none;
            
        }
        .scroll-inner-wrapper1::-webkit-scrollbar {
            display: none;
        }
        .scroll-inner1 {
            display: flex;
            justify-content: flex-start;
            gap: 25px;
            width: 1985px;
            cursor: pointer;
        }
        .msh317 {
            margin-left: 20px; width: 225px; height: 215px; background: #737F7F; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; display: flex
        }
        .msh318 {
            width: 225px; height: 215px; background: #737F7F; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; display: flex
        }
        .msh333 {
            padding-left: 20px; padding-right: 20px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 15px; display: flex
        }
        .m12 {
            width: 100vw; flex-direction: column; justify-content: flex-start; align-items: center; gap: 20px; display: flex
        }
        .msh327 {
            color: black; margin: 0; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh328 {
            width: 100vw; max-width: 425px;
        }
        .msh3111 {
            display: flex; justify-content: center; flex-direction: column; align-items: center;
        }
        .msh327 {
            color: black; margin: 0px 0px 30px 0px; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        .msh339 {
            width: 308px; margin-left: 5px; height: 172px; background: #EEF7FB; border-radius: 10px; overflow: hidden; border: 1px #A7C2CE solid; justify-content: center; align-items: center; display: flex
        }
        .msh338 {
            width: 308px; height: 172px; background: #EEF7FB; border-radius: 10px; overflow: hidden; border: 1px #A7C2CE solid; justify-content: center; align-items: center; display: flex
        }
        .scroll-container1 {
            width: 100vw;
            overflow: hidden;
            margin-bottom: 10px;
        }
        .mm4 {
            width: 100vw; max-width: 320px; top: -2px; position: relative
        }
        .mm5 {
            display: none;
        }
        .mm3 {
            width: calc(100vw - 10px); max-width: 320px; margin-top: 50px; margin-left: 10px; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 40px
        }
        .msh40 {
            width: 100vw; height: 126px; object-fit: cover;
        }
        .msh214 {
            text-decoration: none; width: 300px; height: 48px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; display: inline-flex
        }
        .componly {
            display: none;
        }
        .msh122 {
            width: 100vw; padding-top: 50px; padding-bottom: 50px; background: #1D282D; justify-content: center; flex-wrap: wrap; gap: 15px; display: flex
        }
        .msh42 {
            height: 290px;
        }
        .msh43 {
            width: 248px; text-align: center; color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word
        }
        
    }
    .msh42 {
        background-image: url(311.png); background-repeat: no-repeat; background-size: cover; width: 100vw; max-width: 1600px; display: flex; justify-content: center; align-items: center;
    }
    @media screen and (max-width: 1300px) and (min-width: 768px) {
        .msh42 {
            height: 296px;
        }
        .msh203 .msh121eee {
            text-align: right;
        }
        .m12 {
            width: 768px; justify-content: flex-start; flex-direction: column; gap: 20px; display: flex; align-items: center;
        }
        .msh43 {
            width: 609px; text-align: center; color: white; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; margin: 0;
        }
        .msh122 {
            width: 100vw; padding-top: 50px; padding-bottom: 50px; background: #1D282D; justify-content: center; gap: 15px; display: flex; align-items: center; flex-direction: column;
        }
        .msh121 {
            width: 400px; margin: 0; color: black; font-size: 16px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh121eee {
            width: 400px; margin: 0; color: black; font-size: 16px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh206 {
            display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-direction: row-reverse
        }
        .msh2145 {
            text-decoration: none; width: 400px; height: 70px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; display: inline-flex
        }
        .msh214 {
            text-decoration: none; width: 400px; height: 48px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; display: inline-flex
        }
        .msh117 {
            justify-content: flex-start; align-items: center; gap: 20px; display: flex;
        }
        .msh1179 {
            justify-content: flex-start; align-items: center; gap: 20px; display: flex;
        }
        .msh212 {
            width: 400px; margin: 0; color: black; font-size: 18px; font-family: 'Exo 2'; font-weight: 300; word-wrap: break-word
        }
        .msh118 {
            width: 100vw; max-width: 40vw; 
        }
        .msh116 .msh117:nth-child(odd) {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-start; 
            align-items: center; 
            gap: 20px; 
        }
        .msh1169 .msh1179:nth-child(odd) {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-start; 
            align-items: center; 
            gap: 20px; 
        }
        .msh116eee .msh117:nth-child(odd) {
            display: flex;
            flex-direction: row-reverse;
            justify-content: flex-start; 
            align-items: center; 
            gap: 20px; 
        }
        .scroll-container1 {
            display: flex;
            justify-content: center;
            flex-direction: column;
        }
        
        .msh40 {
            width: 100vw; height: 263px; object-fit: cover;
        }
        .mm3 {
            width: calc(100vw - 10px); max-width: 711px; margin-top: 50px; margin-left: 10px; display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 40px
        }
        .mm4 {
            display: none;
        }
        .mm5 {
            width: 100vw; max-width: 768px; top: -2px; position: relative
        }
        .msh339 {
            width: 308px; height: 172px; background: #EEF7FB; border-radius: 10px; overflow: hidden; border: 1px #A7C2CE solid; justify-content: center; align-items: center; display: flex
        }
        .msh338 {
            width: 308px; height: 172px; background: #EEF7FB; border-radius: 10px; overflow: hidden; border: 1px #A7C2CE solid; justify-content: center; align-items: center; display: flex
        }
        .scroll-inner1 {
            width: 646px;
            
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 25px;
        }
        .msh327 {
            color: black; margin: 0px 0px 30px 30px; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; width: 768px;
        }
        .msh301 {
            width: 431px
        }
        .msh117555 {
            padding-left: 30px;
        }
        .msh300 {
            width: 768px; display: flex; flex-direction: column; justify-content: flex-start;
        }
        .msh303 {
            text-decoration: none; width: 290px; height: 80px; border-bottom: 1.50px black solid; justify-content: flex-start; align-items: center; gap: 15px; display: inline-flex
        }
        .msh118e {
            max-width: 425px; height: 100%
        }
        .scroll-inner-wrapper {
            width: 682px;
            height: 485px;
            margin: 0 auto;
            display: flex;
            justify-content: center;
            align-items: center;
            
        }
        .scroll-inner {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 20px
        }
        
          
        .msh317 {
            width: 225px; height: 215px; background: #737F7F; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; display: flex
        }
        .msh318 {
            width: 225px; height: 215px; background: #737F7F; border-radius: 10px; overflow: hidden; justify-content: center; align-items: center; display: flex
        }
        
        .msh327 {
            color: black; margin: 0px 0px 30px 30px; font-size: 25px; font-family: 'Exo 2'; font-weight: 800; text-transform: uppercase; word-wrap: break-word; width: 768px;
        }
        .msh402 {
            display: inline-flex; justify-content: flex-start; gap: 20px
        }
        .msh328 {
            width: 431px; height: 280px; border-top-left-radius: 10px; border-top-right-radius: 10px
        }
        .msh333 {
            justify-content: center; flex-wrap: wrap; align-items: center; gap: 20px; display: flex; margin: 0 auto; max-width: 1024px;
        }
        .msh3111 {
            display: flex; justify-content: center;
        }
    }
    @media screen and (min-width: 768px) {
        .msh400 {
            display: flex; justify-content: flex-start; gap: 20px; align-items: center;
        }
        .mobonly {
            display: none;
        }
    }
    @media screen and (max-width: 1599px) and (min-width: 1301px) {
        .csh15 {
            justify-content: center; flex-wrap: wrap; align-items: flex-start; gap: 20px; display: flex; max-width: 900px;
        }
        .b99 {
            max-width: 100%; min-width: 560px; max-height: 444px; border-top-left-radius: 10px; border-top-right-radius: 10px
        }
        .msh255 {
            flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 30px; display: inline-flex
        }
    }
    @media screen and (min-width: 1600px) { 
        .csh15 {
            justify-content: center; align-items: flex-start; gap: 20px; display: flex; 
        }
        .msh255 {
            width: 700px; flex-direction: column; justify-content: flex-start; align-items: flex-end; gap: 30px; display: inline-flex
        }
    }
    #content {
        height: 100%;
        max-width: 100vw;
        background-color: #EAEDEF;
        position: fixed;
        overflow-y: auto;
        bottom: -100%;
        overflow-x: hidden;
        transition: bottom 0.5s ease;
    }
    #content.open {
        bottom: 0;
    }
    .golovny {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .antiunderline {
        text-decoration: none;
    }
    .button {
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-radius: 5px;
        overflow: hidden;
        border: 1px white solid;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        background-color: transparent;
        transition: background-color 1s, color 1s;
    }
    .link {
        text-decoration: none;
        margin: 0;
        color: white;
        font-size: 20px;
        font-family: 'Exo 2', sans-serif;
        font-weight: 600;
        word-wrap: break-word;
    }
    .button:hover {
        background-color: white;
    }
    
    .button:hover .link {
        color: #1D282D; 
    }
    
    

  
  
  
    
  
  
  
    .csh6 {
        width: 559px; height: 554px; left: 8px; position: absolute;
    }
  
    .csh8 {
        max-width: 1600px; width: 100vw; height: 732px; position: relative;
    }
    .csh10 {
        left: 0px; top: 92px; position: absolute; justify-content: flex-start; align-items: flex-start; gap: 20px; display: inline-flex
    }
    .csh11 {
        width: 760px; height: 640px; border-top-left-radius: 15px; border-top-right-radius: 15px
    }
    .csh12 {
        flex-direction: column; justify-content: flex-start; align-items: center; display: inline-flex;
    }
    
    
    .msh304 {
        width: 40px; height: 40px; position: relative
    }
    
    
    .msh302 {
        flex-direction: column; justify-content: flex-start; align-items: center; display: flex
    }
    .msh311 {
        display: flex; justify-content: center; flex-direction: column; align-items: center;
    }