@font-face {
    font-family: "Atyp BL Text";
    src: url("/fonts/AtypBLText-Semibold2.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Atyp BL Text";
    src: url("/fonts/AtypBLText-Regular2.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
}


:root {
    --primary-color: #2B61FF;
    --secondary-color: #FF8F5C;
    --text-color-weak: #1E1E1E;
    --bg-color-gray: #DADADA;
}

* {
    box-sizing: border-box;
    text-rendering: optimizeLegibility;
}

abbr[title] {
    text-decoration: none;
}
.wrapContainer {
    margin: 0;
    padding: 41px 60px 70px 60px;
    background: var(--primary-color);
    color: #FFF;
    /*margin-bottom: 200px;*/
    overflow: hidden;
}

.commonContainer h1:focus,
.wrapContainer h1:focus {
    outline: none;
}

.wrapContainer .logo {
    background-image: url('../images/logo.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 152px;
    height: 110px;
    background-size:contain;
    display:block;
}

.wrapContainer .illustration {
    background-image: url('../images/hp_dialog.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 504px;
    height: 453px;
    max-width: 100%;
    background-size: contain;
}

.wrapContainer .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 73px;
}

.wrapContainer .content {
    padding: 0px !important;
    width: 100%;
}

.wrapContainer .content .innerContent {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    width: 100%;
}

.wrapContainer .content .innerContent .c1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.wrapContainer .content .innerContent .c2 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.wrapContainer .content .innerContent .c3 {
    grid-column: 1 / 3;
    grid-row: 3 / 4;
}

.wrapContainer .content .innerContent .c4 {
    grid-column: 2 / 3;
    grid-row: 1 / 4;
    justify-self: end;
    align-self: center;
    margin-top: 12px;
    margin-right: 12px;
}


.wrapContainer .content h1 {
    color: #FFF;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin: 0px 0px 30px 0px;
}

.wrapContainer .content .introText {
    color: #FFF;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    margin-bottom: 70px;
}

.wrapContainer .buttons {
    display: flex;
}

.mp-btn {
    height:56px;
}

.commonContainer .mp-btn {
    display: flex;
    width: 285px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.commonContainer .mp-btn span {
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.456px;
}

.commonContainer .mp-btn-orange {
    background: var(--secondary-color);
    color: #FFF;
}

.commonContainer .mr-60 {
    margin-right: 60px;
}

.commonContainer .mr-40 {
    margin-right: 40px;
}

.commonContainer a {
    text-decoration: none;
}


.wrapContainer .mp-btn-dark {
    background: var(--primary-color);
    color: #FFF;
    border: 5px solid var(--secondary-color);
}

.wrapContainer .sizeSmall {
    color: #FFF;
    font-family: "Atyp BL Text";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.176px;
}

.wrapContainer .sizeNormal {
    color: #FFF;
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.456px;
}

.wrapContainer .header .leftWrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.wrapContainer .header .bottomWrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wrapContainer .header .pood {
    margin-right: 80px;
}

.wrapContainer .header .forMedia {
    margin-right: 54px;
}

.wrapContainer .header .reg {
    width: 185px;
}

.wrapContainer .header .topWrap {
    margin-bottom: 30px;
}

.wrapContainer2 {
    color: var(--primary-color);
    padding-left: 60px;
    padding-right: 60px;
    margin-block: 180px;
}

.wrapContainer2 .frame {
    border: 4px solid var(--primary-color);
    border-radius: 6px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-left: 68px;
    padding-right: 68px;
    padding-bottom: 86px;
    padding: 0 68px 86px 68px;
}

.wrapContainer2 .frame > * {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap;
}

.wrapContainer2 .frame .twoHeads {
    margin-top: -123px;
    background-image: url('../images/two_heads2.svg');
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: 247px;
    aspect-ratio: 445 / 247;
    max-width: 445px;
    background-size: contain;
}

.wrapContainer2 .frame .frameText {
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    color: var(--primary-color);
    padding-top: 53px;
    margin-bottom: 60px;
}

.wrapContainer2 .frame .frameText > div {
    max-width: 630px;
    text-align: center;
    display: inline-block;
}

.wrapContainer2 .frame .number {
    width: 25%;
}

.wrapContainer2 .frame .number .topPart {
    text-align: center;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.wrapContainer2 .frame .number .bottomPart {
    color: var(--primary-color);
    text-align: center;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer2 .frame .wrapTwoHeads {
    display: flex;
    justify-content: center;
}

.wrapContainer2 .wrapBottomInner {
    display: flex;
    flex-wrap: wrap;
    padding: 0 90px;
    margin-top: -19px;
}

.wrapContainer2 .wrapBottomInner .mp-circle {
    border-radius: 50%;
    width: 276px;
    height: 276px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: var(--secondary-color);
    color: white;
    margin-right: 40px;
    z-index: 10;
}

.wrapContainer2 .wrapBottomInner .mp-circle .numberOf {
    color: #FFF;
    text-align: center;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    text-align: center;
    margin-bottom: 2px;
}

.wrapContainer2 .wrapBottomInner .mp-circle span {
    color: #FFF;
    text-align: center;
    font-family: "Atyp BL Text";
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.198px;
    max-width: 180px;
}

.wrapContainer2 .wrapBottomInner .rightForCircle {
    max-width: 824px;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    color: var(--primary-color);
    margin-top: 64px;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: min-content;
}

.wrapContainer3 {
    margin-bottom: 160px;
}

.wrapContainer3 .wrapTopInner {
    width: 53%;
    margin-bottom: 40px;
    padding-left: 60px;
    padding-right: 60px;
}

h2 {
    color: #000;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin-bottom: 0px;
}

.wrapContainer3 .wrapTopInner h2 {
    margin-bottom: 40px;
}

.wrapContainer3 .wrapTopInner h2 span {
    display: block;
}

.wrapContainer3 .wrapTopInner > div {
    color: var(--text-color-weak);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer3 .wrapBottomInner {
    display: flex;
    flex-wrap: wrap;
    padding-left: 60px;
    padding-right: 60px;
}

.wrapContainer3 .wrapBottomInner .part {
    width: 50%;
}

.wrapContainer3 .wrapBottomInner .leftWrap,
.wrapContainer3 .wrapBottomInner .part3,
.wrapContainer3 .wrapBottomInner .part1 {
    padding-right: 30px;
}

.wrapContainer3 .wrapBottomInner .rightWrap,
.wrapContainer3 .wrapBottomInner .part4,
.wrapContainer3 .wrapBottomInner .part2 {
    padding-left: 30px;
}

.wrapContainer3 .wrapBottomInner .leftWrap,
.wrapContainer3 .wrapBottomInner .rightWrap {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.wrapContainer3 .wrapBottomInner .part .title {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.456px;
    margin-bottom: 18px;
}

.wrapContainer3 .wrapBottomInner .part .text {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer3 .wrapBottomInner .part .imgWrap {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
}

.wrapContainer3 .wrapBottomInner .part .image {
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0px auto 28px auto;
}

.wrapContainer3 .wrapBottomInner .part .img1 {
    background-image: url('../images/trauma.svg');
    width: 151px;
    height: 120px;
    padding: 10px 0;
    background-size: contain;
}

.wrapContainer3 .wrapBottomInner .part .img2 {
    background-image: url('../images/justice.svg');
    width: 220px;
    height: 140px;
    background-size: contain;
}

.wrapContainer3 .wrapBottomInner .part .img3 {
    background-image: url('../images/data.svg');
    width: 118px;
    height: 119px;
    padding: 11px 0 10px 0;
    background-size: contain;
}

.wrapContainer3 .wrapBottomInner .part .img4 {
    background-image: url('../images/cooperation.svg');
    width: 190px;
    height: 118px;
    padding: 11px 0;
    background-size: contain;
}
.wrapContainer4 .whiteSpace {
    visibility: hidden !important;
} 

.wrapContainer4 {
    margin-bottom: 112px;
    padding-left: 60px;
    padding-right: 60px;
}

.wrapContainer4 h2 {
    margin-bottom: 40px;
    color: var(--primary-color);
}

.wrapContainer4 .whiteSpace {
    visibility: hidden !important;
    display:none;
}

.wrapContainer4 .text {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer4 .innerSlide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
}

.wrapContainer4 .innerSlide .title {
    width: 75%;
    color: var(--text-color-weak);
    text-align: center;
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.456px;
}


.wrapContainer4 .rz-button:before {
    content: initial;
    position: initial;
    inset: initial;
    opacity: initial;
    background-position: initial;
    transition: initial;
    pointer-events: initial;
}

.wrapContainer4 .innerSlide .wrapText {
    color: var(--ffffff, #FFF);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    border-radius: 67px;
    background-color: var(--primary-color);
    width: 75%;
    padding: 50px;
    box-sizing: border-box;
    margin-top: 34px;
    position: relative;
}

.wrapContainer4 .innerSlide .wrapText .sliderAfter {
    content: "";
    display: block;
    width: 128px;
    height: 46px;
    background-image: url('../images/slider_after2.svg');
    background-repeat: no-repeat;
    position: absolute;
    top: -44px;
    left: 22%;
}


.wrapContainer4 .rz-carousel-prev,
.wrapContainer4 .rz-carousel-next {
    background-color: var(--primary-color) !important;
    border-radius: 50% !important;
    width: 77px !important;
    height: 77px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

.wrapContainer4 .rz-carousel-prev i,
.wrapContainer4 .rz-carousel-next i {
    visibility: hidden;
}

.wrapContainer4 .rz-carousel-prev::before,
.wrapContainer4 .rz-carousel-next::before {
    content: "";
    display: block;
    width: 29px;
    height: 27px;
    background-color: white;
    .wrapContainer7 .wrapRight .image mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}

.wrapContainer4 .rz-carousel-pager-button {
    --rz-carousel-pager-button-active-width: 18px;
    --rz-carousel-pager-button-active-height: 18px;
    --rz-carousel-pager-button-width: 18px;
    --rz-carousel-pager-button-height: 18px;
}

/* maska pro levou šipku */
.wrapContainer4 .rz-carousel-prev::before {
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='27' viewBox='0 0 29 27' fill='none'><path d='M6.5148 11.7491H29V15.2048H6.4696L15.6537 24.558L13.2559 27L0 13.5L13.2559 0L15.6537 2.44198L6.5148 11.7491Z' fill='white'/></svg>");
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='27' viewBox='0 0 29 27' fill='none'><path d='M6.5148 11.7491H29V15.2048H6.4696L15.6537 24.558L13.2559 27L0 13.5L13.2559 0L15.6537 2.44198L6.5148 11.7491Z' fill='white'/></svg>");
}

/* maska pro pravou šipku */
.wrapContainer4 .rz-carousel-next::before {
    mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='27' viewBox='0 0 29 27' fill='none'><path d='M22.4852 11.7491H0V15.2048H22.5304L13.3463 24.558L15.7441 27L29 13.5L15.7441 0L13.3463 2.44198L22.4852 11.7491Z' fill='white'/></svg>");
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='29' height='27' viewBox='0 0 29 27' fill='none'><path d='M22.4852 11.7491H0V15.2048H22.5304L13.3463 24.558L15.7441 27L29 13.5L15.7441 0L13.3463 2.44198L22.4852 11.7491Z' fill='white'/></svg>");
}

.wrapContainer4 .rz-carousel-pager-button {
    background-color: var(--primary-color);
}

.wrapContainer4 .rz-carousel-pager-button.rz-state-active {
    background-color: var(--secondary-color);
}

.wrapContainer4 .rz-carousel .rz-button-box {
    display: none;
}

.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~ .rz-carousel-pager-bottom),
.rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
    inset-block-start: calc(60% - var(--rz-carousel-pager-height) / 2);
}

.wrapContainer4 .topWrap {
    max-width: 46%;
}

.wrapContainer5 {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 120px;
}

.wrapContainer5 .topWrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 70px;
}


.wrapContainer5 .topWrap .leftWrap h2 {
    color: var(--primary-color);
    padding-right: 30px;
}

.wrapContainer5 .topWrap .leftWrap,
.wrapContainer5 .topWrap .rightWrap {
    width: 50%;
}

.wrapContainer5 .topWrap .rightWrap {
    padding-left: 30px;
    display: flex;
    justify-content: end;
}

.wrapContainer5 .topWrap .rightWrap video {
    max-width: 630px;
    max-height: 355px;
    width: 100%;
}


.wrapContainer5 .wrapBottomInner {
    display: flex;
    flex-wrap: wrap;
}

.wrapContainer5 .wrapBottomInner .part {
    width: 50%;
}

.wrapContainer5 .wrapBottomInner .leftWrap,
.wrapContainer5 .wrapBottomInner .part3,
.wrapContainer5 .wrapBottomInner .part1 {
    padding-right: 30px;
}

.wrapContainer5 .wrapBottomInner .rightWrap,
.wrapContainer5 .wrapBottomInner .part4,
.wrapContainer5 .wrapBottomInner .part2 {
    padding-left: 30px;
}

.wrapContainer5 .wrapBottomInner .leftWrap,
.wrapContainer5 .wrapBottomInner .rightWrap {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.wrapContainer5 .wrapBottomInner .part .title {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.456px;
    margin-bottom: 18px;
}

.wrapContainer5 .wrapBottomInner .part .text {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer5 .inner {
    max-width: 630px;
    max-height: 400px;
    padding: 20px 0 5px 15px;
    border-radius: 6px;
    border: 4px solid var(--primary-color);
}
.wrapContainer5 img {
    width: 100%;
    max-width: 609px;
    max-height: 352px;

}

.wrapContainer6 {
    background: var(--bg-color-gray);
}

.wrapContainer6 h2 {
    margin-bottom: 40px;
}

.wrapContainer6 .inner {
    padding: 70px 60px 70px 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.wrapContainer6 .rightWrap {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-left: 30px;
}

.wrapContainer6 .rightWrap .text {
    color: var(--text-color-weak);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer6 .rightWrap .text .textPart1 {
    margin-bottom: 30px;
}

.wrapContainer6 .leftWrap {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: 104px;
    padding-right: 70px;
    height: 262px;
    padding-left: 42px;
}

.wrapContainer6 .leftWrap .innerTop {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
    max-width: 500px;
}

.wrapContainer6 .leftWrap .innerBottom {
    display: flex;
    flex-wrap: wrap;
    max-width: 500px;
}

.wrapContainer6 .leftWrap .innerTop .regionalCourt {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/logo_ksul.png);
    background-size: contain;
    width: 54%;
    padding: 10px 0;
    margin-right: 24%;
    aspect-ratio: 273 / 72;
    background-position: top left;
    max-height: 100%;
    height: 72px;
}

.wrapContainer6 .leftWrap .innerTop .nationalInstitute {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('../images/logo_institut.png');
    background-size: contain;
    width: 22%;
    padding: 10px 0;
    margin-top: 24px;
    aspect-ratio: 114 / 144;
    max-height: 100%;
    max-height: 100%;
}

.wrapContainer6 .leftWrap .innerBottom .charlesUniversity {
    background-repeat: no-repeat;
    background-position: left top;
    background-image: url('../images/logo_ukf.png');
    background-size: contain;
    width: 54%;
    padding: 10px 0;
    margin-left: 18%;
    aspect-ratio: 272 / 94;
    max-height: 100%;
    height: 94px;
}

.wrapContainer7 {
    padding: 120px 0 0 0;
}

.wrapContainer7 .wrapTop {
    display: grid;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px;
    grid-template-columns: 1fr 1fr;
    margin-bottom:130px;
}

.wrapContainer7 .c1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-right:50px;
}

.wrapContainer7 .c1 h2 {
    margin-top: 23px;
    margin-bottom: 60px;
    color: var(--primary-color);
}

.wrapContainer7 .c1 h2 .top {
    display: block;    
}

.wrapContainer7 .c2 {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}

.wrapContainer7 .c3 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 90px;
    grid-column: 2 / 3;
    grid-row: 1 / 3;
}

.wrapContainer7 .c3 .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/going_for_it.svg');
    background-size: contain;
    width: 316px;
    height: 352px;
}

.wrapContainer8 .wrapBottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: var(--bg-color-gray);
    padding: 70px 0;
}

.wrapContainer8 .wrapBottom .text {
    max-width: 975px;
    font-family: "Atyp BL Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.154px;
    margin-left: 27%;
    margin-right: 60px;
}

.wrapContainer11 {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom:120px;
}


.wrapContainer11 h1 {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin: 30px 0 60px 0;
}

.wrapContainer11 h1:focus {
    outline: none;
}

.wrapContainer11 .wrapBottom {
    display: flex;
    flex-wrap: wrap;
    align-items: inherit;
}

.wrapContainer11 .wrapBottom .wrapLeft {
    margin-right: 10px;
}

.wrapContainer11 .wrapBottom .wrapLeft .headImg {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('../images/for-media-head.svg');
    background-size: cover;
    width: 213px;
    height: 246px;
}

.wrapContainer11 .wrapBottom .wrapRight .title {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.456px;
    margin-bottom: 15px;
    margin-top: 5px;
}

.wrapContainer11 .wrapBottom .wrapRight .text {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer11 .wrapBottom .wrapRight {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wrapContainer22 {
    display: flex;
    flex-wrap: wrap;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom:120px;
}

.wrapContainer22 h2 {
    color: black;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin-bottom:50px;
}

.wrapContainer22 .text {
    color: black;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}
.wrapContainer22 .text a {
    color:black;
    text-decoration:underline;
}
.wrapContainer22 .text a:hover {
    text-decoration: none;
}

.wrapContainer22 .wrapLeft {
    width: calc(50% - 30px);
    margin-right: 30px;
}

.wrapContainer22 .wrapRight {
    width: calc(50% - 30px);
    margin-left: 30px;
    
}
.wrapContainer22 .wrapRight .text1 {
    margin-bottom: 30px;
}

.wrapContainer33 {
    background-color:var(--bg-color-gray);
}

.wrapContainer33 .wrapOuter {
    display: flex;
    flex-wrap: wrap;
    max-width: 1440px;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding: 70px 60px;
}

.wrapContainer33 .wrapOuter img.eu {
    margin-bottom:30px;
    margin-right:10px;
}
.wrapContainer33 .wrapLeft {
    width: calc(50% - 30px);
    margin-right: 30px;
}

.wrapContainer33 .wrapRight {
    width: calc(50% - 30px);
    margin-left: 30px;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
}

.wrapContainer33 .text2,
.wrapContainer33 .text1 {
    color: #1E1E1E;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer33 .text2{
    margin-top: 30px;
}


.commonContainer {
    max-width: 1440px;
    width: 100%;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
}

.wrapContainer44 {
    margin-top:120px;
    margin-bottom:150px;
    padding-left:60px; 
    padding-right:60px;
}

.wrapContainer44 h2 {
    margin-bottom: 70px;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
}


.wrapContainer44 .DocumentsViewer .items {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 100px;
    grid-column-gap: 60px;
}
.wrapContainer44 .DocumentsViewer .items .DocumentViewer {
    width: 100%;
    text-align:center;
}

.wrapContainer44 .DocumentsViewer .items .DocumentViewer .title {
    color: var(--text-color-weak);
    text-align: center;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    text-align:center;
    margin-top:18px;
}


.wrapContainer44 .DocumentViewer .fileIcon {
    width: 100px;
    height: 141px;
    flex-shrink: 0;
    aspect-ratio: 100/141;
    background-image: url('../images/document-icon.svg');
    background-size: contain;
    background-repeat: no-repeat;
    border: 0;
    background-color: transparent;
}

.wrapContainer111 {
    margin-top:30px;
    padding-left:60px;
    padding-right:60px;
    margin-bottom:120px;
}
.wrapContainer111 .innerWrap {
    width: calc(50% - 30px);
}

.wrapContainer111 h1 {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin-bottom:40px;
}
.wrapContainer111 .text1 {
    margin-bottom:40px;
}

.wrapContainer111 .text2,
.wrapContainer111 .text1 {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer222 {
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 120px;
}

.wrapContainer222 h2 {
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%; 
    letter-spacing: -1.1px;
    width:calc(50% - 30px);
    margin-bottom:40px;
}

.wrapContainer222 .header {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 0;
    background: var(--white);
}


.wrapContainer222 .col-title {
    padding: 0 0 20px 25px;
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.456px;
    border-bottom: 1px solid var(--primary-color);
}

.wrapContainer222 .col-title:last-child {
    border-bottom: 1px solid white;
}

.wrapContainer222 .pm-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.wrapContainer222 .pm-row {
    display: grid;
    grid-column: 1 / 3;
    grid-template-columns: 1fr 1fr;
}

.wrapContainer222 .pm-cell {
    grid-template-columns: subgrid;
    width: 100%;
    padding: 20px 55px 20px 25px;
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer222 .pm-cell.left {
    background: white;
    color: var(--primary-color);
    grid-column:1 / 2;
    border-bottom:1px solid var(--primary-color);
}

.wrapContainer222 .pm-cell.right {
    background: var(--primary-color);
    color: white;
    grid-column: 2 / 3;
    border-bottom: 1px solid white;
}

.wrapContainer222 .legend {
    padding: 20px 55px 20px 25px;
    color: var(--primary-color);
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--primary-color);
    flex-direction: column;
    align-items: flex-start;
    font-family: "Atyp BL Text";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.154px;
}

.wrapContainer222 .legend strong {
    color: var(--primary-color);
    font-weight: 600
}

.wrapContainer333 {
    padding-left:60px;
    padding-right:60px;
    margin-bottom:120px;
}

.wrapContainer333 h2 {
    color: black;
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin-bottom: 70px;
}

.wrapContainer333 .innerWrap {
    display:grid;
    grid-template-columns:1fr 1fr;
}
.wrapContainer333 .innerWrap .wrapLeft {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
    justify-self: center;
}
.wrapContainer333 .innerWrap .wrapRight {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    justify-self: center;
}
.wrapContainer333 .innerWrap .wrapBottom {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}

.wrapContainer333 .innerWrap .wrapBottom .text {
    color: var(--primary-color);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
    margin-left:30px;
    margin-top:40px;
}

.wrapContainer444 {
      padding-left:60px;
      padding-right:60px;
}

.wrapContainer444 h2 {
    color: var(--text-color-weak);
    font-family: "Atyp BL Text";
    font-size: 50px;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: -1.1px;
    margin-bottom: 40px;
}

.wrapContainer444 .title {
    color: var(--text-color-weak);
    font-family: "Atyp BL Text";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.456px;
    margin-bottom:18px;
}

.wrapContainer444 .text {
    color: var(--text-color-weak);
    font-family: "Atyp BL Text";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    letter-spacing: -0.22px;
}

.wrapContainer444 .wrapBottom,
.wrapContainer444 .wrapTop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.wrapContainer444 .wrapTop .wrapLeft,
.wrapContainer444 .wrapTop .wrapRight {
    margin-bottom:70px;
}

.wrapContainer444 .wrapRight,
.wrapContainer444 .wrapLeft {
    width: calc(50% - 30px);
} 

@media(max-width:1200px) {
    .commonContainer {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapContainer .content .innerContent .c4 {
        margin-top: 0;
        margin-right: 0;
        margin-left: 10px;
    }

    .wrapContainer .content .innerContent {
        grid-column-gap: 10px;
    }

    .wrapContainer2 .frame .number {
        width: 50%;
    }

    .wrapContainer2 .frame .number1,
    .wrapContainer2 .frame .number2 {
        margin-bottom: 30px;
    }

    .wrapContainer2 .wrapBottomInner {
        flex-direction: column;
        align-items: center;
        padding: 0;
    }

    .wrapContainer2 .wrapBottomInner .mp-circle {
        margin: 0;
    }

    .wrapContainer2 .wrapBottomInner .rightForCircle {
        flex-grow: initial;
        flex-shrink: initial;
        flex-basis: initial;
        margin-top: 10px;
        max-width: 100%;
    }

    .wrapContainer3 {
        margin-bottom: 90px;
    }

    .wrapContainer3 .wrapBottomInner .leftWrap,
    .wrapContainer3 .wrapBottomInner .rightWrap {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .wrapContainer3 .wrapBottomInner .part2, 
    .wrapContainer3 .wrapBottomInner .part1 {
        margin-bottom:40px
    }

    .wrapContainer3 .wrapTopInner {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .wrapContainer3 .wrapBottomInner {
        padding-left: 0px;
        padding-right: 0px;
    }

    .wrapContainer4 .topWrap {
        max-width: 100%;
    }

    .wrapContainer5 .topWrap .leftWrap h2 {
        margin-bottom:40px;
    }

    .wrapContainer5 .wrapBottomInner .part3,
    .wrapContainer5 .wrapBottomInner .part1 {
        margin-bottom:40px;
    }

    .wrapContainer5 .wrapBottomInner .leftWrap,
    .wrapContainer5 .wrapBottomInner .rightWrap {
        width: 100%;
    }

    .wrapContainer5 .wrapBottomInner .leftWrap {
        padding-right: 0px;
    }

    .wrapContainer5 .wrapBottomInner .rightWrap {
        padding-left: 0px;
    }

    .wrapContainer5 .topWrap {
        flex-wrap: wrap;
    }

    .wrapContainer5 .topWrap .rightWrap {
        padding-left: 0;
        display: flex;
        justify-content: center;
    }

    .wrapContainer5 .topWrap .leftWrap,
    .wrapContainer5 .topWrap .rightWrap {
        width: 100%;
    }

    .wrapContainer7 .wrapTop {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapContainer22 {
        display: flex;
        flex-wrap: wrap;
        padding-left: 20px;
        padding-right: 20px;
        margin-bottom: 90px;
    }

    .wrapContainer22 h2 {
        margin-bottom: 12px;
        font-size: 35px;
        letter-spacing: -0.77px;
    }

    .wrapContainer22 .text {
        font-size: 17px;
        font-weight: 400;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer22 .text a {
        color: black;
        text-decoration: underline;
    }

    .wrapContainer22 .text a:hover {
        text-decoration: none;
    }

    .wrapContainer22 .wrapLeft {
        width: 100%;
        margin-right: 0px;
        margin-bottom:30px;
    }

    .wrapContainer22 .wrapRight {
        width: 100%;
        margin-left: 0px;
    }


    .wrapContainer33 .wrapOuter {
        padding: 40px 20px;
    }

    .wrapContainer44 .DocumentsViewer .items {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .wrapContainer111 {
        margin-top: 30px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapContainer111 .innerWrap {
        width: 100%;
    }

    .wrapContainer222 h2 {
        width: 100%;
    }

}

@media(max-width:1024px) {
    .wrapContainer4 .text {
        margin-bottom: 30px;
    }
}

@media(max-width:992px) {
    h1, h2 {
        font-size: 35px !important;
        letter-spacing: -0.77px !important;
    }

    .wrapContainer {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .wrapContainer .sizeSmall {
        font-size: 14px;
        letter-spacing: -0.154px;
    }

    .wrapContainer .sizeNormal {
        font-size: 18px;
        letter-spacing: -0.342px;
    }

    .wrapContainer .header .topWrap {
        margin-bottom: 13px;
    }

    .wrapContainer .header .reg {
        width: 114px;
        height: 34px;
        padding: 10px;
        margin-bottom: 10px;
    }

    .wrapContainer .header .forMedia {
        margin-right: 0;
    }

    .wrapContainer .header .pood {
        margin-right: 22px;
    }

    .wrapContainer .header .bottomWrap {
        flex-direction: column;
        justify-items: end;
        align-items: end;
    }

    .wrapContainer .header .bottomWrap .sizeNormal.mr-40 {
        margin-right: 0px;
    }

    .wrapContainer .header .bottomWrap .login {
        order: 2;
    }

    .wrapContainer .content .introText {
        font-size: 17px;
        letter-spacing: -0.187px;
    }

    .wrapContainer .content .innerContent {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
    }

    .wrapContainer .content .innerContent .c1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }

    .wrapContainer .content .innerContent .c2 {
        grid-column: 1 / 2;
        grid-row: 3 / 4;
        margin-bottom: 30px;
    }

    .wrapContainer .content .innerContent .c3 {
        grid-column: 1 / 3;
        grid-row: 4 / 5;
        justify-self: center;
    }

    .wrapContainer .content .innerContent .c4 {
        grid-column: 1 / 2;
        grid-row: 2 / 3;
        justify-self: center;
        align-self: center;
        margin: 0;
        margin-bottom: 30px;
    }

    .wrapContainer4 .innerSlide .wrapText {
        margin-top: 55px;
        padding: 30px 20px;
        border-radius: 45px;
    }

    .wrapContainer4 .rz-carousel-prev,
    .wrapContainer4 .rz-carousel-next {
        /*  margin-top: 50px;*/
    }

    .wrapContainer4 .rz-carousel {
        padding-bottom: 20px;
    }

    .wrapContainer6 .rightWrap,
    .wrapContainer6 .leftWrap {
        width: 100%;
    }

    .wrapContainer6 .rightWrap {
        padding-left: 0px;
        order: 1;
    }

    .wrapContainer6 .leftWrap {
        padding-right: 0px;
        order: 2;
        padding-left:0;
        margin-top:60px;
    }
    
    .wrapContainer6 .inner {
        margin-left: 0;
        margin-right: 0;
        padding-left:20px;
        padding-right:20px;
    }

    .wrapContainer7 {
        padding-top: 90px;
    }

    .wrapContainer7 .wrapTop {
        padding-left: 0;
        padding-right: 0;
        margin-bottom:90px;
    }
    .wrapContainer8 .wrapBottom .text {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 12px;
        font-weight: 400;
        line-height: 150%; 
        letter-spacing: -0.132px;
    }

    .wrapContainer33 .wrapLeft {
        width: 100%;
        margin-right: 0px;
    }

    .wrapContainer33 .wrapRight {
        width: 100%;
        margin-left: 0px;
    }

    .wrapContainer33 .text2,
    .wrapContainer33 .text1 {
        margin-bottom: 43px;
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer44 {
        margin-top: 90px;
        margin-bottom: 90px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapContainer44 h2 {
        margin-bottom: 70px;
        font-family: "Atyp BL Text";
        font-size: 50px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -1.1px;
    }


    .wrapContainer44 .DocumentsViewer .items {
        grid-template-columns: 1fr 1fr;
    }

    .wrapContainer111 {
        margin-top: 25px;
        margin-bottom: 90px;
    }

    .wrapContainer111 h1 {
        font-size: 35px;
        line-height: 120%;
        letter-spacing: -0.77px;
        margin-bottom: 30px;
    }

    .wrapContainer111 .text1 {
        margin-bottom: 30px;
    }

    .wrapContainer111 .text2,
    .wrapContainer111 .text1 {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }


    .wrapContainer333 {
        margin-bottom:90px;
    }

    .wrapContainer333 h2 {
        font-size: 34px !important;
        line-height: 120%;
        letter-spacing: -0.77px;
        margin-bottom: 50px;
    }

    .wrapContainer333 .innerWrap {
        grid-row-gap:50px;
    }

    .wrapContainer333 .innerWrap img {
        max-width: 100%;
    }

    .wrapContainer333 .innerWrap .wrapLeft img {
        width: 350px;
    }

    .wrapContainer333 .innerWrap .wrapRight img {
        width: 220px;
    }

    .wrapContainer333 .innerWrap .wrapLeft {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
    }

    .wrapContainer333 .innerWrap .wrapRight {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .wrapContainer333 .innerWrap .wrapBottom {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
    }

    .wrapContainer333 .innerWrap .wrapBottom .text {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
        margin-top:0px;
        margin-left:0px;
    }

    .wrapContainer444 h2 {
        font-size: 35px;
        line-height: 120%;
        letter-spacing: -0.77px;
        margin-bottom:30px;
    }

    .wrapContainer444 .title {
        font-size: 22px;
        line-height: 130%;
        letter-spacing: -0.418px;
        margin-bottom:14px;
    }

    .wrapContainer444 .text {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer444 .wrapBottom,
    .wrapContainer444 .wrapTop {
        flex-direction:column;
    }

    .wrapContainer444 .wrapBottom .wrapLeft,
    .wrapContainer444 .wrapTop .wrapLeft,
    .wrapContainer444 .wrapTop .wrapRight {
        margin-bottom: 30px;
    }

    .wrapContainer444 .wrapRight,
    .wrapContainer444 .wrapLeft {
        width: 100%;
    } 

}


@media(max-width:768px) {
    .mp-btn {
        height: 60px;
    }

    .wrapContainer {
        margin-bottom: 65px;
    }

    .wrapContainer .header {
        margin-bottom:50px;
    }

    .wrapContainer2 {
        margin-block: 140px;
    }

    .wrapContainer .content .innerContent {
        grid-column-gap: 0px;
    }

    .wrapContainer .logo {
        width: 124px;
        height: 90px;
    }

    .wrapContainer .buttons {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
    }

    .wrapContainer .buttons > .mp-btn {
        margin: 0;
        width: 347px;
        height: 60px;
        max-width:100%;
    }

    .commonContainer .buttons > .mp-btn.mr-60 {
        margin-bottom: 20px;
    }

    .wrapContainer .illustration {
        width: 100%;
        height: 243px;
        max-width: 100%;
        background-size: contain;
    }

    .wrapContainer2 {
        margin-bottom:90px;
    }

    .wrapContainer2 .frame {
        padding: 0 38px 60px 38px;
    }

    .wrapContainer2 .frame .frameText > div {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer2 .frame .number .topPart {
        font-size: 35px;
        line-height: 120%;
        letter-spacing: -0.77px;
    }

    .wrapContainer2 .frame .number .bottomPart {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer2 .frame .number {
        width: 100%;
    }

    .wrapContainer2 .frame .number3 {
        margin-bottom: 30px;
    }

    .wrapContainer2 .wrapBottomInner {
        margin-top: -45px;
    }

    .wrapContainer2 .frame .twoHeads {
        max-width: 238px;
        height: 190px;
        margin-top: -116px;
    }

    .wrapContainer2 .frame .frameText {
        padding-top: 0px;
        margin-bottom: 30px;
    }

    .wrapContainer2 .wrapBottomInner .mp-circle {
        width: 220px;
        height: 220px;
    }

    .wrapContainer2 .wrapBottomInner .mp-circle .numberOf {
        font-size: 35px;
        line-height: 120%;
        letter-spacing: -0.77px;
    }

    .wrapContainer2 .wrapBottomInner .mp-circle span {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
        max-width: 165px;
    }

    .wrapContainer2 .wrapBottomInner .rightForCircle {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    
    .wrapContainer3 .wrapTopInner h2 {
        margin-bottom: 30px;
    }

    .wrapContainer3 .wrapTopInner > div {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer3 .wrapBottomInner .part .title {
        font-size: 22px;
        line-height: 130%; 
        letter-spacing: -0.418px;
        margin-bottom:14px;
    }

    .wrapContainer3 .wrapBottomInner .part1,
    .wrapContainer3 .wrapBottomInner .part2,
    .wrapContainer3 .wrapBottomInner .part3,
    .wrapContainer3 .wrapBottomInner .part4 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .wrapContainer3 .wrapBottomInner .part4,
    .wrapContainer3 .wrapBottomInner .part2 {
        padding-left: 0px;
    }

    .wrapContainer3 .wrapBottomInner .part3,
    .wrapContainer3 .wrapBottomInner .part1 {
        padding-right: 0px;
    }

    .wrapContainer3 .wrapBottomInner .part .imgWrap {
        height:auto;
    }

    .wrapContainer3 .wrapBottomInner .part .text {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }
    .wrapContainer3 .wrapBottomInner .part .img1 {
        width: 131px;
        height: 104px;
    }

    .wrapContainer3 .wrapBottomInner .part .img2 {
        width: 192px;
        height: 123px;
    }

    .wrapContainer3 .wrapBottomInner .part .img3 {
        width: 103px;
        height: 104px;
    }

    .wrapContainer3 .wrapBottomInner .part .img4 {
        width: 165px;
        height: 102px;
    }

    .wrapContainer3 .part{
        margin-bottom: 40px;
    }

    .wrapContainer3 .part.part4 {
        margin-bottom: 0px;
    }

    .wrapContainer3 .wrapBottomInner .part .image {
        
        margin: 0px auto 14px auto;
    }

    .wrapContainer3 .wrapBottomInner .part .image.img4,
    .wrapContainer3 .wrapBottomInner .part .image.img2 {
        margin: 0px auto 0px auto;
    }


    .wrapContainer33 .wrapOuter img {
        width: 232px;
    }

    .wrapContainer33 .wrapOuter img.eu {
        max-width: 199px;
    }

    .wrapContainer4 {
        margin-bottom: 72px;
    }

    .wrapContainer4 h2 {
        margin-bottom: 30px;
    }

    .wrapContainer4 .text {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
        margin-bottom:30px;
    }

    .wrapContainer4 .innerSlide .wrapText .sliderAfter {
        top: -30px;
        left: 3%;
    }
    .wrapContainer4 .innerSlide .wrapText {
        margin-top: 35px;
    }

    .wrapContainer4 .innerSlide .title {
        width: 100%;
        font-size: 22px;
        letter-spacing: -0.418px;
        text-align: left;
    }
    .wrapContainer4 .innerSlide .region {
        width: 100%;
        font-size: 22px;
        letter-spacing: -0.242px;
        text-align: left;
    }
    .wrapContainer4 .innerSlide .wrapText {
        font-size: 17px;
        letter-spacing: -0.187px;
    }

    .wrapContainer5 {
        margin-bottom:90px;
    }

    .wrapContainer5 .topWrap .leftWrap h2 {
        margin-bottom: 30px;
    }

    .wrapContainer5 .topWrap {
        margin-bottom:40px;
    }

    .wrapContainer5 .wrapBottomInner .part3,
    .wrapContainer5 .wrapBottomInner .part1 {
        margin-bottom: 0px;
    }

    .wrapContainer5 .wrapBottomInner .part .title {
        margin-bottom: 14px;
        font-size: 22px;
        line-height: 130%; 
        letter-spacing: -0.418px;
    }

    .wrapContainer5 .wrapBottomInner .part .text {
        font-size: 17px;
        letter-spacing: -0.187px;
        margin-bottom:40px;
    }
    .wrapContainer5 .wrapBottomInner .part.part4 .text {
        margin-bottom: 0px;
    }

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~ .rz-carousel-pager-bottom) {
        margin-left: -16px;
    }

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
        margin-right: -16px;
    }

    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-prev:has(~ .rz-carousel-pager-bottom),
    .rz-carousel:not(.rz-carousel-pager-overlay) .rz-carousel-next:has(~ .rz-carousel-pager-bottom) {
        inset-block-start: calc(100% - var(--rz-carousel-pager-height) / 2 - 28px);
        z-index: 0;
    }

    .wrapContainer4 .innerSlide .wrapText {
        width: 100%;
    }

    .wrapContainer4 .whiteSpace {
        display:inline;
    }

    .wrapContainer5 .wrapBottomInner .part1,
    .wrapContainer5 .wrapBottomInner .part2,
    .wrapContainer5 .wrapBottomInner .part3,
    .wrapContainer5 .wrapBottomInner .part4 {
        width: 100%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .wrapContainer5 .wrapBottomInner .part4,
    .wrapContainer5 .wrapBottomInner .part2 {
        padding-left: 0px;
    }

    .wrapContainer5 .wrapBottomInner .part3,
    .wrapContainer5 .wrapBottomInner .part1 {
        padding-right: 0px;
    }

    .wrapContainer6 .inner {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .wrapContainer6 h2 {
        margin-bottom:30px;
    }

    .wrapContainer6 .leftWrap {
        padding-right: 25px;
        padding-left: 15px;
        height:240px;
    }

    .wrapContainer6 .leftWrap .innerTop {
        margin-bottom: 20px;
    }

    .wrapContainer6 .rightWrap .text {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer7 .c1 {
        grid-column: 1 / 3;
        grid-row: 1 / 2;
        padding-right: 0px;
    }

    .wrapContainer7 .c2 {
        grid-column: 1 / 3;
        grid-row: 3 / 4;
    }

    .wrapContainer7 .c3 {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
    }

    .wrapContainer7 .c1 h2 {
        margin-top: 0px;
        margin-bottom:32px;
    }

    .wrapContainer7 .c3 .image {
        width: 190px;
        height: 212px;
        margin-bottom: -20px;
        margin-left: 14%;
    }

    .wrapContainer7.commonContainer .mp-btn-orange  {
        width:350px;
        max-width:100%;
        height:49px;
    }

    .wrapContainer8 .wrapBottom {
        padding: 40px 0;
    }

    .wrapContainer11 {
        margin-bottom:90px;
    }

    .wrapContainer11 h1 {
        font-size: 35px;
        letter-spacing: -0.77px;
        margin: 25px 0 40px 0;
    }

    .wrapContainer11 .wrapBottom .wrapRight .title {
        font-size: 22px;
        letter-spacing: -0.418px;
    }

    .wrapContainer11 .wrapBottom .wrapRight .text {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer11 .wrapBottom .wrapLeft .headImg {
        width: 108px;
        height: 123px;
    }

    .for-media .wrapContainer {
        margin-bottom: 25px;
    }

    .commonContainer .mp-btn span {
        font-size: 22px;
        line-height: 130%;
        letter-spacing: -0.418px;
    }

    .wrapContainer44 {
        margin-top: 90px;
        margin-bottom: 90px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .wrapContainer44 h2 {
        font-size: 35px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.77px;
    }

    .wrapContainer44 .DocumentsViewer .items {
        display: grid;
        grid-row-gap: 50px;
        grid-column-gap: 30px;
    }

    .wrapContainer44 .DocumentsViewer .items .DocumentViewer .title {
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
    }

    .wrapContainer44 .DocumentViewer .fileIcon {
        width: 70px;
        height: 98px;
        flex-shrink: 0;
        aspect-ratio: 5/7;
    }

    .pood .wrapContainer {
        margin-bottom: 25px;
    }


    .wrapContainer222 {
        margin-bottom: 90px;
    }

    .wrapContainer222 h2 {
        font-size: 35px;
        line-height: 120%;
        letter-spacing: -0.77px;
    }

    .wrapContainer222 .wrap {
        overflow-x: auto;
    }

    .wrapContainer222 .col-title {
        padding: 0 0 14px 0px;
        font-size: 22px;
        line-height: 130%; 
        letter-spacing: -0.418px;
        min-width:280px;
    }

    .wrapContainer222 .col-title:last-child {
        border-bottom: 1px solid white;
    }

    .wrapContainer222 .pm-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .wrapContainer222 .pm-row {
        display: grid;
        grid-column: 1 / 3;
        grid-template-columns: 1fr 1fr;
    }

    .wrapContainer222 .pm-cell {
        padding: 14px 10px 14px 0;
        font-size: 17px;
        line-height: 150%;
        letter-spacing: -0.187px;
        min-width:280px;
    }

    .wrapContainer222 .pm-cell.left {
        border-bottom: 1px solid var(--primary-color);
    }

    .wrapContainer222 .pm-cell.right {
        padding-left:10px;
    }

    .wrapContainer222 .legend {
        color: var(--primary-color);
        padding: 14px 10px 14px 0;
        font-size: 12px;
        line-height: 150%;
        letter-spacing: -0.132px;
        min-width:560px;
    }

    .wrapContainer222 .legend strong {
        color: var(--primary-color);
        font-weight: 600
    }
}

@media (max-width: 560px) {
    .wrapContainer222 {
        padding-right: 0px;
    }
}

@media (max-width: 389px) {
    .wrapContainer .buttons > .mp-btn {
        max-width:280px;
    }
}

.main {
    background-color: var(--primary-color);
    width: 100%;
}

.for-media .wrapContainer,
.pood .wrapContainer {
    padding-bottom: 0;
}

.for-media .wrapContainer .header,
.pood .wrapContainer .header {
    margin-bottom: 41px;
}



@media (max-width: 768px) {
    .for-media .wrapContainer .header, .pood .wrapContainer .header {
        margin-bottom: 25px;
    }

    .pood .wrapContainer3 h2 {
        font-size: 34px !important;
    }
}