/*! * Bootstrap Grid v4.1.3 (https://getbootstrap.com/) * Copyright 2011-2018 The Bootstrap Authors * Copyright 2011-2018 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */
html {
    box-sizing: border-box;
    -ms-overflow-style: scroll;
}

*,
:after,
:before {
    box-sizing: inherit;
}

/* Snowfall container */
#snowfall-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh; /* Make the container fill the entire viewport */
    overflow: visible; /* Ensure content is not clipped */
    pointer-events: none; /* Prevent the container from interfering with user interactions */
    z-index: 9999; /* Ensure it's always above other content */
}

.snowflake {
    position: absolute;
    top: -10px;
    width: 10px;
    height: 10px;
    background-color: white;
    border-radius: 50%;
    opacity: 0.7;
    animation: snowfall 10s linear infinite;
    z-index: 999;
    display: none;
}

.star {
    position: absolute;
    top: -10px;
    width: 13px;
    height: 13px;
    animation: star-fall 15s linear infinite;
    z-index: 999;
    display: none;
}

@keyframes star-fall {
    0% {
        transform: translateY(0) scale(1);
    }
    100% {
        transform: translateY(100vh) scale(0.5);
    }
}

@keyframes snowfall {
    0% {
        transform: translateY(0) scale(1);
    }
    100% {
        transform: translateY(100vh) scale(0.5);
    }
}

.spinner-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
}

.countdown-timer {
    display: flex;
    align-items: center;
    gap: 5px;
    font-family: Arial, sans-serif;
    z-index: 1000;
}

.countdown_timer_section {
    position: fixed;
    display: flex;
    flex-direction: column;
    bottom: 10px;
    left: 10px;
    z-index: 1000;
}

.countdown_timer_section h2 {
    /*font-family: 'Polar Snow', sans-serif !important;*/
    text-align: center;
    color: #c90018;
    font-weight: normal;
    font-size: 17px;
    margin-bottom: 8px;
}

.countdown_timer_section p {
    /*font-family: 'Polar Snow', sans-serif !important;*/
    text-align: center;
    color: #c90018;
    font-weight: normal;
    font-size: 16px;
    margin-top: 8px;
}

.time-card {
    width: 40px;
    height: 50px;
    background-color: #c90018;
    -webkit-mask: url("../img/icons/time-card.svg") no-repeat center;
    mask: url("../img/icons/time-card.svg") no-repeat center;
    mask-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 30px;
    color: #eacc30;
    font-weight: bold;
}

.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #207231;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*#loading {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(255, 255, 255, 0.8);*/
/*    z-index: 9999;*/
/*    display: flex;*/
/*}*/

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*new special offer Begin */

.nSpecialOffer {
    /*background-image: url("../img/new-special-offerbg.svg");*/
    width: 100%;
    height: 100%;
    padding-top: 62px;
}

.faq_ans p {
    color: var(--secondary-black, #444750);
    padding: 5px 6px 23px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.faq_ans ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 9px;
}

.faq_ans ul li {
    display: flex;
    gap: 10px;
}

.faq_ans ul li strong,
.faq_ans strong {
    font-weight: 600;
}

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

.nSpecialOffer .firstSection {
    margin: 0 0 70px;
    flex-shrink: 0;
    display: flex;
    justify-content: space-between;
    border-radius: 20px;
    background: #fffbf2;
    padding: 16px;
    gap: 55px;
}

.nSpecialOffer .firstSection > div {
    display: flex;
    padding-left: 14px;
    flex-direction: column;
    justify-content: space-around;
}

.nSpecialOffer .firstSection p {
    color: #272c38;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.nSpecialOffer .firstSection h2 {
    color: #272c38;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px; /* 133.333% */
    letter-spacing: -0.36px;
}

.nSpecialOffer .firstSection span {
    color: #444750;

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.nSpecialOffer .firstSecion button {
    height: 52px;
    flex-shrink: 0;

    border-radius: 40px;
    background: #ffdc32;
    color: #272c38;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.nSpecialOffer button {
    height: 52px;
    flex-shrink: 0;
    border-radius: 40px;
    background: #ffdc32;
    color: #272c38;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 13px 60px;
}

.specialOfferText {
    color: #272c38;
    font-feature-settings: "liga" off;

    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.discountProductText {
    color: #272c38;
    font-feature-settings: "liga" off;

    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
}

/*.discountProducts {*/
/*    display: flex;*/
/*    gap: 22px;*/
/*    margin-top: 40px;*/
/*    justify-content: space-between;*/
/*    flex-wrap: nowrap;*/
/*}*/

/*.discountProducts div {*/

/*    height: 380px;*/
/*    flex-shrink: 0;*/
/*    width: calc(25% - 16px);*/
/*    border-radius: 16px;*/
/*}*/

.discountProducts {
    display: flex;
    gap: 22px;
    margin-top: 40px;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.discountProducts div {
    flex-shrink: 0;
    width: calc(25% - 16px);
    border-radius: 16px;
}

.discountSection {
    padding: 70px 0;
}

.specialOfferItem {
    position: relative;
    display: inline-block;
}

.offerText {
    position: absolute;
    top: 10px;
    left: 10px;
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}

.offerText h3 {
    color: #272c38;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
}

.offerText span {
    color: #272c38;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.discountSection button {
    padding: 14px 49px;
    height: 52px;
    flex-shrink: 0;

    border-radius: 40px;
    background: #ffdc32;

    cursor: pointer;
}

.firstSection img {
    width: 100%;
}

.specialOfferSection img {
    width: 100%;
}

.journalSection {
    width: 340px;
    flex-shrink: 0;
    border-radius: 20px;
    background: #fffbf2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 32px;
    flex-direction: column;
    gap: 24px;
}

.journalMainSection {
    padding-bottom: 80px;
}

.journalSection p {
    color: #272c38;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 36px;
}

.journalSection button {
    height: 52px;
    flex-shrink: 0;
    display: flex;
    gap: 4px;
    border-radius: 52px;
    background: #ca200c;
    color: #fff;
    padding: 14px 27px;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    align-items: center;
    width: auto;
}

.journalSection button a {
    color: #fff;
    /*padding: 14px 34px;*/
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.discountSection button a {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: #272c38;
    text-align: center;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    /*text-align: center;*/
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.autoplay-progress {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 10;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    color: var(--swiper-theme-color);
}

.autoplay-progress svg {
    --progress: 0;
    position: absolute;
    left: 0;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    stroke-width: 4px;
    stroke: var(--swiper-theme-color);
    fill: none;
    stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
    stroke-dasharray: 125.6;
    transform: rotate(-90deg);
}

.journalSection > img {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
    rgba(0, 0, 0, 0.22) 0px 10px 10px;
}

.specialOfferSection {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
    margin-bottom: 70px;
}

.specialOfferSection > * {
    /*flex: 1 1 calc(50% - 10px);*/
    box-sizing: border-box;
    /*max-width: calc(50% - 10px);*/
    cursor: pointer;
}

.discountProducts img {
    width: 100%;
}

.specialOfferItem img {
    border-radius: 16px;
    width: 100%;
}

.specialOfferItem {
    width: 100%;
}

.swiper-container-offer {
    overflow: hidden !important;
    width: 100% !important;
}

.swiper-container {
    overflow: hidden !important;
    /*width: 100% !important;*/
}

.no-swiper .swiper-wrapper {
    display: flex;
    justify-content: start;
    align-items: start;
    width: auto;
}

.firstImgSection img,
video {
    border-radius: 12px;
}

/* lottery-fill-home start*/
.campaign-container {
    display: grid;
    gap: 13px;
    margin-top: 60px;
    grid-template-columns: auto 460px;
}

.lottery-rules {
    flex: 2;
}

.lottery-rules h2 {
    color: var(--black, #272c38);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 24px;
}

.lottery-rules h5 {
    color: var(--black, #272c38);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px;
}

.lottery-gift-n h5 {
    color: var(--secondary-black, #444750);

    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 8px;
}

.lottery-rules p {
    color: var(--secondary-black, #444750);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lottery-rules ul {
    padding-left: 20px;
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    gap: 10px;
    flex-direction: column;
}

.lottery-rules ul li {
    color: var(--secondary-black, #444750);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lottery-rules div:last-child {
    margin-top: 40px;
}

.lottery-gift-n div:last-child {
    margin: 0;
}

.lottery-rules ul li p {
    padding: 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: #f9fafa;
    font-weight: 400;
    margin: 20px 0;
}

.lottery-list {
    /*display: flex;*/
    flex-direction: column;
    gap: 24px;
}

.lottery-list ul {
    margin-bottom: 24px;
}

.lottery-rules ul li p a {
    color: var(--button, #00863b);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.lottery-details {
    flex: 1;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 16px;
    background: var(--primary, #007332);
    height: max-content;
}

.lottery-details-fairy {
    flex: 1;
    display: flex;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    border-radius: 16px;
    background: var(--primary, #f9fafa);
    height: max-content;
}

.lottery-details h3 {
    color: #fff;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
}

.lottery-details-fairy h3 {
    color: #272c38;
}

.lottery-details ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.lottery-details li {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: rgba(255, 255, 255, 0.8);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.lottery-details-fairy li {
    color: #858998;
}

.lottery-details li span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: block;
}

.lottery-details-fairy li span {
    color: #272c38;
    font-weight: 500;
}

.lottery-desc p {
    color: var(--secondary-black, #444750);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.lottery-date-n {
    display: flex;
    height: 442px;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;
    border-radius: 16px;
    background: #f9fafa;
}

.lottery-desc {
    display: flex;
    padding: 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background: #f9fafa;
    max-width: 454px;
    max-width: 454px;
    width: 100%;
}

.lottery-date-n h3 {
    color: var(--secondary-black, #444750);

    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.lottery-date-n li {
    color: var(--primary, #007332);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.lottery-date-n li span {
    color: var(--secondary-black, #444750);

    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.lottery-winner {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr 1fr 1fr;
    margin-bottom: 100px;
    flex-wrap: wrap;
}

.lottery-winner > div {
    display: flex;
    gap: 16px;
    flex-direction: column;
}

.lottery-win-section {
    margin-top: 60px;
}

.lottery-win-section h2 {
    color: var(--black, #272c38);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-bottom: 32px;
}

.lottery-winner img {
    border-radius: 6px 6px 0 0;
    width: 100%;
}

.lottery-winner span {
    color: var(--black, #272c38);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.lottery-winner p {
    color: var(--black, #272c38);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.lottery-detail-section {
    display: flex;
    gap: 10px;
    flex-direction: column;
    height: max-content;
}

.lottery-gift-section {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.lottery-gift-section div {
    display: flex;
    flex-direction: column;
    border-radius: 6px;
    border: 1px solid #d6d8dc;
    padding: 24px;
    background: #fff;
    gap: 16px;
    box-shadow: 0 9px 20px 0 rgba(0, 0, 0, 0.01),
    0 1.127px 2.504px 0 rgba(72, 96, 155, 0.03);
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 250px;
}

.lottery-gift-section div span {
    color: var(--black, #272c38);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lottery-gift-section div img {
    width: 160px;
    height: 160px;
    object-fit: none;
}

.lottery-faq h2 {
    color: var(--black, #272c38);
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin-top: 60px;
    margin-bottom: 32px;
}

/* lottery-fill-home end*/

/*new special responsive design begin*/

/* Tablet screens (768px - 1024px) */
@media (max-width: 1024px) {
    .nSpecialOffer .firstSection {
        flex-direction: column;
        align-items: center;
        gap: 20px;
        text-align: left;
    }

    .nSpecialOffer .firstSection img,
    .specialOfferSection img,
    .discountProducts img {
        width: 100%;
    }

    .nSpecialOffer .firstSection > div {
        padding-left: 0;
    }

    .specialOfferSection,
    .discountProducts {
        flex-direction: column;
        gap: 20px;
        align-items: center;
        flex-wrap: wrap;
    }

    .discountProducts {
        flex-direction: row !important;
    }

    .discountProducts div {
        width: calc(50% - 16px);
        height: auto;
    }
}

@media (max-width: 350px) {
    .journalSection {
        width: 100%;
    }

    .firstSection > div {
        width: 100%;
    }

    .nSpecialOffer .rect-36-52 {
        width: 27px !important;
    }

    .yellowCount.rect-36-52 {
        width: 27px !important;
    }
}

.qonsum_qazansin_text {
    font-size: 16px;
}

/* Mobile screens (480px - 767px) */
@media (max-width: 767px) {
    .rotated_offer_img {
        width: 100%;
    }

    .special_offer_first_section {
        margin: 10px !important;
    }

    .rotated_offer_img {
        clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);
        border-radius: 20px;
    }

    .special_offer_image_wrapper {
        padding: 16px !important;
    }

    .nSpecialOffer .firstSection h2 {
        font-size: 28px;
        line-height: 36px;
    }

    .qonsum_qazansin_text {
        font-size: 14px;
    }

    /*.journalSection > div{*/
    /*    justify-content: center !important;*/
    /*}*/
    .discountSection {
        padding: 20px 0;
    }

    .nSpecialOffer .firstSection span,
    .journalSection p {
        font-size: 16px;
        line-height: 22px;
    }

    .discountProducts div {
        height: auto;
        width: calc(50% - 16px);
    }

    .specialOfferText,
    .discountProductText {
        font-size: 28px;
        line-height: 36px;
    }

    .nSpecialOffer .firstSection {
        gap: 10px;
        flex-direction: column-reverse;
    }

    .specialOfferSection {
        margin-top: 20px;
    }

    .journalSection {
        padding: 16px;
        gap: 16px;
    }

    .journalSection button {
        font-size: 14px;
        padding: 10px 30px;
        justify-content: center;
    }
}

.no-swiper .swiper-slide {
    border-radius: 16px;
}

/* Small mobile screens (up to 480px) */
@media (max-width: 480px) {
    #js-countdown-days .rect-lg-60-86-3,
    #js-countdown-hours .rect-lg-60-86-3,
    #js-countdown-minutes .rect-lg-60-86-3,
    #js-countdown-seconds .rect-lg-60-86-3 {
        width: 30px !important;
    }

    .nSpecialOffer .firstSection {
        padding: 10px;
    }

    .nSpecialOffer .firstSection p,
    .nSpecialOffer .firstSection h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .nSpecialOffer .firstSection span {
        font-size: 16px;
        line-height: 18px;
    }

    .discountProducts {
        gap: 10px;
    }

    .discountProducts div {
        width: 100%;
        height: auto;
    }

    .journalSection {
        padding: 22px;
        gap: 10px;
    }

    .specialOfferText,
    .discountProductText {
        font-size: 22px;
    }

    .journalSection button {
        padding: 8px 20px;
        font-size: 12px;
    }
}

@media (min-width: 1025px) {
    .discountProducts > div {
        flex: 1 1 calc(25% - 16px);
        max-width: calc(25% - 16px);
    }
}

/*new special responsive design end*/
/*new special offer End */

@media (max-width: 768px) {
    .max-width {
        object-fit: contain !important;
    }

    .time-card {
        width: 30px;
        height: 38px;
        font-size: 25px;
    }

    .countdown-timer {
        gap: 1px;
        bottom: 9px;
        left: 45%;
    }
}

@media (min-width: 576px) {
    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }

    /*.navbarHeader {*/
    /*    background: transparent !important;*/
    /*}*/
    .firstSection > div {
        width: 50%;
    }

    .index_video {
        margin-top: 0 !important;
    }

    .bg_videooo {
        height: 568px !important;
    }

    .mobile_show {
        display: block !important;
    }

    .no-swiper .swiper-slide {
        flex: none;
        margin: 0;
        width: auto !important;
    }
}

@media (min-width: 1440px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*.row {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    gap: 0px;*/
/*    margin-right: -15px;*/
/*    margin-left: -15px*/
/*}*/
.row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-13,
.col-14,
.col-15,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-13,
.col-lg-14,
.col-lg-15,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-13,
.col-md-14,
.col-md-15,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-13,
.col-sm-14,
.col-sm-15,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-13,
.col-xl-14,
.col-xl-15,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

.col-1 {
    flex: 0 0 6.66667%;
    max-width: 6.66667%;
}

.col-2 {
    flex: 0 0 13.33333%;
    max-width: 13.33333%;
}

.col-3 {
    flex: 0 0 20%;
    max-width: 20%;
}

.col-4 {
    flex: 0 0 26.66667%;
    max-width: 26.66667%;
}

.col-5 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}

.col-6 {
    flex: 0 0 40%;
    max-width: 40%;
}

.col-7 {
    flex: 0 0 46.66667%;
    max-width: 46.66667%;
}

.col-8 {
    flex: 0 0 53.33333%;
    max-width: 53.33333%;
}

.col-9 {
    flex: 0 0 60%;
    max-width: 60%;
}

.col-10 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}

.col-11 {
    flex: 0 0 73.33333%;
    max-width: 73.33333%;
}

.col-12 {
    flex: 0 0 80%;
    max-width: 80%;
}

.col-13 {
    flex: 0 0 86.66667%;
    max-width: 86.66667%;
}

.col-14 {
    flex: 0 0 93.33333%;
    max-width: 93.33333%;
}

.col-15 {
    flex: 0 0 100%;
    max-width: 100%;
}

.order-first {
    order: -1;
}

.order-last {
    order: 16;
}

.order-0 {
    order: 0;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

.order-5 {
    order: 5;
}

.order-6 {
    order: 6;
}

.order-7 {
    order: 7;
}

.order-8 {
    order: 8;
}

.order-9 {
    order: 9;
}

.order-10 {
    order: 10;
}

.order-11 {
    order: 11;
}

.order-12 {
    order: 12;
}

.order-13 {
    order: 13;
}

.order-14 {
    order: 14;
}

.order-15 {
    order: 15;
}

.offset-1 {
    margin-left: 6.66667%;
}

.offset-2 {
    margin-left: 13.33333%;
}

.offset-3 {
    margin-left: 20%;
}

.offset-4 {
    margin-left: 26.66667%;
}

.offset-5 {
    margin-left: 33.33333%;
}

.offset-6 {
    margin-left: 40%;
}

.offset-7 {
    margin-left: 46.66667%;
}

.offset-8 {
    margin-left: 53.33333%;
}

.offset-9 {
    margin-left: 60%;
}

.offset-10 {
    margin-left: 66.66667%;
}

.offset-11 {
    margin-left: 73.33333%;
}

.offset-12 {
    margin-left: 80%;
}

.offset-13 {
    margin-left: 86.66667%;
}

.offset-14 {
    margin-left: 93.33333%;
}

@media (min-width: 576px) {
    .col-sm {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-sm-1 {
        flex: 0 0 6.66667%;
        max-width: 6.66667%;
    }

    .col-sm-2 {
        flex: 0 0 13.33333%;
        max-width: 13.33333%;
    }

    .col-sm-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-sm-4 {
        flex: 0 0 26.66667%;
        max-width: 26.66667%;
    }

    .col-sm-5 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-sm-6 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-sm-7 {
        flex: 0 0 46.66667%;
        max-width: 46.66667%;
    }

    .col-sm-8 {
        flex: 0 0 53.33333%;
        max-width: 53.33333%;
    }

    .col-sm-9 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-sm-10 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-sm-11 {
        flex: 0 0 73.33333%;
        max-width: 73.33333%;
    }

    .col-sm-12 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-sm-13 {
        flex: 0 0 86.66667%;
        max-width: 86.66667%;
    }

    .col-sm-14 {
        flex: 0 0 93.33333%;
        max-width: 93.33333%;
    }

    .col-sm-15 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-sm-first {
        order: -1;
    }

    .order-sm-last {
        order: 16;
    }

    .order-sm-0 {
        order: 0;
    }

    .order-sm-1 {
        order: 1;
    }

    .order-sm-2 {
        order: 2;
    }

    .order-sm-3 {
        order: 3;
    }

    .order-sm-4 {
        order: 4;
    }

    .order-sm-5 {
        order: 5;
    }

    .order-sm-6 {
        order: 6;
    }

    .order-sm-7 {
        order: 7;
    }

    .order-sm-8 {
        order: 8;
    }

    .order-sm-9 {
        order: 9;
    }

    .order-sm-10 {
        order: 10;
    }

    .order-sm-11 {
        order: 11;
    }

    .order-sm-12 {
        order: 12;
    }

    .order-sm-13 {
        order: 13;
    }

    .order-sm-14 {
        order: 14;
    }

    .order-sm-15 {
        order: 15;
    }

    .offset-sm-0 {
        margin-left: 0;
    }

    .offset-sm-1 {
        margin-left: 6.66667%;
    }

    .offset-sm-2 {
        margin-left: 13.33333%;
    }

    .offset-sm-3 {
        margin-left: 20%;
    }

    .offset-sm-4 {
        margin-left: 26.66667%;
    }

    .offset-sm-5 {
        margin-left: 33.33333%;
    }

    .offset-sm-6 {
        margin-left: 40%;
    }

    .offset-sm-7 {
        margin-left: 46.66667%;
    }

    .offset-sm-8 {
        margin-left: 53.33333%;
    }

    .offset-sm-9 {
        margin-left: 60%;
    }

    .offset-sm-10 {
        margin-left: 66.66667%;
    }

    .offset-sm-11 {
        margin-left: 73.33333%;
    }

    .offset-sm-12 {
        margin-left: 80%;
    }

    .offset-sm-13 {
        margin-left: 86.66667%;
    }

    .offset-sm-14 {
        margin-left: 93.33333%;
    }
}

@media (min-width: 320px) {
    .col-md-7 {
        flex: 0 0 46.66667%;
        max-width: 46.66667%;
        gap: 5px;
    }

    /*.row{*/
    /*    gap: 5px;*/
    /*}*/
}

@media (min-width: 768px) {
    .col-md {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-md-1 {
        flex: 0 0 6.66667%;
        max-width: 6.66667%;
    }

    .col-md-2 {
        flex: 0 0 13.33333%;
        max-width: 13.33333%;
    }

    .col-md-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-md-4 {
        flex: 0 0 26.66667%;
        max-width: 26.66667%;
    }

    .col-md-5 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-md-6 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-md-8 {
        flex: 0 0 53.33333%;
        max-width: 53.33333%;
    }

    .col-md-9 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-md-10 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-md-11 {
        flex: 0 0 73.33333%;
        max-width: 73.33333%;
    }

    .col-md-12 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-md-13 {
        flex: 0 0 86.66667%;
        max-width: 86.66667%;
    }

    .col-md-14 {
        flex: 0 0 93.33333%;
        max-width: 93.33333%;
    }

    .col-md-15 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-md-first {
        order: -1;
    }

    .order-md-last {
        order: 16;
    }

    .order-md-0 {
        order: 0;
    }

    .order-md-1 {
        order: 1;
    }

    .order-md-2 {
        order: 2;
    }

    .order-md-3 {
        order: 3;
    }

    .order-md-4 {
        order: 4;
    }

    .order-md-5 {
        order: 5;
    }

    .order-md-6 {
        order: 6;
    }

    .order-md-7 {
        order: 7;
    }

    .order-md-8 {
        order: 8;
    }

    .order-md-9 {
        order: 9;
    }

    .order-md-10 {
        order: 10;
    }

    .order-md-11 {
        order: 11;
    }

    .order-md-12 {
        order: 12;
    }

    .order-md-13 {
        order: 13;
    }

    .order-md-14 {
        order: 14;
    }

    .order-md-15 {
        order: 15;
    }

    .offset-md-0 {
        margin-left: 0;
    }

    .offset-md-1 {
        margin-left: 6.66667%;
    }

    .offset-md-2 {
        margin-left: 13.33333%;
    }

    .offset-md-3 {
        margin-left: 20%;
    }

    .offset-md-4 {
        margin-left: 26.66667%;
    }

    .offset-md-5 {
        margin-left: 33.33333%;
    }

    .offset-md-6 {
        margin-left: 40%;
    }

    .offset-md-7 {
        margin-left: 46.66667%;
    }

    .offset-md-8 {
        margin-left: 53.33333%;
    }

    .offset-md-9 {
        margin-left: 60%;
    }

    .offset-md-10 {
        margin-left: 66.66667%;
    }

    .offset-md-11 {
        margin-left: 73.33333%;
    }

    .offset-md-12 {
        margin-left: 80%;
    }

    .offset-md-13 {
        margin-left: 86.66667%;
    }

    .offset-md-14 {
        margin-left: 93.33333%;
    }
}

@media (min-width: 992px) {
    .col-lg {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-lg-1 {
        flex: 0 0 6.66667%;
        max-width: 6.66667%;
    }

    .col-lg-2 {
        flex: 0 0 13.33333%;
        max-width: 13.33333%;
    }

    .col-lg-25 {
        flex: 0 0 16.666%;
        max-width: 16.666%;
    }

    .col-lg-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-lg-4 {
        flex: 0 0 26.66667%;
        max-width: 26.66667%;
    }

    .col-lg-5 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-lg-6 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-lg-7 {
        flex: 0 0 46.66667%;
        max-width: 46.66667%;
    }

    .col-lg-8 {
        flex: 0 0 53.33333%;
        max-width: 53.33333%;
    }

    .col-lg-9 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-lg-10 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-lg-11 {
        flex: 0 0 73.33333%;
        max-width: 73.33333%;
    }

    .col-lg-12 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-lg-13 {
        flex: 0 0 86.66667%;
        max-width: 86.66667%;
    }

    .col-lg-14 {
        flex: 0 0 93.33333%;
        max-width: 93.33333%;
    }

    .col-lg-15 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-lg-first {
        order: -1;
    }

    .order-lg-last {
        order: 16;
    }

    .order-lg-0 {
        order: 0;
    }

    .order-lg-1 {
        order: 1;
    }

    .order-lg-2 {
        order: 2;
    }

    .order-lg-3 {
        order: 3;
    }

    .order-lg-4 {
        order: 4;
    }

    .order-lg-5 {
        order: 5;
    }

    .order-lg-6 {
        order: 6;
    }

    .order-lg-7 {
        order: 7;
    }

    .order-lg-8 {
        order: 8;
    }

    .order-lg-9 {
        order: 9;
    }

    .order-lg-10 {
        order: 10;
    }

    .order-lg-11 {
        order: 11;
    }

    .order-lg-12 {
        order: 12;
    }

    .order-lg-13 {
        order: 13;
    }

    .order-lg-14 {
        order: 14;
    }

    .order-lg-15 {
        order: 15;
    }

    .offset-lg-0 {
        margin-left: 0;
    }

    .offset-lg-1 {
        margin-left: 6.66667%;
    }

    .offset-lg-2 {
        margin-left: 13.33333%;
    }

    .offset-lg-3 {
        margin-left: 20%;
    }

    .offset-lg-4 {
        margin-left: 26.66667%;
    }

    .offset-lg-5 {
        margin-left: 33.33333%;
    }

    .offset-lg-6 {
        margin-left: 40%;
    }

    .offset-lg-7 {
        margin-left: 46.66667%;
    }

    .offset-lg-8 {
        margin-left: 53.33333%;
    }

    .offset-lg-9 {
        margin-left: 60%;
    }

    .offset-lg-10 {
        margin-left: 66.66667%;
    }

    .offset-lg-11 {
        margin-left: 73.33333%;
    }

    .offset-lg-12 {
        margin-left: 80%;
    }

    .offset-lg-13 {
        margin-left: 86.66667%;
    }

    .offset-lg-14 {
        margin-left: 93.33333%;
    }
}

@media (min-width: 1440px) {
    .col-xl {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

    .col-xl-1 {
        flex: 0 0 6.66667%;
        max-width: 6.66667%;
    }

    .col-xl-2 {
        flex: 0 0 13.33333%;
        max-width: 13.33333%;
    }

    .col-xl-3 {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .col-xl-4 {
        flex: 0 0 26.66667%;
        max-width: 26.66667%;
    }

    .col-xl-5 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .col-xl-6 {
        flex: 0 0 40%;
        max-width: 40%;
    }

    .col-xl-7 {
        flex: 0 0 46.66667%;
        max-width: 46.66667%;
    }

    .col-xl-8 {
        flex: 0 0 53.33333%;
        max-width: 53.33333%;
    }

    .col-xl-9 {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .col-xl-10 {
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .col-xl-11 {
        flex: 0 0 73.33333%;
        max-width: 73.33333%;
    }

    .col-xl-12 {
        flex: 0 0 80%;
        max-width: 80%;
    }

    .col-xl-13 {
        flex: 0 0 86.66667%;
        max-width: 86.66667%;
    }

    .col-xl-14 {
        flex: 0 0 93.33333%;
        max-width: 93.33333%;
    }

    .col-xl-15 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xl-first {
        order: -1;
    }

    .order-xl-last {
        order: 16;
    }

    .order-xl-0 {
        order: 0;
    }

    .order-xl-1 {
        order: 1;
    }

    .order-xl-2 {
        order: 2;
    }

    .order-xl-3 {
        order: 3;
    }

    .order-xl-4 {
        order: 4;
    }

    .order-xl-5 {
        order: 5;
    }

    .order-xl-6 {
        order: 6;
    }

    .order-xl-7 {
        order: 7;
    }

    .order-xl-8 {
        order: 8;
    }

    .order-xl-9 {
        order: 9;
    }

    .order-xl-10 {
        order: 10;
    }

    .order-xl-11 {
        order: 11;
    }

    .order-xl-12 {
        order: 12;
    }

    .order-xl-13 {
        order: 13;
    }

    .order-xl-14 {
        order: 14;
    }

    .order-xl-15 {
        order: 15;
    }

    .offset-xl-0 {
        margin-left: 0;
    }

    .offset-xl-1 {
        margin-left: 6.66667%;
    }

    .offset-xl-2 {
        margin-left: 13.33333%;
    }

    .offset-xl-3 {
        margin-left: 20%;
    }

    .offset-xl-4 {
        margin-left: 26.66667%;
    }

    .offset-xl-5 {
        margin-left: 33.33333%;
    }

    .offset-xl-6 {
        margin-left: 40%;
    }

    .offset-xl-7 {
        margin-left: 46.66667%;
    }

    .offset-xl-8 {
        margin-left: 53.33333%;
    }

    .offset-xl-9 {
        margin-left: 60%;
    }

    .offset-xl-10 {
        margin-left: 66.66667%;
    }

    .offset-xl-11 {
        margin-left: 73.33333%;
    }

    .offset-xl-12 {
        margin-left: 80%;
    }

    .offset-xl-13 {
        margin-left: 86.66667%;
    }

    .offset-xl-14 {
        margin-left: 93.33333%;
    }
}

#js-range-slider-price .noUi-handle:after,
#js-range-slider-price .noUi-handle:before,
.d-none,
.form-input-digit:focus ~ span,
.form-input-digit:valid ~ span,
.leaflet-top.leaflet-right,
.swiper-pagination-bullet-my:only-child {
    display: none !important;
}

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

.d-inline-block {
    display: inline-block !important;
}

.d-block,
.form-control-white > label:first-child,
.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white {
    display: block !important;
}

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

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex,
.selectric-selectric-cabinet .selectric-items ul li,
.selectric-selectric-lang .selectric-items ul li {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block,
    .leaflet-top.leaflet-right {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1440px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}

.flex-row {
    flex-direction: row !important;
}

.flex-column {
    flex-direction: column !important;
}

.flex-row-reverse {
    flex-direction: row-reverse !important;
}

.flex-column-reverse {
    flex-direction: column-reverse !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.flex-nowrap {
    flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-0 {
    flex-grow: 0 !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-0 {
    flex-shrink: 0 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.align-items-baseline {
    align-items: baseline !important;
}

.align-items-stretch {
    align-items: stretch !important;
}

.align-content-start {
    align-content: flex-start !important;
}

.align-content-end {
    align-content: flex-end !important;
}

.align-content-center {
    align-content: center !important;
}

.align-content-between {
    align-content: space-between !important;
}

.align-content-around {
    align-content: space-around !important;
}

.align-content-stretch {
    align-content: stretch !important;
}

.align-self-auto {
    align-self: auto !important;
}

.align-self-start {
    align-self: flex-start !important;
}

.align-self-end {
    align-self: flex-end !important;
}

.align-self-center {
    align-self: center !important;
}

.align-self-baseline {
    align-self: baseline !important;
}

.align-self-stretch {
    align-self: stretch !important;
}

@media (min-width: 576px) {
    .flex-sm-row {
        flex-direction: row !important;
    }

    .flex-sm-column {
        flex-direction: column !important;
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important;
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-sm-fill {
        flex: 1 1 auto !important;
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-sm-start {
        justify-content: flex-start !important;
    }

    .justify-content-sm-end {
        justify-content: flex-end !important;
    }

    .justify-content-sm-center {
        justify-content: center !important;
    }

    .justify-content-sm-between {
        justify-content: space-between !important;
    }

    .justify-content-sm-around {
        justify-content: space-around !important;
    }

    .align-items-sm-start {
        align-items: flex-start !important;
    }

    .align-items-sm-end {
        align-items: flex-end !important;
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .align-items-sm-baseline {
        align-items: baseline !important;
    }

    .align-items-sm-stretch {
        align-items: stretch !important;
    }

    .align-content-sm-start {
        align-content: flex-start !important;
    }

    .align-content-sm-end {
        align-content: flex-end !important;
    }

    .align-content-sm-center {
        align-content: center !important;
    }

    .align-content-sm-between {
        align-content: space-between !important;
    }

    .align-content-sm-around {
        align-content: space-around !important;
    }

    .align-content-sm-stretch {
        align-content: stretch !important;
    }

    .align-self-sm-auto {
        align-self: auto !important;
    }

    .align-self-sm-start {
        align-self: flex-start !important;
    }

    .align-self-sm-end {
        align-self: flex-end !important;
    }

    .align-self-sm-center {
        align-self: center !important;
    }

    .align-self-sm-baseline {
        align-self: baseline !important;
    }

    .align-self-sm-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        flex-direction: row !important;
    }

    .flex-md-column {
        flex-direction: column !important;
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-md-wrap {
        flex-wrap: wrap !important;
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-md-fill {
        flex: 1 1 auto !important;
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-md-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-md-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-md-start {
        justify-content: flex-start !important;
    }

    .justify-content-md-end {
        justify-content: flex-end !important;
    }

    .justify-content-md-center {
        justify-content: center !important;
    }

    .justify-content-md-between {
        justify-content: space-between !important;
    }

    .justify-content-md-around {
        justify-content: space-around !important;
    }

    .align-items-md-start {
        align-items: flex-start !important;
    }

    .align-items-md-end {
        align-items: flex-end !important;
    }

    .align-items-md-center {
        align-items: center !important;
    }

    .align-items-md-baseline {
        align-items: baseline !important;
    }

    .align-items-md-stretch {
        align-items: stretch !important;
    }

    .align-content-md-start {
        align-content: flex-start !important;
    }

    .align-content-md-end {
        align-content: flex-end !important;
    }

    .align-content-md-center {
        align-content: center !important;
    }

    .align-content-md-between {
        align-content: space-between !important;
    }

    .align-content-md-around {
        align-content: space-around !important;
    }

    .align-content-md-stretch {
        align-content: stretch !important;
    }

    .align-self-md-auto {
        align-self: auto !important;
    }

    .align-self-md-start {
        align-self: flex-start !important;
    }

    .align-self-md-end {
        align-self: flex-end !important;
    }

    .align-self-md-center {
        align-self: center !important;
    }

    .align-self-md-baseline {
        align-self: baseline !important;
    }

    .align-self-md-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        flex-direction: row !important;
    }

    .flex-lg-column {
        flex-direction: column !important;
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important;
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-lg-fill {
        flex: 1 1 auto !important;
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-lg-start {
        justify-content: flex-start !important;
    }

    .justify-content-lg-end {
        justify-content: flex-end !important;
    }

    .justify-content-lg-center {
        justify-content: center !important;
    }

    .justify-content-lg-between {
        justify-content: space-between !important;
    }

    .justify-content-lg-around {
        justify-content: space-around !important;
    }

    .align-items-lg-start {
        align-items: flex-start !important;
    }

    .align-items-lg-end {
        align-items: flex-end !important;
    }

    .align-items-lg-center {
        align-items: center !important;
    }

    .align-items-lg-baseline {
        align-items: baseline !important;
    }

    .align-items-lg-stretch {
        align-items: stretch !important;
    }

    .align-content-lg-start {
        align-content: flex-start !important;
    }

    .align-content-lg-end {
        align-content: flex-end !important;
    }

    .align-content-lg-center {
        align-content: center !important;
    }

    .align-content-lg-between {
        align-content: space-between !important;
    }

    .align-content-lg-around {
        align-content: space-around !important;
    }

    .align-content-lg-stretch {
        align-content: stretch !important;
    }

    .align-self-lg-auto {
        align-self: auto !important;
    }

    .align-self-lg-start {
        align-self: flex-start !important;
    }

    .align-self-lg-end {
        align-self: flex-end !important;
    }

    .align-self-lg-center {
        align-self: center !important;
    }

    .align-self-lg-baseline {
        align-self: baseline !important;
    }

    .align-self-lg-stretch {
        align-self: stretch !important;
    }
}

@media (min-width: 1440px) {
    .flex-xl-row {
        flex-direction: row !important;
    }

    .flex-xl-column {
        flex-direction: column !important;
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important;
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important;
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important;
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important;
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important;
    }

    .flex-xl-fill {
        flex: 1 1 auto !important;
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important;
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important;
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0 !important;
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important;
    }

    .justify-content-xl-start {
        justify-content: flex-start !important;
    }

    .justify-content-xl-end {
        justify-content: flex-end !important;
    }

    .justify-content-xl-center {
        justify-content: center !important;
    }

    .justify-content-xl-between {
        justify-content: space-between !important;
    }

    .justify-content-xl-around {
        justify-content: space-around !important;
    }

    .align-items-xl-start {
        align-items: flex-start !important;
    }

    .align-items-xl-end {
        align-items: flex-end !important;
    }

    .align-items-xl-center {
        align-items: center !important;
    }

    .align-items-xl-baseline {
        align-items: baseline !important;
    }

    .align-items-xl-stretch {
        align-items: stretch !important;
    }

    .align-content-xl-start {
        align-content: flex-start !important;
    }

    .align-content-xl-end {
        align-content: flex-end !important;
    }

    .align-content-xl-center {
        align-content: center !important;
    }

    .align-content-xl-between {
        align-content: space-between !important;
    }

    .align-content-xl-around {
        align-content: space-around !important;
    }

    .align-content-xl-stretch {
        align-content: stretch !important;
    }

    .align-self-xl-auto {
        align-self: auto !important;
    }

    .align-self-xl-start {
        align-self: flex-start !important;
    }

    .align-self-xl-end {
        align-self: flex-end !important;
    }

    .align-self-xl-center {
        align-self: center !important;
    }

    .align-self-xl-baseline {
        align-self: baseline !important;
    }

    .align-self-xl-stretch {
        align-self: stretch !important;
    }
}

.article ul,
.m-0 {
    margin: 0 !important;
}

.mt-0,
.my-0 {
    margin-top: 0 !important;
}

.mr-0,
.mx-0 {
    margin-right: 0 !important;
}

.mb-0,
.my-0 {
    margin-bottom: 0 !important;
}

.ml-0,
.mx-0,
.swiper-pagination-vertical .swiper-pagination-bullet-my {
    margin-left: 0 !important;
}

.m-1 {
    margin: 0.25rem !important;
}

.article ul li:before,
.custom-list li:before,
.mt-1,
.my-1 {
    margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
    margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
    margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
    margin-left: 0.25rem !important;
}

.m-2 {
    margin: 0.5rem !important;
}

.mt-2,
.my-2 {
    margin-top: 0.5rem !important;
}

.mr-2,
.mx-2,
.selectric-selectric-filter-gray .selectric .button,
.selectric-selectric-filter .selectric .button,
.selectric-selectric-form .selectric .button,
.selectric-selectric-map .selectric .button {
    margin-right: 0.5rem !important;
}

.form-control-white > label:first-child,
.mb-2,
.my-2,
.swiper-pagination-vertical .swiper-pagination-bullet-my {
    margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
    margin-left: 0.5rem !important;
}

.m-3 {
    margin: 1rem !important;
}

.mt-3,
.my-3 {
    margin-top: 1rem !important;
}

.mr-3,
.mx-3,
.selectric-selectric-cabinet .selectric .button,
.selectric-selectric-lang .selectric .button {
    margin-right: 1rem !important;
}

.article ul li:not(:last-child),
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.mb-3,
.my-3 {
    margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
    margin-left: 1rem !important;
}

.m-4 {
    margin: 1.5rem !important;
}

.mt-4,
.my-4 {
    margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
    margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
    margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
    margin-left: 1.5rem !important;
}

.m-5 {
    margin: 3rem !important;
}

.mt-5,
.my-5 {
    margin-top: 3rem !important;
}

.leaflet-top.leaflet-right,
.mr-5,
.mx-5 {
    margin-right: 3rem !important;
}

.mb-5,
.my-5 {
    margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
    margin-left: 3rem !important;
}

.article ul,
.p-0,
.selectric-selectric-map .selectric-items ul li {
    padding: 0 !important;
}

.pt-0,
.py-0 {
    padding-top: 0 !important;
}

.pr-0,
.px-0 {
    padding-right: 0 !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
    padding-left: 0 !important;
}

.p-1 {
    padding: 0.25rem !important;
}

.pt-1,
.py-1 {
    padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
    padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
    padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
    padding-left: 0.25rem !important;
}

.p-2 {
    padding: 0.5rem !important;
}

.pt-2,
.py-2,
.selectric-selectric-cabinet .selectric,
.selectric-selectric-lang .selectric {
    padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
    padding-right: 0.5rem !important;
}

.pb-2,
.py-2,
.selectric-selectric-cabinet .selectric,
.selectric-selectric-lang .selectric {
    padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
    padding-left: 0.5rem !important;
}

.p-3 {
    padding: 1rem !important;
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.pt-3,
.py-3 {
    padding-top: 1rem !important;
}

.pr-3,
.px-3,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-selectric-cabinet .selectric,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-lang .selectric,
.selectric-selectric-map .selectric {
    padding-right: 1rem !important;
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.pb-3,
.py-3 {
    padding-bottom: 1rem !important;
}

.pl-3,
.px-3,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-selectric-cabinet .selectric,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-map .selectric {
    padding-left: 1rem !important;
}

.selectric-selectric-lang .selectric {
    padding: 0;
}

.p-4 {
    padding: 1.5rem !important;
}

.pt-4,
.py-4 {
    padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.article h3,
.article p:not(:last-child),
.pb-4,
.py-4 {
    padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.p-5 {
    padding: 3rem !important;
}

.pt-5,
.py-5 {
    padding-top: 3rem !important;
}

.pr-5,
.px-5 {
    padding-right: 3rem !important;
}

.pb-5,
.py-5 {
    padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
    padding-left: 3rem !important;
}

.m-auto {
    margin: auto !important;
}

.mt-auto,
.my-auto {
    margin-top: auto !important;
}

.mr-auto,
.mx-auto,
.swiper-container-donut .swiper-slide-active .slide-donut {
    margin-right: auto !important;
}

.mb-auto,
.my-auto {
    margin-bottom: auto !important;
}

.ml-auto,
.mx-auto,
.swiper-container-donut .swiper-slide-active .slide-donut {
    margin-left: auto !important;
}

@media (min-width: 576px) {
    .m-sm-0 {
        margin: 0 !important;
    }

    .mt-sm-0,
    .my-sm-0 {
        margin-top: 0 !important;
    }

    .mr-sm-0,
    .mx-sm-0 {
        margin-right: 0 !important;
    }

    .mb-sm-0,
    .my-sm-0 {
        margin-bottom: 0 !important;
    }

    .ml-sm-0,
    .mx-sm-0 {
        margin-left: 0 !important;
    }

    .m-sm-1 {
        margin: 0.25rem !important;
    }

    .mt-sm-1,
    .my-sm-1 {
        margin-top: 0.25rem !important;
    }

    .mr-sm-1,
    .mx-sm-1 {
        margin-right: 0.25rem !important;
    }

    .mb-sm-1,
    .my-sm-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-sm-1,
    .mx-sm-1 {
        margin-left: 0.25rem !important;
    }

    .m-sm-2 {
        margin: 0.5rem !important;
    }

    .mt-sm-2,
    .my-sm-2 {
        margin-top: 0.5rem !important;
    }

    .mr-sm-2,
    .mx-sm-2 {
        margin-right: 0.5rem !important;
    }

    .mb-sm-2,
    .my-sm-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-sm-2,
    .mx-sm-2 {
        margin-left: 0.5rem !important;
    }

    .m-sm-3 {
        margin: 1rem !important;
    }

    .mt-sm-3,
    .my-sm-3 {
        margin-top: 1rem !important;
    }

    .mr-sm-3,
    .mx-sm-3 {
        margin-right: 1rem !important;
    }

    .mb-sm-3,
    .my-sm-3 {
        margin-bottom: 1rem !important;
    }

    .ml-sm-3,
    .mx-sm-3 {
        margin-left: 1rem !important;
    }

    .m-sm-4 {
        margin: 1.5rem !important;
    }

    .mt-sm-4,
    .my-sm-4 {
        margin-top: 1.5rem !important;
    }

    .mr-sm-4,
    .mx-sm-4 {
        margin-right: 1.5rem !important;
    }

    .mb-sm-4,
    .my-sm-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-sm-4,
    .mx-sm-4 {
        margin-left: 1.5rem !important;
    }

    .m-sm-5 {
        margin: 3rem !important;
    }

    .mt-sm-5,
    .my-sm-5 {
        margin-top: 3rem !important;
    }

    .mr-sm-5,
    .mx-sm-5 {
        margin-right: 3rem !important;
    }

    .mb-sm-5,
    .my-sm-5 {
        margin-bottom: 3rem !important;
    }

    .ml-sm-5,
    .mx-sm-5 {
        margin-left: 3rem !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .pt-sm-0,
    .py-sm-0 {
        padding-top: 0 !important;
    }

    .pr-sm-0,
    .px-sm-0 {
        padding-right: 0 !important;
    }

    .pb-sm-0,
    .py-sm-0 {
        padding-bottom: 0 !important;
    }

    .pl-sm-0,
    .px-sm-0 {
        padding-left: 0 !important;
    }

    .p-sm-1 {
        padding: 0.25rem !important;
    }

    .pt-sm-1,
    .py-sm-1 {
        padding-top: 0.25rem !important;
    }

    .pr-sm-1,
    .px-sm-1 {
        padding-right: 0.25rem !important;
    }

    .pb-sm-1,
    .py-sm-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-sm-1,
    .px-sm-1 {
        padding-left: 0.25rem !important;
    }

    .p-sm-2 {
        padding: 0.5rem !important;
    }

    .pt-sm-2,
    .py-sm-2 {
        padding-top: 0.5rem !important;
    }

    .pr-sm-2,
    .px-sm-2 {
        padding-right: 0.5rem !important;
    }

    .pb-sm-2,
    .py-sm-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-sm-2,
    .px-sm-2 {
        padding-left: 0.5rem !important;
    }

    .p-sm-3 {
        padding: 1rem !important;
    }

    .pt-sm-3,
    .py-sm-3 {
        padding-top: 1rem !important;
    }

    .pr-sm-3,
    .px-sm-3 {
        padding-right: 1rem !important;
    }

    .pb-sm-3,
    .py-sm-3 {
        padding-bottom: 1rem !important;
    }

    .pl-sm-3,
    .px-sm-3 {
        padding-left: 1rem !important;
    }

    .p-sm-4 {
        padding: 1.5rem !important;
    }

    .pt-sm-4,
    .py-sm-4 {
        padding-top: 1.5rem !important;
    }

    .pr-sm-4,
    .px-sm-4 {
        padding-right: 1.5rem !important;
    }

    .pb-sm-4,
    .py-sm-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-sm-4,
    .px-sm-4 {
        padding-left: 1.5rem !important;
    }

    .p-sm-5 {
        padding: 3rem !important;
    }

    .pt-sm-5,
    .py-sm-5 {
        padding-top: 3rem !important;
    }

    .pr-sm-5,
    .px-sm-5 {
        padding-right: 3rem !important;
    }

    .pb-sm-5,
    .py-sm-5 {
        padding-bottom: 3rem !important;
    }

    .pl-sm-5,
    .px-sm-5 {
        padding-left: 3rem !important;
    }

    .m-sm-auto {
        margin: auto !important;
    }

    .mt-sm-auto,
    .my-sm-auto {
        margin-top: auto !important;
    }

    .mr-sm-auto,
    .mx-sm-auto {
        margin-right: auto !important;
    }

    .mb-sm-auto,
    .my-sm-auto {
        margin-bottom: auto !important;
    }

    .ml-sm-auto,
    .mx-sm-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 768px) {
    .m-md-0 {
        margin: 0 !important;
    }

    .mt-md-0,
    .my-md-0 {
        margin-top: 0 !important;
    }

    .mr-md-0,
    .mx-md-0 {
        margin-right: 0 !important;
    }

    .mb-md-0,
    .my-md-0 {
        margin-bottom: 0 !important;
    }

    .ml-md-0,
    .mx-md-0 {
        margin-left: 0 !important;
    }

    .m-md-1 {
        margin: 0.25rem !important;
    }

    .mt-md-1,
    .my-md-1 {
        margin-top: 0.25rem !important;
    }

    .mr-md-1,
    .mx-md-1 {
        margin-right: 0.25rem !important;
    }

    .mb-md-1,
    .my-md-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-md-1,
    .mx-md-1 {
        margin-left: 0.25rem !important;
    }

    .m-md-2 {
        margin: 0.5rem !important;
    }

    .mt-md-2,
    .my-md-2 {
        margin-top: 0.5rem !important;
    }

    .mr-md-2,
    .mx-md-2 {
        margin-right: 0.5rem !important;
    }

    .mb-md-2,
    .my-md-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-md-2,
    .mx-md-2 {
        margin-left: 0.5rem !important;
    }

    .m-md-3 {
        margin: 1rem !important;
    }

    .mt-md-3,
    .my-md-3 {
        margin-top: 1rem !important;
    }

    .mr-md-3,
    .mx-md-3 {
        margin-right: 1rem !important;
    }

    .mb-md-3,
    .my-md-3 {
        margin-bottom: 1rem !important;
    }

    .ml-md-3,
    .mx-md-3 {
        margin-left: 1rem !important;
    }

    .m-md-4 {
        margin: 1.5rem !important;
    }

    .mt-md-4,
    .my-md-4 {
        margin-top: 1.5rem !important;
    }

    .mr-md-4,
    .mx-md-4 {
        margin-right: 1.5rem !important;
    }

    .mb-md-4,
    .my-md-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-md-4,
    .mx-md-4 {
        margin-left: 1.5rem !important;
    }

    .m-md-5 {
        margin: 3rem !important;
    }

    .mt-md-5,
    .my-md-5 {
        margin-top: 3rem !important;
    }

    .mr-md-5,
    .mx-md-5 {
        margin-right: 3rem !important;
    }

    .mb-md-5,
    .my-md-5 {
        margin-bottom: 3rem !important;
    }

    .ml-md-5,
    .mx-md-5 {
        margin-left: 3rem !important;
    }

    .p-md-0 {
        padding: 0 !important;
    }

    .pt-md-0,
    .py-md-0 {
        padding-top: 0 !important;
    }

    .pr-md-0,
    .px-md-0 {
        padding-right: 0 !important;
    }

    .pb-md-0,
    .py-md-0 {
        padding-bottom: 0 !important;
    }

    .pl-md-0,
    .px-md-0 {
        padding-left: 0 !important;
    }

    .p-md-1 {
        padding: 0.25rem !important;
    }

    .pt-md-1,
    .py-md-1 {
        padding-top: 0.25rem !important;
    }

    .pr-md-1,
    .px-md-1 {
        padding-right: 0.25rem !important;
    }

    .pb-md-1,
    .py-md-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-md-1,
    .px-md-1 {
        padding-left: 0.25rem !important;
    }

    .p-md-2 {
        padding: 0.5rem !important;
    }

    .pt-md-2,
    .py-md-2 {
        padding-top: 0.5rem !important;
    }

    .pr-md-2,
    .px-md-2 {
        padding-right: 0.5rem !important;
    }

    .pb-md-2,
    .py-md-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-md-2,
    .px-md-2 {
        padding-left: 0.5rem !important;
    }

    .p-md-3 {
        padding: 1rem !important;
    }

    .pt-md-3,
    .py-md-3 {
        padding-top: 1rem !important;
    }

    .pr-md-3,
    .px-md-3 {
        padding-right: 1rem !important;
    }

    .pb-md-3,
    .py-md-3 {
        padding-bottom: 1rem !important;
    }

    .pl-md-3,
    .px-md-3 {
        padding-left: 1rem !important;
    }

    .p-md-4 {
        padding: 1.5rem !important;
    }

    .pt-md-4,
    .py-md-4 {
        padding-top: 1.5rem !important;
    }

    .pr-md-4,
    .px-md-4 {
        padding-right: 1.5rem !important;
    }

    .pb-md-4,
    .py-md-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-md-4,
    .px-md-4 {
        padding-left: 1.5rem !important;
    }

    .p-md-5 {
        padding: 3rem !important;
    }

    .pt-md-5,
    .py-md-5 {
        padding-top: 3rem !important;
    }

    .pr-md-5,
    .px-md-5 {
        padding-right: 3rem !important;
    }

    .pb-md-5,
    .py-md-5 {
        padding-bottom: 3rem !important;
    }

    .pl-md-5,
    .px-md-5 {
        padding-left: 3rem !important;
    }

    .m-md-auto {
        margin: auto !important;
    }

    .mt-md-auto,
    .my-md-auto {
        margin-top: auto !important;
    }

    .mr-md-auto,
    .mx-md-auto {
        margin-right: auto !important;
    }

    .mb-md-auto,
    .my-md-auto {
        margin-bottom: auto !important;
    }

    .ml-md-auto,
    .mx-md-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 992px) {
    .m-lg-0 {
        margin: 0 !important;
    }

    .mt-lg-0,
    .my-lg-0 {
        margin-top: 0 !important;
    }

    .mr-lg-0,
    .mx-lg-0,
    .selectric-selectric-cabinet .selectric .button,
    .selectric-selectric-lang .selectric .button {
        margin-right: 0 !important;
    }

    .mb-lg-0,
    .my-lg-0 {
        margin-bottom: 0 !important;
    }

    .ml-lg-0,
    .mx-lg-0 {
        margin-left: 0 !important;
    }

    .m-lg-1 {
        margin: 0.25rem !important;
    }

    .mt-lg-1,
    .my-lg-1 {
        margin-top: 0.25rem !important;
    }

    .mr-lg-1,
    .mx-lg-1 {
        margin-right: 0.25rem !important;
    }

    .mb-lg-1,
    .my-lg-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-lg-1,
    .mx-lg-1 {
        margin-left: 0.25rem !important;
    }

    .m-lg-2 {
        margin: 0.5rem !important;
    }

    .article ul li:before,
    .custom-list li:before,
    .mt-lg-2,
    .my-lg-2 {
        margin-top: 0.5rem !important;
    }

    .mr-lg-2,
    .mx-lg-2 {
        margin-right: 0.5rem !important;
    }

    .mb-lg-2,
    .my-lg-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-lg-2,
    .mx-lg-2 {
        margin-left: 0.5rem !important;
    }

    .m-lg-3 {
        margin: 1rem !important;
    }

    .mt-lg-3,
    .my-lg-3 {
        margin-top: 1rem !important;
    }

    .mr-lg-3,
    .mx-lg-3 {
        margin-right: 1rem !important;
    }

    .article h3,
    .mb-lg-3,
    .my-lg-3 {
        margin-bottom: 1rem !important;
    }

    .ml-lg-3,
    .mx-lg-3 {
        margin-left: 1rem !important;
    }

    .m-lg-4 {
        margin: 1.5rem !important;
    }

    .mt-lg-4,
    .my-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mr-lg-4,
    .mx-lg-4 {
        margin-right: 1.5rem !important;
    }

    .article ul li:not(:last-child),
    .mb-lg-4,
    .my-lg-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-lg-4,
    .mx-lg-4 {
        margin-left: 1.5rem !important;
    }

    .m-lg-5 {
        margin: 3rem !important;
    }

    .mt-lg-5,
    .my-lg-5 {
        margin-top: 3rem !important;
    }

    .mr-lg-5,
    .mx-lg-5 {
        margin-right: 3rem !important;
    }

    .mb-lg-5,
    .my-lg-5 {
        margin-bottom: 3rem !important;
    }

    .ml-lg-5,
    .mx-lg-5 {
        margin-left: 3rem !important;
    }

    .p-lg-0,
    .selectric-selectric-cabinet .selectric,
    .selectric-selectric-lang .selectric {
        padding: 0 !important;
    }

    .pt-lg-0,
    .py-lg-0 {
        padding-top: 0 !important;
    }

    .pr-lg-0,
    .px-lg-0 {
        padding-right: 0 !important;
    }

    .pb-lg-0,
    .py-lg-0 {
        padding-bottom: 0 !important;
    }

    .pl-lg-0,
    .px-lg-0 {
        padding-left: 0 !important;
    }

    .p-lg-1 {
        padding: 0.25rem !important;
    }

    .pt-lg-1,
    .py-lg-1 {
        padding-top: 0.25rem !important;
    }

    .pr-lg-1,
    .px-lg-1 {
        padding-right: 0.25rem !important;
    }

    .pb-lg-1,
    .py-lg-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-lg-1,
    .px-lg-1 {
        padding-left: 0.25rem !important;
    }

    .p-lg-2 {
        padding: 0.5rem !important;
    }

    .pt-lg-2,
    .py-lg-2 {
        padding-top: 0.5rem !important;
    }

    .pr-lg-2,
    .px-lg-2 {
        padding-right: 0.5rem !important;
    }

    .pb-lg-2,
    .py-lg-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-lg-2,
    .px-lg-2 {
        padding-left: 0.5rem !important;
    }

    .p-lg-3 {
        padding: 1rem !important;
    }

    .pt-lg-3,
    .py-lg-3 {
        padding-top: 1rem !important;
    }

    .pr-lg-3,
    .px-lg-3 {
        padding-right: 1rem !important;
    }

    .pb-lg-3,
    .py-lg-3 {
        padding-bottom: 1rem !important;
    }

    .pl-lg-3,
    .px-lg-3 {
        padding-left: 1rem !important;
    }

    .p-lg-4 {
        padding: 1.5rem !important;
    }

    .pt-lg-4,
    .py-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pr-lg-4,
    .px-lg-4 {
        padding-right: 1.5rem !important;
    }

    .pb-lg-4,
    .py-lg-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-lg-4,
    .px-lg-4 {
        padding-left: 1.5rem !important;
    }

    .p-lg-5 {
        padding: 3rem !important;
    }

    .pt-lg-5,
    .py-lg-5 {
        padding-top: 3rem !important;
    }

    .pr-lg-5,
    .px-lg-5 {
        padding-right: 3rem !important;
    }

    .pb-lg-5,
    .py-lg-5 {
        padding-bottom: 3rem !important;
    }

    .pl-lg-5,
    .px-lg-5 {
        padding-left: 3rem !important;
    }

    .m-lg-auto {
        margin: auto !important;
    }

    .mt-lg-auto,
    .my-lg-auto {
        margin-top: auto !important;
    }

    .mr-lg-auto,
    .mx-lg-auto {
        margin-right: auto !important;
    }

    .mb-lg-auto,
    .my-lg-auto {
        margin-bottom: auto !important;
    }

    .ml-lg-auto,
    .mx-lg-auto {
        margin-left: auto !important;
    }
}

@media (min-width: 1440px) {
    .m-xl-0 {
        margin: 0 !important;
    }

    .mt-xl-0,
    .my-xl-0 {
        margin-top: 0 !important;
    }

    .mr-xl-0,
    .mx-xl-0 {
        margin-right: 0 !important;
    }

    .mb-xl-0,
    .my-xl-0 {
        margin-bottom: 0 !important;
    }

    .ml-xl-0,
    .mx-xl-0 {
        margin-left: 0 !important;
    }

    .m-xl-1 {
        margin: 0.25rem !important;
    }

    .mt-xl-1,
    .my-xl-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xl-1,
    .mx-xl-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xl-1,
    .my-xl-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xl-1,
    .mx-xl-1 {
        margin-left: 0.25rem !important;
    }

    .m-xl-2 {
        margin: 0.5rem !important;
    }

    .mt-xl-2,
    .my-xl-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xl-2,
    .mx-xl-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xl-2,
    .my-xl-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xl-2,
    .mx-xl-2 {
        margin-left: 0.5rem !important;
    }

    .m-xl-3 {
        margin: 1rem !important;
    }

    .mt-xl-3,
    .my-xl-3 {
        margin-top: 1rem !important;
    }

    .mr-xl-3,
    .mx-xl-3 {
        margin-right: 1rem !important;
    }

    .mb-xl-3,
    .my-xl-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xl-3,
    .mx-xl-3 {
        margin-left: 1rem !important;
    }

    .m-xl-4 {
        margin: 1.5rem !important;
    }

    .mt-xl-4,
    .my-xl-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xl-4,
    .mx-xl-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xl-4,
    .my-xl-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xl-4,
    .mx-xl-4 {
        margin-left: 1.5rem !important;
    }

    .m-xl-5 {
        margin: 3rem !important;
    }

    .mt-xl-5,
    .my-xl-5 {
        margin-top: 3rem !important;
    }

    .mr-xl-5,
    .mx-xl-5 {
        margin-right: 3rem !important;
    }

    .mb-xl-5,
    .my-xl-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xl-5,
    .mx-xl-5 {
        margin-left: 3rem !important;
    }

    .p-xl-0 {
        padding: 0 !important;
    }

    .pt-xl-0,
    .py-xl-0 {
        padding-top: 0 !important;
    }

    .pr-xl-0,
    .px-xl-0 {
        padding-right: 0 !important;
    }

    .pb-xl-0,
    .py-xl-0 {
        padding-bottom: 0 !important;
    }

    .pl-xl-0,
    .px-xl-0 {
        padding-left: 0 !important;
    }

    .p-xl-1 {
        padding: 0.25rem !important;
    }

    .pt-xl-1,
    .py-xl-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xl-1,
    .px-xl-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xl-1,
    .py-xl-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xl-1,
    .px-xl-1 {
        padding-left: 0.25rem !important;
    }

    .p-xl-2 {
        padding: 0.5rem !important;
    }

    .pt-xl-2,
    .py-xl-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xl-2,
    .px-xl-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xl-2,
    .py-xl-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xl-2,
    .px-xl-2 {
        padding-left: 0.5rem !important;
    }

    .p-xl-3 {
        padding: 1rem !important;
    }

    .pt-xl-3,
    .py-xl-3 {
        padding-top: 1rem !important;
    }

    .pr-xl-3,
    .px-xl-3 {
        padding-right: 1rem !important;
    }

    .pb-xl-3,
    .py-xl-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xl-3,
    .px-xl-3 {
        padding-left: 1rem !important;
    }

    .p-xl-4 {
        padding: 1.5rem !important;
    }

    .pt-xl-4,
    .py-xl-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xl-4,
    .px-xl-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xl-4,
    .py-xl-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xl-4,
    .px-xl-4 {
        padding-left: 1.5rem !important;
    }

    .p-xl-5 {
        padding: 3rem !important;
    }

    .pt-xl-5,
    .py-xl-5 {
        padding-top: 3rem !important;
    }

    .pr-xl-5,
    .px-xl-5 {
        padding-right: 3rem !important;
    }

    .pb-xl-5,
    .py-xl-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xl-5,
    .px-xl-5 {
        padding-left: 3rem !important;
    }

    .m-xl-auto {
        margin: auto !important;
    }

    .mt-xl-auto,
    .my-xl-auto {
        margin-top: auto !important;
    }

    .mr-xl-auto,
    .mx-xl-auto {
        margin-right: auto !important;
    }

    .mb-xl-auto,
    .my-xl-auto {
        margin-bottom: auto !important;
    }

    .ml-xl-auto,
    .mx-xl-auto {
        margin-left: auto !important;
    }
}

.w-25 {
    width: 25% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.search-bar,
.search-bar-green,
.search-bar-white,
.tab-yellow,
.w-100 {
    width: 100% !important;
}

.selectric-selectric-cabinet .selectric,
.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}

.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.ff-hoves,
.search-bar,
.search-bar-green,
.search-bar-white {
    font-family: "Poppins", sans-serif;
}

.fw-100 {
    font-weight: 100;
}

.fw-200 {
    font-weight: 200;
}

.fw-300 {
    font-weight: 300;
}

.article p,
.article ul li,
.form-control-white > label:first-child,
.fw-400,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-items ul li {
    font-weight: 400;
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.fw-500,
.selectric-selectric-cabinet .selectric .label,
.selectric-selectric-filter-gray .selectric .label,
.selectric-selectric-filter .selectric .label,
.selectric-selectric-form .selectric .label,
.selectric-selectric-lang .selectric .label,
.selectric-selectric-map .selectric .label {
    font-weight: 500;
}

.article h3,
.fw-600,
.marker-cluster-custom {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.fw-900 {
    font-weight: 900;
}

.lh-6 {
    line-height: 6px;
}

.lh-10 {
    line-height: 10px;
}

.form-control-white > label:first-child,
.lh-16 {
    line-height: 16px;
}

.lh-18 {
    line-height: 18px;
}

.lh-20 {
    line-height: 20px;
}

.article ul li,
.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.lh-24,
.marker-cluster-custom,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-items ul li {
    line-height: 24px;
}

.article h3,
.article p,
.lh-28 {
    line-height: 28px;
}

.lh-31 {
    line-height: 31px;
}

.form-input-digit,
.lh-32 {
    line-height: 32px;
}

.lh-37 {
    line-height: 37px;
}

.lh-40 {
    line-height: 40px;
}

.lh-48 {
    line-height: 48px;
}

.lh-56 {
    line-height: 56px;
}

.fs-6 {
    font-size: 6px;
}

.fs-7 {
    font-size: 7px;
}

.fs-8 {
    font-size: 8px;
}

.fs-10 {
    font-size: 10px;
}

.fs-11 {
    font-size: 11px;
}

.fs-12 {
    font-size: 12px;
}

.form-control-white > label:first-child,
.fs-13 {
    font-size: 13px;
}

.article ul li,
.fs-14,
.selectric-items ul li,
.selectric-selectric-filter-gray .selectric .label,
.selectric-selectric-filter .selectric .label,
.selectric-selectric-form .selectric .label,
.selectric-selectric-map .selectric .label {
    font-size: 14px;
}

.fs-15,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-selectric-cabinet .selectric .label,
.selectric-selectric-lang .selectric .label {
    font-size: 15px;
}

.article p,
.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.fs-16 {
    font-size: 16px;
}

.fs-17 {
    font-size: 17px;
}

.fs-18,
.marker-cluster-custom {
    font-size: 18px;
}

.article h3,
.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.form-input-digit,
.fs-24 {
    font-size: 24px;
}

.fs-26 {
    font-size: 26px;
}

.fs-28 {
    font-size: 28px;
}

.fs-32 {
    font-size: 32px;
}

.fs-36 {
    font-size: 36px;
}

.fs-40 {
    font-size: 40px;
}

.fs-48 {
    font-size: 48px;
}

.fs-52 {
    font-size: 52px;
}

@media (min-width: 992px) {
    .fs-lg-12 {
        font-size: 12px !important;
    }

    .fs-lg-13,
    .selectric-selectric-cabinet .selectric .label,
    .selectric-selectric-lang .selectric .label {
        font-size: 13px !important;
    }

    .fs-lg-14 {
        font-size: 14px !important;
    }

    .fs-lg-15 {
        font-size: 15px !important;
    }

    .fs-lg-16,
    .selectric-selectric-filter-gray .selectric .label,
    .selectric-selectric-filter .selectric .label,
    .selectric-selectric-form .selectric .label,
    .selectric-selectric-map .selectric .label {
        font-size: 16px !important;
    }

    .fs-lg-18 {
        font-size: 18px !important;
    }

    .fs-lg-19 {
        font-size: 19px !important;
    }

    .article p,
    .article ul li,
    .fs-lg-20 {
        font-size: 20px !important;
    }

    .fs-lg-21 {
        font-size: 21px !important;
    }

    .fs-lg-22 {
        font-size: 22px !important;
    }

    .article h3,
    .fs-lg-24 {
        font-size: 24px !important;
    }

    .fs-lg-26 {
        font-size: 26px !important;
    }

    .fs-lg-28 {
        font-size: 28px !important;
    }

    .fs-lg-32 {
        font-size: 32px !important;
    }

    .fs-lg-36 {
        font-size: 36px !important;
    }

    .fs-lg-38 {
        font-size: 38px !important;
    }

    .fs-lg-40 {
        font-size: 40px !important;
    }

    .fs-lg-46 {
        font-size: 34px !important;
    }

    .fs-lg-48 {
        font-size: 48px !important;
    }

    .fs-lg-52 {
        font-size: 52px !important;
    }

    .fs-lg-64 {
        font-size: 64px !important;
    }

    .lh-lg-16 {
        line-height: 16px !important;
    }

    .lh-lg-18 {
        line-height: 18px !important;
    }

    .lh-lg-20 {
        line-height: 20px !important;
    }

    .lh-lg-24 {
        line-height: 24px !important;
    }

    .lh-lg-28 {
        line-height: 28px !important;
    }

    .article h3,
    .article p,
    .article ul li,
    .lh-lg-32 {
        line-height: 32px !important;
    }

    .lh-lg-36 {
        line-height: 36px !important;
    }

    .lh-lg-40 {
        line-height: 40px !important;
    }

    .lh-lg-44 {
        line-height: 44px !important;
    }

    .lh-lg-48 {
        line-height: 48px !important;
    }

    .lh-lg-52 {
        line-height: 52px !important;
    }

    .lh-lg-55 {
        line-height: 55px !important;
    }

    .lh-lg-56 {
        line-height: 56px !important;
    }

    .lh-lg-64 {
        line-height: 64px !important;
    }

    .lh-lg-72 {
        line-height: 72px !important;
    }

    .fw-lg-100 {
        font-weight: 100 !important;
    }

    .fw-lg-200 {
        font-weight: 200 !important;
    }

    .fw-lg-300 {
        font-weight: 300 !important;
    }

    .fw-lg-400 {
        font-weight: 400 !important;
    }

    .fw-lg-500 {
        font-weight: 500 !important;
    }

    .fw-lg-600 {
        font-weight: 600 !important;
    }

    .fw-lg-700 {
        font-weight: 700 !important;
    }

    .fw-lg-800 {
        font-weight: 800 !important;
    }

    .fw-lg-900 {
        font-weight: 900 !important;
    }

    .up-product {
        margin-bottom: 23vmin !important;
    }
}

@media (min-width: 1200px) {
    .fs-lg-72 {
        font-size: 72px !important;
    }
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-MediumItalic.woff2") format("woff2"),
    url("../fonts/Poppins-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Light.woff2") format("woff2"),
    url("../fonts/Poppins-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-BoldItalic.woff2") format("woff2"),
    url("../fonts/Poppins-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Medium.woff2") format("woff2"),
    url("../fonts/Poppins-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-ThinItalic.woff2") format("woff2"),
    url("../fonts/Poppins-ThinItalic.woff") format("woff");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-ExtraBoldItalic.woff2") format("woff2"),
    url("../fonts/Poppins-ExtraBoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-SemiBold.woff2") format("woff2"),
    url("../fonts/Poppins-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Thin.woff2") format("woff2"),
    url("../fonts/Poppins-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Bold.woff2") format("woff2"),
    url("../fonts/Poppins-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-LightItalic.woff2") format("woff2"),
    url("../fonts/Poppins-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Black.woff2") format("woff2"),
    url("../fonts/Poppins-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Italic.woff2") format("woff2"),
    url("../fonts/Poppins-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-BlackItalic.woff2") format("woff2"),
    url("../fonts/Poppins-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-SemiBoldItalic.woff2") format("woff2"),
    url("../fonts/Poppins-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-ExtraLight.woff2") format("woff2"),
    url("../fonts/Poppins-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-Regular.woff2") format("woff2"),
    url("../fonts/Poppins-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-ExtraLightItalic.woff2") format("woff2"),
    url("../fonts/Poppins-ExtraLightItalic.woff") format("woff");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins-ExtraBold.woff2") format("woff2"),
    url("../fonts/Poppins-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

button {
    border: none;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button,
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:focus,
textarea:focus {
    outline: none;
}

.bg-white,
.form-control-white input,
.form-input-digit,
.form-input-white,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.search-bar-white,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-map .selectric {
    background-color: #fff !important;
}

.bg-black {
    background-color: #000 !important;
}

.bg-transparent,
.selectric-selectric-cabinet .selectric .label,
.selectric-selectric-filter-gray .selectric .label,
.selectric-selectric-filter .selectric .label,
.selectric-selectric-form .selectric .label,
.selectric-selectric-lang .selectric .label,
.selectric-selectric-map .selectric .label,
.shadow-credit-card:after {
    background-color: transparent !important;
}

.selectric-selectric-lang .selectric .label span {
    color: #000;
}

.bg-center {
    background-position: center center;
}

.bg-center-bottom {
    background-position: center bottom;
}

.bg-right-top {
    background-position: right top;
}

.bg-right-bottom {
    background-position: right bottom;
}

.bg-left-center {
    background-position: left center;
}

.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.bg-contain {
    background-size: contain !important;
}

.bg-cover {
    background-size: cover !important;
}

/*.color-white, .search-bar-green, .search-bar-green::placeholder, .selectric-selectric-cabinet .selectric .label, .selectric-selectric-lang .selectric .label, .selectric-selectric-white .selectric .label {*/
/*    color: #fff !important*/
/*}*/
.color-white,
.search-bar-green,
.search-bar-green::placeholder,
.selectric-selectric-cabinet .selectric .label,
.selectric-selectric-white {
    color: #fff !important;
}

.color-black,
.radio-input:checked ~ .radio .radio-label,
.search-bar-white,
.search-bar-white::placeholder {
    color: #000 !important;
}

.h-20p {
    height: 20%;
}

.h-50p {
    height: 50%;
}

.h-80p {
    height: 80%;
}

.h-90p {
    height: 90%;
}

.h-100-vh {
    height: 100vh;
}

.h-100p,
.shadow-credit-card:after,
.tab-yellow {
    height: 100%;
}

.h-max-100p {
    max-height: 100%;
}

.min-h-100 {
    min-height: 100%;
}

.min-h-100vh {
    min-height: 100vh;
}

.min-h-80vh {
    min-height: 80vh;
}

.max-h-100vh {
    max-height: 100vh;
}

.h-auto {
    height: auto !important;
}

.selectric-selectric-cabinet .selectric,
.w-auto {
    width: auto !important;
}

.w-max {
    width: max-content !important;
}

.w-40 {
    width: 40px;
}

.w-100px {
    width: 100px;
}

.w-25p {
    width: 25% !important;
}

.w-30p {
    width: 30% !important;
}

.w-40p {
    width: 40% !important;
}

.w-50 {
    width: 50% !important;
}

.w-60p {
    width: 60% !important;
}

.w-80p {
    width: 80% !important;
}

.w-90p {
    width: 90% !important;
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.search-bar,
.search-bar-green,
.search-bar-white,
.tab-yellow,
.w-100 {
    width: 100% !important;
}

.w-100-max {
    max-width: 100%;
}

.w-100-vw {
    width: 100vw;
}

.d-flex-x-center,
.d-flex-xy,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.swiper-pagination-bullet-my,
.swiper-pagination-horizontal,
.tab-yellow {
    display: flex !important;
    justify-content: center;
}

.d-flex-x-between {
    display: flex !important;
    justify-content: space-between;
}

.d-flex-xy,
.d-flex-y-center,
.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-map .selectric,
.swiper-pagination-bullet-my,
.swiper-pagination-horizontal,
.tab-yellow {
    display: flex !important;
    align-items: center;
}

.d-inline-flex-x-center,
.d-inline-flex-xy {
    display: inline-flex !important;
    justify-content: center;
}

.d-inline-flex-xy,
.d-inline-flex-y-center,
.selectric-selectric-cabinet .selectric {
    display: inline-flex !important;
    align-items: center;
}

.d-contents {
    display: contents;
}

.icon,
.leaflet-control-zoom-in:after,
.leaflet-control-zoom-out:after,
.marker-cluster-custom {
    display: inline-flex;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 16px;
    height: 16px;
}

.icon-color-black {
    filter: invert(0%) sepia(64%) saturate(0%) hue-rotate(36deg) brightness(98%) contrast(101%);
}

.icon-color-white {
    filter: invert(94%) sepia(83%) saturate(0%) hue-rotate(39deg) brightness(145%) contrast(101%);
}

#js-operations-table_wrapper .dataTables_scrollBody table,
.border,
.tab-yellow {
    border: 1px solid #000 !important;
}

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

.border-top {
    border-top: 1px solid #000;
}

.border-left {
    border-left: 1px solid #000;
}

.border-right {
    border-right: 1px solid #000;
}

.border-transparent,
.tab-yellow.active {
    border-color: transparent !important;
}

.border-dashed {
    border-style: dashed !important;
}

.border-2 {
    border-width: 2px;
}

.border-3 {
    border-width: 3px;
}

.border-4 {
    border-width: 4px;
}

.border-5 {
    border-width: 5px !important;
}

.border-6 {
    border-width: 6px !important;
}

#js-operations-table_wrapper .dataTables_scrollBody,
#js-range-slider-price .noUi-handle,
.border-0,
.leaflet-control-zoom,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-map .selectric {
    border: none !important;
}

.border-top-0 {
    border-top: 0 !important;
}

.border-bottom-0 {
    border-bottom: 0 !important;
}

.border-white {
    border-color: #fff;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.outline-0 {
    outline: none;
}

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

#js-range-slider-price .noUi-handle,
.article ul li:before,
.custom-list li:before,
.radius-50,
.swiper-button-my,
.swiper-button-next-my-green,
.swiper-button-next-my-white,
.swiper-button-prev-my-green,
.swiper-button-prev-my-white {
    border-radius: 50%;
}

.radius-top-none,
.selectric-selectric-map .selectric-items:after {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.radius-bottom-none {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.radius-right-none {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.radius-left-none {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.btn {
    transition: all 400ms ease;
    display: inline-flex;
    text-align: center;
    cursor: pointer;
}

.btn:hover {
    filter: brightness(90%);
}

.overflow-h {
    overflow: hidden;
}

.overflow-v {
    overflow: visible;
}

.overflowx-h {
    overflow-x: hidden;
}

.overflowy-h {
    overflow-y: hidden;
}

.overflowx-s {
    overflow-x: scroll;
}

.overflowy-s {
    overflow-y: scroll;
}

.overflowx-auto {
    overflow-x: auto;
}

.overflowy-auto {
    overflow-y: auto;
}

.opacity-0 {
    opacity: 0;
}

.opacity-01 {
    opacity: 0.1 !important;
}

.opacity-05 {
    opacity: 0.05;
}

.opacity-2 {
    opacity: 0.2;
}

.opacity-3 {
    opacity: 0.3;
}

.opacity-4,
.search-bar-white::placeholder {
    opacity: 0.4;
}

.opacity-5 {
    opacity: 0.5;
}

.opacity-6,
.search-bar-green::placeholder {
    opacity: 0.6;
}

.opacity-7 {
    opacity: 0.7;
}

.opacity-8 {
    opacity: 0.8;
}

.dz-delete-hover:hover .dz-delete-hover-content,
.opacity-1 {
    opacity: 1 !important;
}

.pos-absolute,
.selectric-selectric-map .selectric-items:after,
.shadow-credit-card:after {
    position: absolute !important;
}

.article ul li,
.custom-list li,
.pos-relative {
    position: relative;
}

.pos-fixed {
    position: fixed !important;
}

.pos-static {
    position: static;
}

.pos-sticky {
    position: sticky;
}

#js-range-slider-price .noUi-handle,
.shadow-credit-card:after,
.top-0 {
    top: 0 !important;
}

.top-n100 {
    top: -100% !important;
}

.bottom-0 {
    bottom: 0;
}

.right-n100p {
    right: -100% !important;
}

.right-0 {
    right: 0 !important;
}

.right-auto {
    right: auto !important;
}

.right-40p {
    right: 40% !important;
}

.left-0 {
    left: 0 !important;
}

.left-60p {
    left: 60% !important;
}

.left-center,
.shadow-credit-card:after {
    left: 50%;
    transform: translateX(-50%);
}

#js-range-slider-price .noUi-connects,
.swiper-button-my,
.swiper-button-next-my-green,
.swiper-button-next-my-white,
.swiper-button-prev-my-green,
.swiper-button-prev-my-white,
.top-center {
    top: 50%;
    transform: translateY(-50%);
}

.pos-center,
.swiper-pagination-bullet-my-active-green:before,
.swiper-pagination-bullet-my-active-white:before,
.swiper-pagination-bullet-my-active:before {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.left-auto {
    left: auto;
}

.left-n100p {
    left: -100%;
}

.left-100p {
    left: 100%;
}

.top-50 {
    top: 50px;
}

.z-n1 {
    z-index: -1 !important;
}

.dz-delete-hover:hover .dz-delete-hover-content,
.z-10 {
    z-index: 10 !important;
}

.z-11 {
    z-index: 11 !important;
}

.z-20 {
    z-index: 20 !important;
}

.z-100 {
    z-index: 100 !important;
}

.z-111 {
    z-index: 111 !important;
}

.z-115 {
    z-index: 115 !important;
}

.z-120 {
    z-index: 120 !important;
}

.z-125 {
    z-index: 125 !important;
}

.z-150 {
    z-index: 150 !important;
}

.z-500 {
    z-index: 500 !important;
}

.z-10000 {
    z-index: 10000 !important;
}

.rotate-n90,
.selectric-selectric-filter-gray .selectric .button {
    transform: rotate(-90deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.translate-x-50 {
    transform: translateX(50%);
}

.translate-x-100 {
    transform: translateX(100%);
}

.translate-x-n50 {
    transform: translateX(-50%);
}

.translate-x-n100 {
    transform: translateX(-100%);
}

.translate-y-50 {
    transform: translateY(50%);
}

.transform-none {
    transform: none !important;
}

.p-bottom-only p {
    margin-top: 0;
    margin-bottom: 20px;
}

.events-none * {
    pointer-events: none;
}

.p-events-none {
    pointer-events: none;
}

.resize-none {
    resize: none;
}

.ws-nowrap {
    white-space: nowrap;
}

#js-range-slider-price .noUi-handle,
.cursor-p,
.tab-yellow {
    cursor: pointer !important;
}

.cursor-d {
    cursor: default !important;
}

.obj-cover {
    object-fit: cover;
}

.obj-contain {
    object-fit: contain;
}

.obj-fill {
    object-fit: fill;
}

.list-reset,
.list-reset ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clear-both {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.underline-0 {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.text-upper {
    text-transform: uppercase;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.form-input-digit,
.marker-cluster-custom,
.text-center {
    text-align: center;
}

.text-justify {
    text-align: justify;
}

.text-dots {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}

.breadcrumb a:hover {
    opacity: 1;
}

.breadcrumb a:after,
.breadcrumb li a:after {
    content: "/";
    width: 5px;
    height: 20px;
    padding: 0 10px;
    font-size: 15px;
    color: #262626;
    cursor: default;
}

.table {
    border-collapse: collapse;
}

.scroll-bar::-webkit-scrollbar {
    width: 14px;
}

.scroll-bar::-webkit-scrollbar-thumb {
    background-clip: content-box;
    border: 4px solid transparent;
    border-radius: 7px;
    box-shadow: inset 0 0 0 10px;
}

.scroll-bar::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none;
}

.scroll-bar::-webkit-scrollbar-corner {
    background-color: transparent;
}

.scroll-bar {
    overflow: auto;
    color: transparent;
    transition: color 400ms;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scroll-bar-horizontal::-webkit-scrollbar:horizontal {
    height: 0;
}

.hover,
.hover *,
.hover-node,
.hover:hover *,
.leaflet-control-zoom-in,
.leaflet-control-zoom-in *,
.leaflet-control-zoom-out,
.leaflet-control-zoom-out *,
.selectric-items ul li,
.selectric-items ul li *,
.swiper-container-donut .swiper-slide-active,
.swiper-container-donut .swiper-slide-active .slide-donut,
.swiper-pagination-bullet-my-active-green:after,
.swiper-pagination-bullet-my-active-green:before,
.swiper-pagination-bullet-my-active-white:after,
.swiper-pagination-bullet-my-active-white:before,
.swiper-pagination-bullet-my-active:after,
.swiper-pagination-bullet-my-active:before,
.swiper-pagination-bullet-my:after,
.tab-yellow,
.tab-yellow * {
    transition: all 400ms ease;
}

.hover-darker:hover {
    filter: brightness(95%);
}

.hover-darkest:hover,
.leaflet-control-zoom-in:hover,
.leaflet-control-zoom-out:hover {
    filter: brightness(85%);
}

.underline-none-hover a:hover {
    text-decoration: none;
}

.underline-hover:not(.btn):hover {
    /* text-decoration:underline!important */
    padding-bottom: 1px;
    border-bottom: 2px solid green;
}

/*.hover-underline a:hover, .underline a {*/
/*    !* text-decoration-style: underline; *!*/
/*    padding-bottom: 0px;*/
/*    border-bottom: 2px solid green;*/
/*}*/

.bg-100p {
    background-size: 100% 100% !important;
}

.hover-opacity-1:hover {
    opacity: 1;
}

.hover-svg-opacity-1:hover object {
    opacity: 1;
}

.fixed {
    position: fixed;
    z-index: 100;
    width: 100%;
}

.text-through {
    text-decoration: line-through;
}

.mr-n3 {
    margin-right: -1rem !important;
}

.mt-n2 {
    margin-top: -0.5rem !important;
}

.mt-n3 {
    margin-top: -1rem !important;
}

.word-break-all {
    word-break: break-all;
}

:root {
    --navbar: #007332;
    --search_bar: #00863b;
    --line: #f9f9f9;
    --footer: #f6f7fa;
    --footer_line: #dadada;
    --home_btn: #ffdc32;
    --home_frame: #eef9ff;
    --card_discount: #8e10f0;
    --products_filter: #f4f5f5;
    --range_slider: #f5f5f5;
    --download: #ca200c;
    --app_step: #f3f3f3;
    --about_line: #d6d8dc;
    --account: #f3f3f5;
    --linkedin: #2277b2;
    --whatsapp: #40c351;
    --career_card: #4c91f9;
    --add_education: #ed2939;
    --level_card: #e2e2e2;
    --header_link: #444750;
    --home_frame_text: #1f93ff;
    --product_amount: #858998;
    --product_discount: #050505;
    --register_link: #2675d2;
    --login_code: #2063e5;
    --category: #06803b;
}

.bg-green {
    background-color: var(--navbar) !important;
}

/*.index .transparent_me.bg-green {*/
/*    background-color: rgba(0, 115, 50, 0) !important;*/
/*}*/

@media only screen and (max-width: 980px) {
    .index .transparent_me.bg-green {
        background-color: #007332 !important;
    }
}

@media only screen and (min-width: 980px) {
    .index .transparent_me.bg-green {
        background-color: #007332 !important;
    }
}

.index main {
    margin: -94px 0 0;
}

.bg-light-green {
    background-color: var(--search_bar) !important;
}

.search-bar-green {
    /* background-color:var(--search_bar)!important */
    background-color: transparent;
}

.bg-alabaster {
    background-color: var(--line) !important;
}

.bg-whisper {
    background-color: var(--footer) !important;
}

.bg-alto {
    background-color: var(--footer_line) !important;
}

#js-range-slider-price .noUi-connect,
#js-range-slider-price .noUi-handle,
.bg-yellow,
.tab-yellow.active {
    background-color: var(--home_btn) !important;
}

.bg-solitude {
    background-color: var(--home_frame) !important;
}

.bg-violet {
    background-color: var(--card_discount) !important;
}

.bg-dodger-blue {
    background-color: var(--home_frame_text) !important;
}

.bg-black-haze,
.selectric-selectric-filter-gray .selectric {
    background-color: var(--products_filter) !important;
}

.bg-wild-sand {
    background-color: var(--range_slider) !important;
}

.bg-gray {
    background-color: var(--product_amount) !important;
}

.bg-red {
    background-color: var(--download) !important;
}

.bg-concrete {
    background-color: var(--app_step) !important;
}

.bg-iron {
    background-color: var(--about_line) !important;
}

.bg-athens-gray {
    background-color: var(--account) !important;
}

.bg-matisse {
    background-color: var(--linkedin) !important;
}

.bg-chateau-green {
    background-color: var(--whatsapp) !important;
}

.bg-royal-blue {
    background-color: var(--login_code) !important;
}

.bg-cornflower-blue {
    background-color: var(--career_card) !important;
}

.bg-alizarin-red {
    background-color: var(--add_education) !important;
}

.bg-mercury {
    background-color: var(--level_card) !important;
}

.article p,
.article ul li,
.color-mako {
    color: var(--header_link) !important;
}

.color-green,
.form-input-digit:focus,
.swiper-container-donut .swiper-slide-active .slide-donut span {
    color: var(--navbar) !important;
}

.color-light-green {
    color: var(--search_bar) !important;
}

.color-salem {
    color: var(--category) !important;
}

.color-dodger-blue {
    color: var(--home_frame_text) !important;
}

.color-yellow {
    color: var(--home_btn) !important;
}

.color-gray,
.form-control-white > label:first-child {
    color: var(--product_amount) !important;
}

.color-red {
    color: var(--product_discount) !important;
}

.color-mariner {
    color: var(--register_link) !important;
}

.color-royal-blue {
    color: var(--login_code) !important;
}

.icon-az {
    background-image: url("../img/icons/az.svg");
}

.icon-uk {
    background-image: url("../img/icons/uk.svg");
}

.icon-ru {
    background-image: url("../img/icons/ru.svg");
}

.icon-facebook {
    background-image: url("../img/icons/facebook.svg");
}

.icon-youtube {
    background-image: url("../img/icons/youtube.svg");
}

.icon-twitter {
    background-image: url("../img/icons/twitter.svg");
}

.icon-linkedin {
    background-image: url("../img/icons/linkedin.svg");
}

.icon-instagram {
    background-image: url("../img/icons/instagram.svg");
}

.icon-tiktok {
    background-image: url("../img/icons/tiktok.svg");
}

.icon-whatsapp {
    background-image: url("../img/icons/whatsapp.svg");
}

.icon-telegram {
    background-image: url("../img/icons/telegram.svg");
}

.icon-search {
    background-image: url("../img/icons/search.svg");
}

.icon-nearest-oba {
    background-image: url("../img/icons/nearest-oba.svg");
}

.icon-products {
    background-image: url("../img/icons/products.svg");
    background-image: url("../img/icons/products_5.svg");
}

.icon-special-offers {
    background-image: url("../img/icons/special-offers.svg");
}

.icon-contact {
    background-image: url("../img/icons/contact.svg");
}

.icon-account {
    background-image: url("../img/icons/account.svg");
}

.icon-close {
    background-image: url("../img/icons/close.svg");
}

.icon-play-store {
    background-image: url("../img/icons/play-store.svg");
}

.icon-app-store {
    background-image: url("../img/icons/app-store.svg");
}

.icon-app-gallery {
    background-image: url("../img/icons/app-gallery-white.svg");
}

.icon-ji-studio {
    background-image: url("../img/icons/ji-studio.svg");
}

.icon-brand {
    background-image: url("../img/icons/brand.svg");
}

.icon-media {
    background-image: url("../img/icons/media.svg");
}

.icon-hr {
    background-image: url("../img/icons/hr.svg");
}

.icon-rent {
    background-image: url("../img/icons/rent.svg");
}

.icon-arrow {
    background-image: url("../img/icons/arrow.svg");
}

.icon-sorting {
    background-image: url("../img/icons/sorting.svg");
}

.icon-arrow-down {
    background-image: url("../img/icons/arrow-down.svg");
}

.icon-phone {
    background-image: url("../img/icons/phone.svg");
}

.icon-email {
    background-image: url("../img/icons/email.svg");
}

.icon-location {
    background-image: url("../img/icons/location.svg");
}

.icon-time-limit {
    background-image: url("../img/icons/time-limit.svg");
}

.icon-time-delivery {
    background-image: url("../img/icons/time-delivery.svg");
}

.icon-user {
    background-image: url("../img/icons/user.svg");
}

.icon-lock {
    background-image: url("../img/icons/lock.svg");
}

.icon-hide {
    background-image: url("../img/icons/hide.svg");
}

.icon-show {
    background-image: url("../img/icons/show.svg");
}

.icon-register {
    background-image: url("../img/icons/register.svg");
}

.icon-food {
    background-image: url("../img/icons/food.svg");
}

.icon-clock {
    background-image: url("../img/icons/clock.svg");
}

.icon-tableware {
    background-image: url("../img/icons/tableware.svg");
}

.icon-pdf {
    background-image: url("../img/icons/pdf.svg");
}

.icon-right-arrow {
    background-image: url("../img/icons/right-arrow.svg");
}

.icon-mission {
    background-image: url("../img/icons/mission.svg");
}

.icon-void {
    background-image: url("../img/icons/void.svg");
}

.icon-king {
    background-image: url("../img/icons/king.svg");
}

.icon-android {
    background-image: url("../img/icons/android.svg");
}

.icon-drag {
    background-image: url("../img/icons/drag.svg");
}

.icon-out {
    background-image: url("../img/icons/out.svg");
}

.icon-history {
    background-image: url("../img/icons/history.svg");
}

.icon-heart {
    background-image: url("../img/icons/heart.svg");
}

.icon-oba {
    background-image: url("../img/icons/oba.svg");
}

.icon-time-card {
    background-image: url("../img/icons/time-card.svg");
}

.icon-card {
    background-image: url("../img/icons/card.svg");
}

.icon-play {
    background-image: url("../img/icons/play_green.svg");
}

.icon-line-chart {
    background-image: url("../img/icons/line-chart.svg");
}

.icon-users {
    background-image: url("../img/icons/users.svg");
}

.icon-chair {
    background-image: url("../img/icons/chair.svg");
}

.icon-mouse {
    background-image: url("../img/icons/mouse.svg");
}

.icon-delete {
    background-image: url("../img/icons/delete.svg");
}

.icon-delete-white {
    background-image: url("../img/icons/delete-white.svg");
}

.icon-plus,
.leaflet-control-zoom-in:after {
    background-image: url("../img/icons/plus.svg");
}

.icon-minus,
.leaflet-control-zoom-out:after {
    background-image: url("../img/icons/minus.svg");
}

.icon-document {
    background-image: url("../img/icons/document.svg");
}

.icon-upload {
    background-image: url("../img/icons/upload.svg");
}

.icon-add-camera {
    background-image: url("../img/icons/add-camera.svg");
}

.icon-edit {
    background-image: url("../img/icons/edit.svg");
}

.icon-check {
    background-image: url("../img/icons/check.svg");
}

.icon-check-gray {
    background-image: url("../img/icons/check-gray.svg");
}

.icon-briefcase {
    background-image: url("../img/icons/briefcase.svg");
}

.icon-home {
    background-image: url("../img/icons/home.svg");
}

.icon-cursor {
    background-image: url("../img/icons/cursor.svg");
}

.icon-loader {
    background-image: url("../img/icons/loader.svg");
}

.rect-21-45 {
    width: 21px;
    height: 45px;
}

.rect-22-12 {
    width: 22px;
    height: 12px;
}

.rect-26-30 {
    width: 26px;
    height: 30px;
}

.rect-36-52 {
    width: 36px;
    height: 52px;
}

.rect-46-24 {
    width: 46px;
    height: 24px;
}

.rect-78-40 {
    width: 78px;
    height: 40px;
}

.form-input-digit,
.rect-96-64 {
    width: 96px;
    height: 64px;
}

.square-4 {
    width: 4px;
    height: 4px;
}

.square-8 {
    width: 8px;
    height: 8px;
}

.square-14 {
    width: 14px;
    height: 14px;
}

#js-range-slider-price .noUi-handle,
.article ul li:before,
.custom-list li:before,
.square-16 {
    width: 16px;
    height: 16px;
}

.square-18 {
    width: 18px;
    height: 18px;
}

.square-20 {
    width: 20px;
    height: 20px;
}

.leaflet-control-zoom-in:after,
.leaflet-control-zoom-out:after,
.square-24 {
    width: 24px;
    height: 24px;
}

.square-26 {
    width: 26px;
    height: 26px;
}

.square-28 {
    width: 28px;
    height: 28px;
}

.square-30 {
    width: 30px;
    height: 30px;
}

#js-accordion-faq .ac > .ac-header:after,
.square-32 {
    width: 32px;
    height: 32px;
}

.square-40 {
    width: 40px;
    height: 40px;
}

.square-48 {
    width: 48px;
    height: 48px;
}

.square-52 {
    width: 52px;
    height: 52px;
}

.square-56 {
    width: 56px;
    height: 56px;
}

.square-60 {
    width: 60px;
    height: 60px;
    background-repeat: no-repeat;
    background-position: 50%;
}

.square-64 {
    width: 64px;
    height: 64px;
}

.square-72 {
    width: 72px;
    height: 72px;
}

.square-80 {
    width: 80px;
    height: 80px;
}

.square-88 {
    width: 88px;
    height: 88px;
}

.square-160 {
    width: 160px;
    height: 160px;
}

.square-260 {
    width: 260px;
    height: 260px;
}

.square-507 {
    width: 507px;
    height: 507px;
}

.square-668 {
    width: 668px;
    height: 668px;
}

.h-8 {
    height: 8px !important;
}

.h-16 {
    height: 16px !important;
}

.h-24,
.selectric-selectric-cabinet .selectric {
    height: 24px !important;
}

.h-26 {
    height: 26px !important;
}

.h-40 {
    height: 40px !important;
}

.h-42 {
    height: 42px !important;
}

.h-48 {
    height: 48px !important;
}

.h-50 {
    height: 50px !important;
}

.h-52,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-map .selectric {
    height: 52px !important;
}

.h-56 {
    height: 56px !important;
}

.h-60 {
    height: 60px !important;
}

.h-64 {
    height: 64px !important;
}

.h-80 {
    height: 80px !important;
}

.h-110 {
    height: 110px !important;
}

.h-120 {
    height: 120px !important;
}

.h-130 {
    height: 130px !important;
}

.h-140 {
    height: 140px !important;
}

.h-148 {
    height: 148px !important;
}

.h-160 {
    height: 160px !important;
}

.h-172 {
    height: 172px !important;
}

.h-180 {
    height: 180px !important;
}

.h-200 {
    height: 200px !important;
}

.h-220 {
    height: 220px !important;
}

.h-240 {
    height: 240px !important;
}

.h-243 {
    height: 243px !important;
}

.h-260 {
    height: 260px !important;
}

.h-280 {
    height: 280px !important;
}

.h-290 {
    height: 290px !important;
}

.h-300 {
    height: 300px !important;
}

.h-340 {
    height: 340px !important;
}

.h-350 {
    height: 350px !important;
}

.h-430 {
    height: 430px !important;
}

.h-500 {
    height: 500px !important;
}

.h-510 {
    height: 510px !important;
}

.h-560 {
    height: 560px !important;
}

.h-600 {
    height: 600px !important;
}

.h-700 {
    height: 700px !important;
}

.border-e8e8e8 {
    border-color: #e8e8e8 !important;
}

.border-d6d8dc {
    border-color: #d6d8dc !important;
}

.border-00863b,
.swiper-container-donut .swiper-slide-active .slide-donut {
    border-color: #00863b !important;
}

.border-007332,
.form-input-digit:focus,
.radio-input:checked ~ .radio {
    border-color: #007332 !important;
}

.border-eaeaea {
    border-color: #eaeaea !important;
}

.border-dbdbdb {
    border-color: #dbdbdb !important;
}

.border-dadada {
    border-color: #dadada !important;
}

.border-e0e0e0 {
    border-color: #e0e0e0 !important;
}

.border-ededed,
.tab-yellow {
    border-color: #ededed !important;
}

#js-operations-table_wrapper .dataTables_scrollBody table,
.border-efeff0 {
    border-color: #efeff0 !important;
}

.border-f3f3f3 {
    border-color: #f3f3f3 !important;
}

.border-f3f3f5 {
    border-color: #f3f3f5 !important;
}

.border-858998 {
    border-color: #858998 !important;
}

.border-d8dae1 {
    border-color: #d8dae1 !important;
}

.radius-2 {
    border-radius: 2px;
}

.radius-3 {
    border-radius: 3px;
}

.radius-4 {
    border-radius: 4px;
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white,
.radius-6,
.search-bar,
.search-bar-green,
.search-bar-white,
.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-map .selectric {
    border-radius: 6px;
}

.radius-8,
.selectric-selectric-map .selectric-items:after {
    border-radius: 8px;
}

.radius-12 {
    border-radius: 12px;
}

.radius-16 {
    border-radius: 16px;
}

.radius-20 {
    border-radius: 20px;
}

.radius-30 {
    border-radius: 30px;
}

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

.radius-60 {
    border-radius: 60px;
}

.radius-100,
.tab-yellow {
    border-radius: 100px;
}

.search-bar-white {
    border: 1px solid #d6d8dc;
}

.iframe {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
    width: 100%;
    height: 100%;
}

.line-x {
    background-color: white;
    height: 1px;
}

.line-x-dashed {
    border-bottom: 1px dashed rgba(133, 137, 152, 0.5);
}

.line-y {
    background-color: var(--line);
    width: 1px;
}

.bg-white-05,
.hover-bg-white-05:hover {
    background: rgba(255, 255, 255, 0.05);
}

.bg-white-1 {
    background: rgba(255, 255, 255, 0.1);
}

.bg-gray-1 {
    background: rgba(133, 137, 152, 0.1);
}

.bg-green-05 {
    background: rgba(6, 128, 59, 0.05);
}

.color-black-6 {
    color: rgba(0, 0, 0, 0.6);
}

.border-black-03 {
    border-color: rgba(0, 0, 0, 0.03) !important;
}

.border-black-1 {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

.border-black-6 {
    border-color: rgba(0, 0, 0, 0.6) !important;
}

.shadow-facade-logo {
    box-shadow: 0 4px 30px rgba(255, 220, 50, 0.5);
}

.shadow-facade-text {
    text-shadow: 0 4px 17px rgba(255, 255, 255, 0.4);
}

.shadow-campaign-card {
    box-shadow: 0px 10px 8px rgba(0, 0, 0, 0.5);
}

.shadow-credit-card:after {
    content: "";
    width: 80%;
    box-shadow: 0 12px 40px rgba(15, 19, 27, 0.2);
}

.shadow-play-button {
    box-shadow: 0 4px 18px rgba(237, 41, 57, 0.3);
}

.shadow-vacancy-card {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out,
.selectric-selectric-map .selectric,
.selectric-selectric-map .selectric-items,
.shadow-map-white {
    box-shadow: 0 33px 80px rgba(28, 28, 38, 0.04),
    0 13.7866px 33.4221px rgba(28, 28, 38, 0.0287542),
    0 7.37098px 17.869px rgba(28, 28, 38, 0.0238443),
    0 4.13211px 10.0172px rgba(28, 28, 38, 0.02),
    0 2.19453px 5.32008px rgba(28, 28, 38, 0.0161557),
    0 0.913195px 2.21381px rgba(28, 28, 38, 0.0112458);
}

.shadow-map-green {
    filter: drop-shadow(0px 2.19453px 5.32008px rgba(28, 28, 38, 0.0161557)) drop-shadow(0px 0.913195px 2.21381px rgba(28, 28, 38, 0.0112458)) drop-shadow(0px 33px 80px rgba(28, 28, 38, 0.04)) drop-shadow(0px 13.7866px 33.4221px rgba(28, 28, 38, 0.0287542)) drop-shadow(0px 7.37098px 17.869px rgba(28, 28, 38, 0.0238443)) drop-shadow(0px 4.13211px 10.0172px rgba(28, 28, 38, 0.02)) drop-shadow(0px 2.19453px 5.32008px rgba(28, 28, 38, 0.0161557)) drop-shadow(0px 0.913195px 2.21381px rgba(28, 28, 38, 0.0112458));
}

.shadow-map-green + #wd {
    display: none !important;
}

#js-map-block #wd {
    display: none !important;
}

.shadow-map-yellow {
    filter: drop-shadow(0px 100px 80px rgba(255, 220, 50, 0.11)) drop-shadow(0px 41.7776px 33.4221px rgba(255, 220, 50, 0.079074)) drop-shadow(0px 22.3363px 17.869px rgba(255, 220, 50, 0.0655718)) drop-shadow(0px 12.5216px 10.0172px rgba(255, 220, 50, 0.055)) drop-shadow(0px 6.6501px 5.32008px rgba(255, 220, 50, 0.0444282)) drop-shadow(0px 2.76726px 2.21381px rgba(255, 220, 50, 0.030926));
}

.mt-n2px {
    margin-top: -2px !important;
}

.w-6 {
    width: 6px;
}

.w-112 {
    width: 112px;
}

.w-120 {
    width: 120px;
}

.w-140 {
    width: 140px;
}

.w-320 {
    width: 320px;
}

.min-w-28 {
    min-width: 28px;
}

.min-w-40 {
    min-width: 40px;
}

.min-w-60 {
    min-width: 60px;
}

.min-w-112 {
    min-width: 112px;
}

.min-w-120 {
    min-width: 120px;
}

.min-h-124 {
    min-height: 124px;
}

.min-h-172 {
    min-height: 172px;
}

.min-h-mob {
    min-height: calc(100vh - 141px);
}

.max-h-48 {
    max-height: 48px;
}

.max-h-50 {
    max-height: 50px;
}

.max-h-60 {
    max-height: 60px;
}

.max-h-64 {
    max-height: 64px;
}

.max-h-140 {
    max-height: 140px;
}

.h-60p {
    height: 60%;
}

.checkbox {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkbox-mark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #f0f0f0;
    border-radius: 2px;
}

.checkbox-mark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.checkbox input:checked ~ .checkbox-mark {
    background-color: var(--navbar);
}

.checkbox input:checked ~ .checkbox-mark:after {
    display: block;
}

.radio {
    display: inline-flex;
    overflow: hidden;
    align-items: center;
    position: relative;
    background-color: white;
    padding-left: 39px;
    padding-right: 16px;
    height: 52px;
    border-radius: 6px;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}

.radio-mark {
    position: absolute;
    top: 17px;
    left: 16px;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border: 2px solid var(--product_amount);
    border-radius: 50%;
}

.radio-mark:after {
    content: "";
    position: absolute;
    display: none;
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.radio-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.radio-input:checked ~ .radio .radio-mark {
    border: 4px solid var(--search_bar);
    box-shadow: 0px 4px 4px rgba(6, 128, 59, 0.1);
}

.radio-input:checked ~ .radio .radio-mark:after {
    display: block;
}

.border-black-2 {
    border-color: rgba(0, 0, 0, 0.2);
}

.form-control-white input,
.form-input,
.form-input-digit,
.form-input-white {
    outline: none;
}

.form-control-white input,
.form-input-digit,
.form-input-white {
    border: 1px solid #d6d8dc;
    color: #000;
}

.form-control-white input::placeholder,
.form-input-digit::placeholder,
.form-input-white::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.form-control-white input {
    line-height: 16px !important;
}

.article ul li,
.custom-list li {
    padding-left: 32px;
    list-style: none;
}

.article ul li:before,
.custom-list li:before {
    content: "";
    background-color: white;
    border: 3px solid var(--navbar);
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.border-left-none {
    border-left: none !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.border-right-none {
    border-right: none !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.ml-n1 {
    margin-left: -0.25rem !important;
}

.mx-n1 {
    margin-left: -0.25rem !important;
    margin-right: -0.25rem !important;
}

.mx-n2 {
    margin-left: -0.5rem !important;
    margin-right: -0.5rem !important;
}

.mr-n1 {
    margin-right: -0.25rem !important;
}

.mt-129 {
    margin-top: 129px;
}

.border-32 {
    border-width: 32px !important;
}

.border-80 {
    border-width: 80px !important;
}

.border-86 {
    border-width: 86px !important;
}

.border-113 {
    border-width: 113px !important;
}

.border-green-2 {
    border-color: rgba(0, 134, 59, 0.2) !important;
}

.left-n20 {
    left: -20% !important;
}

.left-n30 {
    left: -30% !important;
}

.right-n25 {
    right: -25% !important;
}

.right-n30 {
    right: -30% !important;
}

.right-n50 {
    right: -50% !important;
}

.bottom-n30 {
    bottom: -30% !important;
}

.dz-delete-hover-content {
    background: linear-gradient(
            0deg,
            rgba(0, 115, 50, 0.5),
            rgba(0, 115, 50, 0.5)
    );
}

.hover-opacity-8:hover {
    opacity: 0.8;
}

.preload * {
    transition: none;
}

.preload .preload-hidden {
    opacity: 1;
}

.full-height {
    height: calc(100vh - 120px);
}

.progress-ring-circle {
    transition: stroke-dashoffset 0.35s;
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .ios input,
        .ios textarea {
            -webkit-appearance: none;
        }

        html.ios {
            overflow-x: hidden !important;
        }
    }
}

@media (max-width: 360px) {
    .d-xs-flex {
        display: flex;
    }

    .justify-content-xs-center {
        justify-content: center !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .ml-xs-0 {
        margin-left: 0 !important;
    }

    .ml-xs-1 {
        margin-left: 4px !important;
    }

    .mt-xs-2 {
        margin-top: 8px !important;
    }

    .mb-xs-3 {
        margin-bottom: 16px !important;
    }

    .pt-xs-4 {
        padding-top: 24px !important;
    }

    .col-xs-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .col-xs-6 {
        flex: 0 0 45% !important;
        max-width: 45% !important;
    }
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-center {
        text-align: center;
    }

    .bg-sm-auto {
        background-size: auto !important;
    }
}

@media (min-width: 768px) {
    .w-md-70 {
        width: 70% !important;
    }
}

/*@media (min-width: 881px) and (max-width: 991px) {*/
/*    .hamburger-box{*/
/*        display: block !important;*/
/*    }*/
/*}*/
@media (min-width: 992px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-right {
        text-align: right;
    }

    .opacity-lg-0 {
        opacity: 0;
    }

    .bg-lg-white {
        background-color: white;
    }

    .bg-lg-transparent {
        background-color: transparent !important;
    }

    .pos-lg-static {
        position: static !important;
    }

    .pos-lg-absolute {
        position: absolute;
    }

    .pos-lg-fixed {
        position: fixed;
    }

    .pos-lg-center {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .w-lg-25 {
        width: 25% !important;
    }

    .w-lg-30 {
        width: 30% !important;
    }

    .w-lg-35 {
        width: 35% !important;
    }

    .w-lg-40 {
        width: 40% !important;
    }

    .w-lg-45 {
        width: 45% !important;
    }

    .w-lg-50 {
        width: 50% !important;
    }

    .w-lg-55 {
        width: 55% !important;
    }

    .w-lg-60 {
        width: 60% !important;
    }

    .w-lg-65 {
        width: 65% !important;
    }

    .w-lg-70 {
        width: 70% !important;
    }

    .w-lg-80 {
        width: 80% !important;
    }

    .w-lg-90 {
        width: 90% !important;
    }

    .w-lg-100 {
        width: 100% !important;
    }

    .width-lg-auto {
        width: unset !important;
    }

    .selectric-selectric-cabinet .selectric,
    .selectric-selectric-lang .selectric,
    .w-lg-auto {
        flex: auto;
        max-width: max-content;
    }

    .h-lg-80p {
        height: 80% !important;
    }

    .h-lg-90p {
        height: 90% !important;
    }

    .h-lg-100p {
        height: 100% !important;
    }

    .h-lg-100-vh {
        height: 100vh !important;
    }

    .h-lg-auto {
        height: auto !important;
    }

    .max-h-lg-none {
        max-height: none !important;
    }

    .min-h-lg-100vh {
        min-height: 100vh;
    }

    .overflow-lg-v {
        overflow: visible;
    }

    .overflow-lg-h {
        overflow: hidden;
    }

    .overflowx-lg-h {
        overflow-x: hidden;
    }

    .radius-lg-0,
    .selectric-selectric-cabinet .selectric,
    .selectric-selectric-lang .selectric {
        border-radius: 0 !important;
    }

    .bg-size-lg-0 {
        background-size: 0;
    }

    .border-lg-0,
    .selectric-selectric-cabinet .selectric,
    .selectric-selectric-lang .selectric {
        border: none !important;
    }

    .ws-lg-nowrap {
        white-space: nowrap;
    }

    .border-lg-right {
        border-right: 1px solid #000;
    }

    .border-lg-top {
        border-top: 1px solid #000;
    }

    .border-lg-bottom {
        border-bottom: 1px solid #000;
    }

    .cursor-lg-d {
        cursor: default !important;
    }

    .w-lg-max {
        width: max-content !important;
    }

    .left-lg-auto {
        left: auto !important;
    }

    .right-lg-0 {
        right: 0 !important;
    }

    .bg-lg-auto {
        background-size: auto !important;
    }

    .radius-bottom-lg-none {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

    .d-lg-flex-x-center,
    .d-lg-flex-xy {
        display: flex !important;
        justify-content: center;
    }

    .d-lg-flex-xy,
    .d-lg-flex-y-center {
        display: flex !important;
        align-items: center;
    }

    .d-lg-flex-x-between {
        display: flex !important;
        justify-content: space-between;
    }

    .d-lg-flex-x-end {
        display: flex !important;
        justify-content: flex-end;
    }

    .w-lg-fit {
        width: fit-content;
        width: -moz-fit-content;
    }
}

@media (min-width: 1440px) {
    .text-xl-left {
        text-align: left !important;
    }

    .overflow-xl-v {
        overflow: visible;
    }
}

@media (max-width: 768px) {
    .index main {
        margin: -144px 0 0;
    }

    body.menu-active header:first-of-type {
        position: fixed;
    }

    body.menu-active.cabinets header:first-of-type {
        transition: none;
        top: 0;
    }

    body.cabinets header:first-of-type {
        top: 0;
    }

    body header:first-of-type {
        position: sticky;
        top: -74px;
        z-index: 1000;
        width: 100%;
    }

    body .menu-mobile {
        height: calc(100% - 67px);
        top: 65px;
    }
}

@media (min-width: 2000px) {
    .margin-design {
        margin: 0 200px !important;
    }
}

@media (min-width: 992px) {
    .color-lg-mako {
        color: var(--header_link) !important;
    }

    .color-lg-gray {
        color: var(--product_amount) !important;
    }

    .bg-lg-alabaster {
        background-color: var(--line) !important;
    }

    .w-lg-400 {
        width: 400px !important;
    }

    .w-lg-340 {
        width: 340px !important;
    }

    .w-lg-n3 {
        width: calc(100% - 1rem);
    }

    .min-w-lg-252 {
        min-width: 252px;
    }

    .mt-lg-104 {
        margin-top: 104px !important;
    }

    .mt-lg-112 {
        margin-top: 112px !important;
    }

    .mt-lg-148 {
        margin-top: 148px !important;
    }

    .mt-lg-210 {
        margin-top: 210px !important;
    }

    .pl-lg-110 {
        padding-left: 110px !important;
    }

    .pt-lg-132 {
        padding-top: 132px !important;
    }

    .pl-lg-30 {
        padding-left: 30%;
    }

    .mx-lg-n2 {
        margin-left: -0.5rem !important;
        margin-right: -0.5rem !important;
    }

    .mx-lg-n3 {
        margin-left: -1rem !important;
        margin-right: -1rem !important;
    }

    .radius-top-right-lg-8 {
        border-top-right-radius: 8px !important;
    }

    .border-lg-48 {
        border-width: 48px !important;
    }

    .full-height-lg {
        height: calc(100vh - 155px);
    }

    .min-height-lg {
        min-height: calc(100vh - 155px);
    }

    .min-height-account-lg {
        min-height: calc(100vh - 155px - 130px);
    }

    .full-height-cabinet-lg {
        height: calc(100vh - 155px + 64px);
    }

    .min-height-cabinet-lg {
        min-height: calc(100vh - 155px + 64px);
    }

    .h-lg-56 {
        /*height:56px!important*/
        height: 80px !important;
    }

    .h-lg-110 {
        height: 110px !important;
    }

    .h-lg-128 {
        height: 128px !important;
    }

    .h-lg-130 {
        height: 130px !important;
    }

    .h-lg-154 {
        height: 154px !important;
    }

    .h-lg-160 {
        height: 160px !important;
    }

    .h-lg-180 {
        height: 180px !important;
    }

    .h-lg-196 {
        height: 196px !important;
    }

    .h-lg-210 {
        height: 210px !important;
    }

    .h-lg-220 {
        height: 220px !important;
    }

    .h-lg-260 {
        height: 260px !important;
    }

    .h-lg-270 {
        height: 270px !important;
    }

    .h-lg-300 {
        height: 300px !important;
    }

    .h-lg-310 {
        height: 310px !important;
    }

    .h-lg-320 {
        height: 320px !important;
    }

    .h-lg-390 {
        height: 390px !important;
    }

    .h-lg-400 {
        height: 400px !important;
    }

    .h-lg-430 {
        height: 430px !important;
    }

    .h-lg-530 {
        height: 530px !important;
    }

    .h-lg-450 {
        height: 450px !important;
    }

    .h-lg-500 {
        height: 500px !important;
    }

    .h-lg-520 {
        height: 520px !important;
    }

    .h-lg-540 {
        height: 540px !important;
    }

    .h-lg-570 {
        height: 570px !important;
    }

    .h-lg-620 {
        height: 620px !important;
    }

    .h-lg-710 {
        height: 710px !important;
    }

    .h-lg-770 {
        height: 770px !important;
    }

    .radius-lg-3 {
        border-radius: 3px !important;
    }

    .radius-lg-6 {
        border-radius: 6px !important;
    }

    .radius-lg-8 {
        border-radius: 8px !important;
    }

    .radius-lg-16 {
        border-radius: 16px !important;
    }

    .radius-lg-30 {
        border-radius: 30px !important;
    }

    .radius-lg-40 {
        border-radius: 40px !important;
    }

    .rect-lg-50-40 {
        width: 50px;
        height: 40px;
    }

    .rect-lg-60-86 {
        width: 60px;
        height: 86px;
    }

    .rect-lg-60-86-3 {
        width: 55px;
        height: 86px;
    }

    .yellowCount {
        width: 40px;
        height: 86px;
    }

    .rect-lg-64-56 {
        width: 64px;
        height: 56px;
    }

    .rect-lg-245-64 {
        width: 245px;
        height: 64px;
    }

    .rect-lg-794-560 {
        width: 794px;
        height: 560px;
    }

    .square-lg-16 {
        width: 16px;
        height: 16px;
    }

    .square-lg-24 {
        width: 24px;
        height: 24px;
    }

    .square-lg-32 {
        width: 32px;
        height: 32px;
    }

    #js-accordion-faq .ac > .ac-header:after,
    .square-lg-40 {
        width: 40px;
        height: 40px;
    }

    .square-lg-48 {
        width: 48px;
        height: 48px;
    }

    .square-lg-64 {
        width: 64px;
        height: 64px;
    }

    .square-lg-80 {
        width: 80px;
        height: 80px;
    }

    .square-lg-96 {
        width: 96px;
        height: 96px;
    }

    .square-lg-128 {
        width: 128px;
        height: 128px;
    }

    .square-lg-148 {
        width: 148px;
        height: 148px;
    }

    .square-lg-252 {
        width: 252px;
        height: 252px;
    }

    .square-lg-308 {
        width: 308px;
        height: 308px;
    }
}

@media (max-width: 992px) {
    .faq_ans p {
        font-size: 14px;
        padding: 0 0 10px;
        line-height: 24px;
    }

    .swiper-mobile-80p {
        width: 80% !important;
    }

    .swiper-mobile-90p {
        width: 90% !important;
    }

    /*.product-cards div:nth-child(2n) a{*/
    /*    border-left:none!important*/
    /*}*/
    /*.product-cards div:not(:nth-last-child(-n+2)) a{*/
    /*    border-bottom:none!important*/
    /*}*/
}

@media (min-width: 1440px) {
    .h-xl-520 {
        height: 520px;
    }
}

@media (min-width: 1200px) {
    .yellowCount {
        width: 50px;
        height: 86px;
    }
}

@media (min-width: 1600px) {
    .container-xxl {
        width: 1440px;
        margin-left: auto;
        margin-right: auto;
    }
}

/*@media(min-width: 768px){*/
/*    body header:first-of-type{*/
/*        position:sticky;*/
/*      */
/*    }*/
/*}*/
@media (max-width: 768px) and (orientation: landscape) {
    .pos-static-landscape {
        position: static !important;
    }
}

.selectric-items {
    border: none;
    left: 0;
    top: calc(100% + 8px);
    border-radius: 3px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.selectric-items ul li {
    padding: 10px 15px;
    white-space: normal;
}

/*.selectric-selectric-cabinet .selectric, .selectric-selectric-lang .selectric {*/
/*    border: 1px solid rgba(255, 255, 255, 0.2);*/
/*    border-radius: 100px;*/
/*    width: 225px*/
/*}*/
.selectric-selectric-cabinet .selectric {
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 100px;
    width: 225px;
}

.selectric-selectric-cabinet .selectric .button,
.selectric-selectric-lang .selectric .button {
    right: 0 !important;
}

.selectric-selectric-cabinet .selectric .button:after {
    width: 24px !important;
    background-image: url("../img/icons/arrow-down-white.svg") !important;
}

.selectric-selectric-lang .selectric .button:after {
    width: 24px !important;
}

.selectric-selectric-cabinet .selectric-items,
.selectric-selectric-lang .selectric-items {
    min-width: 170px;
}

.selectric-selectric-filter-gray .selectric,
.selectric-selectric-filter .selectric,
.selectric-selectric-form .selectric,
.selectric-selectric-map .selectric {
    border: 1px solid #d6d8dc;
    width: 100%;
}

.selectric-selectric-filter-gray .selectric .button,
.selectric-selectric-filter .selectric .button,
.selectric-selectric-form .selectric .button,
.selectric-selectric-map .selectric .button {
    right: 0 !important;
}

.selectric-selectric-filter-gray .selectric .button:after,
.selectric-selectric-filter .selectric .button:after,
.selectric-selectric-form .selectric .button:after,
.selectric-selectric-map .selectric .button:after {
    width: 24px !important;
    background-image: url("../img/icons/arrow-down.svg") !important;
}

.selectric-selectric-filter-gray .selectric {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.selectric-selectric-cabinet .selectric-items {
    min-width: 140px;
}

.selectric-selectric-cabinet .selectric-items ul li:first-child {
    display: none !important;
}

.selectric-selectric-map .selectric-items {
    top: calc(100% + 16px);
    height: calc(100vh - 92px) !important;
}

.selectric-selectric-map .selectric-items:after {
    content: "";
    bottom: 0;
    width: calc(100% - 16px);
    height: 74px;
    background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0%,
            #ffffff 82.81%
    );
}

.selectric-w-50 .selectric {
    width: 50% !important;
}

.selectric-h-40 .selectric {
    height: 40px !important;
}

.selectric-min-w-109 .selectric {
    min-width: 109px;
}

.selectric-selectric-cabinet .selectric .button:after,
.selectric-selectric-white .selectric .button:after {
    background-image: url("../img/icons/arrow-down-white.svg") !important;
}

@media (min-width: 992px) {
    .selectric-selectric-lg-mako .selectric .label {
        color: var(--header_link) !important;
    }

    .selectric-selectric-lg-mako .selectric .button:after {
        background-image: url("../img/icons/arrow-down-mako.svg") !important;
    }

    .selectric-selectric-map .selectric-items {
        height: calc(100vh - 148px) !important;
    }
}

.swiper-container.gallery-thumbs .swiper-slide {
    opacity: 0.6;
}

.swiper-container.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.swiper-wrapper {
    box-sizing: border-box;
}

.swiper-pagination-bullet-my {
    position: relative;
    width: 24px;
    height: 24px;
    opacity: 1;
}

.swiper-pagination-bullet-my:after {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-my:first-child {
    margin-left: 0;
}

.swiper-pagination-bullet-my-active,
.swiper-pagination-bullet-my-active-green,
.swiper-pagination-bullet-my-active-white {
    position: relative;
}

.swiper-pagination-bullet-my-active-green:before,
.swiper-pagination-bullet-my-active-white:before,
.swiper-pagination-bullet-my-active:before {
    content: "";
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.swiper-pagination-bullet-my-active-green:after,
.swiper-pagination-bullet-my-active-white:after,
.swiper-pagination-bullet-my-active:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    top: 0;
    left: 0;
    background-color: transparent;
    border-radius: 50%;
}

.swiper-pagination-bullet-my-active-green:after {
    border: 3px solid var(--navbar);
}

.swiper-pagination-bullet-my-active-white:after {
    border: 3px solid white;
}

.swiper-button-my,
.swiper-button-next-my-green,
.swiper-button-next-my-white,
.swiper-button-prev-my-green,
.swiper-button-prev-my-white {
    display: inline-flex;
    width: 52px;
    height: 52px;
    position: absolute;
    cursor: pointer;
}

.swiper-button-next-my-green,
.swiper-button-prev-my-green {
    background: url("../img/icons/swiper-arrow.svg") center no-repeat;
    background-color: rgba(0, 134, 59, 0.1);
}

.swiper-button-next-my-white,
.swiper-button-prev-my-white {
    background: url("../img/icons/swiper-arrow-white.svg") center no-repeat;
    background-color: rgba(255, 255, 255, 0.1);
}

.swiper-button-prev-my-green,
.swiper-button-prev-my-white {
    transform: rotate(180deg) translateY(50%);
}

.swiper-button-disabled {
    background: url("../img/icons/swiper-arrow-disabled.svg") center no-repeat;
    background-color: rgba(133, 137, 152, 0.1);
}

.ac > .ac-header {
    cursor: pointer;
    position: relative;
}

.ac > .ac-header:after {
    content: "";
    background: url("../img/icons/acc-down.svg") right center no-repeat;
    background-size: contain !important;
    -webkit-transform: translate(0, -50%);
    top: 50%;
    transform: translate(0, -50%);
    transition: all 400ms ease;
    position: absolute;
}

.ac > .ac-panel {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: ease;
}

.ac-panel li {
    display: flex;
    align-items: center;
}

.ac.js-enabled > .ac-panel {
    visibility: hidden;
}

.ac.is-active > .ac-panel {
    visibility: visible;
    height: auto;
}

.ac.is-active > .ac-header:after {
    background: url("../img/icons/acc-up.svg") right center no-repeat;
}

#js-accordion-filter-mobile .ac > .ac-header:after,
#js-accordion-filter .ac > .ac-header:after {
    width: 24px;
    height: 24px;
    right: 0;
}

#js-accordion-faq .ac.is-active > .ac-header {
    color: var(--navbar) !important;
}

#js-accordion-faq .ac > .ac-header:after {
    right: 16px;
}

@media (min-width: 992px) {
    #js-accordion-faq .ac > .ac-header:after {
        right: 20px !important;
    }
}

.hamburger {
    display: inline-block;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger:hover {
    opacity: 0.7;
}

.hamburger.is-active:hover {
    opacity: 0.7;
}

.hamburger-hover-no:hover,
.hamburger.is-active.hamburger-hover-no:hover {
    opacity: 1;
}

.hamburger-box {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    width: 27px;
    height: 2px;
    border-radius: 1px;
    background-color: white;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.hamburger-inner:after,
.hamburger-inner:before {
    content: "";
    display: block;
    background-color: inherit;
}

.hamburger-inner:before {
    top: -6px;
}

.hamburger-inner:after {
    bottom: -6px;
}

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner:before {
    transition: top 0.075s 0.12s ease,
    opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner:after {
    transition: bottom 0.075s 0.12s ease,
    transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
    height: 2px;
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease,
    opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner:after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease,
    transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger-border {
    display: inline-flex;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 9px 11px;
}

.hamburger-border .hamburger-inner,
.hamburger-border .hamburger-inner:after,
.hamburger-border .hamburger-inner:before,
.hamburger-border.hamburger.is-active .hamburger-inner,
.hamburger-border.hamburger.is-active .hamburger-inner:after,
.hamburger-border.hamburger.is-active .hamburger-inner:before {
    background-color: #fff;
}

.parsley-errors-list {
    display: none;
}

.parsley-error.radio-wrapper .radio,
.parsley-error:not(.checkbox):not(.radio-wrapper) {
    border-color: red !important;
    outline-color: red !important;
    border-width: 1px !important;
    border-style: solid !important;
}

#js-operations-table_wrapper
.dataTables_scrollHead
table.dataTable
th:first-child {
    border-top-left-radius: 6px;
}

#js-operations-table_wrapper
.dataTables_scrollHead
table.dataTable
th:last-child {
    border-top-right-radius: 6px;
}

#js-operations-table_wrapper .dataTables_scrollBody table {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#js-operations-table_wrapper table.dataTable thead th {
    border-bottom: 0;
}

#js-range-slider-price {
    border: 0;
    border-radius: 0;
    height: 16px;
    width: 100%;
    padding-right: 17px;
    background: transparent;
    box-shadow: none;
}

#js-range-slider-price .noUi-handle {
    box-shadow: none;
}

#js-range-slider-price .noUi-connects {
    height: 3px;
    background-color: #e2e2e2;
    margin-right: -17px;
    width: calc(100% + 17px);
}

.leaflet-cluster-anim .leaflet-marker-icon,
.leaflet-cluster-anim .leaflet-marker-shadow {
    transition: transform 0.3s ease-out,
    opacity 0.3s ease-in;
}

.leaflet-cluster-spider-leg {
    transition: stroke-dashoffset 0.3s ease-out,
    stroke-opacity 0.3s ease-in;
}

.marker-cluster {
    background-clip: padding-box;
    border-radius: 20px;
}

.marker-cluster div {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
}

.marker-cluster span {
    line-height: 30px;
}

.marker-cluster-small {
    background-color: rgba(181, 226, 140, 0.6);
}

.marker-cluster-small div {
    background-color: rgba(110, 204, 57, 0.6);
}

.marker-cluster-custom {
    width: 46px;
    height: 38px;
    font-family: inherit;
    background-image: url("../img/icons/branch-cluster2.svg");
    color: #fff;
}

.leaflet-top.leaflet-right {
    top: 40%;
}

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
    height: 52px !important;
    width: 52px !important;
    border-radius: 50% !important;
    font-size: 0 !important;
}

.leaflet-control-zoom-in:after,
.leaflet-control-zoom-out:after {
    content: "";
}

.white_shadow {
    text-shadow: 1px 1px 16px rgba(255, 255, 255, 0.4);
}

.webkit_mask {
    background-color: #007332;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    position: relative;
}

.webkit_mask + div {
    max-width: calc(100% - 75px);
    position: relative;
}

.webkit_mask + div::after {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
    left: -76px;
    top: 1px;
    border-radius: 50%;
}

.grecaptcha-badge {
    display: none;
}

::-webkit-scrollbar {
    width: 12px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #00863b;
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #016d30;
}

/* NEWYEAR begin */
@import url("https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&display=swap");

.newYear_container {
    max-width: 1100px;
    margin: auto;
    position: relative;
    overflow: hidden;
}

.newYear-head h2 {
    text-align: center;
    font-size: 45px;
    color: #008000;
    margin: 30px 0;
    /*font-family: vebsayt font;*/
}

.newYear_banner {
    background-color: #ffeeee;
    border-radius: 20px;
    padding: 55px 40px 55px 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
}

.newYear_banner_text p {
    font-size: 24px;
    color: #008000;
    position: relative;
    /* text-shadow: 1px 1px 1px #000, -1px -1px 1px #fff; */
    z-index: 1;
}

.newYear_banner_text h3 {
    font-size: 40px;
    font-weight: bold;
    color: #008000;
    margin-top: 20px;
    margin-bottom: 35px;
    position: relative;
    /* text-shadow: 1px 1px 2px #000, -1px -1px 1px #fff; */
    z-index: 1;
}

.newYear_banner_img {
    position: absolute;
    /* margin-left: -330px !important; */
    top: 25px;
    right: 0;
    left: 46%;
    z-index: 0;
}

.newYear_banner_img img {
    width: 578px;
    height: 330px;
    border-radius: 30px;
    object-fit: cover;
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5);
}

.newYear_banner_btn {
    background-color: #008000;
    padding: 10px 25px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    border-radius: 30px;
    position: relative;
}

.newYear_banner_countdown .countdown-item {
    display: inline-block;
    color: #008000;
    font-family: "Mountains of Christmas", cursive;
    border-radius: 5px;
    font-size: 50px;
    font-weight: bold;
    transform: translateY(0);
    transition: transform 0.5s,
    opacity 0.5s;
    margin-bottom: 20px;
    background-image: url(https://firebasestorage.googleapis.com/v0/b/fotos-3cba1.appspot.com/o/navidad%2Fpattern-1.png?alt=media&token=e62eb3c2-bea0-49ae-a398-ab426f5605c1);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 100px #fff;
}

.newYear-products-section .newYear_container {
    max-width: 945px;
    margin: auto;
}

.newYear_banner_card {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    column-gap: 20px;
}

.newYear_banner_card_item {
    border: 1px solid #d6d8dc;
    padding: 20px 40px 10px 10px;
    background-color: #fff;
    border-radius: 6px;
}

.newYear_banner_card_item_img {
    text-align: center;
    position: relative;
}

.newYear_banner_card_item_img img {
    width: 100px;
}

.newYear_banner_card_item_text h4 {
    font-size: 20px;
    font-weight: bold;
}

.newYear_banner_card_item_price {
    margin-top: 0px;
    /* padding: 0 15px; */
}

.newYear_banner_card_item_old_price {
    width: 60px;
    height: 20px;
    background-color: #f8ef23;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px 5px 0 0;
}

.new_price {
    background-color: #ef4724;
    width: 60px;
    height: 30px;
    display: flex;
    justify-content: center;
    border-radius: 0 0 5px 5px;
}

.newYear_banner_card_item_old_price del {
    text-decoration-color: red;
}

.new_price span {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

.new_price .coin {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    position: relative;
}

.discount_text {
    position: absolute;
    left: 41px;
    top: 26px;
    color: #fff;
    font-size: 15px;
}

@media only screen and (max-width: 600px) {
    .newYear_banner {
        background-color: #ffeeee;
        border-radius: 20px;
        padding: 70px 40px 55px 50px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px;
        position: relative;
        overflow: hidden;
        /* margin-top: -100px; */
        /* position: absolute; */
        height: 660px;
    }

    .newYear_banner_text {
        margin-top: -330px;
    }

    .newYear_banner_img {
        width: 90%;
        /*position: relative; */
        position: absolute;
        /* margin-left: -330px !important; */
        top: 350px;
        /* right: 0; */
        left: 5%;
        z-index: 0;
    }

    .newYear_banner_img img {
        margin-top: 40px;
        /* position: absolute; */
        width: 100%;
        height: 330px;
        border-radius: 20px;
        /* object-fit: cover; */
        /* left: 0px;
        top: 2445px;
        z-index: -33; */
        box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5);
    }

    .discount_text {
        left: 28px;
        top: 21px;
        font-size: 11px;
    }

    #discount_products .discount-bg-image {
        width: 65%;
    }

    #discount_products .discount-figure {
        width: 100%;
        margin-right: -40px !important;
    }

    .countdownSection .decorations .decoration[data-pos="top right"] {
        top: -120px;
        right: -140px;
        transform: rotate(180deg);
        z-index: -11;
    }

    .countdownSection .decorations .decoration[data-pos="bottom left"] {
        bottom: 20px;
        left: 0px;
        z-index: -11;
    }
}

.coin-icon {
    position: absolute;
    top: 17px;
    left: 13px;
    font-size: 12px;
    font-weight: normal;
}

/*.newYear_banner_card_item_old_price del {*/
/*    */
/*}*/

.newYear-products-section {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 130px;
    position: relative;
    padding-bottom: 150px;
}

.animation-img {
    position: absolute;
    top: 0;
    right: 0;
    animation: backgroundMove 2s infinite linear alternate;
}

.animation-img img,
.animation-img-right img {
    width: 100px;
    max-width: 15vw;
    transform: rotate(-70deg);
}

@keyframes backgroundMove {
    0% {
        top: 0;
        right: 0;
    }
    100% {
        top: 60px;
        right: 30px;
    }
}

.discount-icon {
    position: absolute;
    top: -20px;
    left: -10px;
}

.percent-icon {
    position: absolute;
    top: 0;
    right: -20px;
}

.percent-icon img {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.discount-banner-img {
    text-align: center;
    width: 100%;
}

.discount-banner-img img {
    width: 100%;
    object-fit: contain;
}

.newYear-products-section-banner {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 130px;
    position: relative;
    padding-bottom: 150px;
    max-width: 1190px;
    margin: 0 auto;
    padding: 0px 0;
}

.animation-img-right {
    position: absolute;
    right: 0;
    top: 50px;
    animation: backgroundMove2 2s infinite linear alternate;
}

@keyframes backgroundMove2 {
    0% {
        top: 150px;
        right: 0;
    }
    100% {
        top: 80px;
        right: 30px;
    }
}

.animation-img-left img {
    width: 100px;
    max-width: 15vw;
}

.animation-img-left {
    position: absolute;
    left: 0;
    top: 150px;
    animation: backgroundMove3 2s infinite linear alternate;
}

@keyframes backgroundMove3 {
    0% {
        top: 150px;
        left: 0;
    }
    100% {
        top: 80px;
        left: 30px;
    }
}

@import url("https://fonts.googleapis.com/css2?family=Mountains+of+Christmas:wght@700&display=swap");
@keyframes santa__mov {
    0%,
    100% {
        bottom: 0;
        left: 0;
        z-index: -5;
        transform: translateX(-100%) rotate(-10deg);
    }
    30% {
        bottom: 100%;
        left: 100%;
        z-index: -5;

        transform: translateX(100%) rotate(-10deg);
    }
    40% {
        bottom: 0;
        left: 100%;
        z-index: 11;

        transform: translateX(100%) rotateY(180deg);
    }
    70% {
        bottom: 0;
        left: 0;
        z-index: 5;
        transform: translateX(-100%) rotateY(180deg);
    }
}

@keyframes santa__hand-left {
    0% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(-30deg);
    }
}

@keyframes santa__hand-right {
    0% {
        transform: rotate(15deg);
    }
    100% {
        transform: rotate(-6deg);
    }
}

@keyframes rope__left {
    0% {
        transform: rotate(2deg);
    }
    100% {
        transform: rotate(5deg);
    }
}

@keyframes rope__right {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-4deg);
    }
}

@keyframes rope__inner {
    0% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(-15deg) translateY(3px);
    }
}

@keyframes reindeer__leg-front {
    0% {
        transform: rotate(-24deg);
    }
    100% {
        transform: rotate(-13deg);
    }
}

@keyframes reindeer__leg-front-extension {
    0% {
        transform: rotate(131deg);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes reindeer__leg-back {
    0% {
        transform: rotate(-73deg);
    }
    100% {
        transform: rotate(-95deg);
    }
}

@keyframes reindeer__leg-back-extension {
    0% {
        top: 4px;
        left: -4px;
        transform: rotate(50deg);
    }
    100% {
        top: 0;
        left: 0;
        transform: rotate(0);
    }
}

@keyframes snow {
    0% {
        fill-opacity: 1;
    }
    100% {
        fill-opacity: 0;
        transform: translateY(50%);
    }
}

.countdownSection {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
    position: relative;
    position: static;
    overflow: hidden;
    overflow: visible;
    margin: 0 0 20px;
    font-family: "Mountains of Christmas", cursive;
}

.countdownSection:before,
.countdownSection:after {
    content: "";
    position: absolute;
}

.countdownSection:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(255, 255, 255, 0.3), transparent);
    pointer-events: none;
}

.countdownSection:after {
    width: 90%;
    height: 90%;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.countdownSection .decorations {
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.countdownSection .decorations .decoration {
    background-image: url("https://firebasestorage.googleapis.com/v0/b/fotos-3cba1.appspot.com/o/navidad%2Fdecoration.png?alt=media&token=201ed160-2a86-4b14-869f-85981e9ff5fb");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    filter: blur(3px);
    z-index: -11;
}

.countdownSection .decorations .decoration[data-pos="top left"] {
    top: 0;
    left: 0;
    transform: rotate(90deg);
}

.countdownSection .decorations .decoration[data-pos="top right"] {
    top: 0;
    right: 0;
    transform: rotate(180deg);
}

.countdownSection .decorations .decoration[data-pos="bottom left"] {
    bottom: 0;
    left: -220px;
}

@media screen and (max-width: 700px) {
    .countdownSection .decorations .decoration[data-pos="top right"] {
        top: 0px;
        right: -120px;
    }

    .countdownSection .decorations .decoration[data-pos="bottom left"] {
        bottom: 0;
        left: 0px;
    }
}

.countdownSection .decorations .decoration[data-pos="bottom right"] {
    bottom: 0;
    right: 0;
    transform: rotate(-90deg);
}

.countdownSection .decorations .snow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.countdownSection .decorations .snow .particle {
    fill: #fff;
    animation: snow 5s ease-out infinite;
}

.countdownSection .decorations .snow .particle:nth-child(2n) {
    animation-delay: 1.5s;
}

.countdownSection .decorations .snow .particle:nth-child(3n) {
    animation-delay: 2.5s;
    animation-duration: 5.3s;
}

.countdownSection .decorations .snow .particle:nth-child(4n) {
    animation-delay: 1s;
    animation-duration: 5.2s;
}

.countdownSection .decorations .snow .particle:nth-child(5n) {
    animation-delay: 3s;
}

.countdownSection .decorations .santaWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 430px;
    height: 155px;
    transform: translateX(-100%);
    animation: santa__mov 15s linear infinite;
}

.countdownSection .decorations .santaWrapper .santa {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 125px;
    height: 107px;
    z-index: 10;
    transform: rotateY(180deg);
}

.countdownSection .decorations .santaWrapper .santa:before,
.countdownSection .decorations .santaWrapper .santa:after {
    content: "";
    position: absolute;
    bottom: 0;
    background-color: #520d0d;
}

.countdownSection .decorations .santaWrapper .santa:before {
    left: -10px;
    width: 126px;
    height: 30px;
    border-radius: 10px 50% 10px 50%;
    transform: rotate(0);
    z-index: 10;
}

.countdownSection .decorations .santaWrapper .santa:after {
    left: 70px;
    width: 50px;
    height: 53px;
    border-radius: 50% 10px 22px 10px;
    transform: rotate(8deg);
}

.countdownSection .decorations .santaWrapper .santa .hat > * {
    position: absolute;
    top: 7px;
    left: 31px;
    width: 43px;
    height: 58px;
    border-radius: 50%;
    transform: rotate(28deg);
    background-color: #d63527;
}

.countdownSection
.decorations
.santaWrapper
.santa
.hat
> *:nth-child(1):before,
.countdownSection
.decorations
.santaWrapper
.santa
.hat
> *:nth-child(1):after {
    content: "";
    position: absolute;
}

.countdownSection
.decorations
.santaWrapper
.santa
.hat
> *:nth-child(1):before {
    top: 9px;
    left: 45px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
}

.countdownSection
.decorations
.santaWrapper
.santa
.hat
> *:nth-child(1):after {
    top: 3px;
    left: 19px;
    width: 30px;
    height: 7px;
    border-radius: 50%;
    transform: rotate(22deg);
    background-color: #d63527;
}

.countdownSection .decorations .santaWrapper .santa .hat > *:nth-child(2) {
    position: absolute;
    top: 18px;
    left: 31px;
    width: 44px;
    height: 34px;
    border-radius: 50%;
    transform: rotate(12deg);
    background-color: #fff;
}

.countdownSection .decorations .santaWrapper .santa .face {
    position: absolute;
    top: 25px;
    left: 37px;
    width: 31px;
    height: 17px;
    border-radius: 20px 20px 50% 50%;
    transform: rotate(10deg);
    background-color: #fde2b7;
    z-index: 10;
}

.countdownSection .decorations .santaWrapper .santa .face .eyeBrows {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 7px;
    border-radius: 50%;
    background-color: #fff;
}

.countdownSection .decorations .santaWrapper .santa .face .eyeBrows.left {
    top: 2px;
    left: 22px;
    transform: rotate(-65deg);
}

.countdownSection .decorations .santaWrapper .santa .face .eyeBrows.right {
    top: 1px;
    left: 4px;
    transform: rotate(65deg);
}

.countdownSection .decorations .santaWrapper .santa .face .eye {
    position: absolute;
    top: 8px;
    left: 2px;
    width: 3px;
    height: 4px;
    border-radius: 50%;
    background-color: #000;
}

.countdownSection .decorations .santaWrapper .santa .face .eye.left {
    top: 8px;
    left: 2px;
}

.countdownSection .decorations .santaWrapper .santa .face .eye.right {
    top: 8px;
    left: 20px;
}

.countdownSection .decorations .santaWrapper .santa .face .nose {
    position: absolute;
    top: 10px;
    left: 6px;
    width: 12px;
    height: 9px;
    border-radius: 50%;
    z-index: 10;
    background-color: #f7d194;
}

.countdownSection .decorations .santaWrapper .santa .face .cheek {
    position: absolute;
    top: 10px;
    left: 6px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    z-index: 10;
    background-color: #f4cfe3;
}

.countdownSection .decorations .santaWrapper .santa .face .cheek.left {
    top: 12px;
    left: -3px;
}

.countdownSection .decorations .santaWrapper .santa .face .cheek.right {
    top: 13px;
    left: 22px;
}

.countdownSection .decorations .santaWrapper .santa .face .beard > * {
    position: absolute;
    top: 8px;
    left: -14px;
    width: 15px;
    height: 17px;
    border-radius: 50%;
    background-color: #fff;
}

.countdownSection .decorations .santaWrapper .santa .face .beard > *:before,
.countdownSection .decorations .santaWrapper .santa .face .beard > *:after {
    content: "";
    position: absolute;
    background-color: #fff;
}

.countdownSection .decorations .santaWrapper .santa .face .beard > *:before {
    top: 12px;
    left: 1px;
    width: 15px;
    height: 17px;
    border-radius: 50%;
}

.countdownSection
.decorations
.santaWrapper
.santa
.face
.beard
> *:nth-child(2) {
    top: 16px;
    left: -8px;
    width: 26px;
    height: 30px;
}

.countdownSection
.decorations
.santaWrapper
.santa
.face
.beard
> *:nth-child(2):before {
    top: 16px;
    left: 13px;
    width: 19px;
    height: 17px;
}

.countdownSection
.decorations
.santaWrapper
.santa
.face
.beard
> *:nth-child(2):after {
    top: 1px;
    left: 13px;
    width: 19px;
    height: 17px;
}

.countdownSection
.decorations
.santaWrapper
.santa
.face
.beard
> *:nth-child(3) {
    top: 16px;
    left: 14px;
    width: 27px;
    height: 28px;
}

.countdownSection
.decorations
.santaWrapper
.santa
.face
.beard
> *:nth-child(3):before {
    top: -4px;
    left: 13px;
    width: 17px;
    height: 17px;
}

.countdownSection .decorations .santaWrapper .santa .body {
    position: absolute;
    top: 54px;
    left: 16px;
    width: 88px;
    height: 53px;
}

.countdownSection .decorations .santaWrapper .santa .body:before {
    content: "";
    position: absolute;
    top: -23px;
    right: -10px;
    width: 53px;
    height: 51px;
    border-radius: 42% 50%;
    background-color: #f3f0f0;
    z-index: -1;
}

.countdownSection .decorations .santaWrapper .santa .body .sweater {
    top: -3px;
    left: 10px;
    position: absolute;
    width: 45px;
    height: 39px;
    border-radius: 50% 50% 10% 10%;
    background-color: #d63527;
    z-index: 5;
}

.countdownSection .decorations .santaWrapper .santa .body .sweater:before {
    content: "";
    top: 28px;
    left: 0px;
    position: absolute;
    width: 45px;
    height: 5px;
    background-color: #000;
    transform: rotate(1deg);
}

.countdownSection .decorations .santaWrapper .santa .body .sweater:after {
    content: "";
    top: 27px;
    left: 10px;
    position: absolute;
    width: 7px;
    height: 5px;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 3px;
    transform: rotate(1deg);
}

.countdownSection .decorations .santaWrapper .santa .body .hand {
    position: absolute;
}

.countdownSection .decorations .santaWrapper .santa .body .hand.left {
    top: 5px;
    left: 19px;
    width: 33px;
    height: 30px;
    overflow: hidden;
}

.countdownSection .decorations .santaWrapper .santa .body .hand.left .inner {
    position: absolute;
    top: 10px;
    left: 8px;
    width: 49px;
    z-index: 100;
    height: 7px;
    border-radius: 10px;
    transform: rotate(12deg);
    background-color: #d63527;
    animation: santa__hand-right 0.3s linear alternate infinite;
}

.countdownSection
.decorations
.santaWrapper
.santa
.body
.hand.left
.inner:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 7px;
    top: -2px;
    left: -6px;
    background-color: #000;
    border-radius: 50%;
    transform: rotate(25deg);
}

.countdownSection .decorations .santaWrapper .santa .body .hand.right {
    top: 4px;
    left: 3px;
    width: 11px;
    height: 7px;
    border-radius: 10px;
    background-color: #d63527;
    transform: rotate(25deg);
    animation: santa__hand-left 0.3s linear alternate infinite;
}

.countdownSection .decorations .santaWrapper .santa .body .hand.right:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 7px;
    top: -2px;
    left: -6px;
    background-color: #000;
    border-radius: 50%;
    transform: rotate(10deg);
}

.countdownSection .decorations .santaWrapper .rope {
    position: absolute;
    top: 92px;
    left: 84px;
    width: 182px;
    height: 33px;
    overflow: hidden;
    z-index: 10;
    transform: rotate(0deg);
    transform-origin: bottom right;
    animation: rope__right 0.3s linear alternate infinite;
}

.countdownSection .decorations .santaWrapper .rope.back {
    top: 85px;
    left: 105px;
    width: 149px;
    transform: rotate(4deg);
    z-index: 0;
    transform-origin: top left;
    animation: rope__left 0.3s linear alternate infinite;
}

.countdownSection .decorations .santaWrapper .rope:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -12px;
    width: 100%;
    height: 48px;
    border-bottom: 1px solid #fff;
    border-radius: 50%;
}

.countdownSection .decorations .santaWrapper .sled {
    position: absolute;
    bottom: -12px;
    left: 0px;
    width: 145px;
    height: 11px;
    transform: rotate(-3deg);
    border-bottom: 5px solid #690e00;
    border-right: 5px solid #690e00;
    border-radius: 10px;
    z-index: 10;
}

.countdownSection .decorations .santaWrapper .sled:before,
.countdownSection .decorations .santaWrapper .sled:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #690e00;
}

.countdownSection .decorations .santaWrapper .sled:before {
    top: 2px;
    left: 34px;
    height: 9px;
}

.countdownSection .decorations .santaWrapper .sled:after {
    top: 3px;
    left: 108px;
    width: 5px;
    height: 8px;
}

.countdownSection .decorations .santaWrapper .reindeer {
    position: absolute;
    width: 115px;
    height: 155px;
    top: 50px;
    right: 0;
    transform: rotate(14deg) translateX(calc(-100% - 30px));
    z-index: 0;
}

.countdownSection .decorations .santaWrapper .reindeer.second {
    top: 0;
    transform: rotate(14deg);
}

.countdownSection .decorations .santaWrapper .reindeer.second .rope {
    top: 70px;
    left: -55px;
    width: 155px;
    transform: rotate(-15deg);
    animation: rope__inner 0.3s linear alternate infinite;
}

.countdownSection .decorations .santaWrapper .reindeer:before {
    content: "";
    position: absolute;
    top: 65px;
    left: 76px;
    width: 8px;
    height: 31px;
    background-color: #520d0d;
    z-index: 10;
    transform: rotate(-55deg);
}

.countdownSection .decorations .santaWrapper .reindeer:after {
    content: "";
    position: absolute;
}

.countdownSection .decorations .santaWrapper .reindeer .face {
    position: absolute;
    width: 30px;
    height: 22px;
    top: 44px;
    left: 72px;
    border-radius: 10px 10px 50% 50%;
    transform: rotate(-3deg);
    background-color: #cca58b;
}

.countdownSection .decorations .santaWrapper .reindeer .face:before {
    content: "";
    position: absolute;
    background-color: #cca58b;
    width: 29px;
    height: 16px;
    border-radius: 50%;
    top: 0px;
    left: 11px;
    transform: rotate(-49deg);
}

.countdownSection .decorations .santaWrapper .reindeer .face:after {
    content: "";
    position: absolute;
    background-color: #000;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: -8px;
    left: 31px;
}

.countdownSection .decorations .santaWrapper .reindeer .face .ear {
    position: absolute;
    width: 21px;
    height: 11px;
    top: 4px;
    left: -18px;
    border-radius: 4px 0 50% 50%;
    transform: rotate(4deg);
    background-color: #cca58b;
}

.countdownSection .decorations .santaWrapper .reindeer .face .ear:before {
    content: "";
    position: absolute;
    top: -2px;
    left: 34px;
    width: 4px;
    height: 5px;
    border-radius: 50%;
    transform: rotate(-35deg);
    background-color: #000;
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn {
    position: absolute;
    width: 29px;
    height: 4px;
    top: -7px;
    left: -21px;
    border-radius: 2px;
    transform: rotate(38deg);
    background-color: #f0dbc2;
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn:before,
.countdownSection .decorations .santaWrapper .reindeer .face .horn:after {
    content: "";
    position: absolute;
    background-color: #f0dbc2;
    border-radius: 2px;
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn.left {
    top: -7px;
    left: -21px;
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn.left:before {
    top: -4px;
    left: 6px;
    width: 14px;
    height: 4px;
    transform: rotate(43deg);
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn.left:after {
    top: -4px;
    left: 13px;
    width: 14px;
    height: 4px;
    -webkit-transform: rotate(43deg);
    transform: rotate(53deg);
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn.right {
    top: -12px;
    left: -6px;
    width: 24px;
    transform: rotate(62deg);
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.face
.horn.right:before {
    top: -3px;
    left: 5px;
    width: 10px;
    height: 4px;
    transform: rotate(43deg);
}

.countdownSection .decorations .santaWrapper .reindeer .face .horn.right:after {
    top: -3px;
    left: 11px;
    width: 10px;
    height: 4px;
    transform: rotate(53deg);
}

.countdownSection .decorations .santaWrapper .reindeer .body {
    position: absolute;
    width: 58px;
    height: 31px;
    top: 84px;
    left: 28px;
    border-radius: 50% 0;
    transform: rotate(-3deg);
    background-color: #cca58b;
}

.countdownSection .decorations .santaWrapper .reindeer .body:before {
    content: "";
    position: absolute;
    width: 46px;
    height: 26px;
    top: -15px;
    left: 32px;
    border-radius: 0 0 50% 50%;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-55deg);
    background-color: #cca58b;
}

.countdownSection .decorations .santaWrapper .reindeer .body:after {
    content: "";
    position: absolute;
    width: 43px;
    height: 26px;
    top: -11px;
    left: 29px;
    border-radius: 0 0 50% 50%;
    -webkit-transform: rotate(-3deg);
    transform: rotate(-30deg);
    background-color: #cca58b;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.front
.inner {
    position: absolute;
    width: 40px;
    height: 8px;
    top: 13px;
    left: 35px;
    border-radius: 0 50%;
    transform: rotate(-17deg);
    background-color: #cca58b;
    animation: reindeer__leg-front 0.3s linear alternate infinite;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.front
.inner
.extension {
    position: absolute;
    width: 28px;
    height: 8px;
    top: 3px;
    left: 100%;
    border-radius: 2px 50%;
    transform: rotate(131deg);
    background-color: #cca58b;
    transform-origin: top left;
    animation: reindeer__leg-front-extension 0.2s linear alternate infinite;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.front
.inner
.extension:after {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    width: 7px;
    height: 8px;
    border-radius: 2px;
    background-color: #000;
}

.countdownSection .decorations .santaWrapper .reindeer .body .foot.back .inner {
    position: absolute;
    width: 56px;
    height: 9px;
    top: 37px;
    left: -29px;
    border-radius: 0 50%;
    transform: rotate(-73deg);
    animation: reindeer__leg-back 0.3s linear alternate infinite;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.back
.inner:before {
    content: "";
    position: absolute;
    width: 25px;
    height: 16px;
    top: 4px;
    left: 25px;
    border-radius: 0 50%;
    transform: rotate(15deg);
    background-color: #cca58b;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.back
.inner:after {
    content: "";
    position: absolute;
    right: 0;
    width: 65%;
    height: 100%;
    background-color: #cca58b;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.back
.inner
.extension {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 8px;
    background: #cca58b;
    border-radius: 2px 50%;
    transform-origin: top right;
    animation: reindeer__leg-back-extension 0.2s linear alternate infinite;
}

.countdownSection
.decorations
.santaWrapper
.reindeer
.body
.foot.back
.inner
.extension:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 9px;
    top: -2px;
    left: -2px;
    border-radius: 2px 0 2px 2px;
    transform: rotate(14deg);
    background-color: #000;
}

.countdownSection .decorations .santaWrapper .reindeer .body .tail {
    position: absolute;
    width: 27px;
    height: 26px;
    top: 6px;
    left: -8px;
    border-radius: 50% 2px;
    transform: rotate(-17deg);
    background-color: #cca58b;
}

.countdownSection .decorations .santaWrapper .reindeer .body .tail:before {
    content: "";
    position: absolute;
    background-color: #cca58b;
    border-radius: 50%;
    top: -2px;
    left: -3px;
    width: 15px;
    height: 5px;
    transform: rotate(25deg);
}

.countdownSection .container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: 100%;
    padding: 0px 0;
}

.countdownSection .container .counterWrapper {
    width: 100%;
    /* text-align: center; */
    position: relative;
    z-index: 1;
}

.countdownSection .container .counterWrapper p {
    background-image: url(https://firebasestorage.googleapis.com/v0/b/fotos-3cba1.appspot.com/o/navidad%2Fpattern-2.jpg?alt=media&token=c3ebea10-d285-4b2a-846b-12154d670bf2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 100px;
}

.countdownSection .container .counterWrapper .countdown {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: stretch;
    align-content: center;
}

.countdownSection .container .counterWrapper .countdown .countdownProp {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: center;
    width: auto;
    margin: 0px;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.5;
    background-image: url(https://firebasestorage.googleapis.com/v0/b/fotos-3cba1.appspot.com/o/navidad%2Fpattern-1.png?alt=media&token=e62eb3c2-bea0-49ae-a398-ab426f5605c1);
    background-clip: text;
    background-size: 120px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 50px #fff;
}

.countdownSection
.container
.counterWrapper
.countdown
.countdownProp:not(:first-child):before {
    content: ":";
}

.countdownSection .container .counterWrapper .countdown .countdownProp:after {
    /*content: attr(date-count);
  width: 100%;
  font-size: 20px;
  -webkit-text-fill-color: #fff;
  line-height: normal;*/
}

/*Lottery page */

.new_lottery_section {
    padding: 0px 0 100px 0;
    /*margin-top: 0px !important;*/
}

.lottery_content p:nth-child(2) {
    margin-bottom: 0 !important;
}

.lottery_content p {
    color: #444750;
    line-height: 28px !important;
    font-size: 16px !important;
}

.new_lottery_section h1 {
    color: white;

    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    padding: 43px 28px 0px 40px;
}

.new_lottery_section .lottery_banner {
    background: linear-gradient(90deg, #206fb5 29%, #8cd6f200 59%, #e6eaf500 110.96%),
    url(../img/blue_lottery_bg.png) no-repeat;

    background-size: auto 100%;
    background-position: right center;
    background-repeat: no-repeat;
    padding: 0px;
    min-height: auto;
    /*align-items: center;*/
    justify-content: space-between;
    display: flex;
}

.new_lottery_section .lottery_banner .left_section {
    padding: 40px 28px 40px 56px;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.new_lottery_section .lottery_banner .left_section p {
    color: white;
    font-size: 16px;
    font-style: normal;
    /*font-weight: 500;*/
    line-height: 25px;
    width: 48%;
}

.new_lottery_section .lottery_banner .left_section ul li {
    color: white;
    font-size: 16px;
    font-style: normal;
    /*font-weight: 500;*/

    line-height: 26px;
}

.new_lottery_section .lottery_banner .left_section ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.new_lottery_section .lottery_banner img {
    width: 100%;
    height: 462px;
}

.new_lottery_section .lottery_content {
    /*display: grid;*/
    grid-template-columns: 622px auto;
}

.new_lottery_section .lottery_content h2 {
    color: #272c38;

    font-family: "Poppins", sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.new_lottery_section .lottery_content > div > ul:first-of-type {
    list-style: decimal;
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 500;
    font-size: 20px;
}

.new_lottery_section .lottery_content > div > ul:first-of-type li ul li,
.new_lottery_section .lottery_content .first_ul li {
    color: var(--black, #272c38);

    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
}

.new_lottery_section .lottery_content > div > ol {
    padding-left: 0 !important;
}

.new_lottery_section .lottery_content > div > ol {
    list-style: decimal;
    padding-left: 22px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    font-weight: 500;
    font-size: 20px;
}

.new_lottery_section .lottery_content > div > ol ul li {
    color: var(--secondary-black, #444750);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.new_lottery_section .lottery_content > div > ol ul {
    list-style: disc;
    padding-left: 0;
    margin-top: 8px;
}

.new_lottery_section .lottery_content > div > ol ul li ul {
    padding-left: 0px;
    margin-bottom: 9px;
    list-style-type: none;
}

.new_lottery_section .lottery_content > div > ol ul li ul li::before {
    content: "-";
    margin-right: 6px;
}

.new_lottery_section .lottery_content > div > ul:first-of-type li ul ul {
    margin-top: 8px;
    list-style: disc;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding-left: 25px;
}

.new_lottery_section .lottery_content > div > ul:first-of-type li ul ul li {
    color: var(--secondary-black, #444750);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.new_lottery_section .lottery_content > div > ul:first-of-type li ul {
    list-style: none;
    padding-left: 0;
}

.new_lottery_section .lottery_content p {
    color: var(--secondary-black, #444750);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.new_lottery_section .lottery_tab {
    margin-top: 80px;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
}

.new_lottery_section .lottery_tab .tab_button.active {
    display: inline-flex;
    padding: 20px 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid var(--primary, #007332);
    color: var(--primary, #007332);
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    background: transparent;
}

.new_lottery_section .lottery_tab .tab_button {
    display: inline-flex;
    padding: 20px 60px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 2px solid #e4e4e4;
    background: transparent;
    color: var(--black, #272c38);
    cursor: pointer;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    height: 54px;
}

.new_lottery_section .tab_content {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 40px;
}

.new_lottery_section #gifts div {
    /*background-image: url("../img/gift_bg.png");*/
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    border-radius: 10px;
    height: 300px;
    background-size: 100% 100%;
}

.new_lottery_section #winners div img {
    width: 100%;
    border-radius: 10px;
}

.new_lottery_section #winners div p {
    color: var(--black, #272c38);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 16px;
}

.new_lottery_section #winners div h4 {
    color: var(--black, #272c38);

    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.new_lottery_section .tab_content h3 {
    color: black;

    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    padding: 24px 32px 0;
}

.new_lottery_section #gifts div:first-child img {
    right: 0;
    bottom: -29px;
    width: 360px;
    position: absolute !important;
}

.new_lottery_section #gifts div:last-child img {
    height: 240px;
    /*width: 146px;*/
    position: absolute !important;
    right: 0;
    bottom: 0;
}

.new_lottery_section .mobile_img_lottery {
    display: none;
}

.head-padding {
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 2px solid transparent;
    padding-bottom: 0px;
}

.hover-underline a:hover,
.underline a {
    border-bottom-color: green;
}

.iframe_size p iframe {
    width: 100% !important;
}

.kiv_text p {
    font-size: 15px;
    line-height: 22px;
}

.new_recipe_section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /*gap: 50px;*/
    padding: 0px;
    /*max-width: 100%;*/
}

.lottery_banner_bg {
    background: linear-gradient(
            475deg,
            #256fb5 24%,
            #59a6d5 56%,
            #53a0d2 88.96%,
            #5ca9d7 131.17%
    );
}

@media (max-width: 1200px) {
    .new_recipe_section {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    .recipe_img {
        height: 220px;
    }
}

@media (min-width: 400px) and (max-width: 992px) {
    .recipe_img {
        height: 330px;
    }

    .gap-product-card {
        gap: 5px;
    }
}

/*@media (min-width: 992px) and (max-width: 1200px) {*/
/*  .margin-style{*/
/*      margin-top: 92px;*/
/*  }*/
/*}*/

@media only screen and (max-width: 700px) {
    .newYear_banner {
        flex-wrap: wrap;
        padding: 24px;
        padding-top: 100px;
    }

    .newYear_banner_text {
        width: 100%;
    }

    .newYear_banner_img {
        width: 90%;
    }

    .newYear_banner_img img {
        width: 100%;
        height: auto;
    }

    .countdownSection .decorations .decoration {
        width: 300px;
        height: 300px;
    }

    .countdownSection .container .counterWrapper p {
        font-size: 70px;
    }

    .countdownSection .container .counterWrapper .countdown {
        margin: 20px 0;
        justify-content: center;
    }

    .countdownSection .container .counterWrapper .countdown .countdownProp {
    }

    .newYear_banner_text {
        padding: 0 0 48px;
    }

    .newYear_banner_card {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

@media only screen and (max-width: 500px) {
    /*.countdownSection .decorations .santaWrapper {
    display: none;
  }
  .countdownSection .container .counterWrapper p {
    font-size: 50px;
  }
  .countdownSection .container .counterWrapper .countdown .countdownProp {
    display: block;
  }
  .countdownSection .container .counterWrapper .countdown .countdownProp:not(:first-child):before {
    display: none;
  }
  .countdownSection .container .counterWrapper .countdown .countdownProp:after {
    display: block;
  }*/
}

/* NEWYEAR end */

@media (max-width: 992px) {
    /*.row {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 10px;*/
    /*    justify-content: space-between;*/
    /*    margin-right: 0;*/
    /*    margin-left: 0*/
    /*}*/
    .new_row {
        gap: 0 !important;
    }

    .hamburger {
        display: block;
    }

    .lottery_banner_bg {
        background: transparent;
    }

    .new_lottery_section h1 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        padding: 28px 0 0 20px;
        color: black;
    }

    .new_lottery_section .lottery_banner {
        display: flex;
        flex-direction: column-reverse;
        background: transparent;
        margin: 20px 0;
        padding: 16px;
    }

    .new_lottery_section .lottery_content > div > ol {
        padding-left: 24px !important;
    }

    .new_lottery_section .lottery_banner .left_section {
        padding: 16px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;

        border-radius: 8px;
        background: #206fb1;
    }

    .new_lottery_section .lottery_banner .left_section p {
        /*color: #FFF;*/
        font-size: 16px;
        font-style: normal;
        /*font-weight: 500;*/
        line-height: 25px;
        width: 100%;
    }

    .new_lottery_section .lottery_banner .left_section ul li {
        font-size: 16px;
        font-style: normal;
        /*font-weight: 500;*/

        line-height: 26px;
    }

    .new_lottery_section .lottery_banner .left_section ul {
        list-style: none;
        padding: 0 !important;
    }

    .new_lottery_section .lottery_banner img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .new_lottery_section .lottery_content {
        display: grid;
        grid-template-columns: auto;
    }

    .new_lottery_section .lottery_content h2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
    }

    .new_lottery_section .lottery_content .first_ul {
        list-style: decimal;
        padding-left: 22px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .new_lottery_section .lottery_content .first_ul li ul li,
    .new_lottery_section .lottery_content .first_ul li {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .new_lottery_section .lottery_content .first_ul li ul ul li {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .new_lottery_section .lottery_tab {
        /*margin-top: 60px;*/
        display: flex;
        gap: 12px;
        overflow: auto;
    }

    .new_lottery_section .mobile_img_lottery {
        display: flex;
        order: 1;
        margin-bottom: 20px;
    }

    .new_lottery_section .lottery_tab .tab_button.active {
        padding: 0;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        cursor: pointer;
    }

    .new_lottery_section .lottery_tab .tab_button {
        padding: 0;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        cursor: pointer;
    }

    .new_lottery_section .tab_content {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        margin-top: 30px;
        flex-direction: column;
        cursor: pointer;
    }

    .new_lottery_section #gifts div {
        background-position: center;
    }

    .new_lottery_section #winners div img {
        width: 100%;
        border-radius: 10px;
    }

    .new_lottery_section #winners div p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 12px;
    }

    .new_lottery_section #winners div h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
    }

    .new_lottery_section .tab_content h3 {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        padding: 16px 20px 0;
    }
}

@media (max-width: 600px) {
    .campaign-container {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .lottery-details,
    .lottery-date-n,
    .lottery-desc {
        padding: 16px;
        width: 100%;
    }

    .lottery-win-section h2,
    .lottery-faq h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .lottery-rules h5 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
        margin-top: 20px;
    }

    .lottery-rules p,
    .lottery-rules ul li,
    .lottery-rules ul li p a,
    .lottery-details li,
    .lottery-desc p,
    .lottery-winner span {
        font-size: 14px;
        line-height: 22px;
    }

    .lottery-winner p {
        font-size: 16px;
        line-height: 22px;
    }

    .lottery-faq h2,
    .lottery-win-section {
        margin-top: 40px;
    }

    .lottery-details {
        gap: 2px;
    }

    .lottery-details li span {
        font-size: 15px;
        line-height: 23px;
    }

    .lottery-list {
        gap: 2px;
    }

    .lottery-gift-section div img {
        width: 120px;
        height: 120px;
    }

    .lottery-gift-section div span {
        font-size: 13px;
        line-height: 21px;
    }

    .lottery-rules ul {
        gap: 8px;
    }

    .lottery-rules ul li p {
        padding: 16px;
    }

    .lottery-details h3,
    .lottery-date-n h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .lottery-rules h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 18px;
    }

    .lottery-gift-section {
        justify-content: center;
        gap: 10px;
    }

    .lottery-gift-section div {
        max-width: 47%;
        padding: 16px;
        gap: 10px;
    }

    .lottery-winner {
        flex-direction: column !important;
    }

    .lottery-detail-section {
        flex-direction: column;
    }

    .new_lottery_section #gifts div:first-child img {
        float: right;
        /*width: 214px;*/
    }

    .new_lottery_section #gifts div:last-child img {
        /*height: 155px !important;*/
        /*width: 146px;*/
    }
}

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

    .campaign-container {
        grid-template-columns: 1fr;
        margin-top: 40px;
    }

    .lottery-details,
    .lottery-date-n,
    .lottery-desc {
        padding: 16px;
        width: 100%;
    }

    .lottery-win-section h2,
    .lottery-faq h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 14px;
    }

    .lottery-rules h5 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 12px;
        margin-top: 20px;
    }

    .lottery-rules p,
    .lottery-rules ul li,
    .lottery-rules ul li p a,
    .lottery-details li,
    .lottery-desc p,
    .lottery-winner span {
        font-size: 14px;
        line-height: 22px;
    }

    .lottery-winner p {
        font-size: 16px;
        line-height: 22px;
    }

    .lottery-faq h2,
    .lottery-win-section {
        margin-top: 40px;
    }

    .lottery-details {
        gap: 2px;
    }

    .lottery-details li span {
        font-size: 15px;
        line-height: 23px;
    }

    .lottery-winner > div {
        width: 100%;
    }

    .lottery-list {
        gap: 2px;
    }

    .lottery-gift-section div img {
        width: 120px;
        height: 120px;
        object-fit: cover;
    }

    .lottery-gift-section div span {
        font-size: 13px;
        line-height: 21px;
    }

    .lottery-rules ul {
        gap: 8px;
    }

    .lottery-rules ul li p {
        padding: 16px;
    }

    .lottery-details h3,
    .lottery-date-n h3 {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 10px;
    }

    .lottery-rules h2 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 18px;
    }

    .lottery-gift-section {
        justify-content: center;
        gap: 10px;
    }

    .lottery-gift-section div {
        max-width: 47%;
        padding: 16px;
        gap: 10px;
        justify-content: space-between;
    }

    .lottery-winner {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .lottery-detail-section {
        flex-direction: column;
    }

    .home_oba .tr_date span {
        font-size: 14px;
        line-height: 22px;
    }
}

@media (min-width: 992px) and (max-width: 1210px) {
    .new_lottery_section .lottery_banner {
        display: flex;
        flex-direction: column-reverse;
        background: transparent;
        margin: 20px 0;
    }
}

@media (min-width: 1400px) {
    .new_lottery_section .lottery_banner {
        background: linear-gradient(90deg, #206fb5 42%, #8cd6f200 64%, #e6eaf500 110.96%),
        url(../img/blue_lottery_bg.png) no-repeat;

        background-size: auto 100%;
        background-position: right center;
        padding: 0px;
        min-height: 47vh;
        /*align-items: center;*/
        justify-content: space-between;
        display: flex;
    }

    .lottery_banner_bg {
        background: linear-gradient(
                475deg,
                #256fb5 36%,
                #59a6d5 60%,
                #53a0d2 90.96%,
                #54a1d259 131.17%
        );
    }
}

@media (min-width: 1700px) {
    .new_lottery_section .lottery_banner {
        background: linear-gradient(93deg, #206fb5 49%, #8cd6f200 66%, #e6eaf500 110.96%),
        url(../img/blue_lottery_bg.png) no-repeat;
        background-size: auto 100%;
        background-position: right center;
        background-repeat: no-repeat;
        padding: 0px;
        min-height: 47vh;
        /*align-items: center;*/
        justify-content: space-between;
        display: flex;
    }

    .lottery_banner_bg {
        background: linear-gradient(
                472deg,
                #256fb5 46%,
                #59a6d5 61%,
                #53a0d2 88.96%,
                #54a1d2 131.17%
        );
    }
}

@media (min-width: 992px) and (max-width: 1210px) {
    .new_lottery_section h1 {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
        padding: 28px 0 0 0;
    }

    .new_lottery_section .lottery_banner {
        display: flex;
        flex-direction: column-reverse;
        background: transparent;
        margin: 20px 0;
    }

    .new_lottery_section .lottery_banner .left_section {
        padding: 16px;
        align-items: flex-start;
        gap: 10px;
        align-self: stretch;

        border-radius: 8px;
        /*background: #206FB1;*/
    }

    .new_lottery_section .lottery_banner .left_section p {
        /*color: #FFF;*/
        font-size: 16px;
        font-style: normal;
        /*font-weight: 500;*/
        line-height: 25px;
        width: 100%;
    }

    .new_lottery_section .lottery_banner .left_section ul li {
        font-size: 16px;
        font-style: normal;
        /*font-weight: 500;*/

        line-height: 26px;
    }

    .new_lottery_section .lottery_banner .left_section ul {
        list-style: none;
        padding: 0 !important;
    }

    .new_lottery_section .lottery_banner img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

    .new_lottery_section .lottery_content {
        display: grid;
        grid-template-columns: auto;
    }

    .new_lottery_section .lottery_content h2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
    }

    .new_lottery_section .lottery_content .first_ul {
        list-style: decimal;
        padding-left: 22px;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .new_lottery_section .lottery_content .first_ul li ul li,
    .new_lottery_section .lottery_content .first_ul li {
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
    }

    .new_lottery_section .lottery_content .first_ul li ul ul li {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
    }

    .new_lottery_section .lottery_tab {
        margin-top: 60px;
        display: grid;
        gap: 12px;
        overflow: auto;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .new_lottery_section .mobile_img_lottery {
        display: flex;
        order: 1;
        margin-bottom: 20px;
    }

    .new_lottery_section .lottery_tab .tab_button.active {
        padding: 15px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        cursor: pointer;
    }

    .new_lottery_section .lottery_tab .tab_button {
        padding: 15px 40px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        width: 100%;
        cursor: pointer;
    }

    .new_lottery_section .tab_content {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        margin-top: 30px;
        flex-direction: column;
    }

    .new_lottery_section #gifts div {
        background-position: center;
    }

    .new_lottery_section #winners div img {
        width: 100%;
        border-radius: 10px;
    }

    .new_lottery_section #gifts div:first-child img {
        float: right;
        /*width: 214px;*/
        /*position: static !important;*/
    }

    .new_lottery_section #gifts div:last-child img {
        /*height: 155px !important;*/
        /*width: 146px;*/
    }

    .new_lottery_section #winners div p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        margin-top: 12px;
    }

    .new_lottery_section #winners div h4 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 26px;
    }

    .new_lottery_section .tab_content h3 {
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        padding: 16px 20px 0;
    }

    .new_lottery_section .lottery_banner .left_section p {
        font-size: 12px;
        font-style: normal;
        /* font-weight: 500; */
        line-height: 22px;
        width: 100%;
    }
}

.app-main {
    /*background-position: calc(100% - 96px) 50% !important;*/
    /* background-size: auto 70% !important; */
    background-color: #007234;
    min-height: 685px !important;
    background-position: right !important;
}

.new_gap {
    padding: 0 8px 8px 0 !important;
}

.special_offer_banner {
    border-radius: 20px;
    border: 1px solid #f2f2f2;

    background: #fff;
    justify-content: space-between;
}

.special_offer_banner_second {
    border-radius: 20px;
    background: linear-gradient(90deg, #007332 26.98%, #00d95e 100%);
    justify-content: space-between;
    margin-top: 40px;
}

.special_offer_banner_second img {
    max-width: 499px;
    height: 476px;
}

.special_offer_banner_second p {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.special_offer_banner_second h2 {
    color: #fff;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.special_offer_first_section {
    margin: 40px 0 40px 40px;
}

.special_offer_desc {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.special_offer_desc p {
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.special_offer_price_wrapper {
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    max-width: 191px;
}

.special_offer_price_wrapper .new-price {
    color: #ed2939;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
}

.special_offer_price_wrapper .old-price {
    color: #c5c5c5;
    text-decoration: line-through;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.special_offer_price_wrapper .discount {
    display: flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    background: #00863b;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    position: absolute;
    top: -4px;
    right: -3px;
}

.special_offer_more {
    padding-top: 40px;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
}

.special_offer_more2 {
    display: flex;
    justify-content: end;
    flex-wrap: wrap;
}

.special_offer_more .swiper-button-prev,
.special_offer_more .swiper-button-next {
    position: static;

    width: auto;
    height: auto;
    margin: 0 10px;
    color: #000;
    font-size: 20px;
}

.special_offer_more .swiper-button-prev img,
.special_offer_more .swiper-button-next img {
    width: auto;
    height: auto;
}

.special_offer_more .swiper-button-next:after,
.swiper-rtl .special_offer_more .swiper-button-prev:after {
    display: none;
}

.special_offer_date {
    margin-top: 40px;
}

.home_oba {
    margin-top: 20px;
}

.home_oba .tr_date span {
    color: var(--primary, #007332);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}

.home_oba .special_offer_date {
    margin-top: 8px;
}

.special_container {
    max-width: 1440px;
    margin-top: 100px;
}

.special_offer_image_wrapper {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.rotated_offer_img {
    width: 100%;
    max-width: 750px;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
    transition: all 0.3s ease;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.offer_qr {
    position: absolute;
    z-index: 1;
    bottom: 60px;
    right: 24px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 160px;
    height: 160px;
}

.offer_qr div {
    display: flex;

    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 12px;
    background: #fff;
}

.offer_qr span {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.special_offer_inner h1 {
    color: #272c38;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    margin: 62px 0 12px;
}

.mt-lg-8 {
    margin-top: 80px;
}

.special_inner_desc {
    border-radius: 20px;
    background: #f9fafa;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-top: 24px;
    position: relative;
}

.special_inner_desc h2 {
    color: #272c38;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.special_inner_desc p {
    color: #272c38;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.special_inner_desc img {
    position: absolute;
    right: 0;
    bottom: 0;
}

.new_special_wrap {
    background: #007332 !important;
    margin: 110px 0;
    padding: 60px 40px !important;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    max-width: 100500px;
    height: 710px;
    position: relative;

    border-radius: 20px;
}

.main_image_special img {
    max-width: 640px;
}

/*.main_image_special{*/
/*    z-index: 2;*/
/*}*/
.special_first {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.new_special_wrap p {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    opacity: 0.9;
}

.new_special_wrap h2 {
    padding: 0;
    color: #fff;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
}

.new_special_wrap .inner {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: calc(100% - 738px) !important;
    height: 100%;
    justify-content: space-evenly;
}

.special_second p {
    color: #ffdc32;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
    opacity: 0.9;
}

.special_second .stores_links {
    flex-direction: column;
}

.special_second_inner {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.new_special_wrap .green_svg_sp {
    position: absolute;
    bottom: 0;
    right: 0;
}

.pagination_new_n {
    justify-content: center;
    gap: 10px;
}

.pagination_btn_n {
    border: none;
    padding: 13px 20px;
    border-radius: 10px;
    color: black;
    cursor: pointer;
}

.pagination_btn_active {
    color: #207331;
    border: 1px solid #207331;
}

.rules_special {
    display: flex;
    justify-content: space-between;
    gap: 55px;
    margin-top: 100px;
}

.rules_special h2 {
    color: #272c38;
    margin-bottom: 20px;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.rules_special ul li {
    display: grid;
    grid-template-columns: auto auto;
    padding: 20px;
    align-items: center;
    gap: 12px;
    border-radius: 50px;
    background: rgba(0, 115, 50, 0.06);
    color: var(--black, #272c38);
    width: fit-content;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.rules_special ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
}

.now_buy {
    margin-bottom: 100px;
}

.now_buy img {
    width: 100%;
}

.faq_special {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 40px;
    margin-top: 100px;
    margin-bottom: 100px;
}

.faq_special h2 {
    color: var(--black, #272c38);

    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
}

.special-scan {
    justify-content: space-evenly;
}

.rules_special img {
    border-radius: 20px;
}

@media (max-width: 1110px) {
    .rect-lg-60-86-3 {
        width: 44px;
    }
}

@media (max-width: 992px) {
    .rect-lg-60-86-3 {
        width: 36px;
    }

    .rotated_offer_img {
        width: 100%;
    }

    .special_container {
        margin-top: 20px;
    }

    .special_offer_first_section {
        margin: 10px;
    }

    .special_offer_banner {
        border: none;
    }

    .rotated_offer_img {
        clip-path: polygon(0% 0, 100% 0, 100% 100%, 0 100%);
        border-radius: 20px;
    }

    .special_offer_image_wrapper {
        padding: 16px;
    }

    .swiper-mobile-75p {
        width: 75%;
    }

    .offer_qr {
        display: none;
    }

    .special_offer_more {
        padding-top: 30px;
    }

    .special_offer_desc p {
        font-size: 16px;

        line-height: 22px;
    }

    .special_first {
        text-align: center;
    }

    .special_offer_price_wrapper .new-price {
        font-size: 20px;
        line-height: 30px;
    }

    .special_offer_price_wrapper .old-price {
        font-size: 16px;
        line-height: 18px;
    }

    .special_offer_date {
        margin-top: 30px;
    }

    .special_offer_price_wrapper .discount {
        right: 12px;
    }

    .special_offer_inner h1 {
        font-size: 26px;

        line-height: 38px;
        margin: 24px 0 22px;
    }

    .special_inner_desc {
        padding: 16px;
        gap: 16px;
        margin-top: 22px;
    }

    .special_inner_desc h2 {
        font-size: 23px;
        line-height: 42px;
    }

    .special_inner_desc p {
        font-size: 14px;
        line-height: 22px;
    }

    .new_special_wrap {
        height: auto !important;
        padding: 16px !important;
        margin: 60px 0 !important;
        flex-wrap: wrap !important;
    }

    .new_special_wrap .inner {
        width: 100% !important;
        gap: 24px !important;
        order: 2;
        justify-content: center;
        align-items: center;
    }

    .new_special_wrap p {
        font-size: 14px;
        line-height: 23px;
    }

    .main_image_special img {
        max-width: 100% !important;
    }

    .main_image_special {
        order: 1;
    }

    .new_special_wrap h2 {
        font-size: 20px !important;
        line-height: 31px !important;
    }

    .special_inner_desc img {
        width: 100%;
    }

    .new_special_wrap .green_svg_sp {
        width: 100%;
    }

    .special_offer_banner_second h2 {
        font-size: 22px;

        line-height: 33px;
    }

    .special_offer_banner_second p {
        font-size: 14px;
        line-height: 24px;
    }

    .special_offer_banner_second img {
        height: auto;
        width: 100%;
    }

    .rules_special {
        flex-direction: column;
    }

    .rules_special h2,
    .faq_special h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .rules_special ul li {
        display: grid;
        grid-template-columns: auto auto;
        padding: 16px;
        gap: 9px;

        font-size: 14px;
        line-height: 20px;
    }

    .rules_special img {
        width: 100%;
    }

    .rules_special {
        gap: 20px;
        margin-top: 60px;
    }

    .faq_special {
        gap: 26px;
        margin-top: 60px;
        margin-bottom: 60px;
    }

    .mt-lg-8 {
        margin-top: 80px;
    }
}

@media screen and (max-width: 1200px) {
    .new_special_wrap {
        flex-wrap: nowrap;
    }

    .new_special_wrap .inner {
        width: 100% !important;
    }

    .main_image_special img {
        max-width: 100% !important;
    }
}

.mySwiper_special .swiper-slide img {
    width: inherit;
    display: inline;
}

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

.lotteries-section div .tabs-wrapper,
.fairytale_section .tabs-wrapper {
    display: flex;
    gap: 12px;
    margin: 56px 0 30px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    max-width: 100%;
    scrollbar-width: thin;
}

.lotteries-section .tab-btn,
.fairytale_section .tab-btn,
.fairytale_section .tab-btn2 {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 10px;
    border-radius: 6px;
    border: 1px solid #d6d8dc;

    background: #fff;
    cursor: pointer;
    transition: 0.25s;
    color: var(--black, #272c38);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lotteries-section .tab-btn.active,
.fairytale_section .tab-btn.active,
.fairytale_section .tab-btn2.active {
    display: flex;
    padding: 8px 16px;
    align-items: center;
    gap: 10px;

    border-radius: 6px;
    border: 1px solid var(--button, #00863b);
    background: #fff;
    color: var(--button, #00863b);
}

/* Cards */
.lotteries-section .lottery-grid {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-bottom: 100px;
}

.lotteries-section .lottery-card {
    border-radius: 8px;
    margin-top: 30px;
}

.lotteries-section .lottery-img {
    height: 290px;
    background-size: cover;
    background-repeat: repeat;
    border-radius: 8px;
    position: relative;
}

.lotteries-section .status.active {
    display: flex;
    padding: 6px 14px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    left: 16px;
    top: 16px;
    border-radius: 30px;
    background: var(--button, #00863b);
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lotteries-section .status.future {
    display: flex;
    padding: 6px 14px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    left: 16px;
    top: 16px;
    border-radius: 30px;
    background: var(--button, #f7a41d);
    color: #black;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lotteries-section .status.finished {
    display: flex;
    padding: 6px 14px;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    left: 16px;
    top: 16px;
    border-radius: 30px;
    background: var(--button, #dcdcdc);
    color: #black;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.lotteries-section .date-range {
    margin-top: 16px;
    color: var(--primary, #007332);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    display: inline-block;
}

.lotteries-section .lottery-card h3 {
    margin: 8px 0;
    color: var(--black, #272c38);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.lotteries-section .lottery-card p {
    color: var(--secondary-black, #444750);

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

/* Daha ətraflı */
.lotteries-section .more-btn {
    margin-top: 24px;
    border-radius: 40px;
    background: var(--secondary, #ffdc32);
    cursor: pointer;
    padding: 12px 20px;
    color: var(--black, #272c38);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.lotteries-section .more-btn:hover {
    background: #f4c400;
}

.lotteries-section .head-new-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lotteries-section .head-new-section p {
    color: var(--primary, #007332);

    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.lotteries-section .no-results h4 {
    color: var(--black, #272c38);
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 100px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tiraj-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 16px;
}

.tiraj-card {
    display: flex;
    padding: 32px;
    align-items: flex-start;
    gap: 6px;
    flex-direction: column;
    border-radius: 16px;
    background: #f9fafa;
}

.tiraj-card p {
    color: var(--primary, #007332);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}

.tiraj-card span {
    olor: var(--black, #272c38);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 26px;
}

.tiraj-note p {
    color: var(--secondary-black, #444750);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}

.tiraj-note {
    display: flex;
    padding: 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 20px;
    background: #f9fafa;
    margin: 16px 0 32px;
}

.tiraj-awards .awards-swiper-wrapper {
    position: relative;
    padding: 0 52px;
    box-sizing: border-box;
}

@media screen and (max-width: 768px) {
    .tiraj-awards .awards-swiper-wrapper {
        padding: 0;
    }
}

.tiraj-awards .awards-swiper {
    width: 100%;
    padding-bottom: 40px;
    overflow: hidden;
}

.tiraj-awards .awards-swiper .swiper-wrapper {
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.tiraj-awards .awards-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    height: auto;
}

.tiraj-awards .awards-slide img {
    border-radius: 20px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.tiraj-awards .awards-swiper-prev,
.tiraj-awards .awards-swiper-next {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 20px));
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 10;
    transition: opacity 0.2s;
}

@media screen and (max-width: 768px) {
    .tiraj-awards .awards-swiper-prev,
    .tiraj-awards .awards-swiper-next {
        display: none;
    }
}

.tiraj-awards .awards-swiper-prev::after,
.tiraj-awards .awards-swiper-next::after {
    content: "";
    display: block;
    width: 23px;
    height: 8px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("../img/icons/swiper-arrow.svg");
}

.tiraj-awards .awards-swiper-prev::after {
    transform: scaleX(-1);
}

.tiraj-awards .awards-swiper-prev {
    left: 0;
}

.tiraj-awards .awards-swiper-next {
    right: 0;
}

.tiraj-awards .awards-swiper-prev.swiper-button-disabled,
.tiraj-awards .awards-swiper-next.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.tiraj-awards .awards-swiper-prev.swiper-button-disabled::after,
.tiraj-awards .awards-swiper-next.swiper-button-disabled::after {
    /*background-image: url("../img/icons/swiper-arrow-disabled.svg");*/
}

.tiraj-awards .awards-swiper .swiper-pagination-bullet-active {
    background: var(--button, #00863b);
}

.tiraj-awards h6 {
    color: var(--black, #272c38);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 20px;
}

.tiraj-awards .awards-item p {
    color: var(--secondary-black, #444750);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
}

.fairytale_section .lottery-winner {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}

.fairytale_section .lottery-winner h6 {
    color: var(--black, #272c38);
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.fairytale_section .lottery-winner p {
    color: var(--black, #272c38);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.fairytale_section .lottery-winner span {
    color: var(--black, #272c38);
    opacity: 0.5;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.fairytale_section .lottery-winner div {
    display: flex;
    padding: 24px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0 0;
    border-radius: 16px;
    background: #f9fafa;
}

.tiraj-grid-final .tiraj-card p {
    color: var(--secondary-black, #444750);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.tiraj-grid-final {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px;
}

.tiraj-grid-final > div {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tiraj-grid-final .tiraj-card.final {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Responsive */
@media (max-width: 1200px) {
    .lotteries-section .lottery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .lotteries-section .lottery-img {
        height: 260px;
    }
}

@media (max-width: 768px) {
    .lotteries-section div .tabs-wrapper {
        margin: 40px 0 16px;
        gap: 6px;
        overflow: auto;
    }

    .lotteries-section .tab-btn {
        font-size: 13px;
        padding: 0px 16px;
        gap: 5px;
    }

    .lotteries-section .lottery-grid {
        grid-template-columns: 1fr;
        gap: 20px;
        margin-bottom: 23px;
    }

    .lotteries-section .lottery-img {
        height: 240px;
    }

    .lotteries-section .lottery-card h3 {
        font-size: 18px;
        line-height: 26px;
    }

    .lotteries-section .lottery-card p {
        font-size: 14px;
        line-height: 22px;
    }

    .lotteries-section .date-range {
        font-size: 14px;
    }

    .lotteries-section .more-btn {
        font-size: 14px;
    }

    .lotteries-section .status.active,
    .lotteries-section .status.future,
    .lotteries-section .status.finished {
        font-size: 14px;
        padding: 5px 12px;
    }

    .lotteries-section .lottery-card {
        margin-top: 10px;
    }

    .lotteries-section .no-results h4 {
        margin-bottom: 40px;
        font-size: 22px;
        line-height: 30px;
    }

    .fairytale_section .tabs-wrapper {
        margin: 26px 0 26px;
    }

    .tiraj-note p {
        font-size: 14px;
    }

    .tiraj-awards .awards-item p,
    .fairytale_section .lottery-winner p {
        font-size: 14px;
    }

    .tiraj-card {
        padding: 20px;
    }

    .tiraj-card p,
    .fairytale_section .lottery-winner h6 {
        font-size: 18px;
        line-height: 24px;
    }

    .tiraj-card span {
        font-size: 16px;
        line-height: 22px;
    }

    .tiraj-note {
        flex-direction: column;
        padding: 20px;
        text-align: center;
    }

    /* .tiraj-awards .awards-item {
    flex-direction: column;
    gap: 16px;
  } */
    .tiraj-awards h6 {
        font-size: 18px;
        margin-bottom: 12px;
    }

    /* .tiraj-awards .awards-item img {
    width: 100%;
    height: auto;
  } */
    .fairytale_section .lottery-winner div {
        width: 100%;
        padding: 20px;
    }

    .fairytale_section .lottery-winner {
        gap: 12px;
        margin-bottom: 0 !important;
        flex-direction: column;
    }

    .tiraj-grid-final {
        grid-template-columns: 1fr;
    }

    .tiraj-grid-final .tiraj-card.final {
        padding: 20px;
        text-align: center;
    }

    .tiraj-card.final img {
        width: 100%;
    }

    .custom-lottery-winner {
        grid-template-columns: auto !important;
    }
}

@media (max-width: 480px) {
    .lotteries-section .head-new-section h1 {
        font-size: 26px !important;
        line-height: 34px !important;
    }

    .lotteries-section .head-new-section p {
        font-size: 12px;
        line-height: 22px;
    }

    .lotteries-section .lottery-img {
        height: 200px;
    }

    .lotteries-section .status.active,
    .lotteries-section .status.future,
    .lotteries-section .status.finished {
        font-size: 12px;
        padding: 4px 10px;
    }

    .lotteries-section .lottery-card h3 {
        font-size: 16px;
        line-height: 24px;
    }

    .lotteries-section .more-btn {
        padding: 10px 16px;
        font-size: 14px;
    }
}

/******************** New App Page *****************/
.new_app_page {
    /*font-family: "Poppins", sans-serif;*/
    color: #272c38;
}

/* Banner */
.new_app_banner {
    width: 100%;
    height: 710px;
    padding: 60px;
    margin-bottom: 64px;

    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: bottom;
    background-position-x: right;
}

.new_app_banner-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%; /* h-100p */
}

.new_app_banner-left {
    display: flex; /* d-flex */
    flex-direction: column; /* flex-column */
    justify-content: center; /* justify-content-lg-center */
    width: 40%; /* col-lg-7 (7 out of 12 columns) */
    height: 100%; /* h-100p (p usually stands for percentage) */
    color: white; /* color-white */
}

.new_app_banner-left .oba_plus_badge {
    width: 56px;
    margin-bottom: 40px;
}

.new_app_banner-left article {
    margin-bottom: 40px;
}

.new_app_banner-left article h1 {
    font-size: 40px; /* fs-lg-38 */
    line-height: 52px; /* lh-lg-48 */
    font-weight: 600; /* fw-600 (Semi-Bold) */
    margin-bottom: 1rem; /* mb-3 */
}

.new_app_banner-left article p {
    font-size: 16px; /* fs-lg-18 */
    line-height: 24px; /* lh-lg-28 */
    font-weight: 400; /* fw-400 (Regular) */
    opacity: 0.9;
}

.new_app_banner-left h5 {
    font-size: 16px;
    line-height: 28px; /* lh-28 */
    font-weight: 500; /* fw-500 (Medium) */
    color: #ffdc32;
    margin-bottom: 1rem;
}

.new_banner_img_container {
    max-width: 600px;
    width: 50%;
}

.new_banner_img_container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.new_app_links {
    display: flex;
    gap: 16px;
    width: 40%;
}

.new_app_links img {
    width: 172px;
}

.new_app-download_links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/*.new_app-download_links a {*/
/*    background-color: #fff;*/
/*    display: flex;*/
/*    width: 100%;*/
/*    padding: 8px;*/
/*    gap: 8px;*/
/*    border-radius: 10px;*/
/*}*/

.new_app-qr_container {
    width: 172px;
}

.new_app-qr_container img {
    width: 100%;
    object-fit: contain;

    /*height: 100%;*/
}

/**********/

/* Advantages */
.new_app_page section h2 {
    font-size: 36px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 48px;
}

.advantages_grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-auto-flow: row;
    gap: 16px;
}

.advantages_grid figure {
    padding: 24px;
    background-color: #f9fafa;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.advantages_grid figure img {
    width: 32px;
    height: 32px;
}

.advantages_grid figure figcaption {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    text-align: start;
}

.advantages_grid figure figcaption h5 {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}

.advantages_grid figure figcaption p {
    color: #858998;
    font-size: 14px;
}

/**************/
/* How it works */
.how_it_works {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*gap: 40px;*/
}

.hiw_steps_container {
    width: 100%;
    display: flex;
    /*flex-wrap: nowrap;*/
}

.hiw-right-arrow {
    display: flex;
    flex-direction: column;
    justify-content: center;
    transform: translateY(-25%);
}

.hiw-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hiw-desc {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.hiw-desc div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #f3f3f3;
}

.hiw-desc div span {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
}

.hiw-desc p {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
}

.hiw-img {
    height: 180px;
    margin-bottom: 40px;
}

.hiw-img img {
    object-fit: contain;
    height: 100%;
}

/****************/
/* App Features + Screenshot Section */
.app_showcase {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 60px;
}

.app_features {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    gap: 12px;
    /*width: 50%;*/
}

.app_features figure {
    padding: 20px 40px;
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #0073320f;
    border-radius: 50px;
}

.app_features figure figcaption {
    font-size: 28px;
    font-weight: 500;
    /*line-height: 53px;*/
    text-align: start;
}

.app_features figure img {
    width: 16px;
    height: 16px;
}

.app_showcase img {
    width: 50%;
}

/* FAQ */
.new_app_spacing {
    margin-bottom: 100px !important;
}

.new_app_faq_inner {
    margin: 0 auto;
}

.new_app_faq_item {
    text-align: left;
    padding: 2rem;
}

.new_app_faq_item .faq_ans p {
    padding: 12px 0 0 0;
    /*padding-top: 12px;*/
}

/****************/

/* About us values*/
.about-values h2 {
    margin-bottom: 48px;
}

.about-values ul {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem;
    grid-auto-rows: 1fr;
    padding: 0;
}

.about-values ul li {
    padding: 1.5rem;
    height: 100%;
    display: grid;
    gap: 2rem;
    justify-items: start;
    align-content: start;
    border-radius: 1rem;
    background: #f9fafa;
}

.about-values ul li i {
    width: 2.5rem;
    height: 2.5rem;
}

.about-values ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about-values ul li div {
}

.about-values ul li h5 {
    color: #272c38;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.75rem; /* 140% */
    margin-bottom: 0.5rem;
}

.about-values ul li p {
    color: #858998;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.25rem; /* 142.857% */
}

/****************/
/* Responsive Styles*/
@media screen and (max-width: 1280px) {
    .app_features figure {
        padding: 20px 28px;
    }

    .app_features figure figcaption {
        font-size: 24px;
    }
}

@media screen and (max-width: 1125px) {
    .about-values ul {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media screen and (max-width: 1024px) {
    .advantages_grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .about-values ul {
        grid-template-columns: repeat(3, 1fr);
    }

    .app_features figure {
        padding: 16px 24px;
    }

    .app_features figure figcaption {
        font-size: 20px;
    }

    .app_showcase img {
        width: 55%;
    }

    .new_banner_img_container {
        width: 100%;
    }
}

@media screen and (max-width: 768px) {
    .new_app_page section h2 {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 36px;
    }

    .new_app_banner {
        height: auto;
        padding: 36px 60px 0 60px;
        margin-bottom: 54px;
    }

    .new_app_banner-inner {
        flex-direction: column;
    }

    .new_app_banner-left {
        width: 100%;
    }

    .new_app_banner-left article {
        margin-bottom: 20px;
    }

    .new_app_banner-left article h1 {
        font-size: 32px;
        line-height: 44px;
    }

    .new_app_banner-left .oba_plus_badge {
        margin-bottom: 16px;
    }

    .new_banner_img_container {
        width: 70%;
        margin: 0 auto;
    }

    .new_app-download_links {
        flex-direction: row;
    }

    .new_app_links img {
        width: 144px;
    }

    .new_app_qr {
        display: none;
    }

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

    .advantages_grid figure {
        gap: 20px;
        padding: 18px;
    }

    .app_showcase {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .app_features {
        width: 100%;
    }

    .app_features figure {
        padding: 16px 20px;
        width: 100%;
    }

    .app_features figure figcaption {
        font-size: 16px;
    }

    .app_showcase img {
        width: 100%;
    }

    .hiw-img {
        height: 156px;
        margin-bottom: 24px;
    }

    .hiw-desc {
        gap: 10px;
    }

    .hiw-desc p {
        font-size: 16px;
    }

    /* FAQ */
    .new_app_spacing {
        margin-bottom: 84px !important;
    }

    .about-values ul {
        grid-template-columns: repeat(2, 1fr);
    }

    .about-values ul li {
        padding: 1rem;
        gap: 1.25rem;
    }

    .about-values ul li h5 {
        font-size: 1rem;
    }

    .about-values ul li i {
        width: 2rem;
        height: 2rem;
    }
}

@media screen and (max-width: 560px) {
    .new_banner_img_container {
        width: 100%;
        margin: 0 auto;
    }

    .new_app_banner {
        padding: 24px 30px 0px 30px;
        margin-bottom: 44px;
    }

    .new_app_banner-left article h1 {
        font-size: 24px;
        line-height: 36px;
    }

    .new_app_banner-left article p {
        font-size: 14px;
        line-height: 20px;
    }

    .new_app_banner-left h5 {
        font-size: 14px;
        line-height: 20px;
    }

    .new_app-download_links {
        flex-direction: row;
    }

    .new_app_links img {
        width: 120px;
    }

    .advantages_grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .advantages_grid figure {
        padding: 16px;
        gap: 16px;
    }

    .advantages_grid figure figcaption h5 {
        font-size: 16px;
        line-height: 24px;
    }

    .advantages_grid figure figcaption p {
        font-size: 12px;
    }

    .hiw-img {
        height: 134px;
        margin-bottom: 20px;
    }

    .new_app_faq_item {
        padding: 1rem;
    }

    .new_app_faq_item .ac-header:after {
        right: 8px !important;
    }

    /* FAQ */
    /*.new_app_spacing {*/
    /*    margin-bottom: 36px !important;*/
    /*}*/
    .about-values ul {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media screen and (max-width: 425px) {
    .new_app_page section h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 36px;
    }

    .advantages_grid figure {
        padding: 12px;
        gap: 12px;
    }

    .advantages_grid figure img {
        width: 24px;
        height: 24px;
    }

    .hiw_steps_container {
        flex-direction: column;
        gap: 60px;
    }

    .hiw-right-arrow {
        display: none;
    }

    .hiw-img {
        height: 136px;
        margin-bottom: 24px;
    }

    .hiw-desc {
        gap: 10px;
    }

    .hiw-desc div span {
        font-size: 16px;
        line-height: 20px;
    }

    .hiw-desc p {
        font-size: 16px;
    }

    .new_app_faq_item h4 div {
        width: 90%;
    }

    .new_app_faq_item .ac-header:after {
        right: 0px !important;
    }
}

@media screen and (max-width: 375px) {
    .advantages_grid {
        grid-template-columns: repeat(1, 1fr);
    }
}

/*******************/
/******************** New App Page END *****************/