* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body{
    width: 100%;
    overflow-x: hidden;
}
@font-face {
    font-family: DIN Next CYR;
    src: url(../fonts/DINNextCYR-Regular.otf);
}

@font-face {
    font-family: Phenomena;
    src: url(../fonts/Phenomena-Light.otf);
}

@font-face {
    font-family: ExrtaPhenomena;
    src: url(../fonts/Phenomena-ExtraBold.otf);
}

:root {
    --yellow: #F8DB4E;
    --black: #1A1919;
    --grey1: #625f5f;
}

/* Yellow Navbar */
/* mob */
.yellow_nav__mob_menu {
    width: fit-content;
    height: fit-content;
    display: none;
    align-items: center;
    gap: 20px;
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.yellow_nav__mob_menu>img {
    width: 30px;
    height: 30px;
    object-fit: contain;

}

/*  */

.yellow_nav {
    width: 100%;
    height: 14vh;
    display: flex;
    justify-content: space-between;
    padding: 10px 15%;
    background: linear-gradient(transparent 50%, #fff 50% 51%, transparent 51%), var(--yellow);
}

.yellow_nav__log {
    width: 40%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.yellow_logo {
    width: 11.5vh;
    height: 11.5vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
    padding-left: 10px;
    background-color: var(--yellow);
    color: var(--black);
    text-align: right;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
    border: 1px solid #3E3E3E;
    text-decoration: none;
}

.yellow_logo>p {
    color: var(--black);
    text-align: center;
    font-family: ExrtaPhenomena;
    font-size: 48px;
    line-height: 42px;
}


.yellow_nav__menu {
    width: 66%;
    /* height: 100%; */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10%;
    padding: 8px 0;
    align-content: space-between;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 300;
}

.yellow_nav__menu>a {
    text-decoration: none;
    color: #3E3E3E;
}

.yellow_nav__menu>a:nth-child(3) {
    text-align: end;
    padding-left: 10px;
}

.yellow_nav__menu>a:nth-child(4) {
    border-left: 1px solid #3E3E3E;
    padding-left: 20px;
}

.yellow_nav__info {
    width: 25%;
    /* height: 100%; */
    padding: 8px 0;
    display: flex;
    justify-content: space-between;
    font-family: Phenomena;
    font-size: 12px;
    font-weight: 300;
}

.yellow_nav__info a {
    text-decoration: none;
    color: #3E3E3E;
}

.yellow_nav__info>a {
    font-size: 14px;
    text-decoration: none;
    color: #3E3E3E;
}


.yellow_nav__info>div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;

}

.yellow_nav__info>div>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

.yellow_nav__info>div>span {
    padding: 4px 15%;
    background-color: var(--yellow);
    font-size: 16px;
    color: #3E3E3E;
}

.yellow_nav__bottom {
    display: none;
    width: 100%;
    padding: 20px 10px;
    background-color: var(--yellow);
}

.yellow_nav__bottom>ul {
    display: flex;
    list-style-type: none;
    gap: 20px;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.yellow_nav__bottom>ul a {
    color: var(--Dark, #3E3E3E);
    text-decoration: none;
}


/* -------------------------- HOME ----------------------------  */

/* header  */
.home_nav__bottom {
    display: none;
    width: 100%;
    padding: 20px 10px;
}

.home_nav__bottom>ul {
    display: flex;
    list-style-type: none;
    gap: 20px;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.home_nav__bottom>ul a {
    color: #fff;
    text-decoration: none;
}

.headMob {
    display: none;
}

.home_header {
    width: 100%;
    height: 55vh;
    background-image: url(../images/headImg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
}

/* mob */
.home_nav__mob_menu {
    width: fit-content;
    height: fit-content;
    display: none;
    align-items: center;
    gap: 20px;
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

.home_nav__mob_menu>img {
    width: 30px;
    height: 30px;
    object-fit: contain;

}

/*  */

.home_nav {
    width: 100%;
    height: 11.5vh;
    display: flex;
    justify-content: space-between;
    /* padding: 0 15%;    */
    /* background-image: linear-gradient(transparent 50%, var(--grey1) 50% 51%, transparent 51%); */
}

.home_nav__log {
    position: absolute;
    left: 15%;
    width: 35%;
    /* height: 100%; */
    display: flex;
    justify-content: space-between;
}

.for_sizing {
    margin-right: 15%;
}

.logo {
    width: 11.5vh;
    height: 11.5vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 8px;
    padding-left: 10px;
    background-color: var(--yellow);
    color: var(--black);
    text-align: right;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}

.logo>p {
    color: var(--black);
    text-align: center;
    font-family: ExrtaPhenomena;
    font-size: 48px;
    line-height: 42px;
}


.home_nav__menu {
    width: 66%;
    height: 11.5vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10%;
    padding: 6px 0;
    align-content: space-between;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 300;
}

.home_nav__menu>a {
    text-decoration: none;
    color: #fff;
}

.home_nav__menu>a:nth-child(3) {
    text-align: end;
    padding-left: 10px;
}

.home_nav__menu>a:nth-child(4) {
    border-left: 1px solid #fff;
    padding-left: 20px;
}

.home_nav__info {
    width: 100%;
    /* height: 100%; */
    padding: 6px 0;
    display: flex;
    justify-content: flex-end;
    font-family: Phenomena;
    font-size: 12px;
    font-weight: 300;
}

.home_nav__info hr {
    width: 90%;

}

.home_nav__info hr:last-child {
    width: 16%;
}

.home_nav__info a {
    text-decoration: none;
    color: #fff;
}

.home_nav__info>a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
}


.home_nav__info>div {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;

}

.home_nav__info>div>div {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    align-items: center;
}

.home_nav__info>div span {
    font-size: 16px;
    color: var(--yellow);
}

.home_deLuxe {
    width: 100%;
    padding: 30px 15% 0;
    display: flex;
    justify-content: flex-end;
}

.home_deLuxe>p {
    background: #474245;
    padding: 1% 2.5%;
    color: #FFF;
    font-family: Phenomena;
    font-size: 12px;
    font-weight: 300;
    line-height: 22px;

}

/* main  */

.forCenter {
    width: 100%;
    padding: 0 15%;
    background: #EBEBEB;
}

.home_main {
    transform: translateY(-67px);
}

.home_main__search-bar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #fff;
}

.home_main__search-bar>div {
    width: 22%;
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 24px 0 23px 19px;
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #EDEDED;
}

.home_main__search-bar>.home_main__search {
    width: 34%;
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: none;
    border-right: none;
}

.home_main__cont {
    width: 100%;
    display: flex;
    gap: 20px;
}

.home_main__cont h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}



.home_main__left {
    width: 75%;
    display: flex;
    flex-direction: column;
    padding-top: 20px;

}

.home_main__left_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    gap: 35px;
    padding-top: 35px;
}

.home_main__left_item>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 2%;

}

.home_main__left_card {
    width: fit-content;
    display: flex;
    flex-direction: column;
    background-color: #F3F3F3;
}

.home_main__left_card_img {
    position: relative;
    cursor: pointer;
}

.home_main__left_card_img>img {
    width: 100%;
    object-fit: scale-down;
}

.home_main__left_card_star {
    position: absolute;
    right: 10px;
    bottom: -25px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.card_star-active {
    background-color: var(--yellow) !important;
}

/* .card_star-hushum{
    width: 150px;
    height: 100px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    text-align: end; 

    border: 1px solid white  ;
    position: absolute;
    top: -70px;
    right: 0px;
    display: none;
    background-image: url(../images/hushum.svg);
    background-size: 140px 50px;
    background-repeat: no-repeat;
    background-position: right;
} */
/* 
.card_star-active > .card_star-hushum{
    display: block;
} */

.home_main__left_card_info {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.home_main__left_card_info>div {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.home_main__left_card_info h3 {
    padding-top: 10px;
    font-family: DIN Next CYR;
    font-size: 20px;
    font-weight: 400;
}

.home_main__left_card_info ul {
    display: flex;
    gap: 15px;
    list-style-type: none;
    color: #AEAEAE;
}

.home_main__left_card_info span {
    color: #AEAEAE;

}

.home_main__right {
    width: 23%;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    gap: 35px;
    padding-top: 25px;
}

.home_main__right h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}


.home_main__right_cont {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.home_main__right_item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 25px;
    background-color: #fff;
}

.home_main__right_item>div {
    display: flex;
    align-items: center;
    gap: 15px;

}

.home_main__right_item>div>p {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

.home_main__right_item>div>span {
    width: 50px;
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.home_main__right_item>p {
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

/* sec-obj  */

.home_sec-obj {
    background: var(--Dark, #3E3E3E);
    padding: 80px 15%;
}

.home_sec-obj>div {
    display: flex;
    flex-direction: column;
    gap: 30px;

}

.home_sec-obj h2 {
    color: var(--White, #FFF);
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.home_sec-obj__cont {
    display: flex;
    justify-content: space-between;
}

.home_sec-obj__cont>div {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 25px;
    color: var(--White, #FFF);
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}

/*  sec-count */
.home_sec-count {
    width: 100%;
    background: #EBEBEB;
    padding: 40px 15%;
}

.home_sec-count>div {
    display: flex;
    justify-content: space-between;
}

.home_sec-count>div>div {
    display: flex;
    gap: 40px;
    align-items: center;
}

.home_sec-count h3 {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 84px;
    font-weight: 700;
    text-transform: uppercase;
}

.home_sec-count h3>span {
    font-size: 64px;
}

.home_sec-count p {
    color: var(--Dark, #3E3E3E);
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

/* footer */
.footer {
    background: var(--Dark, #3E3E3E);
    /* padding: 30px 15%; */
    display: flex;
    flex-direction: column;
    align-items: center;
}


.footer__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 20px;
    border-bottom: 1px solid #D9D9D9;
}

.footer__top>h4 {
    color: #FFF;
    font-family: Phenomena;
    font-size: 15px;
    font-weight: 400;
}

.footer__top>div {
    display: flex;
    justify-content: space-between;
    width: 30%;

}

.footer__top>div>img {
    object-fit: scale-down;
}

.footer__bottom {
    padding: 40px 15%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.footer__bottom_menu {
    display: flex;
    gap: 10%;
    color: #FFF;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 300;
}

.footer__bottom_menu>div {
    /* width: 30%; */
    display: flex;
    gap: 60px;
}

.footer__bottom_menu ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
    list-style-type: none;
}

.footer__bottom_menu ul a {
    text-decoration: none;
    color: #fff;
}

.footer__bottom_menu h3 {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.footer__bottom_info {
    display: flex;
    flex-direction: column;
    gap: 30px;
    color: #FFF;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 300;
}

.home_footer__bottom_info h4 {
    font-weight: 300;
}

.footer__bottom_info>ul {
    list-style-type: none;
    display: flex;
    gap: 110px;
}

.footer__bottom_info>ul a {
    text-decoration: none;
    color: #fff;
}

.footer__bottom>p {
    color: #FFF;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 300;
}

/*------------------------ Card ------------------------*/
.yellow_none {
    display: none;
}

.footer_none {
    display: none;
}

.back_block {
    width: 100%;
    height: 0;
    display: flex;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 100;
    top: 0;
    right: calc(-100% - 25px);
    transition-timing-function: linear;
    transition-duration: 0s;
    overflow-y: hidden;
    /* transition: 1s; */
}

.cardPage_map {
    width: 100%;
    height: 30vh;
    border: 1px solid black;
}

.cardPage {
    width: 60%;
    position: relative;
    display: flex;
    transform: translateX(calc(100% + 25px));
    /* transition: 1s; */
    
}



.cardPage_controller {
    position: absolute;
    right: 100%;
    top: 0;
}

.cardPage_controller>div {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--yellow);
    border-bottom: 1px solid #fff;
    cursor: pointer;
}

.cardPage_left {
    width: 70%;
    display: flex;
    flex-direction: column;
}

.cardPage_left>.back_button {
    display: none;
    padding: 10px 0 20px;
}

.cardPage_left__cont_mob_black {
    width: 100%;
    display: none;
    flex-direction: column;
}

.cardPage_left__cont_mob_black>div {
    padding: 20px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #3E3E3E;
    border: 1px solid #fff;
}

.cardPage_left__cont_mob_black p {
    color: #FFF;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.cardPage_left__cont_mob_black>div>div {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #625f5f;
}

.cardPage_left__img_block {
    position: relative;
    background-image: url(../images/home1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 40%;
    height: 45vh;
}

.cardPage_left__img_block_arrows {
    position: absolute;
    top: calc(50% - 25px);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
}

.cardPage_left__img_block_arrows>div {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cardPage_left__img_block_rate {
    position: absolute;
    bottom: 20px;
    width: 100%;
    display: flex;
    gap: 20px;
    padding: 0 30px;
}

.cardPage_left__img_block_rate>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--yellow);
    border-radius: 40px;
    padding: 2px 17px;
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.cardPage_left__img_block_rate>div:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 40px;
    padding: 2px 17px;
    gap: 8px;
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 8px;
    font-weight: 400;
}

.cardPage_left h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.cardPage_left__cont {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 30px;
    background-color: #EBEBEB;
    padding: 40px;
    overflow-y: scroll;
}

.cardPage_left__cont_info {
    display: flex;
    justify-content: space-between;
}

.cardPage_left__cont_info>div {
    max-width: 40%;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.cardPage_left__cont_info>div>div {
    width: 45px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #64445A;
    color: #64445A;
    font-size: 22px;
    font-family: Montserrat;
}

.cardPage_left__cont_coin {
    width: fit-content;
    display: flex;
    justify-content: space-between;
    border-radius: 40px;
    overflow: hidden;
}

.cardPage_left__cont_coin>div {
    width: 33.4%;
    display: flex;
    justify-content: center;
    background-color: #fff;
    align-items: center;
    padding: 7px 15px;
    border-right: 0.5px solid #d8d8d8;
    color: #3E3E3E;
    font-family: Montserrat;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
}

.cardPage_left__cont_coin>.cardPage_left__active-coin {
    background-color: var(--yellow);
}

.cardPage_left__cont table {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.cardPage_left__cont tr {
    height: 50px;

}

.cardPage_left__cont tr th {
    text-align: left;
    border-bottom: 1px solid #C9C9C9;
}

.table_bord {
    border-bottom: 1px solid #C9C9C9;
}

.cardPage_fold {
    display: flex;
    align-items: center;
    gap: 10px;

}

.cardPage_fold>a {
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

.cardPage_left__cont_floor {
    background-color: #fff;
    padding: 30px;
    padding-bottom: 120px;
    display: flex;
    flex-direction: column;
    gap: 50px;

}

.cardPage_left__cont_floor>div {
    display: flex;
    justify-content: center;
}

.cardPage_left__cont_floor>div>img {
    width: 42%;
}

.cardPage_left__cont_add {
    padding-top: 20px;
    display: flex;
    gap: 20px;
}

.cardPage_left__cont_add p {
    min-width: fit-content;
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.cardPage_left__cont_add_left {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 50%;
}

.cardPage_left__cont_add_left>div {
    display: flex;
    gap: 10px;
}

.dottes {
    padding-left: 10px;
    width: 100%;
    border-bottom: 1px dotted #3E3E3E;
}

.cardPage_left__cont_sub {
    width: 80%;
    color: var(--Dark, #3E3E3E);
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.cardPage_left__cont_add_right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cardPage_right {
    width: 30%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
}

.cardPage_right__head {
    display: flex;
}

.cardPage_right__head>div {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 25px 30px;
    color: var(--Dark, #3E3E3E);
    font-family: Phenomena;
    font-size: 16px;
    font-weight: 400;
}

.cardPage_right__head>div:first-child {
    background-color: var(--yellow);
}

.cardPage_right__head button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #3E3E3E;
    background-color: transparent;
}

.cardPage_right__cont {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cardPage_right__cont h2 {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 400;
    text-transform: uppercase;
}

.cardPage_right__cont>span {
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 15px;
    font-weight: 400;
}

.cardPage_fold {
    margin-top: 10px;
}

.cardPage_print,
.cardPage_mail,
.cardPage_down {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cardPage_mail {
    margin-bottom: 20px;
}

.cardPage_print>a,
.cardPage_mail>a,
.cardPage_down>a {
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

.cardPage_contact {
    display: flex;
    gap: 10px;
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}


/*--------------------------- Request ------------------------*/

.requestPage {
    width: 30%;
    position: relative;
    background-color: #fff;
}

.requestPage_controller {
    position: absolute;
    right: 100%;
    top: 0;
}

.requestPage_controller>div {
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--yellow);
    cursor: pointer;
}

.requestPage_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
    padding: 60px 40px;
}

.requestPage_cont>h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.requestPage_cont_card {
    width: 100%;
    display: flex;
    gap: 35px;
    padding-bottom: 30px;

}

.requestPage_cont_card>img {
    width: 40%;
    object-fit: contain;
}

.requesPage_cont_card_info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.requesPage_cont_card_info>ul {
    display: flex;
    gap: 25px;
    list-style-type: none;
    align-items: center;
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.requesPage_cont_card_info li {
    display: flex;
    align-items: center;
    gap: 5px;
}

.requesPage_cont_card_info>p {
    color: #3E3E3E;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.requesPage_cont_card_info>p span {
    color: #AEAEAE;
}

.requesPage_cont_card_info h3 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 20px;
    font-weight: 400;
}

.requestPage_form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-top: 1px solid #C9C9C9;
    padding-top: 35px;

}

.requestPage_form input {
    width: 100%;
    padding: 17px 25px;
    border-radius: 40px;
    outline: none;
    border: 1px solid #C9C9C9;
}

.requestPage_form input::placeholder {
    color: #C9C9C9;
}

.requestPage_form>p {
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.requestPage_form>button {
    width: 100%;
    padding: 17px 25px;
    background-color: var(--yellow);
    border: none;
    outline: none;
    border-radius: 40px;
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
}

.requestPage_form>div {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

#requestPage__check {
    width: 25px;
    height: 25px;
    border-radius: 25px;
    border: 1px solid #C9C9C9;

}


/* -------------------- GAB -------------------------- */

.gabPage_cont {
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #EBEBEB;
}

.gabPage_cont__center>.cardPage_left__cont {
    padding-left: 0;
}

.gabPage_cont h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.gabPage_images {
    width: 100%;
    display: flex;
    padding: 20px 0;
    justify-content: space-between;
}

.gabPage_images>img {
    width: 19%;
    cursor: pointer;
    transition: 1s;
}
.mob_arrows{
    padding: 25px 0 15px;
    display: none;
    gap: 50px;
}

.mob_arrows > img{
    width: 15%;
}
.gabPage_cont__center {
    padding: 0 15%;
    display: flex;
}

.gabPage_cont__left {
    display: flex;
    flex-direction: column;
}




.gabPage_cont__right {
    display: flex;
    flex-direction: column;
}

.gab_size {
    height: fit-content;
    margin-top: 40px;
}

.gab_left__size {
    width: 70%;
}


.gabPage_slider__cont{
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    /* display: flex; */
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, 0.9);
    gap: 3%;
}
.gabPage_slider__cont > img{
    width: 15%;
    cursor: pointer;
    user-select: none;
}
.gabPage_slider{
    width: 60%;
    height: 60%;
    position: relative;
    overflow: hidden;
    user-select: none;
}
.gabPage_slider > img{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    border: 10px inset rgb(142, 142, 142);
}

.gabPage_slider__cont > div:first-child{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 30px;
    right: 30px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 1px solid #3E3E3E;
    cursor: pointer;
}
/* -------------------------Sale -------------------------- */

.cardPage_left__cont_select {
    display: flex;
    gap: 50px;
}


.cardPage_left__cont_month {
    width: 200px;
    display: flex;
    justify-content: space-between;
    border-radius: 40px;
    overflow: hidden;
}

.cardPage_left__cont_month>div {
    width: 33.4%;
    display: flex;
    justify-content: center;
    background-color: #fff;
    align-items: center;
    /* padding: 7px 10px; */
    border-right: 0.5px solid #d8d8d8;
    color: #3E3E3E;
    font-family: Montserrat;
    font-size: 10px;
    font-weight: 400;
    cursor: pointer;
    user-select: none;
}

.cardPage_left__cont_month>.cardPage_left__active-coin {
    background-color: var(--yellow);
}


/* -------------------- ProductH --------------------------  */
.productH {
    width: 100%;
    height: auto;
    padding: 0% 15%;
    background: #EBEBEB;
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
    align-items: center;
}

.productH>.back_button {
    display: none;
    padding: 30px 10px;
}

.productH_bar {
    width: 544px;
    height: 68px;
    display: flex;
    background-color: #fff;
    border-radius: 80px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}

.productH_bar div {
    width: 33.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
}

.productH_bar div:nth-child(2) {
    border-right: 1px solid #EDEDED;
}

.productH_bar__active {
    background: var(--yellow);
}

.productH_cont {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

.productH_cont_info {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.productH_cont_info h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.back_button {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    gap: 5px;
    align-items: center;
}

.back_button a {
    display: flex;
    color: #3E3E3E;
    justify-content: center;
    margin-top: 2px;
    text-decoration: none;
}

.productH_cont_carts_box {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2%;
}

.Hbox .home_main__left_card {
    display: none;
}

.productH_cont_carts {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 83%;
}

.productH_cont_carts_search {
    width: 50%;
    display: flex;
    align-items: center;
    gap: 40px;
}

.productH_cont_news {
    width: 25%;
}

.productH_select {
    width: 197px;
    height: 68px;
    padding: 5px 25px;
    background-color: #fff;
    border-radius: 80px;
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.productH_burger,
.productH_cube {
    width: 68px;
    height: 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    /* background: #fff;  */
}

.productH_cont_carts_search_active{
    background: #3E3E3E !important;
}



.productH_cart {
    width: 100%;
    display: flex;
    height: auto;
}

.productH_cart_info_box {
    width: 100%;
    height: 100%;
    background-color: white;
    padding: 26px 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10%;
}

.productH_cart_info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.productH_cart_info>div {
    display: flex;
    gap: 50px;
}

.productH_cart p,
.productH_cart span {
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.productH_cart p {
    color: #3E3E3E;
}

.productH_cart h3 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product_cart_contact {
    width: 100%;
    height: auto;
    background: linear-gradient(90deg, rgba(114, 141, 170, 0.80) 0%, rgba(114, 141, 170, 0.64) 55.83%), url(../images/Rectangle\ 48.png);
    padding: 63px 40px;
    display: flex;
    align-items: center;
    gap: 10%;
}

.product_cart_contact_form {
    width: 30%;
    display: flex;
}

.product_cart_contact_checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.product_cart_contact_checkbox>input {
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #fff;
}

.product_cart_contact_checkbox>p {
    color: #FFF;
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



.product_cart_contact_form>input {
    width: 85%;
    border-radius: 80px 0px 0px 80px;
    padding: 15px 20px;
    border: none;
}

.product_cart_contact_form>input::placeholder {
    color: #AEAEAE;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.product_cart_contact_form button {
    width: 15%;
    border-radius: 0px 80px 80px 0px;
    border: none;
    background-color: var(--yellow);
}

.product_cart_contact h2 {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.productH_cart_list {
    width: 260px;
    height: 68px;
    border-radius: 80px;
    background-color: #fff;
    margin-left: 50%;
    transform: translate(-50%);
    display: flex;
    overflow: hidden;
    margin-top: 50px;
    margin-bottom: 100px;
    /*kjnjes*/
}

.productH_cart_list>div {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.productH_cart_list_first {
    width: 30%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productH_cart_list_sec {
    width: 25%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #EDEDED;
}

.productH_cart_list_third {
    width: 45%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productH_cart_list .productH_cart_list_active {
    background-color: #3E3E3E;
    color: #fff;
}


.productH_cart__img_cont {
    width: 45%;
    position: relative;
}

.productH_cart__img_cont>img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.productH_cart__star{
    width: 50px;
    height: 50px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    /* border: 1px solid #625f5f; */
    border-radius: 50%;
    position: absolute;
    bottom: 25px;
    right: -25px;
}

.productH_cart_black {
    width: 100%;
    padding: 40px 0;
    display: flex;
    flex-direction: column;
    background: var(--Dark, #3E3E3E);
    gap: 10px;
}

.productH_cart_black>h2 {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding-left: 30%;
}

.productH_cart_black_cont {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.productH_cart_black_cont>img {
    width: 13%;
    height: auto;
    object-fit: scale-down;
    object-position: center;
}

.productH_cart_black_cont>p {
    width: 48%;
    color: #FFF;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}




/* ----------------------------- News ------------------------------ */

/* header  */
.news_header {
    width: 100%;
    height: 70vh;
    background-image: url(../images/newsHead.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
}

.news_header__cont {
    padding: 70px 15%;
    width: 100%;
    height: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* gap: 20vh; */
    color: #FFF;
    font-family: DIN Next CYR;
    text-transform: uppercase;
}

.news_header__cont>h1 {
    font-size: 42px;
    font-weight: 400;
    width: 50%;
}

.news_header__cont>h2 {
    font-size: 24px;
    font-weight: 700;

}

.news_main {
    width: 100%;
    padding: 0 15%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    background-color: #EBEBEB;

}

.news_main__item {
    padding: 60px 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #625f5f;
}

.news_main__item>div {
    display: flex;
    align-items: center;
    gap: 60px;
}

.news_main__item>div>p {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 84px;
    font-weight: 400;
    text-transform: uppercase;
}


.news_main__item span,
.news_main__item>p {
    color: var(--Grey-footer, #989898);
    font-family: Phenomena;
    font-size: 20px;
    font-weight: 400;
}

.news_main__item>p {
    width: 45%;
}
.news_main__item > img{
    cursor: pointer;
}

/* ------------------------------- Company -------------------------------------- */

.company_main {
    position: relative;
    width: 100%;
    height: 87vh;
    gap: 20vh;
    padding: 5% 15% 15% 15%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../images/A1.png), var(--yellow);
    background-repeat: no-repeat;
    background-position: 65% 80%;
}

.company_main h1 {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 42px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.company_main>div {
    display: flex;
    justify-content: space-between;
}

.company_main>div>p {
    color: var(--Dark, #3E3E3E);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.company_main>div>div {
    display: flex;
    background-color: white;
    border-radius: 80px;
}

.company_main>div>div div {
    padding: 20px 50px;
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;

}

.company_main>div>div>div:nth-child(2) {
    border-left: 1px solid #EDEDED;
    ;
    border-right: 1px solid #EDEDED;
    ;
}

.company_frame {
    position: absolute;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #fff;
    bottom: 0;
    transform: translateY(50%);
    z-index: 1;
}

.company_frame img {
    width: 24px;
    height: 24px;
    margin: auto;
}

.company_banner {
    padding: 10% 15%;
    background: url(../images/headImg.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    gap: 50px;
    position: relative;
}

.company_banner h2 {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.company_banner>div {
    display: flex;
    gap: 40px;
    position: absolute;
    right: 15%;
    bottom: 47px;
}

.company_banner>div>div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #FFF;
}


.company_info {
    /* height: 50vh; */
    padding: 10vh 15%;
    display: flex;
    flex-direction: column;
    gap: 20vh;
    /* justify-content: space-between; */
    background: #EBEBEB;
}

.company_info>div {
    display: flex;
    gap: 20px;
    align-items: center;

}


.company_info>div h1 {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 84px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.company_info>div h2 {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}


.company_info>p {
    color: var(--Grey-footer, #989898);
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


/* Vacancie */

.vacancie {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray 0px -40.739px / 100% 61.905% no-repeat, #D9D9D9;
    width: 100%;
    height: auto;
    padding: 60px 15%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.vacancie h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.vacancie p {
    color: var(--Grey-footer, #989898);
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
}

.vacancie button {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
    border-radius: 40px;
    background: var(--Blue, #5CA5C0);
    width: 224px;
    height: 48px;
    border: none;
}

/* ------------------------------ Mission --------------------------------- */
.mission {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray 0px -40.739px / 100% 61.905% no-repeat, #D9D9D9;
    width: 100%;
    height: auto;
    padding: 60px 15%;
    display: flex;
    flex-direction: column;
    gap: 25px;

}

.mission h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.mission p {
    color: var(--Grey-footer, #989898);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
}

.mission h4 {
    padding-top: 10px;
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
}


/* -------------------------- Vrivacy --------------------------- */


.privacy {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray 0px -40.739px / 100% 61.905% no-repeat, #D9D9D9;
    width: 100%;
    height: auto;
    padding: 60px 15%;
    display: flex;
    flex-direction: column;
    gap: 35px;

}

.privacy h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.privacy div {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.privacy div p {
    color: var(--Grey-footer, #989898);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
}

.privacy div h4 {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
}


/* --------------------------- Navigate ----------------------------- */


.navigate {
    background: linear-gradient(0deg, #FFF 0%, #FFF 100%), lightgray 0px -40.739px / 100% 61.905% no-repeat, #D9D9D9;
    width: 100%;
    height: auto;
    padding: 60px 15%;
    display: flex;
    flex-direction: column;
    gap: 60px;
}

.navigate>div {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.navigate_info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.navigate_info_cart {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.navigate h2 {
    color: #3E3E3E;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}


.navigate p {
    color: var(--Grey-footer, #989898);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 400;
}

.navigate h4 {
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
}



/* ------------------------------- REGISTR ------------------------------------- */
.darkpage {
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: flex-end;
}


.registr {
    width: 55%;
    height: 100%;
    display: flex;
    position: relative;
}

.registr_advantages {
    width: 45%;
    /* height: 100%; */
    padding: 60px 54px;
    background: url(../images/regImg.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    gap: 50px 40px;
}

.registr_advantages h2 {
    color: #FFF;

    /* Заголовки Bold */
    font-family: DIN Next CYR;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}


.registr_advantages>div {
    display: flex;
    align-items: center;
    gap: 20px;
}

.registr_advantages>div>p {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

.registr_advantages>div span {
    font-weight: 700;
}

.registr_advantages>div>div {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #F8DB4E;
    display: flex;
    justify-content: center;
    align-items: center;
}

.registr_cont {
    background-color: #EBEBEB;
    padding: 50px 20px;
    width: 55%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 3%;
}

.registr_cont_buttons {
    display: flex;
    width: 100%;
    height: auto;
    border-radius: 80px;
    overflow: hidden;
}
.registr_cont_buttons a {
    text-decoration: none;
    color: inherit;
}

.registr_cont_social {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.registr_cont_social>div {
    display: flex;
    gap: 20px;
}

.registr_cont p {
    color: var(--Dark, #3E3E3E);

    /* Пункты меню Regular */
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.registr_cont_social>div>div {
    width: 68px;
    height: 68px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    user-select: none;
}



.registr_cont_buttons button {
    width: 50%;
    padding: 25px 30px;
    border: none;
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    background-color: #FFF;

}

.registr_cont .registr_cont_buttons_active {
    background-color: #F8DB4E;
}


.registr_cont form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}

.registr_cont form input[type="text"] {
    width: 100%;
    padding: 15px 20px;
    border-radius: 40px;
    background-color: #fff;
    border: 1px solid #C9C9C9;
}

.registr_cont form input[type="text"]::placeholder {
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.registr_cont form textarea {
    width: 100%;
    padding: 15px 20px;
    border-radius: 40px;
    background-color: #fff;
    border: 1px solid #C9C9C9;
}

.registr_cont form textarea::placeholder {
    color: #AEAEAE;
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.registr_cont form button {
    width: 100%;
    padding: 15px 20px;
    border-radius: 40px;
    background-color: #5CA5C0;
    border: none;
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 15px;
}

.registr_cont form input[type="checkbox"] {
    position: relative;
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    border: 1px solid #D9D9D9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.registr_cont form input[type="checkbox"]::after {
    position: absolute;
    content: '\2714';
    scale: 0;
    color: green;
}

.registr_cont form input[type="checkbox"]:checked::after {
    scale: 1;
}

.registr_cont form div {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.registr_cont form div label {
    color: #AEAEAE;

    /* Пункты меню Regular */
    font-family: Phenomena;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.registr_cont form a {
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: var(--Dark, #3E3E3E);
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;

}

/* ---------------------------- Registr Complite ---------------------- */
.registr_comp_cont {
    align-items: center;
}

.registr_comp {
    display: flex;
    align-items: center;
    gap: 15px;
}

.registr_comp>div {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #5CA5C0;
}

.registr_comp_cont p {
    width: 75%;
    text-align: center;

}

.registr_comp_cont>button {
    width: 100%;
    padding: 15px 0;
    border-radius: 40px;
    border: 1px solid #5CA5C0;
    color: var(--Blue, #5CA5C0);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
}


/* ----------------------------- Log IN -----------------------------*/
.logIn {
    width: 25%;
    height: 100%;
    display: flex;
    position: relative;
}

.logIn>.registr_cont {
    width: 100%;
}


/* ------------------------------- Feedback ---------------------------  */
.feedback {
    width: 25%;
    height: 100%;
    display: flex;
    position: relative;
}

.feedback>.registr_cont {
    width: 100%;
}

.feedback_submit {
    background-color: var(--yellow) !important;
    color: #1A1919 !important;
}

/* ------------------ News Deatail -----------------------  */
.newsDetail {
    width: 60%;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: relative;
    transform: translateX(calc(100% + 25px));
}

.newsDetail>.innerNews_header {
    display: none;
}

.newsDetail_img {
    width: 100%;
    height: 45vh;
    display: flex;
    flex-direction: column;
    padding: 10vh 12%;
    justify-content: space-between;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.20) 100%), url(../images/newsDetail.png), lightgray 0px -84.127px / 100% 186.041% no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
}

.newsDetail_img>h3 {
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

.newsDetail_img_subtext {
    display: flex;
    gap: 20%;
}

.newsDetail_img_subtext>div {
    display: flex;
    gap: 20px;
    align-items: center;
}

.newsDetail_img_subtext p {
    color: #F8DB4E;
    font-family: DIN Next CYR;
    font-size: 84px;
    font-weight: 400;
    text-transform: uppercase;
}

.newsDetail_img_subtext span {
    color: var(--Grey-footer, #989898);
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

.newsDetail_img_subtext h2 {
    width: 55%;
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 34px;
    font-weight: 400;
    text-transform: uppercase;
}

.newsDetail_cont {
    padding: 50px 70px;
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: DIN Next CYR;
    font-size: 12px;
    background: #EBEBEB;
}

.newsDetail_cont h2 {
    color: var(--Dark, #3E3E3E);
    font-weight: 700;
}

.newsDetail_cont p {
    color: var(--Grey-footer, #989898);
    font-weight: 400;
}

.newsDetail_cont>.cardPage_down {
    padding-top: 150px;

}

.newsDetail_cont>.cardPage_down>a {
    font-family: DIN Next CYR;
    color: var(--Grey-footer, #989898);
    font-weight: 400;
}

.newsDetail>.home_footer {
    display: none;
}


/* ----------------------------- innerNews -------------------------------------  */
.innerNews_header {
    width: 100%;
    height: 70vh;
    background-image: url(../images/newsDetail.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;

}

.innerNews_cont {
    padding: 50px 15%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-family: DIN Next CYR;
    font-size: 12px;
    background: #EBEBEB;
}

.innerNews_cont h2 {
    color: var(--Dark, #3E3E3E);
    font-weight: 700;
}

.innerNews_cont p {
    color: var(--Grey-footer, #989898);
    font-weight: 400;
}



/* ------------------------------ Contact ---------------------------------- */
.contact_header {
    width: 100%;
    height: 70vh;
    background-image: url(../images/contact_head.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
    position: relative;
}

.contact_head_subtext {
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-family: DIN Next CYR;
    color: #FFF;
}

.contact_head_subtext>h1 {
    font-size: 64px;
    font-weight: 400;
}

.contact_head_subtext>h2 {
    font-size: 14px;
    font-weight: 700;
}

.contact_head_subtext>h3,
.contact_head_subtext a {
    color: #AEAEAE;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
}

.contact_header__yellow {
    width: 145px;
    height: 110px;
    position: absolute;
    bottom: -55px;
    right: 15%;
    background-color: var(--yellow);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 17px;
    color: #1A1919;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.contact_header__yellow>div {
    width: 30px;
    height: 30px;
    border: 1px solid #1A1919;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact_map {
    width: 100%;
    height: 65vh;
    border: 1px solid black;
}



/* --------------------------- favorites -----------------------------------------  */
.favorites {
    width: 100%;
    padding: 20px 3%;
    background: linear-gradient(180deg, #3E3E3E 0%, rgba(62, 62, 62, 0.90) 100%);
    display: flex;
    justify-content: space-between;

}

.favorites>.home_main__left_card {
    width: 18%;
}

.favorites_main {
    padding-bottom: 40px;
}

.favorites_yellow {
    width: 18%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-color: var(--yellow);
    padding: 2%;
    color: #1A1919;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}

.favorites_yellow_top {
    display: flex;
    flex-direction: column;
    gap: 2.5vh;
}

.favorites_yellow_top>div {
    width: 35px;
    height: 35px;
    border: 1px solid #1A1919;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.favorites_yellow_bottom {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8%;
}

.favorites_yellow_bottom>div {
    width: 50px;
    height: 50px;
    background-color: #64445A;
    color: var(--yellow);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* ------------------------- FavoritePage ---------------------------------------------  */
.favoritePage_header {
    width: 100%;
    height: 70vh;
    background-image: url(../images/favoritePage.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 15px;
}

.favoritePage_header_cont {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.favoritePage_header_cont_ok {
    display: flex;
    gap: 2%;
}

.favoritePage_header_cont_ok > div {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    /* line-height: 2px; */
}

.favoritePage_header_cont_ok span {
    font-weight: 400;
}

.favoritePage_header_cont_ok p {
    width: 60%;
}

.favoritePage_header_cont_ok > div > div{
    width: 50px;
    height: 50px;
    border: 1px solid var(--yellow);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.favoritePage_header_cont button{
    width: 292px;
    padding: 13px 0;
    border-radius: 40px;
    background-color: var(--yellow);
    outline: none;
    border: none;
    
}
.favoritePage_header_cont h1{
    color: #FFF;
    font-family: DIN Next CYR;
    font-size: 42px;
    font-weight: 400;
    text-transform: uppercase;
}

.favoritePage_main{
    display: flex;
    flex-direction: column;
    padding: 50px 15%;
    background-color: #EBEBEB;
    gap: 30px;

}

.favoritePage_main_cont{
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 1%;
}

.favoritePage_main_count{
    display: flex;
    align-items: center;
    gap: 20px;
    color: #1A1919;
    font-family: Phenomena;
    font-size: 14px;
    font-weight: 400;
}
.favoritePage_main_count>div {
    width: 50px;
    height: 50px;
    background-color: #64445A;
    color: var(--yellow);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}




/* ------------------- Rent ------------------------------  */

.for_rent{
    width: 100% !important;
    display: flex;
    align-items: center;
    gap: 4%;
}
.rent__cont{
    width: 40%;
    height: 68px;
    display: flex;
    background-color: #fff;
    border-radius: 80px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
}
.rent__cont div {
    width: 33.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: var(--Dark, #3E3E3E);
    font-family: DIN Next CYR;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    cursor: pointer;
    user-select: none;
}

.rent__active{
    background-color: var(--yellow);
}