@font-face {
    src: url('../fonts/Montserrat-Regular.ttf');
    font-family: 'Montserrat-Regular';
}
@font-face {
    src: url('../fonts/Montserrat-Medium.ttf');
    font-family: 'Montserrat-Medium';
}
@font-face {
    src: url('../fonts/Montserrat-Bold.ttf');
    font-family: 'Montserrat-Bold';
}
@font-face {
    src: url('../fonts/Montserrat-SemiBold.ttf');
    font-family: 'Montserrat-SemiBold';
}
@font-face {
    src: url('../fonts/Montserratarm-Regular.otf');
    font-family: 'Montserratarm-Regular';
}
@font-face {
    src: url('../fonts/Montserratarm-Medium.otf');
    font-family: 'Montserratarm-Medium';
}
@font-face {
    src: url('../fonts/Montserratarm-Bold.otf');
    font-family: 'Montserratarm-Bold';
}
@font-face {
    src: url('../fonts/Montserratarm-SemiBold.otf');
    font-family: 'Montserratarm-SemiBold';
}
@font-face {
    src: url('../fonts/Webstart-Bold.ttf');
    font-family: 'Webstart-Bold';
}
@font-face {
    src: url('../fonts/Webstart-Regular.ttf');
    font-family: 'Webstart-Regular';
}
@font-face {
    src: url('../fonts/Webstart-Black.ttf');
    font-family: 'Webstart-Black';
}
@font-face {
    src: url('../fonts/Webstart-Light.ttf');
    font-family: 'Webstart-Light';
}

html[lang="ru"], html[lang="ru"] input, html[lang="ru"] textarea{
    font-family: 'Montserrat-Regular';
}
html[lang="hy"], html[lang="hy"] input, html[lang="hy"] textarea,
html[lang="en"], html[lang="en"] input, html[lang="en"] textarea {
    font-family: 'Montserratarm-Regular';
}
html[lang="hy"] .bold_text, html[lang="hy"] b, html[lang="hy"] strong,
html[lang="en"] .bold_text, html[lang="en"] strong, .html[lang="en"] b{
    font-family: 'Montserratarm-Bold';
}
html[lang="ru"] .bold_text, html[lang="ru"] strong, html[lang="ru"] b{
    font-family: 'Montserrat-Bold';
}
html[lang="hy"] .medium_text, html[lang="hy"] h1, html[lang="hy"] h2, 
html[lang="hy"] h3, html[lang="hy"] h4, html[lang="hy"] h5, html[lang="hy"] h6,
html[lang="en"] h1, html[lang="en"] h2, html[lang="en"] h3,
html[lang="en"] h4, html[lang="en"] h5, html[lang="en"] h6,
html[lang="en"] .medium_text {
    font-family: 'Montserratarm-Medium';
    font-weight: 300;
}
html[lang="ru"] .medium_text,
html[lang="ru"] h1, html[lang="ru"] h2, html[lang="ru"] h3,
html[lang="ru"] h4, html[lang="ru"] h5, html[lang="ru"] h6{
    font-family: 'Montserrat-Medium';
    font-weight: 300;
}
html[lang="hy"] .semiBold_text, html[lang="en"] .semiBold_text{
    font-family: 'Montserratarm-SemiBold';
}
html[lang="ru"] .semiBold_text{
    font-family: 'Montserrat-SemiBold';
}
html[lang="hy"] .regular_text, html[lang="en"] .regular_text{
    font-family: 'Montserratarm-Regular';
}
html[lang="ru"] .regular_text{
    font-family: 'Montserrat-Regular';
}
.webstart_bold{
    font-family: 'Webstart-Bold';
}
.webstart_regular{
    font-family: 'Webstart-Regular';
}
.webstart_regular{
    font-family: 'Webstart-Bold';
}
.webstart_black{
    font-family: 'Webstart-Black';
}
.webstart_light{
    font-family: 'Webstart-Light';
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    outline: none;
    border: none;
    box-sizing: border-box;
    transition: all 300ms ease-out;
}
*:hover {
    transition: all 0.3s ease-in;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
a {
    text-decoration: none;
    color: var(--fontBlack);
}
img, video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
:root {
    --black: #091118;
    --greyFont: rgba(40, 40, 40, 0.60);
    --white: #FFF;
    --grey: rgba(245, 250, 255, 0.10);
    --yellow: #C3A257;
    --whiteOpacity: rgba(255, 255, 255, 0.60);
    --background: #182230;
    --backgroundWhite:rgba(255, 255, 255, 0.05);
}
:root {
    --twelve: 12px;
    --forteen: 14px;
    --sixteen: 16px;
    --eighteen: 18px;
    --twenty: 20px;
    --fontTwentyTwo: 22px;
    --twofour: 24px;
    --thirty: 30px;
    --titleFont: 30px;
}
.wrapper {
    max-width: 1680px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}
.sto_ {
    width: 100%;
}
.full_wrapper {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
}
.d_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
body{
    color: var(--white);
    background: #090C10;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../image/body.png');

}
ul, ol{
    padding-left: 20px;
}
textarea {
    resize: none;
    border-radius: 12px !important;
}
html{
    overflow-x: hidden;
}
html, body {
    overscroll-behavior: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.scrollbar::-webkit-scrollbar-thumb {
    background-color: #429BC3;
    background-clip: padding-box;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.scrollbar::-webkit-scrollbar{
    height: 2px;
    width: 2px;
}
.scrollbar::-webkit-scrollbar-track {
    background-color: #090C10;
}
main{
    padding-top: 130px;
}
.position_rel{
    position: relative;
}
.centered_text{
    text-align: center;
}

/* header */
header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 10;
}
header.scrolled {
    background-color: var(--black);
}
.for_mob_first{
    display: none;
}
.header_block{
    padding: 30px 0;
    gap: 20px;
}
.logo_head{
    margin-right: 20px;
    max-width: 170px;
}
.nav_bar{
    gap: 38px;
}
.catalog_btn{
    min-height: fit-content;
    gap: 10px;
    padding: 14px 20px 14px 10px;
    border-radius: 90px;
    font-size: var(--sixteen);
    cursor: pointer;
    background: rgba(66, 155, 195, 0.20);
}
.catalog_btn:hover{
    background: rgba(255, 255, 255, 0.30);
}
.for_mob_heads{
    align-items: stretch;
    gap: 40px;
}
.nav_alink{
    min-width: fit-content;
    font-size: var(--forteen);
    gap: 4px;
}
.nav_alink:hover{
    color: var(--yellow);
}
.last_head_block{
    align-items: stretch;
    gap: 20px;
}
.dropdown_rel{
    position: relative;
}
.lang_title_blck{
    gap: 10px;
    padding: 12px 20px 12px 10px;
    border-radius: 90px;
    background-color: #192933;
}
.lang_title_blck:hover{
    background: rgba(255, 255, 255, 0.30);
}
.drp_title{
    cursor: pointer;
}
.lang_img{
    width: 24px;
    height: 24px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}
.chosen_lang{
    font-size: var(--eighteen);
}
.dropdown_{
    display: none;
    position: absolute;
    top: 55px;
    right: 0;
    z-index: 2;
    flex-direction: column;
    align-items: start;
    background-color: var(--backgroundWhite);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    padding: 4px;
}
.dropdown_active{
    display: flex;
}
.chosse_lang{
    gap: 6px;
    justify-content: start;
    cursor: pointer;
    font-size: var(--forteen);
    padding: 8px;
    border-radius: 6px;
}
.chosse_lang:hover{
    color: var(--yellow);
}
.slash_{
    margin: auto 0;
    height: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.20);
}
.fav_btn{
    position: relative;
    cursor: pointer;
    min-width: 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    justify-content: center;
    background: #192933;
}
.fav_btn:hover svg path{
    stroke: var(--yellow);
}
.countof_fav{
    position: absolute;
    top: 10px;
    right: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    text-align: center;
    background: linear-gradient(135deg, #36B44D 0%, #4FDA69 50%, #61F57C 100%), linear-gradient(135deg, #36B44D 0%, #4FDA69 50%, #61F57C 100%);
    box-shadow: 0 4px 12px 0 rgba(38, 191, 67, 0.20);
    font-size: 10px;
    aspect-ratio: 1/1;
}
.search_form{
    max-width: 418px;
    width: 35%;
    position: relative;
}
.search_inp{
    height: 100%;
    border-radius: 0;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid transparent;
    padding: 12px 12px 12px 48px;
    border-radius: 90px;
}
.search_inp:hover, .search_inp:focus{
    border-color: var(--yellow);
}
.search_btn {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    left: 12px;
    background-color: transparent;
}
.search_btn:hover svg path{
    fill: var(--yellow);
}
.search_dropdown{
    display: none;
    flex-direction: column;
    align-items: start;
    position: absolute;
    padding: 16px 0;
    top: 37px;
    left: 0;
    z-index: 10;
    border-radius: 0 0 20px 20px;
    background-color: var(--white);
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.10), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
/* end header */

/* home */
.general_baner_slide{
    border-radius: 40px;
    overflow: hidden;
}
.swiper-button-next:after, .swiper-button-prev:after{
    content: '' !important;
}
.swiper-button-next, .swiper-button-prev{
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: 3px solid var(--black);
    background: #151B23;
}
.swiper-button-next svg, .swiper-button-prev svg{
    width: 6px !important;
    height: 12px !important;
}
.swiper-button-next:hover, .swiper-button-prev:hover{
    background-color: var(--black);
}
.swiper-pagination-bullet{
    width: 25px !important;
    height: 8px !important;
    border-radius: 90px !important;
    background: rgba(255, 255, 255, 0.50) !important;
}
.swiper-pagination-bullet-active{
    width: 44px !important;
    background: linear-gradient(90deg, #429BC3 0.1%, #C3A257 122.97%), #D9D9D9 !important;
}
.swiper-pagination{
    bottom: 60px !important;
}
.swiper-button-prev{
    left: 0 !important;
}
.swiper-button-next{
    right: 0 !important;
}
.my-next{
    right: -20px !important;
}
.my-prev{
    left: -20px !important;
}
.general_title{
    font-size: var(--titleFont);
}
.title_prod_blck{
    flex-direction: column;
    align-items: start;
    gap: 32px;
    margin: 120px 0 90px 0;
}
.product_item{
    border: 1px solid transparent;
    max-width: 390px;
    display: flex !important;
    flex-direction: column;
    gap: 12px;
    padding: 26px;
    border-radius: 20px;
    background-color: var(--background);
}
.product_item:hover{
    border-color: var(--yellow);
}
.prods_img{
    height: 292px;
}
.prods_img img{
    object-fit: contain;
}
.fav_prod{
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
.fav_prod:hover svg path{
    stroke: red;
}
.prods_item_title{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: var(--twenty);
}
.prods_item_title:hover{
    color: var(--yellow);
}
.prods_descrip{
    font-size: var(--sixteen);
    color: var(--whiteOpacity);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.dashed_{
    border-bottom: 1px dashed rgba(255, 255, 255, 0.20);
}
.product_item .dashed_{
    margin: 12px 0;
}
.info_prods_blck{
    gap: 10px;
}
.prices_info{
    flex-direction: column;
    align-items: start;
    gap: 4px;
}
.old_price{
    font-size: var(--forteen);
    text-decoration: line-through;
}
.from_price{
    font-size: var(--twenty);
}
.learn_more{
    width: fit-content;
    cursor: pointer;
    padding: 14px 25px;
    border-radius: 90px;
    font-size: var(--sixteen);
    color: var(--whiteOpacity);
    border: 2px solid var(--yellow);
}
.learn_more:hover{
    background-color: var(--yellow);
}
.warranty_inf_blck{
    gap: 6px;
    align-items: stretch;
}
.warrnaty_big{
    gap: 12px;
    padding: 12px 20px;
    justify-content: start;
    border-radius: 12px;
    background-color: var(--grey);
}
.warnn_sps{
    gap: 4px;
    align-items: start;
    flex-direction: column;
}
.warrnaty_sp{
    font-size: var(--sixteen);
}
.w_year{
    color: var(--whiteOpacity);
    font-size: var(--forteen);
}
.fps_blck{
    padding: 12px 20px;
    border-radius: 12px;
    flex-direction: column;
    justify-content: start;
    background-color: var(--grey);
}
.fps_icon{
    width: 100%;
    min-width: 50px;
    margin-bottom: -35px;
}
.fps_num{
    font-size: var(--sixteen);
    padding: 0 10px;
}
.fps_sp{
    font-size: 10px;
    color: var(--whiteOpacity);
}
.catalog_sections{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 20px;
}
.catalog_items{
    border: 1px solid transparent;
    overflow: hidden;
    align-items: end;
    justify-content: end;
    border-radius: 20px;
    background: var(--black);
}
.catalog_1{
    grid-row: span 2 / span 2;
}
.catalog_3{
    grid-column: span 2 / span 2;
}
.catalog_4{
    grid-column: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 2;
}
.catalog_5{
    grid-column-start: 4;
    grid-row-start: 2;
}
.catalogs_title{
    position: absolute;
    top: 0;
    left: 0;
    padding: 30px;
    gap: 10px;
    font-size: var(--twofour);
}
.shadow_under{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 172px;
    background: linear-gradient(180deg, rgba(17, 21, 28, 0.00) 0%, #11151C 72.83%);
}
.catalog_1 .catalogs_img{
    height: 700px;
}
.catalog_1 .catalogs_img img{
    object-fit: contain;
    object-position: right bottom;
}
.catalog_items:hover .catalogs_img img{
    transform: scale(1.1);
}
.banners_blck{
    align-items: stretch;
    gap: 10px;
    margin: 120px 0 80px 0;
}
.banner_img{
    border: 1px solid transparent;
    border-radius: 40px;
    overflow: hidden;
}
.banner_img:hover{
    border-color: var(--yellow);
}
.done_icon {
    max-width: 50px;
}
.from_month{
    font-size: var(--twelve);
}
/* end home */

/* footer */
.footer_section{
    flex-direction: column;
    gap: 20px;
    margin: 80px 0 35px 0;
}
.footer_block{
    background-color: var(--black);
    padding: 45px 35px;
    border-radius: 20px;
}
.f_wrapper{
    max-width: 1440px;
    gap: 20px;
    margin: 0 auto;
    align-items: start;
}
.logo_social_f{
    align-items: start;
    flex-direction: column;
    gap: 40px;
}
.f_logo{
    max-width: 174px;
}
.social_blcks{
    justify-content: start;
    gap: 8px;
}
.social_alink{
    min-width: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    justify-content: center;
    background: #18222B;
    border-radius: 50%;
}
.social_alink:hover{
    background-color: var(--yellow);
}
.f_nav_bar{
    gap: 12px;
    align-items: start;
    flex-direction: column;
}
.f_nav_title{
    font-size: var(--fontBlack);
}
.nav_grid{
    display: grid;
    gap: 12px 80px;
    grid-template-columns: repeat(2, 1fr);
}
.f_nav_alink{
    font-size: var(--forteen);
    color: var(--whiteOpacity);
}
.f_nav_alink:hover{
    color: var(--white);
}
.f_last_block{
    gap: 12px;
    padding: 0 35px;
    flex-wrap: wrap;
    max-width: 1440px;
    margin: 0 auto;
}
.rights_reserved, .site_dev{
    gap: 4px;
    font-size: var(--forteen);
    text-transform: uppercase;
}
.payments_web_blck{
    gap: 40px;
    flex-wrap: wrap;
}
.payment_methods{
    gap: 18px;
}
.right_slash{
    height: 24px;
    border-right: 1px solid var(--whiteOpacity);
}
.site_dev:hover svg path{
    fill: var(--yellow);
}
.payment_icons{
    max-width: 70px;
}

/* end footer */

/* catalog */
.navigation_block{
    justify-content: start;
    gap: 10px;
    margin-bottom: 40px;
}
.prev_page{
    font-size: var(--forteen);
    color: var(--whiteOpacity);
}
.prev_page:hover{
    color: var(--white);
}
.filt_title_close{
    gap: 12px;
}
.title_filter_btn{
    gap: 10px;
}
.filter_btn_mob, .close_filter_btn{
    display: none;
}
.nav_slash{
    height: 10px;
    border-right: 1px solid var(--whiteOpacity);
}
.this_page{
    font-size: var(--forteen);
    color: var(--yellow);
}
.catalog_block{
    align-items: start;
    gap: 20px;
}
.filter_block{
    flex-direction: column;
    align-items: start;
    gap: 30px;
    max-width: 372px;
    width: 38%;
}
.second_title{
    font-size: var(--twenty);
}
.filter_window{
    overflow: hidden;
    border-radius: 12px;
}
.filter_blck{
    align-items: start;
    padding: 20px;
    gap: 20px;
    border-radius: 12px;
    flex-direction: column;
    background: #182230;
}
.categs_name{
    font-size: var(--eighteen);
    text-transform: uppercase;
}
.filt_drp {
    flex-direction: column;
}
.drp_title_filt {
    cursor: pointer;
    gap: 10px;
}
.choose_checks {
    align-items: start;
    flex-direction: column;
    gap: 0px;
    height: 0;
    overflow: hidden;
}
.filt_drp_active .choose_checks {
    overflow: inherit;
    margin-top: 26px;
    gap: 12px;
    height: auto;
}
.choose_radio{
    font-size: var(--forteen);
    margin-right: auto;
}
.radio_lab{
    cursor: pointer;
    gap: 10px;
}
.checko_ {
    position: relative;
}
.checko_, .check_inp, .checkbox_form {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}
.check_inp {
    opacity: 0;
    z-index: 2;
    position: absolute;
    cursor: pointer;
}
.checkbox_form {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #485464;
    background: #182230;
    position: absolute;
    cursor: pointer;
    z-index: 0;
}
.checko_svg {
    opacity: 0;
    justify-content: center;
    align-items: center;
}
.checko_ input:checked~.checkbox_form .checko_svg {
    opacity: 1;
}
.checko_ input:checked~.checkbox_form {
    background-color: var(--brandOrange);
    border-color: var(--brandOrange);
}
.numof_categ{
    font-size: var(--twelve);
    padding: 5px;
    border-radius: 50%;
    aspect-ratio: 1/1;
    background: #183747;
}
.drp_title_filt:hover .drops_svg svg path{
    stroke: var(--yellow);
}
.filt_drp_active .drops_svg svg{
    transform: rotate(180deg);
}
.range_inp_blck {
    gap: 12px;
}
.dropdown_filblck {
    flex-direction: column;
    gap: 26px;
}
.min_max_inps {
    width: 50%;
    position: relative;
}
.inp_filt_ {
    color: var(--white);
    background-color: transparent;
    padding: 12px 44px 12px 12px;
    font-size: var(--sixteen);
    border: 0.6px solid rgba(81, 86, 97, 0.50);
    border-radius: 10px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.currency_{
    font-size: var(--forteen);
    text-transform: uppercase;
}
.filter_range_block {
    position: relative;
}
.filter_range_block .slider-track {
    width: 100%;
    height: 10px;
    margin: auto;
    border-radius: 10px;
}
.filter_range_block input[type="range"] {
    position: absolute;
    z-index: 2;
    left: 0;
    appearance: none;
    width: 100%;
    outline: none;
    margin: auto;
    background-color: transparent;
    pointer-events: none;
}
.filter_range_block input[type="range"]::-webkit-slider-runnable-track {
    appearance: none;
    height: 10px;
}
.filter_range_block input[type="range"]::-webkit-slider-thumb {
    appearance: none;
    height: 20px;
    width: 20px;
    background-color: var(--yellow);
    border: 3px solid #182230;
    cursor: pointer;
    margin-top: -15px;
    pointer-events: auto;
    border-radius: 50%;
}
.filter_range_block input[type="range"]:active::-webkit-slider-thumb {
    background-color: var(--yellow);
}
.filter_range_block input[type="range"]::-webkit-slider-thumb:before {
    content: " ";
    display: block;
    width: 100px;
    height: 10px;
    background-color: var(--yellow);
}
.catalog_items_blck{
    max-width: 1208px;
    width: 80%;
    gap: 26px;
    align-items: start;
    flex-direction: column;
}
.prod_items_grid{
    gap: 25px 16px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.prod_items_grid .product_item, .favorite_gid_blck .product_item{
    max-width: none;
}
.view_more{
    margin: 0 auto;
}
/* end catalog */

/* favorite */
.favorite_gid_blck{
    display: grid;
    gap: 25px 16px;
    margin: 35px 0;
    grid-template-columns: repeat(4,1fr);
}
/* end favorite */

/* popup */
.gray_back{
    background: rgb(61 61 54 / 40%);
    display: none;
    position: fixed;
    width: 100%;
    z-index: 32;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
}
.gray_back_active {
    display: block;
}
.close_popup{
    z-index: 1;
    position: absolute;
    right: -58px;
    top: 0;
    margin-left: auto;
    width: 38px;
    height: 38px;
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    background-color: var(--white);
}
.parent_pop{
    position: relative;
    display: flex;
    justify-content: center;
}
.popup_block{
    z-index: 33;
    position: fixed;
    display: none;
    max-width: 468px;
    width: 90%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    top: 10%;
}
.popup_block_active{
    display: flex;
}
.popups_form_blck{
    flex-direction: column;
    background-color: var(--white);
    padding: 20px;
    gap: 12px;
    border-radius: 20px;
    max-height: 85vh;
    overflow: auto;
}
.services_popup{
    opacity: 0;
    visibility: hidden;
    transform: translateY(-20px);
    transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
    position: fixed;
    left: 0;
    right: 0;
    top: 110px;
    z-index: 30;
}
.services_popup_active{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.services_fix_block{
    align-items: stretch;
    gap: 12px;
    justify-content: start;
}
.choose_serv_hidden{
    align-items: start;
    border-radius: 40px;
    background: #182230;
    max-width: 360px;
    width: 30%;
    overflow: hidden;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.65);
}
.choose_serv_subtitles{
    justify-content: start;
    flex-direction: column;
    padding: 20px;
    gap: 6px;
    overflow: auto;
    max-height: 82vh;
    height: 100%;
}
.choose_sevice_blocks{
    background: rgba(35, 51, 73, 0.20);
    border-radius: 20px;
    padding: 12px;
    gap: 16px;
    cursor: pointer;
    border: 1px solid transparent;
}
.servs_round_img{
    width: 64px;
    height: 64px;
    justify-content: center;
}
.nameof_serv_categ{
    margin-right: auto;
    font-size: var(--forteen);
}
.choose_sevice_blocks_active, .choose_sevice_blocks:hover{
    border: 1px solid var(--2-e-38453-paints, #2E3845);
    background: #233349;
}
.chosen_serv_hidden{
    max-width: 1270px;
    width: 80%;
    border-radius: 40px;
    background: #182230;
    overflow: hidden;
    box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.65);
}
.chosen_service_block{
    display: none;
    padding: 40px;
    flex-direction: column;
    align-items: start;
    gap: 30px;
    overflow: auto;
    max-height: 82vh;
    height: 100%;
    justify-content: start;
}
.chosen_service_block_active{
    display: flex;
}
.category_items_popups{
    max-width: 288px;
    padding: 20px 0;
    border-radius: 20px;
    background: #233349;
    overflow: hidden;
    border: 1px solid transparent;
}
.category_items_popups:hover{
    border: 1px solid var(--yellow);
}
.categs_img{
    height: 350px;
}
.categs_title{
    font-size: var(--forteen);
    padding: 10px 20px 0 20px;
}
.chosen_servs_items_block {
    padding-bottom: 30px !important;
}
.swiper-scrollbar{
    height: 10px !important;
    background-color: #090C10 !important;
}
.swiper-scrollbar-drag{
    cursor: pointer;
    background-color: #429BC3 !important;
}
/* end popup */

/* services */
.grey_window{
    flex-direction: column;
    gap: 28px;
    padding: 40px;
    border-radius: 20px;
    background: #182230;
    max-width: 1000px;
    margin: 0 auto;
}
.description_{
    font-size: var(--sixteen);
    color: var(--whiteOpacity);
    flex-direction: column;
    align-items: start;
    gap: 12px;
}
.three_items_grid{
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr);
}
.step_info_blcks{
    gap: 12px;
    padding: 20px;
    flex-direction: column;
    align-items: start;
    border-radius: 20px;
    background: #2E3845;
}
.yellow_num{
    font-size: var(--sixteen);
    color: var(--yellow);
}
.steps_title{
    flex-direction: column;
    align-items: start;
    font-size: var(--sixteen);
}
/* end services */

/* contact us */
.four_grid_items{
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(4, 1fr);
}
.conts_icn_sp{
    justify-content: start;
    gap: 10px;
    font-size: var(--sixteen);
    color: var(--whiteOpacity);
}
.contact_form{
    align-items: start;
    gap: 28px;
}
.contct_form_field{
    max-width: 446px;
    width: 50%;
    gap: 16px;
    flex-direction: column;
}
.map_contact{
    width: 50%;
    height: 362px;
    border-radius: 12px;
    border: 5px solid #2E3845;
    overflow: hidden;
}
.two_inps{
    align-items: start;
    gap: 8px;
}
.inps_err_blck{
    flex-direction: column;
    align-items: start;
    gap: 8px;
}
.inp_label{
    font-size: var(--forteen);
}
.inps_{
    color: var(--white);
    padding: 16px;
    border-radius: 12px;
    font-size: var(--twelve);
    border: 1px solid transparent;
    background: #141C27;
}
.inps_:hover, .inps_:focus{
    border-color: var(--yellow);
}
.contscus_block .steps_title{
    font-size: var(--forteen);
    margin-top: 20px;
}
.choose_radio{
    font-size: var(--twelve);
    color: var(--whiteOpacity);
}
.choose_radio a{
    color: var(--yellow);
    text-decoration: underline;
}
.accept_btn_blck {
    gap: 30px;
}
.send_form_btn{
    background-color: transparent;
    cursor: pointer;
    padding: 14px 45px;
    font-size: var(--sixteen);
    caret-color: var(--whiteOpacity);
    border-radius: 90px;
    border: 1px solid var(--yellow);
    color: var(--white);
}
.send_form_btn:hover{
    background-color: var(--yellow);
}
/* end contact us */

/* product */
.product_section{
    margin-bottom: 100px;
    gap: 40px;
}
.prod_slide_images{
    height: 158px !important;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid transparent;
}
.prod_slide_images img{
    object-fit: contain;
}
.prod_slide_images:hover, .product_img_active{
    border-color: var(--yellow);
}
.prod_img_slide{
    justify-content: start;
    align-items: start;
    max-width: 870px;
    width: 60%;
    gap: 30px;
}
.prodSlider{
    max-width: 170px;
    margin: 0 !important;
    height: 680px !important;
    padding-left: 10px !important;
}
.general_slide_img{
    max-width: 680px;
    height: 680px;
    overflow: hidden;
    border-radius: 20px;
}
.general_slide_img img{
    object-fit: contain;
}
.prods_info_window{
    max-width: 692px;
    width: 50%;
    padding: 40px;
    gap: 26px;
    border-radius: 30px;
    background-color: var(--background);
    flex-direction: column;
    align-items: start;
}
.title_fav{
    gap: 10px;
}
.article_code, .article_blck{
    gap: 10px;
}
.article_code{
    font-size: var(--sixteen);
    cursor: pointer;
}
.inf_title_sp{
    font-size: var(--sixteen);
}
.article_code:hover svg path{
    stroke: var(--yellow);
}
.alert_copied {
    position: fixed;
    top: 10%;
    left: 0;
    transform: translateY(-1000px);
    width: 100%;
    text-align: center;
    font-size: var(--eighteen);
    padding: 10px;
    z-index: 40;
    background-color: var(--background);
}
.alert_copied_active{
    transform: translate(0);
}
.prods_price_blck{
    gap: 4px;
    justify-content: start;
}
.prods_price_blck .old_price{
    font-size: var(--twenty);
}
.prods_price_blck .from_price{
    font-size: var(--thirty);
}
.prods_info_window .warranty_inf_blck{
    max-width: 340px;
}
.month_info_grid{
    gap: 6px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.month_prices_sps{
    flex-direction: column;
    align-items: start;
    padding: 12px 20px;
    border-radius: 12px;
    background-color: var(--grey);
    font-size: var(--sixteen);
}
.title_fav .fav_prod{
    position: inherit;
}
.title_border_blck{
    flex-direction: column;
    align-items: start;
    gap: 20px;
}
.info_line{
    gap: 20px;
}
.titles_underline{
    width: 98px;
    height: 7px;
    background-color: var(--yellow);
}
.more_inf_about_prod{
    width: 53%;
    max-width: 870px;
    align-items: start;
    flex-direction: column;
    margin: 50px 0;
    gap: 30px;
}
.subtilte_sp{
    font-size: var(--eighteen);
    min-width: fit-content;
}
.info_underline{
    border-bottom: 1px dashed rgba(255, 255, 255, 0.20);
}

/* end product */