/* -------------slider computers--------------- */

.slider-computers {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 0.5s ease;
    margin: -50px -16px;
    padding: 50px 16px;
}

.slider-computers::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    mix-blend-mode: darken;
    pointer-events: none;
    z-index: 1;
}

.slider-computers > * {
    position: relative;
    z-index: 2;
}

.slider-computers-block-computer-name span {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 54px;
    font-style: normal;
    line-height: normal;
}

.slider-computers-block-description span {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.slider-computers-block-description, .slider-computers-block-button {
    margin-bottom: 16px;
}

.slider-computers-block-button {
    display: flex;
    padding: 14px 0;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 67px;
    background: #FECA14;
    width: 250px;
}

.slider-computers-block-button a {
    text-decoration: none;
}


.slider-computers-block-button a span {
    color: #000;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    line-height: normal;
}

.slider-computers-block-image img {
    width: 100%;
}


.swiper {
    width: 100%;

}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    border-radius: 37px;
    width: 100%;
    height: 205px;
    object-fit: cover;
    display: block;
}


.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets,
.custom-pagination-vertical {
    position: absolute;
    top: 40%;
    z-index: 10;
}

.swiper-slide {
    height: auto !important;
}


.swiper-pagination-bullet {
    background: #FAFAFA;
    opacity: 0.36;
}

.swiper-pagination-bullet-active {
    background: #FAFAFA;
    opacity: 1;
}

/* -------------end slider computers--------------- */

/* -------------special proposition--------------- */

.special-proposition {
    padding: 35.5px 0;
    background-color: black;
    margin-top: 50px;
    margin-right: -16px;
    margin-left: -16px;
}

.special-proposition-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: center
}

.special-proposition-content-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.special-proposition-content-text span {
    color: #FAFAFA;
    font-family: "Fixel Display", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5;
}

.special-proposition-content-button {
    display: flex;
    justify-content: center;
}

.special-proposition-content-button a {
    display: flex;
    padding: 14px 20px;
    align-items: center;
    gap: 12px;
    border-radius: 67px;
    border: 2px solid #FAFAFA;
}

.special-proposition-content-button a span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* -------------end special proposition--------------- */
/* -------------hot proposition--------------- */

.hot-proposition {
    margin-top: 80px;
}

.hot-proposition-name {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}


.hot-proposition-blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 30px;
}

.hot-proposition-block {
    padding: 40px 20px;
    background-color: black;
}

.hot-proposition-filter {
    display: none;
}


.product {
    background-color: #050505;
    border-radius: 37px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.product-inner {
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box;
}

.product_comparison {
    border: none;
    background: none;
    cursor: pointer;
}

.container-product-img {
    aspect-ratio: 1 / 1;
    overflow: hidden;

    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.product-img {
    width: 100%;
    height: auto;
    display: block;
}

.card-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-title {
    text-align: center;
    margin-top: 20px;
    font-size: 18px;
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    margin-bottom: 12px;
    max-width: 100%;
    hyphens: auto;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FAFAFA;
    margin: 0;
}

.end_price {
    color: #FECA14;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    display: flex;
    flex-wrap: nowrap;
}

.buttons_product {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.btn-cart {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px 0;
    border-radius: 67px;
    background: #FECA14;
}

.more_detail {
    background-color: #484040;
}

.product_favourite {
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}

.product_favourite img {
    transition: filter 0.3s ease;
}

.form-add-to-cart {
    width: auto;
}

.buttons_product_text {
    text-align: center;
    color: #050505;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
}

.white {
    color: #FAFAFA;
}

.hot-proposition-all-pc {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}

.hot-proposition-all-pc span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-attributes {
    display: none;
    flex-direction: column;
    gap: 8px;
    margin-top: 30px;
}

.product-attribute-text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.product-attribute-name {
    color: #FECA14;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.product-attribute-value {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.ready-to-ship {
    display: none;
}

.top__product-icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.hot-proposition-all-pc-top {
    display: none;
}

/* -------------end hot proposition--------------- */


/* -------------create your computer--------------- */
.create-computer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 44px;
    padding: 0 100px;
    margin-top: 60px;
}

.text-content {
    display: flex;
    flex-direction: column;
}

.name-of-creating {
    font-size: 96px;
    font-weight: normal;
    color: #FAFAFA;
    font-family: Impact;
    margin-bottom: 26px;
    /*line-height: 1.2;*/
    max-width: 680px;
}

.description-of-creating {
    font-size: 32px;
    font-weight: normal;
    color: #FAFAFA;
    /*line-height: 1.5;*/
    max-width: 680px;
}

.button-create-computer {
    display: flex;
    gap: 30px;
    margin-top: 40px;
}

/*.btn {*/
/*    padding: 10px 20px;*/
/*    font-size: 1rem;*/
/*    color: white;*/
/*    border: none;*/
/*    border-radius: 5px;*/
/*    cursor: pointer;*/
/*    transition: background-color 0.3s ease-in-out;*/
/*}*/

.btn.assemble {
    max-width: 360px;
    max-height: 100px;
    border-radius: 67px;
    padding: 35px 67px;
    background-color: #FECA14;
    font-size: 24px;
    font-weight: 600;
    white-space: nowrap;
}

.btn.call {
    width: 100px;
    height: 100px;
    background-color: #484040;
    border-radius: 50%;
    border: none;
}

/*.btn.call:hover {*/
/*    background-color: #1e7e34;*/
/*}*/

.computer-image {
    width: 100%;
    max-width: 620px;
    justify-self: center;
}

/* -------------end create your computer--------------- */
/* -------------why choose--------------- */
.why-choose {
    /*margin-top: 60px;*/
    background: url(../images/why-choose-photo.jpg) lightgray 50% / cover no-repeat;
    margin: 60px -16px;
    padding: 60px 16px;
}

.why-choose h1 {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.why-choose-blocks {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: 1fr;
    /*grid-template-columns: 620px 1fr;*/
    align-items: center;
    gap: 20px;
    margin-top: 30px;
}

.why-choose-block {
    display: flex;
    flex-direction: row;
    padding: 30px;
    background: #050505;
    border-radius: 18px;
    border: 2px solid rgba(250, 250, 250, 0.36);
    gap: 20px;
    align-items: center;
}

.why-choose-block-number {
    display: flex;
    padding: 5px 14px;
    border-radius: 900px;
    background: #FAFAFA;
}

.why-choose-block-number span {
    color: #050505;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.why-choose-block-text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.why-choose-block-text span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.why-choose-block-text p {
    color: rgba(250, 250, 250, 0.80);
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.number-of-sentence {
    display: flex;
    align-items: center;
    gap: 44px;
    color: #FAFAFA;
    font-size: 32px;
    font-weight: normal;
}

.why-choose-blocks-text span {
    padding: 18px 30px;
    border-radius: 50%;
    border: 1px solid;
}

/* -------------end why choose--------------- */
/* -------------about us--------------- */

.about-us {
    margin-top: 60px;
}

.about-us h1 {
    display: flex;
    justify-content: center;
    font-size: 36px;
    color: #FAFAFA;
    margin: 0;
    font-family: "Fixel Display-Bold", sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.about-us-blocks {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    gap: 16px;
    margin-top: 16px;
}

.about-us-blocks-img {
    display: flex;
    justify-content: center;
}

.about-us-image {
    width: 100%;
    max-width: 201px;
}

.about-us-blocks-text {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.about-us-blocks-text span {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* -------------end about us--------------- */
/* -------------choose ready computer--------------- */

.choose_ready-pc {
    margin-top: 60px;
}

.choose_ready-pc h1 {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}

.choose_ready-pc-blocks {
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    margin-top: 30px;
}

.choose_ready-pc-blocks-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.choose_ready-pc-blocks-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    transition: transform 0.1s ease, background 0.2s ease, border-radius 0.2s ease;
}

.choose_ready-pc-blocks-text:hover {
    background: #050505;
    border-radius: 20px;
    transform: translateY(5px) translateX(5px);
}

.choose_ready-pc-blocks-text-items {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.arrow_back_right {
    width: 15px;
    height: 26px;
}

.choose_ready-pc-blocks-text-items span {
    color: #FFF;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.choose_ready-pc-blocks-text-items p {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.choose_ready-pc-blocks-text-left {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}

.button-choose_ready-pc {
    margin-top: 14px;
}

.choose_ready-pc-blocks-bottom, .choose_ready-pc-blocks-left {
    display: none;
}

/* -------------end choose ready computer--------------- */
/* -------------periphery--------------- */

.periphery h1 {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-align: center;
}

.swiper-slide-periphery {
    display: flex;
    padding: 50px 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 100px 40px 40px 40px;
    background: rgba(5, 5, 5, 0.40);
    box-sizing: border-box;
}

.periphery-swiper-slide-name {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.periphery-swiper-slide-name span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.periphery-swiper-slide-name p {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.periphery-swiper-slide-img {
    position: relative;
    width: 100%;
    height: auto;
}

.periphery-swiper-slide-img img {
    width: 100%;
    height: auto;
    border-radius: 100px 40px 40px 40px;
    display: block;
    transition: opacity 0.3s ease;
}

.periphery-swiper-slide-img .img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.periphery-swiper-slide-img .img-default {
    z-index: 2;
    position: relative;
}

.periphery-swiper-slide-img:hover .img-hover {
    opacity: 1;
}

.periphery-swiper-slide-img:hover .img-default {
    opacity: 0;
}

.button-navigation-periphery {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.navigation-periphery-prev, .navigation-periphery-next {
    position: static;
    color: #FECA14;
    border-radius: 900px;
    border: 3px solid #FECA14;
    display: flex;
    padding: 33px 40.5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navigation-periphery-prev:after,
.navigation-periphery-next:after {
    font-size: 34px;
}

/* -------------end periphery--------------- */
/* -------------feedback--------------- */

.slider-feedback-main {
    width: 100%;
    margin: 60px auto 0;
}

.slider-feedback-main h1 {
    display: flex;
    justify-content: center;
    color: #FAFAFA;

    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}

.slider-wrapper-feedback-main {
    position: relative;
    /*height: 630px;*/
    overflow: visible;
}

.slide-feedback-main {
    position: absolute;
    /*left: 50%;*/
    /*transform: translateX(-50%);*/
    padding: 40px 24px 30px 24px;
    border-radius: 44px 80px 44px 44px;
    background: #FECA14;
    box-shadow: 0px 10px 30.1px 0px rgba(0, 0, 0, 0.37);
    opacity: 0;
    transition: all 0.5s ease;
}

.slide-feedback-main.active {
    z-index: 2;
    opacity: 1;
    right: 0;
}

.slide-feedback-main.behind {
    z-index: 1;
    transform: translateY(61px) scale(0.9);
    left: 0;
    opacity: 0.5;
}

.content-feedback-main {
    width: 225px;
}

.content-feedback-main-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.content-feedback-main-left {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.feedback-block-content-block-stars {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

.feedback-block-content-block-star-img {
    width: 20px;
    color: #201C1C;
}


.feedback-user-name span {
    margin: 0;
    color: #201C1C;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.positive-negative-text-block {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.positive-negative-text-block-full {
    display: grid;
    grid-template-columns: max-content 1fr;
    gap: 8px;
}

.positive-negative-text-block-left img {
    width: 20px;
}

.positive-negative-text-block-right {
    display: flex;
    flex-direction: column;
}

.content-feedback-main-right img {
    width: 40px;
}

.positive-negative-text-block p {
    color: #201C1C;
    margin: 0;

    /* h5(32)-bold */
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.positive-negative-text-block span {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #201C1C;

    /* H5(32)-regular */
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

    white-space: normal;
    word-break: break-word;
}

.feedback-main-buying-link span {
    -webkit-line-clamp: 1;
!important;
}

.feedback-main-text span {
    -webkit-line-clamp: 3;
!important;
}

.feedback-block-bottom {
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.feedback-block-bottom-created-at span {
    opacity: 0.5;
    color: #201C1C;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.feedback-block-bottom-link-to-feedback span {
    color: #201C1C;
    text-align: center;

    /* h5(32)-bold */
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.feedback-block-bottom-link-to-feedback img {
    display: none;
}

.feedback-link-product {
    cursor: pointer;
}


.controls {
    position: absolute;
    bottom: 0;
    /*left: 50%;*/
    right: 0;
    /*transform: translateX(-50%);*/
    margin-top: 20px;
}

.controls button {
    border: 1px solid #FECA14;
    padding: 33px 40.5px;
    border-radius: 50%;
    cursor: pointer;

    background-color: #201C1C;
}

.controls-buttons-next {
    transform: scaleX(-1);
}

.controls-buttons {
    display: flex;
    gap: 50px;
}

.controls button:hover {
    background-color: #ffa000;
}

.dots-direction {
    margin-top: 30px;
    margin-bottom: 20px;
    /*position: absolute;*/
    /*left: calc(-58% + 100px);*/
}


.dots {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.dot {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    opacity: 0.5;
    transition: opacity 0.3s;
}

.dot.active {
    opacity: 1;
}


/* -------------end feedback--------------- */
.create-computer-alone {
    background: url(../images/icons/create-computer-alone.jpg) lightgray 50% / cover no-repeat;
    margin: 60px -16px;
    padding: 100px 30px;
}

.create-computer-alone-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0;
}

.create-computer-alone-content span {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
}

.create-computer-alone-content-button {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 52px;
    border-radius: 67px;
    background: #FECA14;
    width: max-content;
}

.create-computer-alone-content-button span {
    color: #1A1717;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/* -------------order stages--------------- */

.order_stages {
    margin-top: 60px;
}

.name_order_stages {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    margin-bottom: 51px;
}

.order_stages_blocks {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    justify-items: center;
    gap: 35px;
}

.order_stages_block_wrapper {
    position: relative;
    max-width: 213px;
    width: 100%;
    z-index: 0;
}

.background-decoration_order_stages {
    position: absolute;
    top: -27px;
    left: -34px;
    width: 225px;
    height: 219px;
    flex-shrink: 0;
    z-index: -1;
}

.order_stages_block {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 40px 20px;
    gap: 16px;
    z-index: 1;
    background-color: #201C1C;
    border-radius: 37px;
}

.order_stages_block_name {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.order_stages_block_name span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.text-preview {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.text-full {
    display: none;
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.arrow_order_stages_block {
    cursor: pointer;
    transition: transform 0.5s ease;
    position: absolute;
    right: 44px;
    border: 1px solid #FECA14;
    border-radius: 50%;
    padding: 5.6px 6px;
    bottom: 0;
}


.arrow_order_stages_block.opened {
    transform: rotate(135deg);
    cursor: pointer;
}

.help-your-compatibility-button {
    display: flex;
    padding: 27.5px 32.5px;
    justify-content: center;
    align-items: center;
    border-radius: 67px;
    background: #FECA14;
    margin-top: 20px;
    width: max-content;
}

.help-your-compatibility-button span {
    color: #000;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* -------------end order stages--------------- */

.help-your-compatibility {
    margin-top: 60px;
}

.help-your-compatibility-name, .help-your-compatibility-name-992 {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
    align-self: stretch;
}

.help-your-compatibility-name-992 {
    display: none;
}

.help-your-compatibility-text {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.help-your-compatibility-img {
    width: 100%;
}

.help-your-compatibility-img-992 {
    display: none;
}

.help-your-compatibility-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: 20px;
}

.help-your-compatibility-content-left {
    display: flex;
    flex-direction: column;
}

.help-your-compatibility-button {
    display: none;
}

.help-your-compatibility-button-375 {
    order: 2;
    display: flex;
    padding: 27.5px 32.5px;
    justify-content: center;
    align-items: center;
    border-radius: 67px;
    background: #FECA14;
    width: max-content;
}


.help-your-compatibility-button-375 span {
    color: #000;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.help-your-compatibility-img {
    order: 1;
}


/* -------------payment detail--------------- */

.payment-detail-wrapper {
    width: 100%;
}

.payment-detail-name {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}

.payment-detail-block {
    display: flex;
    padding: 30px 12px;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 18px;
    border: 2px solid rgba(250, 250, 250, 0.36);
    background: #050505;
    box-sizing: border-box;
}

.payment-detail-block-icon-name {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.payment-detail-block-icon-name img {
    width: max-content;
}

.payment-detail-block-name {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.payment-detail-block-text {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 16px;
}

.payment-detail-block-more {
    display: flex;
    flex-direction: row;
    gap: 8px;
    padding: 10px 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 67px;
    border: 2px solid #FAFAFA;
    margin: 0;
}


.payment-detail-block-more img {
    width: 8px;
    height: 14px;
    flex-shrink: 0;
}

.payment-detail-block-last-more {
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
}

.payment-detail-block,
.payment-detail-img-block {
    min-width: 0;
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
}

.payment-detail-block-card {
    width: 100%;
}

.payment-detail-blocks {
    display: grid;
    grid-template-areas:
        "payment-detail-block-1 payment-detail-block-2"
        "payment-detail-img-block payment-detail-img-block"
        "payment-detail-block-3 payment-detail-block-4";
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: stretch;
    margin-top: 30px;
}

.payment-detail-block-more::before {
    content: "Більше";
}

#payment-detail-block-1 {
    grid-area: payment-detail-block-1;
}

#payment-detail-block-2 {
    grid-area: payment-detail-block-2;
}

#payment-detail-img-block {
    grid-area: payment-detail-img-block;
    grid-column: span 2;
    width: 100%;
}

#payment-detail-block-3 {
    grid-area: payment-detail-block-3;
}

#payment-detail-block-4 {
    grid-area: payment-detail-block-4;
}

/* -------------end payment detail--------------- */
/* tik-tok */

.tiktok-swiper-section {
    margin-top: 60px;
    position: relative;
}

.tik-tok-swiper-name {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-align: center;
    margin: 0 0 30px 0;
}


.swiper-slide-tik-tok {
    aspect-ratio: 54 / 95;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.swiper-slide-tik-tok img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 21px;
}

.tik-tok-main-photo {
    position: absolute;
    top: 0;
    left: 0;
    width: 35vw;
    height: 100%;
    aspect-ratio: 54 / 95;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    max-width: 692px;
}

.tik-tok-main-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 39px;
    box-shadow: -1.303px 2.606px 73.428px 0px #201C1C;
    z-index: 3;
}

.tik-tok-block-text-button {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 16px;
}

.tik-tok-main-photo::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #201C1C;
    z-index: 1;
}

.tik-tok-block-text {
    width: 100%;
    display: flex;
    justify-content: center;
}

.tik-tok-block-text span {
    color: #FAFAFA;
    text-align: center;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.tik-tok-block-button {
    display: flex;
    justify-content: center;
}

.tik-tok-block-button a {
    display: flex;
    padding: 25px 54px;
    justify-content: center;
    align-items: center;
    border-radius: 67px;
    background: #FECA14;
    width: max-content;
}

.tik-tok-block-button a span {
    color: #1A1717;
    text-align: center;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}


/* end tik-tok */
/* articles */

.articles {
    margin-top: 60px;
}

.articles_page_name {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-align: center;
    margin: 0;
}

.articles_blocks {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
}

.articles_block {
    display: flex;
    flex-direction: column;
    padding: 40px 30px;
    gap: 30px;
    border-radius: 100px 40px 40px 40px;
    background: #050505;
}

.articles_block_text {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.articles_block-img-content {
    position: relative;
}

.articles_block-img {
    width: 100%;
    border-radius: 37px;
}

.articles_link_to_telegram {
    position: absolute;
    bottom: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 100%;
}

.articles_date_publish {
    padding: 10px 18px;
    border-radius: 13px;
    background: #050505;
}

.articles_date_publish span {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.articles_block-all-articles {
    margin-top: 30px;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
    gap: 20px;
    align-items: center;
}

.articles_block-all-articles span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.articles-all-articles-top {
    display: none;
}

/* end articles */
/* instagram */

.instagram {
    margin-top: 60px;
}

.instagram-block-name {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    text-align: center;
    margin: 0 0 30px 0;
}

.swiper-slide-instagram {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 50px;
    box-sizing: border-box;
}

.swiper-slide-instagram img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
    object-fit: unset;
    border-radius: 40px;
    display: block;
}

.instagram-swiper {
    padding-right: 0;
}

.instagram-swiper-slide-name {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.instagram-swiper-slide-name span {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.instagram-swiper-slide-name p {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.instagram-swiper-slide-img {
    position: relative;
    width: 100%;
    height: auto;
}

.instagram-swiper-slide-img img {
    width: 100%;
    height: auto;
    border-radius: 100px 40px 40px 40px;
    display: block;
    transition: opacity 0.3s ease;
}

.instagram-swiper-slide-img .img-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}

.instagram-swiper-slide-img .img-default {
    z-index: 2;
    position: relative;
}

.instagram-swiper-slide-img:hover .img-hover {
    opacity: 1;
}

.instagram-swiper-slide-img:hover .img-default {
    opacity: 0;
}

.button-navigation-instagram {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.navigation-instagram-prev,
.navigation-instagram-next {
    position: static;
    color: #FECA14;
    border-radius: 900px;
    border: 3px solid #FECA14;
    display: flex;
    padding: 33px 40.5px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.navigation-instagram-prev:after,
.navigation-instagram-next:after {
    font-size: 34px;
}

.instagram-swiper {
    padding-right: 0;
}


/* end instagram */
/* google maps */

.google-maps-company {
    margin-top: 60px;
}

.google-maps-company-name {
    color: #FAFAFA;
    font-family: "Fixel Display-Bold", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    margin: 0;
}

.google-maps-content {
    margin-top: 30px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.google-maps-social-media {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.google-maps-map {
    width: 100%;
    height: 400px;
    border-radius: 37px;
    overflow: hidden;
}

.google-maps-link {
    width: 100%;
    height: 100%;
    border: 0;
}

.google-maps-info-company {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.info-company-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-company-block-schedule {
    display: flex;
    flex-direction: column;
}

.info-company-block-name {
    color: #FAFAFA;
    font-family: "Source Sans Pro Bold", sans-serif;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.info-company-block-text {
    color: #FAFAFA;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

/* end google maps */

/* media 576 */
@media (min-width: 576px) {
    /*main {*/
    /*    padding: 70px 25px;*/
    /*}*/

    .slider-computers {
        margin: -70px -25px;
        padding: 70px 25px;
    }

    .slider-computers-block-description span {
        font-size: 18px;
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical > .swiper-pagination-bullets,
    .custom-pagination-vertical {
        top: 30%;
    }

    .special-proposition {
        margin-top: 70px;
        padding: 32px 25px;
        margin-right: -25px;
        margin-left: -25px;
    }

    .special-proposition-content-text {
        align-items: normal;
    }

    .special-proposition-content-text span {
        font-size: 18px;
        line-height: 1.25;
    }

    .special-proposition-content-button a span {
        font-size: 20px;
    }

    .special-proposition-content {
        flex-direction: row;
        justify-content: space-between;
    }

    .special-proposition-content-text {
        justify-content: flex-start;
    }

    .product-attributes {
        display: flex;
    }

    .top__product {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /*margin-bottom: 40px;*/
    }

    .ready-to-ship {
        display: flex;
        gap: 4px;
        align-items: center;
    }

    .ready-to-ship img {
        width: 29px;
        height: 29px;
    }

    .ready-to-ship span {
        color: #FAFAFA;
        font-family: "Source Sans Pro Bold", sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .top__product-icons {
        gap: 16px;
    }

    .card-title {
        font-size: 20px;
    }

    .end_price {
        font-size: 32px;
    }

    .product-inner {
        padding: 50px 20px;
    }

    .hot-proposition-all-pc span {
        font-size: 24px;
    }

    .about-us-image {
        max-width: 253px;
    }

    .choose_ready-pc-blocks-text-star-img {
        width: 52px;
        height: 52px;
    }

    .choose_ready-pc-blocks-text-left {
        gap: 20px;
    }

    .choose_ready-pc-blocks-text-items p {
        font-size: 24px;
    }

    .arrow_back_right {
        width: 19px;
        height: 34px;
    }

    .choose_ready-pc-blocks-text {
        padding: 11px 20px;
    }

    .why-choose {
        margin: 60px -25px;
        padding: 100px 25px;
    }

    .why-choose-blocks {
        gap: 30px;
    }

    .why-choose-block-text span {
        font-size: 32px;
    }

    .why-choose-block-text p {
        font-size: 24px;
    }

    .why-choose-block-number {
        padding: 10px 22.5px;
    }

    .why-choose-block-number span {
        font-size: 32px;
    }

    .swiper-slide-periphery {
        padding: 60px 40px;
        gap: 30px;
        border-radius: 125px 53px 53px 53px;
    }

    .periphery-swiper-slide-img img {
        border-radius: 125px 53px 53px 53px;
    }

    .periphery-swiper-slide-name span {
        font-size: 40px;
    }

    .periphery-swiper-slide-name p {
        font-size: 32px;
    }

    .periphery-swiper-slide-name {
        gap: 8px;
    }

    .button-navigation-periphery {
        margin-top: 50px;
        justify-content: flex-end;
        gap: 50px;
    }

    /* feedbacks 576 */
    .slide-feedback-main {
        padding: 50px 40px 40px 40px;
        border-radius: 44px 110px 44px 44px;
        box-shadow: 0px 10px 30.1px 0px rgba(0, 0, 0, 0.37);
    }

    .feedback-block-content-block-star-img {
        width: 26px;
    }

    .content-feedback-main-right img {
        width: 50px;
    }

    .feedback-user-name span,
    .positive-negative-text-block p,
    .positive-negative-text-block span,
    .feedback-block-bottom-created-at span,
    .feedback-block-bottom-link-to-feedback span {
        font-size: 20px;
    }

    .positive-negative-text-block-left img {
        width: 26px;
    }

    .feedback-block-bottom-link-to-feedback a img {
        display: block;
    }

    .content-feedback-main {
        width: 355px;
    }

    .feedback-block-bottom-link-to-feedback a {
        display: flex;
        flex-direction: row;
        gap: 6px;
        align-items: center;
    }

    .feedback-block-bottom {
        margin-top: 16px;
    }

    /* end feedbacks */
    .create-computer-alone {
        margin: 60px -25px;
        padding: 142.5px 30px;
    }

    .order_stages_blocks {
        grid-template-columns: 1fr 1fr;
    }

    .help-your-compatibility-button {
        margin-top: 20px;
        margin-right: 0;
    }

    .help-your-compatibility-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 21px;
    }

    /* payment detail 576*/
    .payment-detail-blocks {
        grid-template-areas:
        "payment-detail-img-block payment-detail-img-block"
        "payment-detail-block-1 payment-detail-block-2"
        "payment-detail-block-3 payment-detail-block-4";
        gap: 30px 20px;
    }

    .payment-detail-block-icon-name {
        display: flex;
        flex-direction: row;
        gap: 16px;
        align-items: center;
    }

    .payment-detail-block {
        padding: 40px 20px;
    }

    .payment-detail-block-name {
        font-size: 24px;
    }

    .payment-detail-block-text {
        font-size: 20px;
    }

    .payment-detail-block-more::before {
        content: "Більше про оплату";
    }

    .payment-detail-block-more {
        font-family: "Source Sans Pro Bold", sans-serif;
        font-size: 16px;
        padding: 9px 15px;
    }

    /* tik tok*/
    .tik-tok-main-photo {
        width: 54vw;
    }

    .tik-tok-main-photo img {
        border-radius: 60px;
    }

    .tik-tok-main-photo::before {
        width: 100px;
    }

    .tik-tok-block-text-button {
        flex-direction: row;
    }

    .tik-tok-block-button a {
        padding: 25px 21.5px;
    }

    /* articles */
    .articles_blocks {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
    }

    .articles_block_text {
        font-size: 16px;
    }

    .articles_link_to_telegram {
        bottom: 8px;
    }

    .articles_date_publish {
        padding: 8.5px 10.5px;
    }

    .articles_block-all-articles {
        margin-top: 20px;
    }

    /* instagram */
    .button-navigation-instagram {
        justify-content: flex-end;
        gap: 50px;
    }

    .swiper-slide-instagram {
        border-radius: 37px;
    }

    .instagram-swiper {
        padding-right: 0;
    }

    /* google maps */
    .info-company-block-name {
        font-size: 32px;
    }

    .info-company-block-text {
        font-size: 24px;
    }

    .info-company-block-schedule {
        flex-direction: row;
        gap: 20px;
    }

    .hot-proposition {
        margin-top: 110px;
    }

}

@media (min-width: 768px) {
    /*main {*/
    /*    padding: 80px 43px;*/
    /*}*/

    .slider-computers {
        margin: -80px -43px;
        padding: 80px 43px;
    }

    .slider-computers-block-computer-name span {
        font-size: 96px;
    }

    .slider-computers-block-description span {
        font-size: 20px;
    }

    .swiper-slide img {
        height: 256px;
    }

    .slider-computers-block-description, .slider-computers-block-button {
        margin-bottom: 30px;
    }


    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical > .swiper-pagination-bullets,
    .custom-pagination-vertical {
        top: 46%;
    }


    .special-proposition {
        margin-top: 80px;
        padding: 32px 44px;
        margin-right: -44px;
        margin-left: -44px;
    }

    .product-inner {
        padding: 50px 30px;
    }

    .about-us-blocks {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        margin-top: 30px;
    }

    .about-us-image {
        max-width: none;
    }

    .choose_ready-pc {
        margin-top: 100px;
    }

    .choose_ready-pc-blocks-text-items span {
        font-size: 32px;
    }

    .choose_ready-pc-blocks-right {
        gap: 40px;
    }

    .choose_ready-pc-blocks-text {
        padding: 12px 20px;
    }

    .choose_ready-pc h1 {
        text-align: center;
    }

    .why-choose {
        margin: 100px -43px;
        padding: 100px 43px;
    }

    .why-choose-block {
        padding: 30px 41px;
        gap: 30px;
    }


    .swiper-slide-periphery {
        padding: 66px 30px;
    }

    .button-navigation-periphery {
        gap: 60px;
    }

    .periphery-swiper-slide-name span {
        font-size: 32px;
    }

    .periphery-swiper-slide-name p {
        font-size: 24px;
    }

    /* feedbacks 768 */
    .content-feedback-main-right img {
        width: 60px;
    }

    .feedback-user-name span {
        font-size: 24px;
    }

    .content-feedback-main {
        width: 484px;
    }

    .dot {
        width: 30px;
        height: 30px;
    }

    .dots {
        gap: 22px;
    }

    .slider-feedback-main {
        margin-top: 100px;
    }

    .slider-wrapper-feedback-main {
        height: 715px;
    }

    /* end feedbacks */
    .create-computer-alone {
        margin: 100px -43px;
        padding: 142.5px 43px;
    }

    .create-computer-alone-content {
        max-width: 350px;
    }

    .name_order_stages {
        display: flex;
        justify-content: center;
    }

    .help-your-compatibility {
        margin-top: 100px;
    }

    .help-your-compatibility-button {
        margin: 20px auto 0;
    }

    .help-your-compatibility-text {
        font-size: 24px;
    }

    /* payment detail 768 */
    .tiktok-swiper-section {
        margin-top: 100px;
    }

    .payment-detail-block-icon-name {
        width: 100%;
        justify-content: center;
    }

    /* tik tok*/
    .swiper-slide-tik-tok img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 21px;
    }

    .swiper-slide-tik-tok {
        aspect-ratio: 214/377;
    }

    .tik-tok-main-photo {
        aspect-ratio: 214/377;
        width: 42vw;
    }

    .tik-tok-block-text span {
        font-size: 20px;
    }

    /* articles */
    .articles {
        margin-top: 100px;
    }

    .articles_block {
        padding: 30px 40px;
        border-radius: 90px 40px 40px 40px;
    }

    .articles_link_to_telegram {
        bottom: 11px;
    }

    .articles_block-all-articles {
        gap: 30px;
    }

    .articles_block-all-articles img {
        width: 13px;
        height: 24px;
    }

    /* instagram */
    .swiper-slide-instagram img {
        height: 100%;
    }

    .instagram-swiper {
        padding-right: 0;
    }

    /* google maps */
    .google-maps-company {
        margin-top: 100px;
    }

    .google-maps-social-media a img {
        width: 40px;
    }

}

@media (min-width: 992px) {
    /*main {*/
    /*    padding: 90px 38px;*/
    /*}*/

    .slider-computers {
        margin: -90px -38px;
        padding: 90px 38px;
    }

    .category-blocks {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
    }

    .swiper {
        width: auto;
        padding-right: 67px;
    }

    .swiper-slide img {
        height: 362px;
    }

    .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
    .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 16px 0;
    }

    .swiper-pagination-vertical.swiper-pagination-bullets,
    .swiper-vertical > .swiper-pagination-bullets,
    .custom-pagination-vertical {

        top: 60%;
    }

    .swiper-pagination-bullet {
        width: 23px;
        height: 23px;
    }

    .slider-computers-block-description-button {
        display: grid;
        grid-template-columns: 1fr 360px;
        gap: 41px;
        align-items: end;
        justify-items: end;
    }

    .slider-computers-block-button {
        width: 360px;
        height: 76px;
        padding: 0;
    }

    .slider-computers-block-button a span {
        font-size: 24px;
    }

    .special-proposition {
        display: flex;
        justify-content: center;
        margin-top: 90px;
        padding: 30px 38px;
        margin-right: -38px;
        margin-left: -38px;
    }

    .special-proposition-content {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 90px;
    }

    .special-proposition-content-text {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        gap: 90px;
        text-align: left;
    }

    .special-proposition-content-text span {
        line-height: 1;
        font-size: 20px;
    }

    .special-proposition-content-button a span {
        font-size: 24px;
    }

    .hot-proposition-name {
        font-size: 64px;
    }

    .product-inner {
        padding: 70px 30px;
    }

    .ready-to-ship {
        gap: 8px;
    }

    .ready-to-ship span {
        font-size: 20px;
    }

    .top__product-icons {
        gap: 20px;
    }

    .card-title {
        font-size: 32px;
        margin-top: 30px;
    }

    .buttons_product {
        flex-direction: row;
    }

    .btn-cart {
        width: 100%;
        padding: 35px 0;
    }

    .buttons_product_text {
        font-size: 20px;
    }

    .product-attribute-name, .product-attribute-value {
        font-size: 24px;
    }

    .end_price {
        font-size: 48px;
    }

    .hot-proposition-filter {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-top: 12px;
        cursor: pointer;
    }

    .hot-proposition-filter span {
        color: #FAFAFA;
        font-family: "Source Sans Pro Bold", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    .hot-proposition-filter .active {
        color: #FECA14;
        text-decoration: underline;
    }

    .about-us h1 {
        font-size: 64px;
    }

    .about-us  {
        margin-top: 100px;
    }

    .hot-proposition {
        margin-top: 150px;
    }

    .choose_ready-pc h1 {
        font-size: 64px;
    }

    .choose_ready-pc {
        margin-top: 80px;
    }

    .choose_ready-pc-blocks-text-items p {
        font-size: 32px;
    }

    .choose_ready-pc-blocks-text {
        padding: 11px 30px;
    }

    .choose_ready-pc-blocks-bottom {
        display: block;
        margin-top: 46px;
    }

    .choose_ready-pc-blocks-bottom img {
        width: 100%;
    }

    .why-choose {
        margin: 80px -38px;
        padding: 100px 38px;
    }

    .why-choose-block {
        padding: 40px 150px 40px 70px;
        gap: 40px;
    }

    .why-choose h1 {
        font-size: 64px;
    }

    .why-choose-blocks {
        margin-top: 40px;
    }

    .periphery h1 {
        font-size: 64px;
    }

    .periphery-swiper-slide-name span {
        font-size: 40px;
    }

    .periphery-swiper-slide-name p {
        font-size: 32px;
    }

    .swiper-slide-periphery {
        padding: 50px 30px;
    }

    /* feedbacks 992 */
    .slider-feedback-main {
        margin-top: 80px;
    }

    .slider-feedback-main h1 {
        font-size: 64px;
    }

    .slide-feedback-main {
        padding: 90px 80px 70px 80px;
        border-radius: 44px 147px 44px 44px;
    }

    .feedback-block-content-block-star-img {
        width: 54px;
    }

    .content-feedback-main-right img {
        width: 108px;
    }

    .feedback-user-name span {
        font-size: 36px;
    }

    .positive-negative-text-block p,
    .positive-negative-text-block span,
    .feedback-block-bottom-created-at span,
    .feedback-block-bottom-link-to-feedback span {
        font-size: 32px;
    }

    .positive-negative-text-block-left img {
        width: 40px;
    }

    .positive-negative-text-block-full {
        gap: 16px;
    }

    .positive-negative-text-block {
        gap: 16px;
    }

    .feedback-block-bottom {
        margin-top: 30px;
    }

    .positive-negative-text-block {
        margin-top: 40px;
    }

    .content-feedback-main {
        width: 532px;
    }

    /* end feedbacks */
    .create-computer-alone {
        margin: 80px -38px;
        padding: 100px 38px;
    }

    .create-computer-alone-content {
        gap: 30px;
        max-width: 638px;
    }

    .create-computer-alone-content span {
        font-size: 64px;
    }

    .create-computer-alone-content-button {
        padding: 35px 52px;
    }

    .create-computer-alone-content-button span {
        font-size: 24px;
    }

    .name_order_stages {
        font-size: 64px;
    }

    .order_stages_block_name span,
    .text-preview,
    .text-full {
        font-size: 24px;
    }

    .star_order_stages {
        width: 52px;
    }

    .order_stages_block_name {
        gap: 24px;
    }

    .order_stages_block {
        gap: 20px;
        padding: 50px 50px 50px 34px;
    }

    .background-decoration_order_stages {
        width: 341px;
        height: 332px;
        flex-shrink: 0;
        top: -47.55px;
        left: -55px;
    }

    .order_stages_block_wrapper {
        max-width: 358px;
    }

    .arrow_order_stages_block {
        padding: 9px 9.5px;
        bottom: 17px;
        right: 15px;
    }

    .arrow_order_stages_block img {
        width: 35px;
    }

    .help-your-compatibility {
        margin-top: 80px;
    }

    .help-your-compatibility-button-375 {
        display: none;
    }

    .help-your-compatibility-button span {
        font-size: 24px;
    }

    .help-your-compatibility-button {
        display: flex;
        padding: 35px 67px;
        margin-left: 0;
        margin-top: 20px;
    }

    .help-your-compatibility-content {
        display: grid;
        grid-template-columns: 1fr 1fr;
        row-gap: 0;
        column-gap: 88px;
        align-items: start;
        position: relative;
    }

    .help-your-compatibility-img {
        display: none;
    }

    .help-your-compatibility-img-992 {
        display: grid;
        grid-column: 2;
        max-width: 100%;
        /*width: 100%;*/
        max-height: 586px;
        height: auto;
        align-self: center;
        object-fit: contain;
        justify-self: center;
    }

    .help-your-compatibility-content-left {
        grid-column: 1;
    }

    .help-your-compatibility-name-992 {
        display: flex;
        font-size: 64px;
        margin-bottom: 16px;
    }

    .help-your-compatibility-name {
        display: none;
    }

    /* payment detail 992 */
    .payment-detail-name {
        font-size: 64px;
        text-align: center;
    }

    .payment-detail-blocks {
        margin-top: 40px;
    }

    .payment-detail-block {
        padding: 93px 43px;
    }

    .payment-detail-block-name, .payment-detail-block-text {
        font-size: 32px;
    }

    .payment-detail-block-icon-name {
        gap: 20px;
        justify-content: normal;
    }

    .payment-detail-block-icon-name img {
        width: 60px;
        height: 60px;
    }

    .payment-detail-block-more {
        padding: 14px 22.5px;
        gap: 30px;
        font-size: 24px;
    }

    .payment-detail-block-more img {
        width: 13px;
        height: 24px;
    }

    /* tik tok*/
    .tiktok-swiper-section {
        margin-top: 80px;
    }

    .tik-tok-swiper-name {
        font-size: 64px;
    }

    .swiper-slide-tik-tok img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 36px;
    }

    .swiper-slide-tik-tok {
        aspect-ratio: 146/257;
    }

    .tiktok-swiper {
        padding-right: 0;
    }

    .tik-tok-block-button a {
        padding: 32px 42.5px;
    }

    .tik-tok-main-photo {

        aspect-ratio: 146/257;
        width: 56vw;
    }

    .tik-tok-main-photo img {
        border-radius: 88px;
    }

    .tik-tok-block-text span,
    .tik-tok-block-button a span {
        font-size: 24px;
    }

    /* articles */
    .articles {
        margin-top: 80px;
    }

    .articles_page_name {
        font-size: 64px;
    }

    .articles_blocks {
        margin-top: 40px;
    }

    .articles_block {
        padding: 50px;
        border-radius: 125px 53px 53px 53px;
        gap: 30px;
    }

    .articles_block_text, .articles_date_publish span {
        font-size: 24px;
    }

    .articles_date_publish {
        padding: 15px 25.5px;
    }

    .articles_link_to_telegram a img {
        width: 60px;
    }

    .articles_link_to_telegram {
        bottom: 14px;
    }

    .articles_block-all-articles span {
        font-size: 32px;
    }

    .articles_block-all-articles {
        margin-top: 30px;
    }

    /* instagram */
    .instagram {
        margin-top: 80px;
    }

    .swiper-slide-instagram img {
        height: 100%;
    }

    .instagram-block-name {
        font-size: 64px;
    }

    .instagram-swiper {
        padding-right: 0;
    }

    .button-navigation-instagram {
        gap: 60px;
    }

    /* google maps */
    .google-maps-company {
        margin-top: 80px;
    }

    .google-maps-company-name {
        font-size: 64px;
        text-align: center;
    }

    .google-maps-social-media {
        grid-area: social;

        flex-direction: column;
        justify-content: space-around;
    }

    .google-maps-map {
        grid-area: map;
    }

    .google-maps-info-company {
        grid-area: info;

        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    .info-company-block-text {
        font-size: 32px;
    }

    .google-maps-content {
        display: grid;
        grid-template-areas:
        "social map"
        "info info";
        grid-template-columns: max-content 1fr;
        gap: 30px 40px;
    }

    .info-company-block-schedule {
        flex-direction: column;
        gap: 0;
    }

}

@media (min-width: 1200px) {
    /*main {*/
    /*    padding: 86px 60px;*/
    /*}*/

    .slider-computers {
        margin: -86px -60px;
        padding: 86px 60px;
    }

    .slider-computers-block-description-button {
        gap: 209px;
    }

    .special-proposition {
        margin-top: 86px;
        padding: 30px 60px;
        margin-right: -60px;
        margin-left: -60px;
    }

    .special-proposition-content {
        gap: 115px;
    }

    .special-proposition-content-text {
        gap: 115px;
    }

    .special-proposition-content-text span {
        font-size: 24px;
    }

    .hot-proposition-filter span {
        font-size: 24px;
    }

    .hot-proposition-header {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        padding: 10px 0;
    }

    .hot-proposition-name {
        font-family: "Source Sans Pro Bold", sans-serif;
        font-size: 64px;
        font-weight: 700;
        color: #FAFAFA;
    }

    .hot-proposition-all-pc-top {
        position: absolute;
        right: 0;
        bottom: 0;
        display: flex;
        align-items: center;
        gap: 30px;
        color: #FAFAFA;
        font-family: "Source Sans Pro Bold", sans-serif;
        font-size: 32px;
        font-weight: 700;
    }


    .hot-proposition-all-pc {
        display: none;
    }

    .hot-proposition-filter {
        margin-top: 20px;
    }

    .product-inner {
        padding: 80px 50px;
    }

    .ready-to-ship span {
        font-size: 24px;
    }

    .card-title {
        margin-bottom: 16px;
    }

    .hot-proposition-blocks {
        gap: 30px;
    }

    .about-us-blocks {
        gap: 77px;
    }

    .choose_ready-pc-blocks-bottom {
        display: none;
    }

    .choose_ready-pc-blocks-left {
        display: block;
    }

    .choose_ready-pc-blocks-left img {
        width: 100%;
    }

    .choose_ready-pc-blocks {
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }

    .choose_ready-pc-blocks-text {
        padding: 12px 20px;
    }

    .choose_ready-pc-blocks-text-items p {
        font-size: 24px;
    }

    .choose_ready-pc {
        margin-top: 120px;
    }

    .why-choose {
        margin: 120px -60px;
        padding: 100px 60px;
    }

    .why-choose-block {
        padding: 40px 70px 40px 30px;
        gap: 20px;
    }

    .why-choose-blocks {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr;
        align-items: normal;
    }

    .swiper-slide-periphery {
        padding: 66px 30px;
    }

    .periphery-swiper-slide-name p {
        font-size: 24px;
    }

    .periphery-swiper-slide-name {
        gap: 4px;
    }

    /* feedbacks 1200 */
    .slider-feedback-main {
        margin-top: 120px;
    }

    .slide-feedback-main.active {
        right: 84px;
    }

    .slide-feedback-main.behind {
        left: 84px;
    }

    .controls {
        right: 84px;
    }

    /* end feedbacks */
    .create-computer-alone {
        margin: 120px -60px;
        padding: 100px 99px;
    }

    .help-your-compatibility {
        margin-top: 120px;
    }

    .help-your-compatibility-name {
        display: flex;
        font-size: 64px;
        text-align: center;
    }

    .help-your-compatibility-name-992 {
        display: none;
    }

    .help-your-compatibility-img-992 {
        display: none;
    }

    .help-your-compatibility-img {
        display: grid;
        min-height: 490px;
    }

    .help-your-compatibility-content {
        margin-top: 30px;
        column-gap: 30px;
        direction: rtl;
        align-items: center;
    }

    .help-your-compatibility-content > * {
        direction: ltr;
    }

    .help-your-compatibility-text {
        font-size: 32px;
    }

    .help-your-compatibility-button {
        margin-top: 30px;
    }


    /* payment detail 1200 */
    .payment-detail-block {
        padding: 63px 60px 63px 40px;
    }

    .payment-detail-blocks {
        gap: 30px;
    }

    /* tik tok */
    .tiktok-swiper-section {
        margin-top: 120px;
    }

    .tik-tok-block-text-button {
        margin-top: 30px;
    }

    .tik-tok-block-text span {
        font-size: 32px;
    }

    .tik-tok-block-button a {
        padding: 35px 76.5px;
    }

    /*.swiper-slide-tik-tok img {*/
    /*    width: 100%;*/
    /*    height: 100%;*/
    /*    object-fit: cover;*/
    /*    border-radius: 36px;*/
    /*}*/
    .swiper-slide-tik-tok {
        aspect-ratio: 170/299;
    }

    .tik-tok-main-photo {
        aspect-ratio: 170/299;
        width: 42vw;
    }

    /* articles */
    .articles {
        margin-top: 120px;
    }

    .articles_link_to_telegram {
        bottom: 16px;
    }

    .articles_block {
        padding: 60px;
    }

    /* instagram */
    .instagram {
        margin-top: 120px;
    }

    .swiper-slide-instagram img {
        height: 100%;
    }

    /* google maps */
    .google-maps-company {
        margin-top: 120px;
    }

    .google-maps-content {
        grid-template-areas:
        "social map info";
        grid-template-columns: max-content 1fr max-content;
        gap: 40px;
    }

    .google-maps-info-company {
        grid-template-columns: 1fr;
    }

    .google-maps-map {
        height: 100%;
    }
}

@media (min-width: 1730px) {

    /*main {*/
    /*    padding: 158px 100px;*/
    /*}*/

    .slider-computers {
        margin: -158px -100px;
        padding: 158px 100px;
    }

    .computer-slide {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        gap: 136px;
    }

    .slider-computers-block-description-button {
        grid-template-columns: 1fr;
        gap: 36px;
        align-items: normal;
        justify-items: normal;
    }

    .slider-computers-block-description span {
        font-size: 24px;
    }

    .swiper-slide img {
        height: 487px;
    }

    .slider-computers-block-description {
        width: 500px;
    }

    .special-proposition {
        margin-top: 158px;
        padding: 30px 100px;
        margin-right: -100px;
        margin-left: -100px;
    }

    .special-proposition-content {
        gap: 340px;
    }

    .special-proposition-content-text {
        gap: 340px;
    }

    .product-inner {
        padding: 60px;
    }

    .hot-proposition-filter span {
        font-size: 32px;
    }

    .hot-proposition-all-pc-top {
        font-size: 32px;
    }

    .card-title {
        font-size: 24px;
    }

    .end_price {
        font-size: 48px;
    }

    .btn-cart {
        padding: 22.5px;
    }

    .product-attribute-name, .product-attribute-value {
        font-size: 20px;
    }

    .product-attributes {
        gap: 16px;
    }

    .product-attribute-text {
        gap: 8px;
    }

    .buttons_product_text {
        font-size: 24px;
    }

    .about-us-blocks {
        gap: 130px;
    }

    .about-us-blocks-text span {
        font-size: 28px;
    }

    .choose_ready-pc-blocks-text-items p {
        font-size: 28px;
    }

    .choose_ready-pc-blocks {
        gap: 46px;
        grid-template-columns: 0.7fr 1.3fr;
    }


    .hot-proposition {
        margin-top: 220px;
    }

    .why-choose {
        margin: 160px -100px;
        padding: 100px 100px;
    }

    .why-choose-block {
        padding: 30px 41px;
        gap: 30px;
    }

    .why-choose-block {
        padding: 40px 150px 40px 70px;
        gap: 40px;
    }

    .why-choose-blocks {
        margin-top: 30px;
        grid-template-columns: 1fr 1fr;
        align-items: normal;
    }

    .why-choose-block-text span {
        font-size: 40px;
    }

    .why-choose-block-text p {
        font-size: 32px;
    }

    .swiper-slide-periphery {
        padding: 66px 50px;
    }

    .periphery-swiper-slide-name p {
        font-size: 32px;
    }

    .periphery-swiper-slide-name {
        gap: 8px;
    }

    .hot-proposition-blocks {
        grid-template-columns: repeat(3, 1fr);
    }

    .ready-to-ship span {
        font-size: 18px;
    }

    .ready-to-ship img {
        width: 21px;
        height: 29px;
    }

    .create-computer-alone-wrapper {
        max-width: 1730px;
        margin: 0 auto;
    }

    /* feedbacks 1730 */
    .slider-feedback-main {
        margin-top: 160px;
    }

    .slide-feedback-main.active {
        right: 229px;
    }s

    .slide-feedback-main.behind {
        left: 229px;
    }

    .controls {
        right: 229px;
    }

    /* end feedbacks */
    .create-computer-alone {
        margin: 160px -100px;
        padding: 100px 99px;
    }

    .order_stages_block_name span,
    .text-preview,
    .text-full {
        font-size: 32px;
    }

    .order_stages_block {
        gap: 30px;
        padding: 60px 86px 60px 60px;
    }

    .arrow_order_stages_block {
        bottom: 30px;
        right: 30.5px;
    }

    .background-decoration_order_stages {
        width: 437px;
        height: 425px;
        flex-shrink: 0;
        top: -64px;
        left: -80.5px;
    }

    .order_stages_block_wrapper {
        max-width: 475px;
    }

    .star_order_stages {
        width: 52px;
        height: 52px;
    }

    .order_stages_blocks {
        gap: 60px;
    }

    .help-your-compatibility {
        margin-top: 160px;
    }

    .help-your-compatibility-button span {
        font-size: 32px;
    }

    .name_order_stages {
        margin-bottom: 104px;
    }

    .help-your-compatibility-content {
        direction: ltr;
        column-gap: 89px;
    }

    .help-your-compatibility-name-992 {
        display: block;
        margin-bottom: 40px
    }

    .help-your-compatibility-button {
        margin-top: 40px;
    }

    .help-your-compatibility-name {
        display: none;
    }

    .help-your-compatibility-img {
        min-height: 606px;
    }

    /* payment detail 1730 */
    .payment-detail-block {
        padding: 93px 43px;
    }

    .payment-detail-blocks {
        grid-template-areas:
            "payment-detail-block-1 payment-detail-img-block payment-detail-img-block"
            "payment-detail-block-2 payment-detail-block-3 payment-detail-block-4";
        grid-template-columns: 1fr 1fr 1fr;
    }

    /* tik tok 1730 */
    .tiktok-swiper-section {
        margin-top: 160px;
    }

    .tik-tok-swiper-name {
        margin: 0 0 40px 0;
    }

    .swiper-slide-tik-tok img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 36px;
    }

    .swiper-slide-tik-tok {
        /*aspect-ratio: 146/257;*/
    }

    .tik-tok-main-photo {

        /*aspect-ratio: 146/257;*/
        width: 40vw;
        border-radius: 88px;
    }

    /* articles */
    .articles {
        margin-top: 160px;
    }

    .articles_blocks {
        gap: 30px;
    }

    .articles_link_to_telegram {
        bottom: 24px;
    }

    .articles_block_text {
        font-size: 32px;
    }

    .articles_block-all-articles {
        display: none;
    }

    .articles-header {
        position: relative;
        display: flex;
        justify-content: center; /* центрирует заголовок */
        align-items: flex-end;
        padding: 10px 0;
    }

    .articles_page_name {
        margin: 0;
    }

    .articles-all-articles-top {
        position: absolute;
        right: 0;
        bottom: 0;
        color: #FAFAFA;
        font-family: "Source Sans Pro Bold", sans-serif;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        display: flex;
        align-items: center;
        gap: 30px;
    }

    /* instagram */
    .instagram {
        margin-top: 160px;
    }

    .button-navigation-instagram {
        margin-top: 50px;
    }

    .instagram-block-name {
        margin: 0 0 40px 0;
    }

    .swiper-slide-instagram img {
        height: 100%;
    }

    /* instagram */
    .instagram {
        margin-top: 160px;
    }

    .google-maps-content {
        margin-top: 40px;
        gap: 60px;
    }
}