@import url("https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

ul[class],
ol[class] {
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
}

ul[class],
ol[class] {
    list-style: none;
}

a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

img {
    max-width: 100%;
    display: block;
}

article>*+* {
    margin-top: 1em;
}

input,
button,
textarea,
select {
    font: inherit;
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

* {
    font-family: "Roboto", sans-serif;
}

body {
    background-color: black;
}

.container {
    max-width: 1380px;
    padding: 0 40px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    .container {
        padding: 0 30px;
    }
}

.btn {
    display: inline-block;
    padding: 15px 30px;
    min-width: 240px;
    text-align: center;
    background-color: #1D1CE2;
    border-radius: 24px;
    font-size: 14px;
    text-transform: uppercase;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.btn:hover {
    background-color: white;
    color: #1516FE;
}

.btn.white {
    color: #1516FE;
    background-color: white;
}

.btn.white:hover {
    background-color: black;
    color: white;
}

.title {
    font-size: 46px;
    font-family: "Exo", sans-serif;
    color: white;
    text-transform: uppercase;
    line-height: 1.2;
}

.text {
    font-size: 16px;
    color: white;
}

.first {
    padding: 350px 0 190px 0;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 768px) {
    .first {
        padding: 465px 0 20px 0;
    }
}

@media (max-width: 425px) {
    .first {
        padding: 320px 0 20px 0;
    }
}

.first__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.first__box {
    max-width: 700px;
}

@media (max-width: 768px) {
    .first__box {
        max-width: 460px;
    }
}

.first__title {
    margin-bottom: 24px;
}

.first__text {
    margin-bottom: 32px;
}

.subtitle {
    font-size: 16px;
    color: white;
    text-transform: uppercase;
}

.info {
    padding: 150px 0;
}

@media (max-width: 768px) {
    .info {
        padding: 0;
    }
}

.info__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

@media (max-width: 768px) {
    .info__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
    }
}

.info__left {
    width: 50%;
    position: relative;
}

@media (max-width: 768px) {
    .info__left {
        width: auto;
        margin: 0 -10px;
    }
}

@media (max-width: 500px) {
    .info__left {
        margin: 0 0 0 -30px;
        width: 100vw;
    }
}

.info__left img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 768px) {
    .info__left img {
        position: static;
        width: auto;
        height: auto;
    }
}

.info__right {
    width: 50%;
    padding: 124px 0;
}

@media (max-width: 768px) {
    .info__right {
        width: auto;
        padding: 89px 69px;
        background-color: black;
        margin-top: -300px;
        position: relative;
    }
}

@media (max-width: 500px) {
    .info__right {
        margin-top: 0;
        padding: 50px 0;
    }
}

.info__subtitle {
    margin-bottom: 50px;
}

.info__title {
    font-size: 40px;
    margin-bottom: 24px;
}

.custom {
    padding: 250px 0;
    background-image: url(../img/3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

@media (max-width: 1024px) {
    .custom {
        background-position: left;
    }
}

.custom__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .custom__body {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

@media (max-width: 425px) {
    .custom__body {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.custom__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
    max-width: 320px;
}

@media (max-width: 1024px) {
    .custom__box {
        max-width: 270px;
    }
}

@media (max-width: 425px) {
    .custom__box {
        gap: 15px;
    }
}

.custom__title {
    text-align: center;
}

@media (max-width: 425px) {
    .custom__title {
        background-color: #1D1CE2;
        padding: 15px 0;
        border-radius: 40px;
        width: 100vw;
    }
}

.custom__title span {
    font-family: "Exo", sans-serif;
    font-size: 28px;
    color: white;
    text-transform: uppercase;
}

@media (max-width: 425px) {
    .custom__title span {
        display: inline-block;
        max-width: 270px;
    }
}

body {
    overflow-x: hidden;
}

.quick {
    padding: 145px 0;
}

@media (max-width: 1024px) {
    .quick {
        padding: 60px 0;
    }
}

@media (max-width: 768px) {
    .quick {
        padding: 20px 0;
    }
}

.quick__subtitle {
    margin-bottom: 50px;
    text-align: center;
}

.quick__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 84px;
}

@media (max-width: 1024px) {
    .quick__items {
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .quick__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.quick .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.quick .item__img {
    margin-bottom: 40px;
}

.quick .item__title {
    margin-bottom: 25px;
    text-align: center;
}

.quick .item__text {
    text-align: center;
}

.other {
    padding: 0px 0 145px 0;
}

@media (max-width: 1024px) {
    .other {
        padding: 60px 0;
    }
}

@media (max-width: 768px) {
    .other {
        padding: 20px 0;
    }
}

.other__subtitle {
    text-align: center;
    margin-bottom: 50px;
}

@media (max-width: 1024px) {
    .other__subtitle {
        margin-bottom: 30px;
    }
}

.other__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
}

@media (max-width: 1024px) {
    .other__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 40px;
    }
}

@media (max-width: 768px) {
    .other__items {
        width: 100vw;
        margin-left: -30px;
        row-gap: 15px;
    }
}

.other .item {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.other .item:nth-child(odd) .item__left {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.other .item:nth-child(odd) .item__right {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.other .item__left {
    padding: 100px 20px;
    display: none;
}

@media (max-width: 1024px) {
    .other .item__left {
        display: block;
    }
}

@media (max-width: 768px) {
    .other .item__left {
        display: none;
    }
}

.other .item__title {
    font-size: 28px;
    margin-bottom: 24px;
    max-width: 120px;
}

.other .item__text {
    max-width: 300px;
}

.other .item__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 30px 30px 50px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 300px;
    text-decoration: none;
    position: relative;
}

@media (max-width: 1024px) {
    .other .item__right {
        gap: 0;
        width: 60%;
    }
}

@media (max-width: 1024px) {
    .other .item__right {
        gap: 150px;
    }
}

.other .item__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.other .item__cats {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.other .item__cat {
    padding: 5px 15px;
    border: 1px solid white;
    border-radius: 24px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
}

.other .item__info {
    position: relative;
}

@media (max-width: 1024px) {
    .other .item__info {
        display: none;
    }
}

@media (max-width: 768px) {
    .other .item__info {
        display: block;
    }
}

.book {
    padding: 100px 0;
    background-color: #1D1CE2;
}

@media (max-width: 768px) {
    .book {
        padding: 73px 0;
    }
}

@media (max-width: 425px) {
    .book {
        padding: 65px 0;
    }
}

.book__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 140px;
}

@media (max-width: 768px) {
    .book__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 25px;
    }
}

.book__left {
    width: 40%;
}

@media (max-width: 768px) {
    .book__left {
        width: 100%;
        text-align: center;
    }
}

.book__subtitle {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .book__subtitle {
        margin-bottom: 25px;
    }
}

.book__title {
    font-size: 40px;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .book__title {
        margin-bottom: 17px;
    }
}

.book__right {
    width: 60%;
}

@media (max-width: 768px) {
    .book__right {
        width: 100%;
    }
}

.form {
    margin-top: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
}

@media (max-width: 768px) {
    .form {
        margin-top: 0;
    }
}

.form__input input {
    padding: 15px 25px;
    border: 1px solid white;
    border-radius: 32px;
    background-color: transparent;
    outline: none;
    color: white;
    width: 100%;
}

.form__input input::-webkit-input-placeholder {
    color: white;
    font-size: 14px;
}

.form__input input::-moz-placeholder {
    color: white;
    font-size: 14px;
}

.form__input input:-ms-input-placeholder {
    color: white;
    font-size: 14px;
}

.form__input input::-ms-input-placeholder {
    color: white;
    font-size: 14px;
}

.form__input input::placeholder {
    color: white;
    font-size: 14px;
}

.form__input textarea {
    padding: 15px 25px;
    border: 1px solid white;
    border-radius: 32px;
    background-color: transparent;
    resize: none;
    outline: none;
    color: white;
    width: 100%;
}

.form__input textarea::-webkit-input-placeholder {
    color: white;
    font-size: 14px;
}

.form__input textarea::-moz-placeholder {
    color: white;
    font-size: 14px;
}

.form__input textarea:-ms-input-placeholder {
    color: white;
    font-size: 14px;
}

.form__input textarea::-ms-input-placeholder {
    color: white;
    font-size: 14px;
}

.form__input textarea::placeholder {
    color: white;
    font-size: 14px;
}

.form__input button {
    outline: none;
    border: none;
}

@media (max-width: 768px) {
    .form__input.send {
        text-align: center;
    }
}

.footer {
    padding: 95px 0 57px 0;
}

@media (max-width: 1024px) {
    .footer {
        padding: 22px 0 57px 0;
    }
}

.footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 210px;
    margin-bottom: 50px;
}

@media (max-width: 1200px) {
    .footer__top {
        gap: 100px;
    }
}

@media (max-width: 1024px) {
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 600px) {
    .footer__top {
        margin-bottom: 25px;
    }
}

.footer__left .footer__policy {
    display: none;
    margin: 30px 0 20px 0;
}

.footer__left .footer__media {
    display: none;
}

@media (max-width: 1024px) {
    .footer__left {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
    }
    .footer__left .footer__policy {
        display: block;
    }
    .footer__left .footer__media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
}

@media (max-width: 600px) {
    .footer__left .footer__media {
        display: none;
    }
}

.footer__policy {
    text-transform: uppercase;
    color: white;
    text-decoration: none;
}

.footer__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
}

.footer__right {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
}

@media (max-width: 600px) {
    .footer__right {
        text-align: center !important;
    }
}

.footer__contact {
    position: relative;
}

.footer__contact::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -12.5px;
    background-color: white;
    height: 1px;
    width: 100%;
}

.footer__contact:last-child::before {
    display: none;
}

.footer__contact:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 25px;
}

.footer__contact:first-child div:first-child {
    color: white;
}

@media (max-width: 600px) {
    .footer__contact:first-child {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .footer__contact::before {
        display: none;
    }
}

.footer__contact a {
    color: white;
    text-decoration: none;
}

.footer__google {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 5px;
}

@media (max-width: 600px) {
    .footer__google {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.footer__google a {
    text-decoration: underline;
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .footer__bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer__bottom .footer__policy {
        display: none;
    }
    .footer__bottom .footer__media {
        display: none;
    }
}

@media (max-width: 600px) {
    .footer__bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 25px;
    }
    .footer__bottom .footer__media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.footer__copy {
    color: white;
}

@media (max-width: 600px) {
    .footer__copy {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.contact {
    padding: 160px 0;
}

@media (max-width: 1024px) {
    .contact {
        padding: 160px 0 110px 0;
    }
}

@media (max-width: 768px) {
    .contact {
        padding: 120px 0 50px 0;
    }
}

.contact__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 72px;
}

@media (max-width: 1024px) {
    .contact__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 40px;
    }
}

.contact__left {
    width: 40%;
}

@media (max-width: 1024px) {
    .contact__left {
        width: 100%;
        max-width: 400px;
    }
}

.contact__title {
    margin-bottom: 24px;
}

.contact__text {
    margin-bottom: 32px;
}

.contact__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

@media (max-width: 375px) {
    .contact__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.contact__right {
    width: 60%;
}

@media (max-width: 1024px) {
    .contact__right {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .contact__right .form {
        margin-top: 0;
    }
}

.contact__right .form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}

.contact__right .form__row>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .contact__right .form__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.contact__right .form__input input,
.contact__right .form__input textarea {
    color: white;
    font-size: 16px;
    border: 1px solid #40413E;
}

.contact__right .form__input input::-webkit-input-placeholder,
.contact__right .form__input textarea::-webkit-input-placeholder {
    color: white;
    font-size: 16px;
}

.contact__right .form__input input::-moz-placeholder,
.contact__right .form__input textarea::-moz-placeholder {
    color: white;
    font-size: 16px;
}

.contact__right .form__input input:-ms-input-placeholder,
.contact__right .form__input textarea:-ms-input-placeholder {
    color: white;
    font-size: 16px;
}

.contact__right .form__input input::-ms-input-placeholder,
.contact__right .form__input textarea::-ms-input-placeholder {
    color: white;
    font-size: 16px;
}

.contact__right .form__input input::placeholder,
.contact__right .form__input textarea::placeholder {
    color: white;
    font-size: 16px;
}

.contact__right .form__policy {
    color: white;
}

.contact .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.contact .item__title {
    color: #A1A2A0;
    font-size: 14px;
}

.contact .item__link {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.advans {
    padding: 0 0 80px 0;
}

@media (max-width: 768px) {
    .advans {
        padding: 0 0 70px 0;
    }
}

.advans__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 100px;
}

@media (max-width: 1024px) {
    .advans__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .advans__items {
        gap: 20px;
    }
}

.advans .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.advans .item:hover .item__icon {
    scale: 1.1;
}

.advans .item__icon {
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.advans .item__title {
    font-size: 40px;
    text-align: center;
    max-width: 230px;
}

.team {
    padding-bottom: 70px;
}

@media (max-width: 1024px) {
    .team {
        padding-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .team {
        padding-bottom: 40px;
    }
}

.team__title {
    text-align: center;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .team__title {
        margin-bottom: 80px;
    }
}

.team__body {
    position: relative;
}

.team__arrows {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(0, calc(-100% - 40px));
    transform: translate(0, calc(-100% - 40px));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.team__arrows>* {
    cursor: pointer;
}

@media (max-width: 768px) {
    .team__arrows {
        -webkit-transform: translate(50%, calc(-100% - 20px));
        transform: translate(50%, calc(-100% - 20px));
        right: 50%;
    }
}

.team__slide img {
    aspect-ratio: 1/1;
    border-radius: 50px;
}

.reviews {
    padding-bottom: 70px;
}

@media (max-width: 1024px) {
    .reviews {
        padding-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .reviews {
        padding-bottom: 20px;
    }
}

@media (max-width: 1300px) {
    .reviews .container {
        padding: 0;
    }
}

@media (max-width: 768px) {
    .reviews .container {
        padding: 30px;
    }
}

.reviews__title {
    text-align: center;
    margin-bottom: 40px;
}

.reviews__body {
    position: relative;
}

.reviews__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 21px;
}

@media (max-width: 1300px) {
    .reviews__arrows {
        margin-top: 18px;
    }
}

.reviews__arrows .prev {
    position: absolute;
    top: 50%;
    left: -60px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
}

@media (max-width: 1300px) {
    .reviews__arrows .prev {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.reviews__arrows .next {
    position: absolute;
    top: 50%;
    right: -60px;
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    cursor: pointer;
}

@media (max-width: 1300px) {
    .reviews__arrows .next {
        position: static;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.reviews .slide {
    border: 1px solid white;
    border-radius: 40px;
    padding: 25px 15px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

@media (max-width: 1300px) {
    .reviews .slide:not(.swiper-slide-active) {
        scale: 0.8;
    }
}

@media (max-width: 768px) {
    .reviews .slide:not(.swiper-slide-active) {
        scale: 1;
    }
}

.reviews .slide__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    margin-bottom: 16px;
}

.reviews .slide__avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.reviews .slide__name {
    font-size: 24px;
    color: white;
    font-family: "Exo", sans-serif;
    margin-bottom: 5px;
    font-weight: bold;
}

.reviews .slide__stars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}

.reviews .slide__text {
    font-size: 18px;
    color: white;
}

.blog {
    background-repeat: no-repeat;
    background-position: top right;
}

.print {
    padding: 180px 0 80px 0;
}

@media (max-width: 768px) {
    .print {
        padding: 165px 0 35px 0;
    }
}

@media (max-width: 425px) {
    .print {
        padding: 110px 0 30px 0;
    }
}

.print__body {
    max-width: 800px;
}

.print__title {
    font-size: 44px;
    font-weight: 600;
    margin-bottom: 24px;
}

.cats__title {
    margin-bottom: 30px;
    color: white;
    font-size: 40px;
    font-family: "Exo", sans-serif;
}

.cats__body {
    background-color: #0F10B9;
    padding: 30px 50px;
    border: 1px solid white;
    border-radius: 4px;
}

@media (max-width: 425px) {
    .cats__body {
        padding: 30px 12px;
    }
}

.cats__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 44px;
}

.cats__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

@media (min-width: 769px) {
    .cats__links .cats__hide,
    .cats__links .cats__more {
        display: none;
    }
}

.cats__item {
    padding: 8px 4px;
    font-size: 12px;
    color: white;
    font-family: "Montserrat";
    text-decoration: none;
    border: 1px solid white;
    display: inline-block;
    border-radius: 4px;
}

.cats__btns {
    -ms-flex-item-align: end;
    align-self: flex-end;
}

@media (max-width: 768px) {
    .cats__btns {
        display: none;
    }
}

.cats__more {
    font-size: 16px;
    color: white;
    font-family: "Montserrat";
    padding: 12px 30px;
    border: 1px solid white;
    border-radius: 4px;
    cursor: pointer;
}

.cats__hide {
    font-size: 16px;
    color: white;
    font-family: "Montserrat";
    padding: 12px 30px;
    border: 1px solid white;
    border-radius: 4px;
    cursor: pointer;
}

.d-none {
    display: none !important;
}

.posts {
    padding: 80px 0;
}

@media (max-width: 768px) {
    .posts {
        padding: 30px 0;
    }
}

@media (max-width: 425px) {
    .posts {
        padding: 20px 0;
    }
}

@media (max-width: 425px) {
    .posts .container {
        padding: 0 10px;
    }
}

.posts__body {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

@media (max-width: 768px) {
    .posts__body {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

.posts__pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 80px;
}

@media (max-width: 768px) {
    .posts__pag {
        margin-top: 30px;
    }
}

@media (max-width: 425px) {
    .posts__pag {
        margin-top: 20px;
    }
}

.posts .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
}

.posts .item__img {
    height: 490px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@media (max-width: 425px) {
    .posts .item__img {
        height: 300px;
    }
}

.posts .item__date {
    font-size: 14px;
    color: #A7A6A6;
}

.posts .item__title {
    font-size: 40px;
    color: #A5A6FF;
    font-family: "Exo", sans-serif;
}

.posts .item__link {
    color: #A7A6A6;
    font-family: "Montserrat";
    font-size: 14px;
}

.pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px;
}

.pag a,
.pag span {
    font-family: "Montserrat";
    color: white;
    font-size: 24px;
    width: 45px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
}

.pag span {
    background-color: #1D1CE2;
}

.pag a {
    background-color: rgba(28, 28, 226, 0.5137254902);
    text-decoration: none;
}

.header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 22px 0;
    z-index: 1000;
}

.header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.header.home .header__body {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 95px;
}

@media (max-width: 1024px) {
    .header.home .header__body {
        gap: 20px;
    }
}

@media (max-width: 425px) {
    .header.home .header__body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

.header__logo img {
    max-width: 204px;
}

.header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 34px;
}

@media (max-width: 1024px) {
    .header__right {
        display: none;
    }
}

.header.open .header__right {
    gap: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #1516FE;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    width: 100%;
    padding: 20px 0;
}

.header.open .header__menu ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding-left: 0;
}

body.checkout-page .header__menu ul li a {
    color: black;
}

body.checkout-page .header__menu ul li a:hover {
    color: #1D1CE2;
}

.header.open .header__menu ul li a {
    color: white;
}

.header.open .header__menu ul li a:hover {
    color: black !important;
}

.header.open .header__menu ul li.current-menu-item a {
    text-decoration: underline;
}

.header__menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 34px;
    list-style: none;
}

.header__menu ul li a {
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
}

.header__menu ul li a:hover {
    color: #1D1CE2;
}

.header__menu ul li.current-menu-item a {
    text-decoration: underline;
	text-underline-offset: 3px;
}

.header__cart {
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
}

.header.open .header__cart {
    color: white;
}

.header__burger {
    display: none;
    width: 46px;
    height: 40px;
    border-radius: 10px;
    background-color: #1516FE;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
}

.header__burger span {
    width: 70%;
    height: 1px;
    background-color: white;
}

@media (max-width: 1024px) {
    .header__burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.header.open .header__burger span {
    position: relative;
}

.header.open .header__burger span:first-child {
    rotate: 45deg;
    top: 3px;
}

.header.open .header__burger span:last-child {
    rotate: -45deg;
    bottom: 3px;
}

.header.open .header__burger span:nth-child(2),
.header.open .header__burger span:nth-child(3) {
    display: none;
}

.post {
    padding: 180px 0 80px 0;
    background-repeat: no-repeat;
    background-position: top right;
}

@media (max-width: 768px) {
    .post {
        padding: 125px 0 30px 0;
    }
}

.post__top {
    background-color: white;
    border-radius: 40px 40px 0 0;
    padding: 30px 72px 72px 72px;
    max-width: 847px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .post__top {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .post__top {
        padding: 20px;
    }
}

.post__top h2 {
    margin: 10px 0;
}

.post__title {
    margin-bottom: 20px;
    font-size: 40px;
    text-align: center;
    color: #001F5B;
    font-weight: 600;
}

.post__text {
    color: black;
}

@media (max-width: 1024px) {
    .post__img {
        width: 100vw;
        position: relative;
        left: -40px;
    }
}

@media (max-width: 768px) {
    .post__img {
        left: -30px;
    }
}

.post__img img {
    border-radius: 40px;
}

@media (max-width: 1024px) {
    .post__img img {
        border-radius: 0;
        width: 100%;
    }
}

.post__bottom {
    background-color: white;
    border-radius: 0 0 40px 40px;
    padding: 72px;
    max-width: 847px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .post__bottom {
        padding: 40px;
    }
}

@media (max-width: 768px) {
    .post__bottom {
        padding: 20px;
    }
}

.post__bottom h2 {
    margin: 10px 0;
}

.all {
    padding: 185px 0 65px 0;
}

@media (max-width: 1024px) {
    .all {
        padding: 165px 0 30px 0;
    }
}

@media (max-width: 768px) {
    .all {
        padding: 135px 0 70px 0;
    }
}

.all__body {
    max-width: 488px;
}

.all__title {
    font-size: 40px;
    margin-bottom: 24px;
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-checkbox+label {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.custom-checkbox+label::before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    border: 1px solid white;
    border-radius: 0.25em;
    margin-right: 0.5em;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-checkbox:checked+label::before {
    border-color: blue;
    background-color: blue;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.prods {
    padding-bottom: 60px;
}

@media (max-width: 1024px) {
    .prods {
        padding-bottom: 40px;
    }
}

@media (max-width: 768px) {
    .prods {
        padding-bottom: 50px;
    }
}

.prods__top {
    display: none;
    gap: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px;
}

@media (max-width: 768px) {
    .prods__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.prods__top img {
    cursor: pointer;
}

.prods__filter {
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 16px;
    background-color: #1D1CE2;
    border-radius: 24px;
    color: white;
    line-height: 1;
}

.prods__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
}

@media (max-width: 1024px) {
    .prods__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.prods__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .prods__left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 25px;
    }
}

@media (max-width: 768px) {
    .prods__left {
        display: none;
    }
}

.prods__left .prods__item {
    display: none;
}

@media (max-width: 1024px) {
    .prods__left .prods__item {
        display: block;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.prods__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;
    row-gap: 40px;
}

@media (max-width: 768px) {
    .prods__items {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
        row-gap: 15px;
    }
}

.prods__item {
    -ms-flex-preferred-size: calc(25% - 19px);
    flex-basis: calc(25% - 19px);
}

@media (max-width: 1024px) {
    .prods__item {
        -ms-flex-preferred-size: calc(50% - 12.5px);
        flex-basis: calc(50% - 12.5px);
    }
}

@media (max-width: 768px) {
    .prods__item {
        -ms-flex-preferred-size: calc(50% - 5px);
        flex-basis: calc(50% - 5px);
    }
}

.prods__item:first-child,
.prods__item:nth-child(9n+1) {
    -ms-flex-preferred-size: calc(50% - 14px);
    flex-basis: calc(50% - 14px);
}

@media (max-width: 1024px) {
    .prods__item:first-child,
    .prods__item:nth-child(9n+1) {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

@media (max-width: 1024px) {
    .prods__item:first-child {
        display: none;
    }
}

@media (max-width: 768px) {
    .prods__item:first-child {
        display: block;
    }
}

.prods__pag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 30px;
}

.filters {
    width: 175px;
}

.filters__title {
    font-size: 14px;
    text-transform: uppercase;
    padding: 12px 16px;
    background-color: #1D1CE2;
    border-radius: 24px;
    color: white;
    line-height: 1;
    margin-bottom: 12px;
}

.filters__item {
    padding-left: 16px;
}

.filter {
    margin-bottom: 24px;
}

.filter:last-child {
    margin-bottom: 0;
}

.filter__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 11px;
    cursor: pointer;
}

.filter__name span {
    font-size: 14px;
    color: white;
    text-transform: uppercase;
}

.filter__name img {
    rotate: 180deg;
}

.filter.close .filter__name img {
    rotate: 0deg;
}

.filter__values label {
    color: white;
    font-size: 14px;
}

.filter.close .filter__values {
    display: none;
}

.prods .item {
    text-decoration: none;
}

.prods .item__img {
    width: 100%;
    height: 290px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 20px;
}

.prods .item__title {
    color: #E8ECE4;
    font-size: 16px;
    margin-bottom: 7px;
}

.prods .item__price {
    color: #E8ECE4;
    font-size: 16px;
}

.fpopup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background-color: black;
    padding: 10px 35px 35px 35px;
    display: none;
}

.fpopup.open {
    display: block;
}

.fpopup__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    max-width: 245px;
    margin: 0 auto;
}

.fpopup__top {
    margin-bottom: 60px;
}

.fpopup__title {
    margin-bottom: 10px;
}

.fpopup__subtitle {
    font-size: 16px;
    opacity: 0.6;
    color: white;
    text-align: center;
}

.fpopup__center {
    margin-bottom: 75px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 100%;
}

.fpopup__center .filter {
    position: relative;
    padding-left: 0;
}

.fpopup__center .filter::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: -10px;
    left: 0;
}

.fpopup__center .filter:last-child::before {
    display: none;
}

.fpopup__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
}

.fpopup__remove {
    padding: 9px 12px;
    color: white;
    text-transform: uppercase;
    border-radius: 24px;
    border: 1px solid white;
    cursor: pointer;
    line-height: 1;
}

.fpopup__apply {
    padding: 9px 12px;
    color: white;
    text-transform: uppercase;
    border-radius: 24px;
    background-color: #1D1CE2;
    cursor: pointer;
    line-height: 1;
}

.fpopup__close {
    position: absolute;
    top: 10px;
    right: 0;
    cursor: pointer;
}

.otherp {
    padding-bottom: 155px;
}

@media (max-width: 1024px) {
    .otherp {
        padding-bottom: 55px;
    }
}

@media (max-width: 768px) {
    .otherp {
        padding-bottom: 30px;
    }
}

.otherp__title {
    margin-bottom: 24px;
    text-align: center;
}

.otherp__items {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
}

@media (max-width: 1024px) {
    .otherp__items {
        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: 1fr 1fr;
        gap: 40px;
    }
}

@media (max-width: 768px) {
    .otherp__items {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 1024px) {
    .otherp__item {
        display: none;
    }
}

@media (max-width: 1024px) {
    .otherp__item:nth-child(1),
    .otherp__item:nth-child(2) {
        display: block;
    }
}

@media (max-width: 1024px) {
    .otherp.more .otherp__item {
        display: block;
    }
}

.otherp__btn {
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px;
}

@media (max-width: 1024px) {
    .otherp__btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.otherp__btn .hide {
    display: none;
}

.otherp.more .otherp__btn .more {
    display: none;
}

.otherp.more .otherp__btn .hide {
    display: block;
}

.otherp .item {
    text-decoration: none;
}

.otherp .item__img {
    height: 480px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-bottom: 27px;
}

@media (max-width: 1024px) {
    .otherp .item__img {
        height: 330px;
    }
}

.otherp .item__title {
    margin-bottom: 12px;
    font-size: 16px;
    color: white;
}

.otherp .item__price {
    font-size: 16px;
    color: white;
}

.prod {
    padding: 180px 0 160px 0;
}

@media (max-width: 1024px) {
    .prod {
        padding: 160px 0 160px 0;
    }
}

@media (max-width: 768px) {
    .prod {
        padding: 140px 0 30px 0;
    }
}

.prod__title {
    margin-bottom: 6px;
}

.prod__price {
    font-size: 28px;
    color: white;
    font-family: "Exo", sans-serif;
}

.prod__center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .prod__center {
        margin-bottom: 15px;
        display: block;
    }
}

@media (max-width: 1024px) {
    .prod__img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .prod__img {
        width: calc(100vw - 10px);
        margin-left: -25px;
    }
}

@media (max-width: 1024px) {
    .prod__img img {
        width: 100%;
    }
}

.prod__imgs {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 32px 1fr 32px 1fr 32px 1fr;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20px;
    -webkit-column-gap: 32px;
    -moz-column-gap: 32px;
    column-gap: 32px;
}

.prod__imgs div {
/*     display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; */
}

.prod__imgs img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    cursor: pointer;
}

@media (max-width: 1024px) {
    .prod__imgs {
        display: none;
    }
}

.prod__mcenter {
    display: none;
    gap: 56px;
    margin-bottom: 60px;
}

@media (max-width: 1024px) {
    .prod__mcenter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (max-width: 768px) {
    .prod__mcenter {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 87px;
        gap: 24px;
    }
}

.prod__mcenter .prod__imgs {
    display: -ms-grid;
    display: grid;
    width: 50%;
}

@media (max-width: 768px) {
    .prod__mcenter .prod__imgs {
        width: 100%;
    }
}

.prod__mcenter .prod__vars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
}

@media (max-width: 768px) {
    .prod__mcenter .prod__vars {
        width: 100%;
    }
}

.prod__vars {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 34px;
    width: 280px;
}

@media (max-width: 1024px) {
    .prod__vars {
        display: none;
    }
}

.prod__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 768px) {
    .prod__bottom {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.prod__btn {
    border: none;
    outline: none;
}

.var {
    position: relative;
}

.var::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -17px;
    height: 1px;
    width: 100%;
    background-color: #40413E;
}

.var:last-child::before {
    display: none;
}

.var.open .var__name img {
    rotate: 180deg;
}

.var__name {
    font-size: 14px;
    color: white;
    text-transform: uppercase;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.var__value {
    display: none;
}

.var.open .var__value {
    display: flex;
}

.mcart {
    position: fixed;
    z-index: 1000000;
    top: 0;
    right: -200%;
    background-color: white;
    padding: 20px 40px 30px 40px;
    height: 100%;
    overflow: auto;
    max-width: 450px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.mcart.open {
    right: 0;
}

.mcart__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 34px;
    position: relative;
}

.mcart__top::before {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -17px;
    left: 0;
    background-color: black;
}

.mcart__title {
    color: black;
}

.mcart__close {
    cursor: pointer;
}

.mcart__items {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
}

.mcart__maybe {
    margin-bottom: 17px;
}

.mcart__maybetitle {
    color: #111111;
    font-size: 28px;
    margin-bottom: 8px;
}

.mcart__maybeitems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}

.mcart__maybeitems a {
    width: 50%;
}

.mcart__maybeitems img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.mcart__subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
}

.mcart__subtotal span {
    font-size: 14px;
}

.mcart__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
}

.mcart__btns .btn.white {
    border: 1px solid #1D1CE2;
}

.mcart__btns .btn.white:hover {
    border: none;
}

.mcart .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
}

.mcart .item__img img {
    width: 94px;
    height: 114px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.mcart .item__info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mcart .item__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
}

.mcart .item__title {
    color: #111111;
    font-size: 14px;
    text-transform: uppercase;
    max-width: 100px;
}

.mcart .item__close img {
    width: 12px;
    height: 12px;
    cursor: pointer;
}

.mcart .item__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.mcart .item__price {
    font-size: 14px;
}

.quant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #111111;
    gap: 5px;
    padding: 10px;
}

.quant__minus {
    cursor: pointer;
}

.quant__input {
    border: none;
    outline: none;
    width: 35px;
    text-align: center;
}

.quant__plus {
    cursor: pointer;
}

body.lock {
    overflow: hidden;
}

body.checkout-page {
    background-color: white;
}

body.checkout-page .header__cart {
    color: black;
}

body.checkout-page .footer {
    background-color: black;
}

.checkout {
    padding: 140px 0 155px 0;
}

@media (max-width: 1024px) {
    .checkout {
        padding: 140px 0 50px 0;
    }
}

@media (max-width: 768px) {
    .checkout {
        padding: 115px 0 45px 0;
    }
}

.checkout-section__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 70px;
}

@media (max-width: 1024px) {
    .checkout-section__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
    }
}

.checkout-section__left {
    width: 50%;
}

@media (max-width: 1024px) {
    .checkout-section__left {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }
}

.checkout-section__title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 13px;
}

.checkout-section__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
}

.checkout-section__input input {
    border: 1px solid #C9C9CE !important;
    outline: none;
    padding: 16px 12px;
    border-radius: 4px;
    width: 100%;
}

.checkout-section__input input::-webkit-input-placeholder {
    font-size: 13px;
}

.checkout-section__input input::-moz-placeholder {
    font-size: 13px;
}

.checkout-section__input input:-ms-input-placeholder {
    font-size: 13px;
}

.checkout-section__input input::-ms-input-placeholder {
    font-size: 13px;
}

.checkout-section__input input::placeholder {
    font-size: 13px;
}

.checkout-section__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 22px;
}

.checkout-section__row>* {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (max-width: 768px) {
    .checkout-section__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.checkout-section__pay {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.checkout-section__btn {
    width: 100%;
    background-color: black !important;
    border-radius: 4px;
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 19px;
    cursor: pointer;
    outline: none;
    padding: 16px !important;
    border: none;
}

@media (max-width: 1024px) {
    .checkout-section__btn {
        width: 95%;
    }
}

@media (max-width: 768px) {
    .checkout-section__btn {
        width: 100%;
    }
}

.checkout-section__right {
    width: 50%;
}

@media (max-width: 1024px) {
    .checkout-section__right {
        width: 100vw;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        background-color: #F5F5F5;
        padding: 28px 40px 83px 40px;
        margin-left: -40px;
    }
}

@media (max-width: 768px) {
    .checkout-section__right {
        padding: 28px 30px 40px 30px;
        margin-left: -30px;
    }
}

.checkout-section__cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 64px;
}

.checkout-section__shippingprice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 17px;
    font-size: 13px;
    color: #111111;
}

.checkout-section__subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
    color: #111111;
    margin-bottom: 33px;
}

.checkout-section__totalvalue {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    font-size: 20px;
    font-weight: 700;
}

.checkout-section .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.checkout-section .item__left {
    width: 60px;
    height: 60px;
    position: relative;
}

.checkout-section .item__left img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    border: 1px solid #C9C9CE;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.checkout-section .item__count {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 22px;
    height: 22px;
    background-color: #666666;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    font-size: 11px;
}

.checkout-section .item__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.checkout-section .item__title {
    font-size: 11px;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 500;
}

.checkout-section .item__subtitle {
    font-size: 11px;
    color: #6B6D74;
}

.prods__item.first {
    padding: 0;
}

.prods__right {
    flex-grow: 1;
}

.product.first {
    padding: 0 !important;
}

.var__value {
    margin-top: 10px;
    display: none;
    flex-direction: column;
}

.var__value .text {
    cursor: pointer;
    padding: 2px 5px;
}

.var__value .text.selected {
    background-color: #1D1CE2;
    border-radius: 4px;
}

.woocommerce-notices-wrapper {
    position: relative;
    z-index: 10000;
}

.prod__imgs {
    flex-shrink: 0;
}

.prod__mcenter .prod__imgs {
    align-self: flex-start;
}

.prod__img {
/*     box-shadow: 0 15px 4px -4px #ffffffb5; */
}

.mcart {
    width: 400px;
    max-width: 100%;
}

.mcart .item__img img {
    height: 100%;
}

.woocommerce-mini-cart__empty-message {
    color: black !important;
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0;
}

.select2-container .select2-selection {
    border: 1px solid #C9C9CE !important;
}

.checkout-inline-error-message {
    color: red;
}

.woocommerce-invalid input {
    border: 1px solid red !important;
}

.woocommerce-error li,
.woocommerce-info li,
.woocommerce-message li {
    padding-left: 20px !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before {
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.woocommerce-NoticeGroup-checkout {
    margin-bottom: 20px;
}

.checkout-section__section {
    margin-bottom: 32px;
}

.woocommerce-shipping-methods li {
    margin: 0 !important;
    padding: 5px 10px;
    border: 1px solid #C9C9CE !important;
    border-bottom: none !important;
    color: black;
    display: flex;
    align-items: center;
    gap: 10px;
}

.woocommerce-shipping-methods li input {
    margin: 0 !important;
}

.woocommerce-shipping-methods li:first-child {
    border-radius: 4px 4px 0 0;
}

.woocommerce-shipping-methods li:last-child {
    border-bottom: 1px solid #C9C9CE !important;
    border-radius: 0 0 4px 4px;
}

.woocommerce-NoticeGroup-checkout {
    display: none;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background-color: transparent;
}

.wc_payment_methods {
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li {
    padding: 5px 10px;
    padding-bottom: 0;
    border: 1px solid #C9C9CE !important;
    border-bottom: none !important;
}

.woocommerce-checkout #payment ul.payment_methods li:first-child {
    border-radius: 4px 4px 0 0;
}

.woocommerce-checkout #payment ul.payment_methods li:last-child {
    border-bottom: 1px solid #C9C9CE !important;
    border-radius: 0 0 4px 4px;
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #F4F4F4;
    margin: 0 !important;
    width: calc(100% + 20px);
    margin-left: -10px !important;
    border-top: 1px solid #C9C9CE !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none;
}

.woocommerce-checkout #payment div.form-row {
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods li input {
    margin-right: 5px;
}

@media (max-width: 425px) {
    .checkout-section__right {
        display: none;
    }
}

.thank {
    padding: 140px 0 155px 0;
}

@media (max-width: 1024px) {
    .thank {
        padding: 140px 0 50px 0;
    }
}

@media (max-width: 768px) {
    .thank {
        padding: 115px 0 45px 0;
    }
}

.prod .woocommerce-notices-wrapper {
    display: none;
}

.fcart {
    padding: 145px 0;
}

.fcart__title {
    color: black;
    margin-bottom: 25px;
}

.fcart__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 57px;
}

@media (max-width: 1024px) {
    .fcart__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .fcart__body {
        gap: 5px;
    }
}

.fcart__left {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.fcart__left table {
    width: 100%;
}

@media (max-width: 768px) {
    .fcart__left table thead {
        display: none;
    }
}

.fcart__left table thead td {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 14px;
    text-align: center;
    color: #726868;
    border-bottom: 1px solid #C9C9C9;
}

@media (max-width: 768px) {
    .fcart__left table tbody tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 15px;
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .fcart__left table tbody tr:last-child {
        margin-bottom: 0px;
    }
}

.fcart__left table tbody td {
    text-align: center;
    padding: 24px 0;
}

@media (max-width: 768px) {
    .fcart__left table tbody td {
        text-align: left;
        padding: 0;
    }
}

.fcart__right {
    width: 360px;
    max-width: 100%;
    padding: 33px 31px;
    background-color: #D9D9D9;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.fcart__total {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 40px;
}

.fcart__subtotal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.fcart__subtotal span:first-child {
    text-transform: uppercase;
    font-size: 14px;
    color: #726868;
    font-weight: 700;
}

.fcart__subtotal span:last-child {
    font-size: 14px;
    color: black;
}

.fcart__subtotal::before {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    height: 1px;
    width: 100%;
    background-color: #C9C9C9;
}

.fcart__totalamount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.fcart__totalamount span:first-child {
    text-transform: uppercase;
    font-size: 14px;
    color: #726868;
    font-weight: 700;
}

.fcart__totalamount span:last-child {
    font-size: 14px;
    color: black;
}

.fcart__btn {
    padding: 10px;
    font-size: 19px;
    font-weight: 700;
    border-radius: 4px;
    background-color: #40413E !important;
    color: white !important;
    width: 100%;
    text-align: center;
    text-decoration: none;
    display: inline-block;
}

.fcart .item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
}

.fcart .item__img {
    position: relative;
}

.fcart .item__img img {
    width: 60px;
    height: 60px;
    border-radius: 4px;
    border: 1px solid #C9C9CE;
    -o-object-fit: cover;
    object-fit: cover;
}

.fcart .item__count {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #666666;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
}

.fcart .item__title {
    color: #111111;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
}

.fcart .item__price {
    font-size: 14px;
    color: black;
}

.fcart .item__quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 768px) {
    .fcart .item__quantity {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.fcart .item__subtotal {
    font-size: 14px;
    color: black;
}

@media (max-width: 768px) {
    .fcart .item__subtotal {
        display: none;
    }
    .fcart .product-subtotal {
        display: none !important;
    }
}

.cquant {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2px;
}

.cquant__minus {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid black;
    cursor: pointer;
}

.cquant__minus img {
    scale: 0.8;
}

.cquant__input {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid black;
    outline: none;
    text-align: center;
    font-size: 11px;
}

.cquant__plus {
    width: 22px;
    height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid black;
    cursor: pointer;
}

.cquant__plus img {
    scale: 0.8;
}

.woocommerce table.shop_table {
    border: none;
}

.woocommerce table.shop_table td {
    border-top: none;
}

.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before {
    display: none;
}

@media (max-width: 768px) {
    .fcart .item__price {
        text-align: left;
    }
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent !important;
}

.checkout-page .woocommerce-notices-wrapper {
    display: none;
}

.cart-emp {
    padding: 150px 0;
}

@media (max-width: 768px) {
    .cart-emp {
        padding: 100px 0;
    }
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.wc-empty-cart-message {
    display: none;
}

.main {
    flex-grow: 1;
}

html {
	overflow-x: hidden;
}

@media (max-width: 1024px) {
	.header.open .header__menu ul li{
		text-align: center;
	}
}

.cquant__input {
	border-radius: 0 !important;
}

.header.scroll {
	background-color: black;
}

.checkout-page .header.scroll {
	background-color: white;
}

.prod__body {
    display: flex;
    gap: 100px;
}

.prod__body .prod__left {
    flex-grow: 1;
}

.prod__img img {
    width: 100%;
}

.prod__img {
    margin-bottom: 35px;
}

.prod__imgs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.prod__imgs img {
    width: 170px;
    height: 170px;
    border-radius: 0;
}

.prod__right {
    max-width: 465px;
}

.prod__description {
   font-size: 16px;
   color: white;
   line-height: 150%;
   margin: 15px 0 30px 0;
}

.prod__description span {
    display: block;
    margin-bottom: 10px;
}

.prod__quant {
    margin: 30px 0 20px 0;
    display: flex;
    align-items: center;
    background-color: #D9D9D9;
    border-radius: 22px;
    padding: 8px 24px;
    width: fit-content;
}

.prod__quant-btn {
    cursor: pointer;
}

.prod__quant-btn img {
    width: 13px;
}

.prod__quant input {
    background-color: transparent;
    border: none;
    outline: none;
    width: 80px;
    text-align: center;
    font-size: 24px;
}

@media (max-width: 1024px) {
    .prod__body {
        flex-direction: column;
        gap: 25px;
    }

    .prod__imgs {
        justify-content: center;
    }

    .prod__right {
        display: flex;
        gap: 20px;
        align-items: flex-end;
        max-width: none;
    }

    .prod__info {
        flex-grow: 1;
    }

    .prod__vars {
        width: 100%;
    }

    .prod__add {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .prod__imgs img {
        width: 110px;
        height: 170px;
    }
}

@media (max-width: 768px) {
    .prod__body {
        gap: 40px;
    }

     .prod__right {
        flex-direction: column;
        align-items: center;  
     }

     .prod__title {
        text-align: center;
     }

     .prod__price {
        text-align: center;
     }

     .prod__quant {
        margin-top: 78px;
     }
}

@media (min-width: 1025px) {
	.prod__left {
		max-width: 600px;
	}
}

.prod__imgs > div img {
	width: 100%;
/* 	height: 100%; */
}


.prod__imgsw {
	position: relative;
}

.prod__arrows span {
	position: absolute;
	top: 50%;
	cursor: pointer;
}

.prod__arrows .prev {
	transform: translatey(50%);
	left: -30px;
}

.prod__arrows .next {
	transform: translatey(-50%);
	right: -40px;
}

@media (max-width: 1024px) {
	.prod__arrows .prev {
		left: -20px;
	}
	.prod__arrows .next {
		right: -30px;
	}
}

	.dance-floor {
		perspective: 1600px;
	}
	.dance-floor img {
		transform: rotateX(75deg)
	}
	.prod__img.dance-floor img {
		box-shadow: 0 20px 3px gray;
	}

.prod__btns {
	display: flex;
	justify-content: space-between;
	gap: 19px;
}

.prod__btn-virtual {
	background-color: #E50572;
}

@media (max-width: 1300px) {
	.prod__btns {
		flex-direction: column;
	}
}

.fil {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-bottom: 91px;
}

@media (max-width: 1024px) {
	.fil {
		flex-direction: column;
		margin-bottom: 0px;
	}
}

.fil__item {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}

.fil__item span {
	flex-grow: 1;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
}

.fil__item select {
            padding: 6px;
            border: none !important;
            outline: none;
            font-size: 14px;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: black url('/wp-content/themes/ars/assets/img/9.svg') no-repeat scroll right center;
            border: 1px solid #ccc;
            border-radius: 5px;
            color: white;
            width: 140px;
            cursor: pointer;
        }

        .fil__item select option {
            background-color: white;
            color: black;
        }

        .fil__item select:focus {
            background-color: #1D1CE2;
        }