main {
    margin-top: 165px;
}
.promo-block {
    display: grid;
    grid-template-columns: 793px auto;
    grid-template-rows: 220px 220px;
    gap: 10px 15px;
    margin-bottom: 100px;
}
.promo-block .product-slider {
    position: relative;
    overflow: hidden;
    grid-area: 1/1/3/2;
}
.promo-block .product-slider .items {
    display: flex;
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    scrollbar-width: none;
}
.promo-block .product-slider .items::-webkit-scrollbar {
    width: 0;
}
.promo-block .product-slider .item {
    position: relative;
    min-width: 793px;
    min-height: 451px;
    max-width: 793px;
    max-height: 451px;
    padding-top: 80px;
    padding-left: 40px;
}
.promo-block .product-slider .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    background: rgba(0, 0, 0, 0.2);
}
.promo-block .product-slider .item img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.promo-block .product-slider .item h2 {
    font-weight: 700;
    font-size: 36px;
    line-height: 40px;
    color: var(--white);
    max-width: 585px;
    margin-bottom: 20px;
}
.promo-block .product-slider .item p {
    font-weight: 600;
    line-height: 20px;
    color: var(--white);
    max-width: 570px;
    margin-bottom: 25px;
}
.promo-block .product-slider .item button {
    width: 225px;
    padding: 10px 0;
}
.promo-block .product-slider .bubbles {
    position: absolute;
    bottom: 30px;
    left: 40px;
    display: flex;
    z-index: 2;
}
.promo-block .product-slider .bubbles div {
    width: 10px;
    height: 10px;
    background-color: var(--grey-400);
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--grey-400);
    transition: .3s linear;
}
.promo-block .product-slider .bubbles div:hover {
    border: 1px solid var(--orange-200);
}
.promo-block .product-slider .bubbles div.selected {
    background-color: var(--orange-200);
}
.promo-block .block {
    border: 3px solid var(--orange-200);
    border-radius: 5px;
}
.promo-block .block.delivery {
    display: flex;
    align-items: center;
    padding: 40px 20px;
}
.promo-block .block.sale {
    display: grid;
    grid-template-columns: 320px auto;
    padding: 45px 20px;
}
.promo-block .block h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
}
.promo-block .block.sale h2 {
    text-align: left;
    margin-bottom: 10px;
}
.promo-block .block.sale p {
    font-size: 14px;
    line-height: 17px;
}
.promo-block .block.delivery img {
    width: 210px;
    height: 140px;
}
.promo-block .block.sale img {
    grid-area: 1/2/3/3;
}
.calculator {
    max-width: 1024px;
    margin: 0 auto;
    padding: 40px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    margin-bottom: 100px;
}
.calculator h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    text-align: center;
    margin-bottom: 10px;
}
.calculator > p {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 35px;
    text-align: center;
}
.calculator form {
    display: grid;
    grid-template-columns: 195px auto;
    gap: 50px 17%;
    margin-bottom: 30px;
    position: relative;
}
.calculator form h3 {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
}
.calculator .model {
    display: flex;
    flex-direction: column;
}
.calculator .model input {
    display: none;
}
.calculator .model label {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
    cursor: pointer;
}
.calculator .model label::before {
    font-family: 'icon';
    font-size: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    border: 1px solid var(--grey-200);
    margin-right: 10px;
    transition: .3s;
}
.calculator .model input:checked + label::before {
    border: 1px solid var(--orange-400);
}
.calculator .model label[for="straight-model"]::before {
    content: '\e006';
}
.calculator .model label[for="angle-model"]::before {
    content: '\e007';
}
.calculator .model label[for="swing-model"]::before {
    content: '\e008';
}
.calculator .model label[for="designer-model"]::before {
    content: '\e009';
}
.calculator .settings {
    display: none;
}
.calculator .settings.show {
    display: block;
}
.calculator .parameter {
    display: flex;
    margin-bottom: 30px;
}
.calculator .select-wrapper,
.calculator .input-wrapper {
    position: relative;
    margin-right: 15px;
}
.calculator .parameter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 80px;
    padding: 10px;
    color: var(--dark-blue-400);
    border: 1px solid var(--dark-blue-400);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    background-color: transparent;
    margin-bottom: 10px;
}
.calculator .select-wrapper::after {
    content: '\e005';
    font-family: 'icon';
    font-size: 12px;
    display: block;
    transition: .3s linear;
    color: var(--dark-blue-400);
    position: absolute;
    right: 10px;
    top: 14px;
    z-index: -1;
}
.calculator .select-wrapper.show::after {
    transform: rotate(180deg);
}
.calculator .parameter select optgroup {
    font-size: 14px;
    line-height: 17px;
}
.calculator .parameter span {
    display: block;
    width: 15px;
    height: 2px;
    margin-right: 15px;
    margin-top: 19px;
    background-color: var(--grey-200);
}
.calculator .parameter h4 {
    font-size: 12px;
    line-height: 15px;
}
.calculator .info {
    display: grid;
    grid-template-columns: 160px auto;
    column-gap: 23%;
}
.calculator .doors.select-wrapper {
    width: 80px;
}
.calculator select.door {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 80px;
    padding: 10px;
    padding-left: 30px;
    color: var(--dark-blue-400);
    border: 1px solid var(--dark-blue-400);
    font-weight: 500;
    font-size: 16px;
    line-height: 18px;
    background-color: transparent;
    margin-bottom: 10px;
}
.calculator input.door,
.calculator input.depht,
.calculator input.height {
    width: 85px;
    font-weight: 500;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    padding: 10px;
    color: var(--grey-200);
    border: 1px solid var(--grey-200);
    text-align: center;
}
.calculator .door button {
    width: 25px;
    font-size: 16px;
    line-height: 20px;
    padding: 10px 0;
    background-color: var(--white);
    border: 1px solid var(--grey-200);
    cursor: pointer;
}
.calculator .options {
    display: flex;
    flex-direction: column;
}
.calculator .options input {
    display: none;
}
.calculator .options label {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
}
.calculator .options label:not(:last-child) {
    margin-bottom: 10px;
}
.calculator .options label::before {
    content: '';
    width: 25px;
    min-width: 25px;
    border-radius: 28px;
    height: 12px;
    border: 1px solid var(--dark-blue-400);
    margin-right: 8px;
    transition: 0.2s;
    background: var(--white);
}
.calculator .options label::after {
    content: '';
    width: 8px;
    min-width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--dark-blue-400);
    position: absolute;
    left: 4px;
    top: 5px;
    transition: 0.2s;
    transform: translateX(0);
}
.calculator .options input:checked + label::before {
    background-color: var(--dark-blue-400);
}
.calculator .options input:checked + label::after {
    background: var(--white);
    transform: translateX(11px);
}
.calculator form > .btn {
    width: 270px;
    padding: 11px 0;
}
.calculator form .price {
    font-weight: 500;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    position: relative;
    max-width: 480px;
}
.calculator form .price .info {
    display: flex;
    justify-content: center;
    position: absolute;
    top: -10px;
    left: calc(100% + 10px);
    align-items: center;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #818181;
    border: 1px solid var(--grey-200);
}
.calculator form .price .total {
    font-weight: 800;
    font-size: 30px;
    line-height: 30px;
    margin-left: 20px;
}
.calculator form .price .info:hover + .description {
    display: block;
    opacity: 1;
}
.calculator .description {
    position: absolute;
    font-size: 12px;
    line-height: 15px;
    padding: 10px;
    top: 10px;
    max-width: 450px;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 1px 2px 9px rgba(146, 146, 146, 0.25);
    z-index: 1;
    display: none;
    opacity: 0;
    transition: .3s linear;
}
.calculator .select-wrapper.material {
    width: 160px;
    display: flex;
    align-items: center;
}
.calculator .select-wrapper.material select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-bottom: 1px solid var(--dark-blue-400);
    width: 100%;
    background-color: transparent;
    padding: 5px 0;
    font-size: 14px;
    line-height: 17px;
    cursor: pointer;
    padding-right: 35px;
}
.calculator .select-wrapper.material::after {
    top: 7px;
}
.consultate {
    background: url(/resource/themes/narnija/assets/images/consultate-section.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 60px 0;
    margin-bottom: 120px;
    position: relative;
}
.consultate::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(223, 29%, 19%, 0.8);
}
.consultate .wrapper {
    display: grid;
    grid-template-columns: 53% 28%;
    column-gap: 8%;
    position: relative;
}
.consultate .info {
    padding: 18px 0;
}
.consultate .info h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    color: var(--white);
    text-transform: uppercase;
    margin-bottom: 30px;
}
.consultate .info ul {
    margin-left: 20px;
}
.consultate .info li {
    color: var(--white);
    font-weight: 500;
    line-height: 20px;
}
.consultate .info li:not(:last-child) {
    margin-bottom: 20px;
}
.consultate form {
    background-color: var(--white);
    border-radius: 5px;
    padding: 45px;
}
.consultate form h2 {
    font-weight: 700;
    line-height: 20px;
    text-align: center;
    margin-bottom: 40px;
}
.consultate form input {
    width: 100%;
    border: none;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--grey-200);
    margin-bottom: 20px;
}
.consultate form input,
.consultate form input::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 17px;
}
.consultate form input[type='tel'] {
    margin-bottom: 25px;
}
.consultate form h3 {
    font-size: 12px;
    line-height: 15px;
    color: var(--grey-300);
    margin-bottom: 10px;
}
.consultate form .btn {
    width: 100%;
    padding: 10px 0;
}
section.catalog {
    margin-bottom: 130px;
}
section.catalog h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 56px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.catalog p {
    line-height: 20px;
    margin-bottom: 50px;
    max-width: 995px;
}
section.catalog h3 {
    font-weight: 700;
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 20px;
}
section.catalog .product-slider {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.catalog .product-slider:not(:last-child) {
    margin-bottom: 50px;
}
section.catalog .product-slider.corner-cupboard .items,
section.catalog .product-slider.designer-cupboard .items {
    max-width: 75%;
}
section.catalog .items {
    display: flex;
    gap: 20px;
    max-width: 87%;
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    scrollbar-width: none;
}
section.catalog .items::-webkit-scrollbar {
    width: 0;
}
section.catalog .slide .head {
    position: relative;
    margin-bottom: 10px;
}
section.catalog .slide .head .btn {
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
    font-weight: 600;
    line-height: 20px;
    height: 0px;
    overflow: hidden;
    border: none;
    transition: .3s linear;
    width: calc(100% - 20px);
}
section.catalog .slide .head:hover .btn {
    height: 40px;
}
section.catalog .slide .bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
section.catalog .slide h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
}
section.catalog .slide span.price {
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: var(--orange-400);
    min-width: 120px;
}
section.catalog .arrows {
    width: 130px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
}
section.catalog .product-slider.corner-cupboard .arrows,
section.catalog .product-slider.designer-cupboard .arrows {
    width: 230px;
}
section.catalog .arrow-l::after,
section.catalog .arrow-r::after {
    content: '\e010';
    font-family: icon;
    font-size: 17px;
    display: block;
    transform: rotate(90deg);
    color: var(--grey-200);
    transition: .3s;
}
section.catalog .product-slider.corner-cupboard .arrow-r,
section.catalog .product-slider.designer-cupboard .arrow-r {
    width: 160px;
    height: 160px;
}
section.catalog .arrow-r {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 73px;
    height: 73px;
    border: 1px solid var(--grey-200);
    border-radius: 50%;
    transform: rotate(180deg);
    cursor: pointer;
    transition: .3s;
}
section.catalog .arrow-r:hover {
    border: 1px solid var(--orange-400);
}
section.catalog .arrow-l:hover::after,
section.catalog .arrow-r:hover::after {
    color: var(--orange-400);
}
section.catalog .arrow-l {
    cursor: pointer;
}
.installment {
    display: flex;
    margin-bottom: 120px;
    background: url(/resource/themes/narnija/assets/images/installment-bg.webp);
    background-position-x: right;
    background-size: cover;
    overflow: hidden;
}
.installment .left {
    padding: 70px 0;
    padding-left: calc((100% - 1280px) / 2);
    background: hsla(200, 39%, 15%, 1);
    width: 53%;
    min-width: 578px;
    position: relative;
}
.installment .left::after {
    content: '';
    display: block;
    width: 230px;
    height: 230px;
    transform: rotate(45deg);
    background: hsla(200, 39%, 15%, 1);
    position: absolute;
    right: -115px;
    top: -115px;
}
.installment .left::before {
    content: '';
    display: block;
    width: 230px;
    height: 230px;
    transform: rotate(45deg);
    background: hsla(200, 39%, 15%, 1);
    position: absolute;
    right: -115px;
    bottom: -115px;
}
.installment h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    text-transform: uppercase;
    color: var(--white);
    max-width: 525px;
    margin-bottom: 15px;
}
.installment p {
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
    color: var(--white);
    max-width: 490px;
}
.installment .btn {
    width: 285px;
    padding: 10px 0;
}
.application-processing {
    max-width: 1024px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 70px 100px 105px;
    margin-bottom: 120px;
    height: 542px;
}
.application-processing h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 40px;
}
.application-processing .head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 60px;
}
.application-processing .head p {
    font-weight: 600;
    font-size: 24px;
    line-height: 26px;
    width: 60px;
    height: 60px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.application-processing .head p.select {
    background-color: var(--orange-300);
    color: var(--white);
}
.application-processing .head span::after {
    content: '';
    display: block;
    width: 100px;
    height: 1px;
    background-color: var(--grey-100);
}
.application-processing .item {
    display: grid;
    grid-template-columns: 175px auto;
    column-gap: 70px;
    align-items: center;
}
.application-processing .item span {
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: var(--orange-400);
    display: block;
    margin-bottom: 15px;
}
.application-processing .item h3 {
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 20px;
}
.application-processing .item p {
    font-size: 16px;
    line-height: 20px;
}
.application-processing .item.show {
    display: grid;
}
.application-processing .item {
    display: none;
}
.application-processing .next,
.application-processing .prev {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: var(--orange-400);
    display: none;
    text-align: right;
}
.application-processing .next {
    margin-bottom: 10px;
}
section.gallery {
    margin-bottom: 120px;
}
section.gallery h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
section.gallery .items {
    display: grid;
    grid-template-columns: repeat(4, 305px);
    grid-template-rows: repeat(356, 5px);
    column-gap: 20px;
}
section.gallery .items img:first-child {
    grid-area: 1/1/106/3;
}
section.gallery .items img:nth-child(2) {
    grid-area: 1/3/68/4;
}
section.gallery .items img:nth-child(3) {
    grid-area: 1/4/68/5;
}
section.gallery .items img:nth-child(4) {
    grid-area: 110/1/179/2;
}
section.gallery .items img:nth-child(5) {
    grid-area: 110/2/179/3;
}
section.gallery .items img:nth-child(6) {
    grid-area: 72/3/179/5;
}
section.gallery .items img:nth-child(7) {
    grid-area: 183/1/289/3;
}
section.gallery .items img:nth-child(8) {
    grid-area: 183/3/251/4;
}
section.gallery .items img:nth-child(9) {
    grid-area: 183/4/251/5;
}
section.gallery .items img:nth-child(10) {
    grid-area: 293/1/361/2;
}
section.gallery .items img:nth-child(11) {
    grid-area: 293/2/361/3;
}
section.gallery .items img:nth-child(12) {
    grid-area: 254/3/361/5;
}
section.gallery .items img {
    width: 100%;
    height: 100%;
}
section.gallery > span {
    display: none;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    color: var(--orange-400);
}
section.gallery > span::after {
    content: '\e005';
    font-family: 'icon';
    font-size: 10px;
    line-height: 12px;
    margin-left: 15px;
    display: block;
}
section.gallery .items.show + span::after {
    transform: rotate(180deg);
}
section.cost {
    background: linear-gradient(0deg, rgba(12, 17, 34, 0.5), rgba(12, 17, 34, 0.5)), url(/resource/themes/narnija/assets/images/cost-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 85px 0;
    margin-bottom: 120px;
    position: relative;
}
section.cost h2 {
    color: var(--white);
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.cost p {
    color: var(--white);
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 20px;
    max-width: 550px;
}
section.cost .btn {
    width: 285px;
    padding: 8px 0;
}
section.advantage {
    margin-bottom: 260px;
}
section.advantage h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.advantage > p {
    font-size: 18px;
    line-height: 22px;
    max-width: 1110px;
    margin-bottom: 60px;
}
section.advantage .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px 90px;
}
section.advantage .item {
    display: flex;
    column-gap: 30px;
}
section.advantage .item img {
    width: 100px;
    height: 100px;
}
section.advantage .item h3 {
    font-weight: 600;
    line-height: 18px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.advantage .item p {
    line-height: 20px;
}
section.call-measurer {
    background-color: hsl(216, 17%, 94%);
    padding: 60px 0;
    /* margin-bottom: 120px; */
    position: relative;
}
section.call-measurer .wrapper {
    display: flex;
    justify-content: space-between;
}
section.call-measurer .img {
    min-width: 463px;
}
section.call-measurer img {
    position: absolute;
    bottom: 0;
}
section.call-measurer .info {
    max-width: 637px;
}
section.call-measurer .info h2 {
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
section.call-measurer .info p {
    line-height: 20px;
    margin-bottom: 20px;
    max-width: 530px;
}
section.call-measurer .info form {
    display: flex;
}
section.call-measurer .info input {
    border: none;
    border-radius: 5px;
    height: 45px;
    padding: 0 15px;
    margin-right: 10px;
    width: 100%;
    max-width: 400px;
    font-size: 14px;
    line-height: 17px;
}
section.call-measurer .info input::placeholder {
    font-size: 14px;
    line-height: 17px;
    color: var(--grey-200);
}
section.call-measurer .info .btn {
    width: 225px;
}
section.about {
    background-repeat: no-repeat;
    background-size: cover;
}
section.about .wrapper {
    max-width: 825px;
    background-color: var(--white);
    margin: 0;
    margin-left: calc((100% - 1280px) / 2);
    padding: 80px 60px;
    margin-bottom: 100px;
    opacity: 0.7;
}
section.about h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 55px;
    margin-bottom: 15px;
}
section.about p {
    line-height: 24px;
}
section.numbers {
    margin-bottom: 120px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}
section.numbers .item:not(:first-child) {
    border-left: 1px solid var(--grey-200);
}
section.numbers .item {
    padding: 15px 0 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
section.numbers .item h2 {
    font-weight: 700;
    font-size: 34px;
    line-height: 38px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
section.numbers .item:first-child h2 {
    color: var(--orange-400);
}
section.numbers .item p {
    max-width: 317px;
    line-height: 20px;
    text-align: center;
}
section.numbers .item:nth-child(2) p {
    max-width: 230px;
}
section.team {
    background-color: hsl(216, 17%, 94%);
    padding: 90px 0 75px;
    margin-bottom: 120px;
}
section.team .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
section.team h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 55px;
    text-transform: uppercase;
}
section.team .items {
    margin-left: calc((100% - 1280px) / 2);
    display: flex;
    column-gap: 20px;
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    scrollbar-width: none;
}
section.team .items::-webkit-scrollbar {
    width: 0;
}
section.team .arrows {
    display: flex;
}
section.team .arrows div {
    border: 1px solid var(--grey-200);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: .3s linear;
}
section.team .arrows div:hover {
    border: 1px solid var(--orange-200);
}
section.team .arrows div::after {
    content: '\e010';
    font-family: 'icon';
    font-size: 16px;
    color: var(--grey-200);
    display: flex;
    transform: rotate(90deg);
    transition: .3s linear;
}
section.team .arrows div:hover::after {
    color: var(--orange-200);
}
section.team .arrow-r {
    margin-left: 20px;
    transform: rotate(180deg);
}
section.team .slide {
    display: flex;
    flex-direction: column;
}
section.team .slide .img {
    width: 305px;
    height: 345px;
    background-color: var(--orange-400);
    margin-bottom: 10px;
}
section.team .slide img {
    width: 100%;
    height: 100%;
}
section.team .slide h3 {
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 10px;
}
section.team .slide .job {
    display: block;
    font-weight: 500;
    line-height: 24px;
    color: var(--brown);
    margin-bottom: 10px;
}
section.team .slide .experience {
    font-size: 14px;
    line-height: 21px;
    color: var(--brown);
}
section.reviews {
    max-width: 1024px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    padding: 80px 50px;
    margin-bottom: 120px;
}
section.reviews h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 55px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 55px;
}
section.reviews .product-slider {
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}
section.reviews .arrow-l,
section.reviews .arrow-r {
    border: 1px solid hsla(216, 5%, 92%, 1);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s linear;
    margin-top: 5px;
}
section.reviews .arrow-r {
    transform: rotate(180deg);
}
section.reviews .arrow-l:hover,
section.reviews .arrow-r:hover {
    border: 1px solid var(--orange-200);
    background-color: var(--orange-200);
}
section.reviews .arrow-l::after,
section.reviews .arrow-r::after {
    content: '\e010';
    font-family: 'icon';
    font-size: 16px;
    color: var(--grey-200);
    display: flex;
    transform: rotate(90deg);
    transition: .3s linear;
}
section.reviews .arrow-l:hover::after,
section.reviews .arrow-r:hover::after {
    color: var(--white);
}
section.reviews .items {
    max-width: 615px;
    display: flex;
    align-items: center;
    /* column-gap: 20px; */
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    scrollbar-width: none;
}
section.reviews .items::-webkit-scrollbar {
    width: 0;
}
section.reviews .slide {
    min-width: 100%;
}
section.reviews .slide h3 {
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 25px;
    text-align: center;
}
section.reviews .slide p {
    line-height: 20px;
    text-align: center;
    margin-bottom: 40px;
}
section.reviews .slide span {
    display: block;
    text-align: center;
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: var(--orange-400);
}
section.discount {
    background-image: url(/resource/themes/narnija/assets/images/discount-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 90px 0 97px;
    margin-bottom: 120px;
}
section.discount .wrapper {
    display: flex;
    justify-content: space-between;
}
section.discount h2 {
    width: 700px;
    font-weight: 800;
    font-size: 30px;
    line-height: 33px;
    text-transform: uppercase;
    color: var(--white);
}
section.discount h2 span {
    font-weight: 700;
    font-size: 32px;
    line-height: 39px;
    color: var(--orange-400);
}
section.discount .wrapper div {
    display: flex;
    flex-direction: column;
    max-width: 610px;
}
section.discount h3 {
    font-weight: 500;
    line-height: 20px;
    color: var(--white);
    margin-bottom: 15px;
}
section.discount form {
    display: flex;
    margin-bottom: 10px;
}
section.discount input {
    border: none;
    border-radius: 5px;
    padding: 0 15px;
    height: 45px;
    font-size: 14px;
    line-height: 17px;
    width: 100%;
    margin-right: 15px;
}
section.discount input::placeholder {
    font-size: 14px;
    line-height: 17px;
    color: var(--grey-200);
}
section.discount .btn {
    width: 200px;
}
section.discount p {
    font-size: 12px;
    line-height: 15px;
    color: var(--white);
}
section.discount p span,
section.discount p a {
    font-size: 12px;
    line-height: 15px;
    color: var(--orange-400);
}
section.discount p a {
    text-decoration: underline;
}
section.certificates {
    margin-left: calc((100% - 1280px) / 2);
    margin-bottom: 100px;
}
section.certificates h2 {
    font-weight: 800;
    font-size: 50px;
    line-height: 55px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
section.certificates .items {
    display: flex;
    align-items: center;
    column-gap: 50px;
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    margin-bottom: 25px;
    scrollbar-width: none;
}
.partners .items::-webkit-scrollbar,
section.certificates .items::-webkit-scrollbar {
    width: 0;
}
section.certificates .items .slide img {
    width: 210px;
    height: 293px;
}
section.certificates .bubbles {
    display: flex;
    column-gap: 20px;
    justify-content: center;
    margin: 0;
    cursor: pointer;
}
section.certificates .bubbles div {
    width: 8px;
    height: 8px;
    background-color: hsla(216, 5%, 92%, 1);
    border-radius: 50%;
}
section.certificates .bubbles .selected {
    background-color: var(--orange-400);
}
.partners {
    padding: 100px 0px;
    border-top: 1px solid hsla(216, 5%, 92%, 1);
}
.partners .items {
    display: flex;
    align-items: center;
    column-gap: 80px;
    position: relative;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overflow-x: scroll;
    scrollbar-width: none;
    margin-left: calc((100% - 1280px) / 2);
}
@media screen and (max-width: 1330px) {
    .promo-block {
        grid-template-columns: calc(50% - 15px) calc(50% - 15px);
        grid-template-rows: auto;
        justify-content: center;
    }
    .promo-block .product-slider {
        grid-area: 1/1/2/3;
        max-width: 793px;
        justify-self: center;
    }
    .consultate .wrapper {
        grid-template-columns: auto 360px;
    }
    .application-processing {
        width: calc(100% - 30px);
    }
    section.gallery .items {
        grid-template-columns: repeat(4, 122px);
        grid-template-rows: repeat(356, 2px);
        justify-content: center;
    }
    section.about .wrapper {
        margin: 0 15px 100px;
    }
    section.team .items {
        margin-left: 15px;
    }
    section.certificates {
        margin-left: 15px;
    }
    .partners .items {
        margin-left: 15px;
    }
}
@media screen and (max-width: 1056px) {
    main {
        margin-top: 75px;
    }
    .promo-block {
        display: flex;
        justify-content: center;
        flex-direction: column;
        row-gap: 5px;
        align-items: center;
    }
    .promo-block .product-slider {
        width: 100%;
        max-width: 793px;
    }
    .promo-block .product-slider .slide {
        min-width: 100%;
    }
    .promo-block .block {
        max-width: 793px;
        width: 100%;
    }
    .promo-block .block.sale {
        justify-content: space-between;
    }
    .calculator form {
        display: flex;
        flex-direction: column;
    }
    .calculator .model {
        display: block;
    }
    .calculator .model label {
        display: inline-flex;
    }
    .calculator .model label[for="straight-model"] {
        margin-right: 50px;
    }
    .calculator form .price .info:hover + .description {
        display: none;
        opacity: 0;
    }
    .calculator form .price .info.show + .description {
        display: block;
        opacity: 1;
    }
    .calculator .description {
        top: 0;
    }
    .consultate .wrapper {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }
    .consultate .info {
        padding: 0;
    }
    .consultate form {
        max-width: 480px;
        align-self: center;
    }
    section.catalog h3 {
        text-align: center;
    }
    section.catalog .items,
    section.catalog .product-slider.corner-cupboard .items,
    section.catalog .product-slider.designer-cupboard .items {
        max-width: 100%;
        width: 100%;
        display: grid;
        grid-template-columns: 265px 265px;
        justify-content: center;
        gap: 15px;
    }
    section.catalog .product-slider.straight-cupboard .slide:first-child,
    section.catalog .product-slider.swing-cupboard .slide:first-child {
        grid-area: 1/1/2/3;
    }
    section.catalog .product-slider.straight-cupboard .slide:first-child img,
    section.catalog .product-slider.swing-cupboard .slide:first-child img {
        width: 100%;
    }
    section.catalog .slide .head .btn {
        height: 40px;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
    }
    section.catalog .slide .bottom {
        flex-direction: column;
        align-items: start;
    }
    section.catalog .items .head img {
        width: 265px;
        height: 318px;
    }
    section.catalog .arrows {
        display: none;
    }
    .application-processing {
        padding: 40px 15px 45px;
        height: 450px;
    }
    .application-processing .head {
        max-width: 580px;
    }
    .application-processing .head p {
        width: 40px;
        height: 40px;
    }
    .application-processing .head span::after {
        width: 60px;
    }
    .application-processing .item {
        column-gap: 30px;
    }
    section.advantage {
        margin-bottom: 60px;
    }
    section.advantage .items {
        grid-template-columns: 1fr;
        gap: 25px 0;
    }
    section.advantage .item:nth-child(2n) {
        flex-direction: row-reverse;
        justify-self: end;
        text-align: right;
    }
    section.advantage .item {
        max-width: 550px;
    }
    section.call-measurer {
        background-color: var(--white);
        padding: 0;
    }
    section.call-measurer .wrapper {
        padding: 0;
        flex-direction: column;
        align-items: center;
    }
    section.call-measurer .img {
        display: flex;
    }
    section.call-measurer img {
        position: static;
    }
    section.call-measurer .info {
        width: 100%;
        max-width: 100%;
        padding: 40px 15px;
        background-color: hsl(216, 17%, 94%);
        text-align: center;
    }
    section.call-measurer .info h2 {
        font-size: 20px;
        line-height: 24px;
    }
    section.call-measurer .info p {
        margin: 0 auto 20px;
    }
    section.call-measurer .info form {
        justify-content: center;
    }
    section.about {
        margin-bottom: 60px;
        background: var(--white);
    }
    section.about .wrapper {
        padding: 0 15px;
        margin: 0;
        opacity: 1;
    }
    section.numbers {
        grid-template-columns: 1fr;
        row-gap: 30px;
        justify-content: center;
    }
    section.numbers .item:not(:first-child) {
        border-left: none;
    }
    section.numbers .item:not(:first-child)::before {
        content: '';
        width: 160px;
        height: 1px;
        background-color: var(--grey-200);
        margin: 0 auto 30px;
    }
    section.numbers .item {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    section.reviews {
        width: calc(100% - 30px);
    }
    section.reviews h2 {
        font-size: 30px;
        line-height: 33px;
        margin-bottom: 40px;
    }
    section.reviews .product-slider {
        display: grid;
        gap: 35px 15px;
        grid-template-columns: 1fr 1fr;
    }
    section.reviews .items {
        margin: 0 auto;
        grid-area: 1/1/2/3;
        max-width: 100%;
    }
    section.reviews .arrow-l {
        grid-area: 2/1/3/2;
        margin-top: 0;
        justify-self: end;
    }
    section.reviews .arrow-r {
        grid-area: 2/2/3/3;
        margin-top: 0;
    }
    section.discount .wrapper {
        flex-direction: column;
        align-items: center;
    }
    section.discount {
        padding: 50px 15px 60px;
    }
    section.discount h2 {
        text-align: center;
        margin-bottom: 25px;
        width: auto;
    }
    section.certificates .items {
        column-gap: 30px;
    }
}
@media screen and (max-width: 578px) {
    section.certificates .items {
        column-gap: 20px;
    }
    .promo-block {
        margin-bottom: 60px;
    }
    .promo-block .product-slider {
        margin-bottom: 5px;
    }
    .promo-block .product-slider .slide {
        min-height: 480px;
        max-height: 480px;
        padding: 80px 15px 25px;
        /* scroll-snap-align: start; */
    }
    .promo-block .product-slider .bubbles div {
        width: 12px;
        height: 12px;
    }
    .promo-block .product-slider .item img {
        height: 100%;
        width: 100%;
        bottom: initial;
    }
    .promo-block .product-slider .item h2 {
        font-size: 30px;
        line-height: 33px;
        font-weight: 800;
        margin-bottom: 15px;
    }
    .promo-block .product-slider .item p {
        font-size: 14px;
        line-height: 17px;
    }
    .promo-block .product-slider .item button {
        width: 255px;
    }
    .promo-block .block.delivery {
        align-items: flex-start;
        flex-direction: column;
        row-gap: 5px;
        padding: 25px 40px 25px 20px;
    }
    .promo-block .block.sale {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 20px 30px 20px 20px;
    }
    .promo-block .block.sale img {
        position: absolute;
        width: 70px;
        height: 70px;
        top: 15px;
        right: 10px;
    }
    .promo-block .block.delivery img {
        width: 110px;
        height: 75px;
    }
    .promo-block .block.sale h2 {
        width: calc(100% - 50px);
        margin-bottom: 5px;
    }
    .promo-block .block h2 {
        text-align: left;
        font-size: 16px;
    }
    .promo-block .block.sale p {
        max-width: 310px;
    }
    .calculator {
        box-shadow: 0px 0px 3px 4px rgba(163, 163, 163, 0.25);
        padding: 40px 20px;
    }
    .calculator h2 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .calculator form {
        row-gap: 30px;
    }
    .calculator .model {
        display: flex;
        row-gap: 15px;
    }
    .calculator form h3 {
        margin-bottom: 0;
    }
    .calculator .model label {
        margin-bottom: 0;
    }
    .calculator .parameter {
        max-width: 350px;
        justify-content: space-between;
    }
    .calculator .select-wrapper,
    .calculator .input-wrapper {
        margin-right: 0;
        width: 80px;
    }
    .calculator .options {
        margin-bottom: 20px;
    }
    .calculator input.door,
    .calculator input.depht,
    .calculator input.height {
        width: 80px;
    }
    .calculator .parameter span {
        margin-right: 0;
    }
    .calculator .select-wrapper::after {
        font-size: 9px;
        right: 16px;
        top: 17px;
    }
    .calculator .parameter select {
        width: 70px;
    }
    .calculator form .settings h3 {
        margin-bottom: 15px;
    }
    .calculator .info {
        display: flex;
        flex-direction: column;
        row-gap: 30px;
    }
    .calculator form > .btn {
        width: 290px;
    }
    .calculator form .price {
        line-height: 20px;
        flex-wrap: wrap;
        column-gap: 20px;
    }
    .calculator form .price .total {
        margin-left: 0;
        margin-top: 10px;
    }
    .calculator form .price .info {
        position: static;
        align-self: flex-start;
        margin-top: 5px;
    }
    .calculator .description {
        max-width: 175px;
        top: -120px;
    }
    .consultate {
        padding: 40px 0;
        margin-bottom: 60px;
    }
    .consultate .info h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    .consultate .info li:not(:last-child) {
        margin-bottom: 25px;
    }
    .consultate .info li {
        font-size: 14px;
        line-height: 17px;
    }
    .consultate form {
        padding: 35px 20px;
    }
    .consultate form h2 {
        margin-bottom: 30px;
    }
    section.catalog h2 {
        font-size: 30px;
        line-height: 33px;
    }
    section.catalog p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 30px;
    }
    section.catalog h3 {
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    section.catalog .product-slider:not(:last-child) {
        margin-bottom: 35px;
    }
    section.catalog .items,
    section.catalog .product-slider.corner-cupboard .items,
    section.catalog .product-slider.designer-cupboard .items {
        grid-template-columns: 1fr 1fr;
        justify-content: start;
        overflow: hidden;
    }
    section.catalog .slide .head {
        margin-bottom: 5px;
    }
    section.catalog .items .head img {
        width: 100%;
        height: 165px;
    }
    section.catalog .slide .head .btn {
        height: 35px;
        font-weight: 500;
        font-size: 12px;
        line-height: 15px;
    }
    section.catalog .slide h4 {
        font-size: 12px;
        line-height: 15px;
        font-weight: 500;
        margin-bottom: 5px;
    }
    section.catalog .slide span.price {
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
    }
    .installment .left {
        width: 100%;
        min-width: 0;
        padding: 50px 0;
    }
    .installment .left::before,
    .installment .left::after {
        display: none;
    }
    .installment h2 {
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 10px;
    }
    .installment p {
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 15px;
    }
    .installment .btn {
        width: 290px;
    }
    .application-processing {
        height: 455px;
    }
    .application-processing .head {
        display: none;
    }
    .application-processing h2 {
        text-align: center;
        font-size: 20px;
        line-height: 22px;
        margin-bottom: 25px;
    }
    .application-processing .items {
        margin-bottom: 40px;
    }
    .application-processing .item {
        grid-template-columns: auto 80px;
        grid-template-rows: 32.5px 32.5px auto;
        row-gap: 15px;
    }
    .application-processing .item img {
        grid-area: 1/2/3/3;
        width: 80px;
        height: 80px;
    }
    .application-processing .item span {
        grid-area: 1/1/2/2;
        margin-bottom: 0;
    }
    .application-processing .item h3 {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 0;
    }
    .application-processing .item p {
        grid-area: 3/1/4/3;
        font-size: 14px;
        line-height: 17px;
    }
    .application-processing .info {
        display: contents;
    }
    .application-processing .next {
        display: block;
    }
    section.gallery {
        margin-bottom: 60px;
    }
    section.gallery h2 {
        font-size: 30px;
        line-height: 33px;
        text-align: center;
        margin-bottom: 15px;
    }
    section.gallery .items {
        max-height: 750px;
        overflow: hidden;
        gap: 0;
        grid-template-columns: repeat(58, 5px);
        grid-template-rows: repeat(313, 5px);
        margin-bottom: 15px;
        transition: .4s linear;
    }
    section.gallery .items.show {
        max-height: 1750px;
    }
    section.gallery .items img:first-child {
        grid-area: 1/1/39/59;
    }
    section.gallery .items img:nth-child(2) {
        grid-area: 42/1/75/28;
    }
    section.gallery .items img:nth-child(3) {
        grid-area: 42/32/75/59;
    }
    section.gallery .items img:nth-child(4) {
        grid-area: 78/1/117/59;
    }
    section.gallery .items img:nth-child(5) {
        grid-area: 120/1/153/28;
    }
    section.gallery .items img:nth-child(6) {
        grid-area: 120/32/153/59;
    }
    section.gallery .items img:nth-child(7) {
        grid-area: 156/1/194/59;
    }
    section.gallery .items img:nth-child(8) {
        grid-area: 197/1/236/28;
    }
    section.gallery .items img:nth-child(9) {
        grid-area: 197/32/236/59;
    }
    section.gallery .items img:nth-child(10) {
        grid-area: 239/1/277/59;
    }
    section.gallery .items img:nth-child(11) {
        grid-area: 280/1/313/28;
    }
    section.gallery .items img:nth-child(12) {
        grid-area: 280/32/313/59;
    }
    section.gallery > span {
        display: flex;
        justify-content: center;
    }
    section.cost {
        padding: 50px 0;
        background: linear-gradient(0deg, rgba(12, 17, 34, 0.5), rgba(12, 17, 34, 0.5)), url(/resource/themes/narnija/assets/images/cost-bg.webp);
    }
    section.cost h2 {
        font-size: 20px;
        line-height: 22px;
    }
    section.cost p {
        font-size: 14px;
        line-height: 17px;
        font-weight: 400;
    }
    section.cost .btn {
        width: 290px;
        padding: 10px 0;
    }
    section.advantage h2 {
        font-size: 30px;
        line-height: 33px;
    }
    section.advantage > p {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 20px;
    }
    section.advantage .item:nth-child(2n) {
        flex-direction: column;
        justify-self: start;
        text-align: left;
    }
    section.advantage .item {
        flex-direction: column;
        row-gap: 15px;
    }
    section.advantage .item img {
        width: 50px;
        height: 50px;
    }
    section.advantage .item h3 {
        margin-bottom: 10px;
    }
    section.advantage .item p {
        font-size: 14px;
        line-height: 17px;
    }
    section.call-measurer {
        margin-bottom: 60px;
    }
    section.call-measurer .img {
        min-width: 0;
        width: 200px;
    }
    section.call-measurer img {
        width: 200px;
        height: 210px;
    }
    section.call-measurer .info h2 {
        font-size: 16px;
        line-height: 18px;
        text-align: left;
        margin-bottom: 15px;
    }
    section.call-measurer .info p {
        font-size: 14px;
        line-height: 17px;
        text-align: left;
        margin: 0;
        margin-bottom: 20px;
    }
    section.call-measurer .info form {
        flex-direction: column;
        row-gap: 15px;
    }
    section.call-measurer .info input {
        width: 100%;
        max-width: 100%;
    }
    section.call-measurer .info .btn {
        width: 290px;
        padding: 10px 0;
    }
    section.about h2 {
        font-size: 30px;
        line-height: 33px;
        text-transform: uppercase;
    }
    section.about p {
        font-size: 14px;
        line-height: 19px;
    }
    section.numbers {
        margin-bottom: 60px;
    }
    section.numbers .item p {
        font-size: 14px;
        line-height: 17px;
    }
    section.team {
        padding: 40px 0;
    }
    section.team .head {
        margin-bottom: 15px;
    }
    section.team .items {
        margin-left: 0;
        padding-left: 15px;
        column-gap: 15px;
        padding-right: 15px;
    }
    section.team .slide .img {
        width: 190px;
        height: 215px;
    }
    section.team .slide h3 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 5px;
    }
    section.team .slide .job {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 5px;
    }
    section.team h2 {
        font-size: 30px;
        line-height: 33px;
    }
    section.team .arrows {
        display: none;
    }
    section.reviews {
        padding: 50px 15px;
        margin-bottom: 60px;
    }
    section.reviews h2 {
        text-align: center;
    }
    section.reviews .slide h3 {
        margin-bottom: 15px;
    }
    section.reviews .slide p {
        margin-bottom: 25px;
    }
    section.reviews .arrow-l,
    section.reviews .arrow-r {
        width: 35px;
        height: 35px;
    }
    section.reviews .arrow-l::after,
    section.reviews .arrow-r::after {
        font-size: 10px;
    }
    section.discount {
        margin-bottom: 60px;
    }
    section.discount h2 span {
        font-size: 20px;
        font-weight: 700;
        line-height: 22px;
    }
    section.discount br {
        display: none;
    }
    section.discount h2 {
        display: flex;
        font-size: 20px;
        line-height: 22px;
        flex-direction: column;
        row-gap: 10px;
        position: relative;
        margin-bottom: 25px;
    }
    section.discount h2::after {
        content: '';
        display: block;
        width: 250px;
        height: 1px;
        background-color: var(--orange-400);
        margin: 15px auto 0;
    }
    section.discount h3 {
        font-size: 14px;
        line-height: 17px;
        text-align: center;
        margin-bottom: 20px;
    }
    section.discount form {
        flex-direction: column;
        align-items: center;
        row-gap: 15px;
    }
    section.discount input {
        margin-right: 0;
    }
    section.discount .btn {
        padding: 10px 0;
        width: 280px;
    }
    section.certificates h2 {
        font-size: 30px;
        line-height: 33px;
        max-width: 290px;
        margin-bottom: 15px;
        margin-left: 15px;
    }
    section.certificates .items .slide img {
        width: calc(50vw - 15px);
        /* max-width: 150px; */
        /* height: 210px; */
        height: auto;
    }
    section.certificates .bubbles {
        column-gap: 35px;
    }
    section.certificates .bubbles div {
        width: 12px;
        height: 12px;
    }
    .partners .items {
        column-gap: 70px;
    }
    .partners .items img {
        height: 40px;
    }
    section.certificates {
        margin-left: 0;
    }
}