
/*Обнуление*/
*{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}
nav,footer,header,aside{display: block;}
input,button,textarea{font-family:inherit;}
input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a {color: inherit;}
a:hover{text-decoration: none;}
ul li{list-style: none;} 


@font-face {
    font-family: g-black; 
    src: url(../fonts/Gilroy-Black.ttf); 
}
@font-face {
    font-family: g-bold; 
    src: url(../fonts/Gilroy-Bold.ttf); 
}
@font-face {
    font-family: g-Semibold; 
    src: url(../fonts/Gilroy-Semibold.ttf); 
}
@font-face {
    font-family: g-medium; 
    src: url(../fonts/Gilroy-Medium.ttf); 
}
@font-face {
    font-family: g-reg; 
    src: url(../fonts/Gilroy-Regular.ttf); 
}
@font-face {
    font-family: g-thin; 
    src: url(../fonts/Gilroy-Thin.ttf); 
}

:root {
  --color-red_reg: #D30024;
  --color-600primary:#91031C;
  --color-500primary: #a5001c;
  --color-400primary: #D4082B;
  --color-300primary: #d30024;
  --color-100grey: #f8f8fa;
  --color-200grey: rgba(234, 234, 234, 0.980392);
  --color-300grey: #d8dade;
  --color-400grey: #c3c7ce;
  --color-500grey: #999999;
  --color-600grey: #898989;
  --color-700grey: #363A40;
  --color-800grey: #212121;
  --color-pure_white: #FFF;
  --color-text: #001430;
  --color-text_black: #000;

  --padding-10: 0.52vw;
  --padding-16: 0.83vw;
  --padding-21: 1.1vw;
  --padding-24: 1.25vw;
  --padding-32: 1.66vw;
  --padding-40: 2.08vw;

  --font-size16: .83vw;
  --font-size18: .93vw;
  --font-size20: 1vw;
  --font-size24: 1.25vw;
  --font-size32: 1.66vw;
  --font-size34: 1.77vw;
  --font-size38: 1.97vw;
  --font-size40: 2.08vw;
  --font-size44: 2.3vw;
  --font-size48: 2.5vw;
  --font-size50: 2.6vw;
  --font-size56: 2.91vw;

  --margin-section: 0.52vw;
  --padding-10_mob: 2.27vw;
  --padding-16_mob: 3.63vw;
  --padding-20_mob: 4.54vw;
  --padding-24_mob: 5.45vw;

  --font-size12_mob: 2.72vw;
  --font-size14_mob: 3.18vw;
  --font-size16_mob: 3.63vw;
  --font-size18_mob: 4.10vw;
  --font-size20_mob: 4.54vw;
  --font-size24_mob: 5.45vw;
  --font-size32_mob: 7.27vw;
  --font-size44_mob: 10vw;
}
html {
    width: 100%;
    overflow-x: hidden;
    scroll-behavior: smooth;
}
body {   
    background-color: var(--color-100grey);
    color: var(--color-text);
    font-family: g-reg;
}
.all_bg {
    background-color: var(--color-100grey);
}
body::-webkit-scrollbar {
  width: 1px;             
}
.all_wrapper {
    padding: 0 10px;
}
nav {
    position: fixed;
    width: calc(100% - 20px);
    top: 10px;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
    background-color: var(--color-pure_white);
    padding: var(--padding-21) var(--padding-32);
    z-index: 102;
}
.nav_logo img {
    display: block;
    width: 6.4vw;
}
.nav_gamburger {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav_gamburger__call {
    background-color: var(--color-red_reg);
    border: 1px solid var(--color-red_reg);
    border-radius: 32px;
    padding: var(--padding-10) var(--padding-32);
    color: var(--color-pure_white);
    font-size: var(--font-size20);
    cursor: pointer;
    margin-right: 20px;
    transition: background-color .2s ease-in-out;
}
.nav_gamburger__call:hover {
    background-color: transparent;
    color: var(--color-red_reg);
}
.nav_gamburger__elem {
    background-color: var(--color-red_reg);
    border: 1px solid var(--color-red_reg);
    border-radius: 50%;
    width: 2.28vw;
    height: 2.28vw;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
}
.nav_gamburger__elem img {
    display: flex;
    margin: 30% auto;
    width: 40%;
}
.nav_gamburger__elem:hover {
    background-color: var(--color-pure_white);
    
}
.nav_gamburger__elem:hover img {
    filter: invert(26%) sepia(90%) saturate(9224%) hue-rotate(339deg) brightness(77%) contrast(123%);
}

h1 {
    color: var(--color-text_black);
    font-size: 3.6vw;
    font-family: g-Semibold;
    letter-spacing: -4%;
    line-height: 96%;
    font-weight: normal;
}
h1 span {
    color: var(--color-red_reg);
}
@media (max-width:960px) {
    h1 {
        font-size: var(--font-size44_mob);
        letter-spacing: -2px;
        line-height: 95%;
    }
.all_wrapper {
    padding: 0 6px;
}
nav {
    width: calc(100% - 12px);
    top: 6px;
    left: 6px;
    border-radius: 13px;
    padding: var(--padding-16_mob) var(--padding-24_mob);
}
.nav_logo img {
    display: block;
    width: 28vw;
    max-width: 130px;
}
.nav_gamburger__call {
    border-radius: 29px;
    padding: var(--padding-10_mob) var(--padding-16_mob);
    color: var(--color-pure_white);
    font-size: var(--font-size14_mob);
    margin-right: 10px;
}
.nav_gamburger__elem {
    width: 8.8vw;
    height: 8.8vw;
}
.nav_gamburger__elem img {
    display: flex;
    margin: 30% auto;
    width: 40%;
}    
}

.modal_nav {
    position: fixed;
    top: calc(5vw + 8px);
    left: 110vw;
    width: calc(100% - 20px);
    height: calc(100vh - 5vw - 8px);
    background-color: var(--color-pure_white);
    z-index: 101;
    border-radius: 20px;
    font-size: var(--font-size24);
    padding-top: 4vw;
    transition: left .5s ease-in-out;
}
.modal_nav.active {
    left: 10px;   
}
.wrapper_modal_nav {
    display: flex;
    justify-content: space-evenly;
}
.modal_nav__block {
    width: 27%;
}
.modal_nav__block__elem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--padding-21) var(--padding-21);
    cursor: pointer;
    margin-bottom: 0vw;
    font-family: g-Semibold;
    color: var(--color-700grey);
}
.modal_nav__block__elem__img {
    width: 1.3vw;
    height: 1.3vw;
    background-color: var(--color-pure_white);
}
.modal_nav__block__elem:hover .modal_nav__block__elem__img img {
    filter: invert(58%) sepia(2%) saturate(19%) hue-rotate(61deg) brightness(94%) contrast(79%);
}
.modal_nav__block__elem:hover {
    color: var(--color-600grey);
}
.modal_nav__block__elem.active {
    background-color: var(--color-100grey);
}
.modal_nav__block__elem__img img {
    display: block;
    margin: 25% auto;
    width: 35%;
}

.modal_nav__block3__posishion1,
.modal_nav__block3__posishion2 {
    display: none;
} 
.modal_nav__block3__posishion1.active,
.modal_nav__block3__posishion2.active {
    display: block;
}
.modal_nav__block2__posishion {
    display: none;
}
.modal_nav__block2__posishion.active {
    display: block;
}
.bread_crumbs,
.bread_crumbs__article {
    display: none;
}

@media (max-width:960px) {
    .modal_nav {
        top: calc(17vw + 8px);
        left: 110vw;
        width: calc(100% - 12px);
        height: calc(100vh - 17vw - 8px);
        background-color: var(--color-pure_white);
        z-index: 101;
        border-radius: 14px;
        padding-top: 8vw;
    }
    .modal_nav.active {
        left: 6px;
        transition: .5s;
        transition-timing-function:ease-out;
    }
    .bread_crumbs {
        display: flex;
        align-items: center;
        font-size: var(--font-size12_mob);
        padding-left: var(--padding-24_mob);
    } 
    .bread_crumbs__elem {
        display: flex;
        align-items: center;
        color: var(--color-500grey);
    }
    .modal_nav__block__elem.active {
        background-color: transparent;
    }
    .bread_crumbs__elem:last-child {
        color: var(--color-red_reg);
    }
    .bread_crumbs__elem > img {
        width: 4px;
        height: 9px;
        display: block;
        margin: 0 10px;
    }
    .bread_crumbs__article {
        display: block;
        margin: 5vw 0;
        color: var(--color-red_reg);
        font-size: var(--font-size20_mob);
        font-family: g-Semibold;
        padding-left: var(--padding-24_mob);
        min-height: 6.8vw;
    }
    .mobile_nav_carusel {
        width: 100%;
        overflow-x: hidden;
    }
    .wrapper_modal_nav {
        width: max-content;
        display: flex;
        justify-content: flex-start;
        transition: .2s;
        transition-timing-function:ease-out;
    }
    .modal_nav__block {
        width: 97.2vw;
    }
    .modal_nav__block__elem {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 3vw;
        margin: 2vw 17vw 2vw 5vw;
        font-size: var(--font-size18_mob);
        color: var(--color-800grey);
        font-family: g-Semibold;
        padding: var(--padding-10_mob);
    }
    .modal_nav__block__elem__img {
        width: 6px;
        height: 11px;
        background-color: transparent;
    }
    .modal_nav__block__elem__img img {
        display: block;
        margin: auto;
        width: 100%;
        filter: invert(55%) sepia(87%) saturate(0%) hue-rotate(154deg) brightness(95%) contrast(87%);
    }
    .bread_crumbs__elem3 {
        color: var(--color-red_reg);
    }
}

.black_window {
    display: none;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: #07070780;
    backdrop-filter: blur(7px);
    z-index: 20;
}
.black_window.active {
    display: block;
}
.modal_comeback_call {
    position: fixed;
    top: 10px;
    right: -800px;
    width: 693px;
    height: calc(100vh - 20px);
    z-index: 201;
    transition: right .5s ease-in-out;
}
.modal_comeback_call.active {
    right: 10px;
}
.comeback_call__top {
    display: flex;
    align-items: center;
    background-color: var(--color-pure_white);
    border-radius: 20px;
    padding: 12px 20px;
}
.comeback_call__top img:first-child {
    display: block;
    width: 70px;
    height: 70px;
    cursor: pointer;
    transition: transform .2s ease-in-out;
}
.comeback_call__top img:first-child:hover {
    transform: rotate(-45deg);
}
.comeback_call__top img:last-child {
    display: block;
    width: 165px;
    margin-left: 20px;
}
.comeback_call__body {
    margin-top: 10px;
    border-radius: 20px;
    background-color: var(--color-pure_white);
    height: calc(100vh - 124px);
    padding: 3vh 20px;
    overflow-y: scroll;
}
.comeback_call__body article {
    font-family: g-Semibold; 
    font-size: 32px;
}
.comeback_call__body__wrapper {
    margin-top: 4.6vh;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.comeback_call__body__elem {
    position: relative;
    width: 48%;
    margin-bottom: 2.7vh;
}
.comeback_call__body__elem > p,
.comeback_call__body__wrapper > p {
    font-size: 18px;
    font-family: g-Semibold;
    margin-bottom: 1.85vh;
}
.comeback_call__body__elem input,
.comeback_call__body__elem__select {
    display: block;
    width: 100%;
    height: 5.75vh;
    max-height: 62px;
    min-height: 40px;
    padding: 0 24px;
    border-radius: 20px;
    border: 2px solid var(--color-300grey);
    font-size: 20px;
}
.comeback_call__body__elem__select {
    color: var(--color-600grey);
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.comeback_call__body__elem__select img {
    display: block;
    margin-top: 5px;
}
.body__elem__select__drop {
    position: absolute;
    background-color: var(--color-pure_white);
    width: 100%;
    left: 0;
    bottom: -130px;
    border: 2px solid var(--color-300grey);
    display: none;
}
.body__elem__select__drop.active {
    display: block;
}
.body__elem__select__drop p {
    cursor: pointer;
    padding: 6px 24px;
}
.body__elem__select__drop p:hover {
    background-color: var(--color-300grey);
}
.comeback_call__body__wrapper textarea {
    display: block;
    width: 100%;
    height: 18vh;
    max-height: 200px;
    min-height: 100px;
    padding: 15px 24px;
    border-radius: 20px;
    border: 2px solid var(--color-300grey);
    font-size: 20px;
    resize: none;
}

.comeback_call__btn {
    background-color: var(--color-red_reg);
    border-radius: 43px;
    padding: var(--padding-10) var(--padding-32);
    color: var(--color-pure_white);
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    left: 20px;
    bottom: calc(3vh + 60px);
    border: 1px solid var(--color-red_reg);
    font-family: g-Semibold;
    transition: background-color .15s ease-in-out;
}
.comeback_call__btn:hover {
    background-color: transparent;
    color: var(--color-red_reg);
}
.modal_comeback_call-checkbox {
    display: block;
    font-size: 16px;
    color: var(--color-600grey);
    padding-right: 35%;
    position: absolute;
    bottom: 3vh;
    left: 20px;
    user-select: none;
}
.close__modal_comeback_call_mob {
    display: none;
}
@media (min-width:710px) and (max-height: 740px) {
.comeback_call__btn {
    position: relative;
    margin-top: 2vh;
    left: 0px;
    bottom: 0px;
}
.modal_comeback_call-checkbox {
    position: relative;
    margin-top: 2vh;
    left: 0px;
    bottom: 0px;
}
}

@media (max-width:710px) {
    .modal_comeback_call {
        position: fixed;
        top: 0px;
        right: -111vw;
        width: 100vw;
        height: 100vh;
        min-height: 100vh;
        z-index: 201;
    }
    .modal_comeback_call.active {
        right: 0px;
        transition: .2s;
    }
    .comeback_call__top {
        display: none;
    }
    .comeback_call__body {
        margin-top: 0px;
        border-radius: 0px;
        background-color: var(--color-pure_white);
        min-height: 100vh;
        padding: 20px;
        overflow-y: scroll;
    } 
    .comeback_call__body article {
        font-family: g-Semibold; 
        font-size: 24px;
    }
    .comeback_call__body__wrapper {
        margin-top: 3vh;
    }
    .comeback_call__body__elem {
        position: relative;
        width: 100%;
        margin-bottom: 1vh;
    }
    .comeback_call__body__elem > p,
    .comeback_call__body__wrapper > p {
        display: none;
    }
    .comeback_call__body__elem input,
    .comeback_call__body__elem__select {
        display: block;
        width: 100%;
        height: 5.75vh;
        max-height: 62px;
        min-height: 40px;
        padding: 0 24px;
        border-radius: 9px;
        border: 2px solid var(--color-300grey);
        font-size: 16px;
    }
    .comeback_call__body__elem__select {
        color: var(--color-600grey);
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
    }
    .comeback_call__body__elem__select img {
        display: block;
        margin-top: 2px;
    }
    .body__elem__select__drop {
        position: absolute;
        background-color: var(--color-pure_white);
        width: 100%;
        left: 0;
        bottom: -130px;
        border: 2px solid var(--color-300grey);
        display: none;
    }
    .body__elem__select__drop.active {
        display: block;
    }
    .body__elem__select__drop p {
        cursor: pointer;
        padding: 6px 24px;
    }
    .body__elem__select__drop p:hover {
        background-color: var(--color-300grey);
    }
    .comeback_call__body__wrapper textarea {
        display: block;
        width: 100%;
        height: 18vh;
        max-height: 200px;
        min-height: 100px;
        padding: 15px 24px;
        border-radius: 20px;
        border: 2px solid var(--color-300grey);
        font-size: 16px;
        resize: none;
    }

    .comeback_call__btn {
        background-color: var(--color-red_reg);
        border-radius: 29px;
        padding: 10px 22px;
        color: var(--color-pure_white);
        font-size: 14px;
        cursor: pointer;
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 5vh;
        font-family: g-medium;
    }
    .modal_comeback_call-checkbox {
        display: block;
        font-size: 14px;
        position: relative;
        padding-right: 10%;
        bottom: 0;
        left: 0px;
        margin-top: 2vh;
    }  
    .close__modal_comeback_call_mob {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
    }
}


footer {
    margin: 50px 10px 10px;
}
.footer__top {
    background-color: var(--color-500primary);
    border-radius: 20px;
    padding: 10vw var(--padding-32) 0;
    cursor: pointer;
}
.footer__top__logo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: var(--padding-32) var(--padding-32) 0;
    cursor: pointer;
}

.footer__top__logo > img:first-child {
    display: block;
    width: 24%;
    transition: margin-left .5s ease-in-out;
}
.footer__top__logo__img {
    width: 3.5vw;
    height: 3.5vw;
    border: 1px solid var(--color-100grey);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: background-color .2s ease-in-out;
}
.footer__top__logo__img img {
    height: 35%;
    display: block;
    margin: auto;
}
.block_decor_lines_footer {
    margin-top: var(--padding-32);
    width: 100%;
    position: relative;
}
.decor_line1_footer {
    width: 100%;
    height: 1px;
    background-color: var(--color-100grey);
    opacity: .2;
}
.decor_line2_footer {
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: var(--color-100grey);
    transition: width 1s ease-in-out;
}
.footer__top:hover .decor_line2_footer{
    width: 100%;
}
.footer__top:hover > .footer__top__logo > img {
    margin-left: 1.5%;
}
.footer__top:hover .footer__top__logo__img img {
    filter: invert(26%) sepia(90%) saturate(9224%) hue-rotate(339deg) brightness(77%) contrast(123%);
}
.footer__top:hover .footer__top__logo__img {
    background-color: var(--color-pure_white);
}


.footer__top__contact {
    padding: var(--padding-32) 0;
    display: flex;
    justify-content: space-between;
    align-items: end;
    font-size: var(--font-size24);
    color: #fff;
}
.footer__bottom {
    margin-top: 10px;
    background-color: var(--color-500primary);
    border-radius: 20px;
    padding: var(--padding-40);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: var(--font-size24);
    color: #fff;
}
.footer__bottom__block {
    display: flex;
}
.footer__bottom__block a {
    margin-right: 2vw;
}
.footer_mobile_block {
    display: none;
}
@media (max-width:810px) {
    footer {
        margin: 10px 6px;
    }
    .footer__top {
        background-color: var(--color-500primary);
        border-radius: 14px;
        padding: 10vw var(--padding-24_mob) 0;
    }
    .footer__top__logo {
        padding-bottom: var(--padding-24_mob);
        border-bottom: 1px solid rgba(255, 255, 255, .4);
    }
    .block_decor_lines_footer {
        display: none;
    }
    .footer__top__logo img:first-child {
        display: block;
        width: 40%;
    }
    .footer__top__logo__img {
        width: 8vw;
        height: 8vw;
    }
    .footer_mobile_block {
        display: block;
        font-size: var(--padding-16_mob);
        color: #fff;
        padding: var(--padding-24_mob) 0;
    }
    .footer__top__contact {
        display: none;
    }
    .footer__bottom {
        margin-top: 6px;
        border-radius: 14px;
        padding: var(--padding-24_mob);
        display: block;
        font-size: var(--padding-16_mob);
    }
    .footer__bottom__block {
        display: block;
    }
    .footer__bottom__block:last-child {
        display: none;
    }
}
.wrapper_bread_crumbs {
    background-color: var(--color-pure_white);
    margin-top: 5.5vw;
    padding: var(--padding-32);
    border-radius: 20px;
}
.top_bread_crumbs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.top_bread_crumbs__around {
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    background-color: var(--color-300primary);
    margin-right: .5vw;
}
.top_bread_crumbs p {
    font-size: var(--font-size24);
}
.top_bread_crumbs a {
    margin-left: .5vw;
}
.wrapper_bread_crumbs > p {
    font-size: var(--font-size32);
    font-family: g-Semibold;
    margin-top: 8vw;
    width: 67%;
}
.wrapper_bread_crumbs > article {
    border-top: 1px solid var(--color-500grey);
    margin-top: 2vw;
    padding: 2vw 0;
    font-size: var(--font-size32);
}
@media (max-width: 960px) {
.wrapper_bread_crumbs {
    margin-top: 19vw;
    padding: var(--padding-24_mob);
    border-radius: 14px;
}
.top_bread_crumbs {
    position: relative;
    padding-left: 7vw;
}
.top_bread_crumbs__around {
    position: absolute;
    top: calc(50% - 2.75vw);
    left: 0;
    width: 5.45vw;
    height: 5.45vw;
    margin-right: 1.5vw;
}
.top_bread_crumbs p {
    font-size: var(--font-size16_mob);
}
.top_bread_crumbs a {
    margin-left: 1.5vw;
}
.wrapper_bread_crumbs > p {
    font-size: var(--font-size16_mob);
    font-family: g-Semibold;
    margin-top: 8vw;
    width: 100%;
}
.wrapper_bread_crumbs > article {
    margin-top: 5vw;
    padding: 5vw 0;
    font-size: var(--font-size16_mob);
}
}


.wrapper_news {
    margin: 10px;
    padding: var(--padding-32);
    border: 2px solid var(--color-300grey);
    border-radius: 20px;
}
.news_block {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2vw;
    cursor: pointer;
}
.news_block__img {
    width: 20vw;
    border-radius: 32px;
    overflow: hidden;
}
.news_block__img img {
    width: 100%;
    display: block;
}
.news_block__link {
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    border: 1px solid var(--color-400grey);
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    transition: border .15s ease-in-out;
}
.news_block__link img {
    width: 1.85vw;
    display: block;
    margin: auto;
    transition: transform .15s ease-in-out;
}
.news_block:hover .news_block__link {
    border: 1px solid var( --color-text);
}
.news_block:hover .news_block__link img {
    transform: rotate(45deg);
}
.news_block__text {
    width: calc(100% - 40vw);
}
.news_block__text > p {
    font-family: g-Semibold;
    font-size: var(--font-size32);
}
.news_block__text article {
    margin-top: 2vw;
    font-size: var(--font-size24);
}
.news_block__link__text {
    display: none;
}

@media (max-width:960px) {
    .wrapper_news {
        margin: 20px 6px;
        padding: 0;
        border: none;
        border-radius: 0;
    }
    .news_block {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: 3vw;
    }
    .news_block__img {
        width: 100%;
        border-radius: 17px 17px 0 0;
        overflow: hidden;
    }
    .news_block__img img {
        width: 100%;
        display: block;
    }
    .news_block__link {
        display: none;
    }
    .news_block__link img {
        width: 1.85vw;
        display: block;
        margin: auto;
    }
    .news_block__text {
        margin-top: -2vw;
        width: 100%;
        background-color: #fff;
        border-radius: 13px;
        display: flex;
        flex-direction: column;
        padding: var(--padding-24_mob);
    }
    .news_block__text > p {
        margin-top: 3vw;
        font-family: g-medium;
        font-size: var(--font-size20_mob);
    }
    .news_block__text article {
        margin-top: 0;
        font-size: var(--font-size16);
        opacity: .5;
        order: -2;
    }
    .news_block__link__text {
        width: max-content;
        display: block;
        margin-top: 5vw;
        text-decoration: underline;
        font-size: var(--font-size16);
    }
}

.news_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 1001;
    padding: 5% 10%;
}
.news_modal.active {
    display: block;
}
.news_modal::-webkit-scrollbar {
  width: 1px;             
}
.close_news_modal {
    position: absolute;
    width: 3.65vw;
    height: 3.65vw;
    top: 5%;
    right: 10%;
    cursor: pointer;
    transition: transform .2s;
}
.close_news_modal:hover {
    transform: rotate(45deg);
    
}
.news_modal__data {
    font-size: var(--font-size32);
    color: var(--color-600grey);
    text-align: center;
}
.news_modal__title {
    margin-top: 3vw;
    font-size: var(--font-size56);
    font-family: g-Semibold;
    text-align: center;
}
.wrapper_news_modal {
    margin-top: 3vw;
    display: flex;
    justify-content: space-between;
}
.news_modal__img {
    width: 49%;
    border-radius: 32px;
    overflow: hidden;
}
.news_modal__img img {
    display: block;
    margin: 0;
    width: 100%;
}
.news_modal__text {
    width: 49%;
    font-size: var(--font-size32);
    font-family: g-Semibold;
}
.news_modal__article {
    margin-top: 3vw;
    font-size: var(--font-size56);
    font-family: g-Semibold;
}
.news_modal__body {
    margin-top: 3vw;
    font-size: var(--font-size32);
}
.news_modal__bottom {
    margin-top: 3vw;
    font-family: g-Semibold;
    font-size: var(--font-size32);
}

@media (max-width:960px) {
    .news_modal {
        padding: 10% 5%;
    }
    .news_modal::-webkit-scrollbar {
    width: 1px;             
    }
    .close_news_modal {
        width: 8vw;
        height: 8vw;
        top: 4vw;
        right: 4vw;
    }
    .news_modal__data {
        font-size: var(--font-size16_mob);
        text-align: start;
    }
    .news_modal__title {
        margin-top: 5vw;
        font-size: var(--font-size24_mob);
        text-align: start;
    }
    .wrapper_news_modal {
        margin-top: 5vw;
        display: block;
    }
    .news_modal__img {
        width: 100%;
        border-radius: 17px;
        overflow: hidden;
    }
    .news_modal__text {
        margin-top: 5vw;
        width: 100%;
        font-size: var(--font-size16_mob);
    }
    .news_modal__article {
        margin-top: 5vw;
        font-size: var(--font-size24_mob);
    }
    .news_modal__body {
        margin-top: 5vw;
        font-size: var(--font-size16_mob);
    }
    .news_modal__bottom {
        margin-top: 5vw;
        font-size: var(--font-size16);
    }
}
h2 {
    font-weight: normal;
}