*:not(i),ul,a,p,li,h1,h2,h3,h4,h5,h6 {
  list-style: none;
  text-decoration: none !important;
  box-sizing: border-box;
  outline: none;
  margin:0;
  padding:0;
  font-family: "Poppins", sans-serif !important;
}
input {
    border: none;
}
/* ======================
   PRELOADER — FULL CSS
   ====================== */
   
  /*header start*/
  @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  font-family: "Montserrat", sans-serif;
}

:root {
    --color-ir9ol5qvj: 255, 255, 255;
    --color-iz6g3bvdz: 255, 255, 255;
    --color-ikrx4zkth: 255, 255, 255;
    --color-ijeaavom5: 0, 0, 0;
    --color-i3ua7xmuc: 255, 248, 231;
    --color-ib262l3yl: 0, 0, 0;
    --color-i5ogw6cxy: 0, 0, 0;
    --color-i1k3ohpnq: 0, 0, 0;
    --color-ixu1wfelj: 0, 0, 0;
    --color-irfv4u1c6: 56, 163, 204;
    --color-i0nvm59t5: 255, 255, 255;
    --color-idwzwunni: 142, 103, 70;
    --color-is4g591dz: 255, 255, 255;
    --color-iy1gcjrp3: 255, 184, 159;
    --color-ikta2g4s0: 255, 255, 255;
    --color-irsp7lo8e: 104, 86, 64;
    --color-icqq5qqbn: 255, 255, 255;
    --color-irewn29d9: 255, 255, 255;
    --color-ila4j2vdz: 255, 255, 255;
    --color-irqx4nvpz: 255, 255, 255;
    --color-izjrf780f: 70, 204, 128;
    --color-iexlo3czx: 255, 255, 255;
    --color-iq3o1kqty: 255, 255, 255;
    --color-i5u1aq0ob: 255, 255, 255;
    --color-ifbdln604: 0, 0, 0;
    --color-imjpy1tyh: 238, 238, 238;
    --color-ibc2z105b: 0, 0, 0;
    --color-izbc5cxrt: 255, 255, 255;
    --color-iv3gxuriy: 221, 221, 221;
    --color-i2iylsyhl: 51, 51, 51;
    --color-i919y6bhy: 255, 255, 255;
    --color-iqqd4wiqm: 51, 51, 51;
    --color-ihs29rrdl: 255, 255, 255;
    --color-ipmvqr2iu: 51, 51, 51;
    --color-iynktp29s: 255, 95, 95;
    --color-irhha5t2p: 255, 255, 255;
    --color-i84nazbcc: 255, 255, 255;
    --color-iprs4it2r: 255, 255, 255;
    --color-iwzgr5byc: 255, 255, 255;
    --color-i9p8obcf7: 255, 255, 255;
    --color-iy59i3w18: 255, 255, 255;
    --color-i08rytkvl: 0, 0, 0;
    --color-imjjdarfw: 98, 115, 88;
    --color-i2yheshuu: 255, 255, 255;
    --color-ipjvn7pdj: 255, 255, 255;
    --color-i58ilgpqt: 255, 255, 255;
    --color-ic5kkrkzo: 255, 255, 255;
    --color-ixfrnpf8q: 70, 204, 128;
    --color-iwkcpxmqc: 255, 255, 255;
    --color-iq6mt7n03: 0, 0, 0;
    --color-igxejkk52: 98, 115, 88;
    --color-iiqf1qpt1: 255, 255, 255;
    --color-iz1r3jk20: 255, 255, 255;
    --color-i6c4vqhee: 255, 255, 255;
    --color-iwp888hmf: 255, 255, 255;
    --color-iaxes5yyg: 255, 255, 255;
    --color-i3375oi29: 17, 12, 16;
    --color-idtglebyp: 0, 0, 0;
    --color-i9jqfoqh9: 0, 0, 0;
    --color-iq2pbagyf: 0, 0, 0;
    --color-iunew6e8h: 0, 0, 0;
    --color-iqcn9u2m5: 255, 255, 255;
    --color-igv2gl38q: 98, 115, 88;
    --color-i78n4l6kq: 255, 255, 255;
    --color-iwek3pvoq: 255, 255, 255;
    --color-idkaspbuh: 255, 255, 255;
    --color-ibv4u49t9: 255, 255, 255;
    --color-iyykeez5e: 221, 221, 221;
}

.section--u-isi5heyjr {
    display: block;
    width: 100%;
    position: relative;
    padding-top: 0px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: rgba(var(--color-ir9ol5qvj), 0);
    color: rgba(var(--color-iz6g3bvdz), 1);
    cursor: auto;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-height: normal;
    overflow-wrap: break-word;
    text-align: left;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none
}

.container--u-i2hts6ma7 {
    width: 100%;
    max-width: none;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    -webkit-backdrop-filter: none;
    backdrop-filter: none
}

.text--u-icbsc37hg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: normal;
    vertical-align: top;
    position: relative;
    margin-top: 2px;
    color: rgba(var(--color-ikrx4zkth), 0.8);
    font-weight: 200;
    text-align: left;
    letter-spacing: 0px;
    text-transform: lowercase
}

.div--u-i4orl33i6 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    text-decoration-line: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    justify-content: flex-start;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 0px;
    z-index: 1;
    background-color: rgba(var(--color-ijeaavom5), 0);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-bottom-color: rgba(var(--color-i3ua7xmuc), 0.4);
    border-right-style: solid;
    border-right-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-left-color: rgba(var(--color-ib262l3yl), 0);
    border-right-color: rgba(var(--color-i5ogw6cxy), 0);
    border-top-style: solid;
    border-top-width: 0px;
    height: 100%;
    margin-top: 0px;
    box-shadow: none;
    color: rgba(var(--color-i1k3ohpnq), 1);
    -webkit-text-stroke-width: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.link-universal--u-ip1kr1nrh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration-line: none;
    max-width: 170px;
    max-height: 170px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-bottom: 0px;
    margin-right: 20px
}

.imageFit--u-iatcngpvk {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    overflow-x: hidden;
    overflow-y: hidden;
    flex-shrink: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 100%;
    max-height: 100%;
    min-width: 0px
}

.imageFit__img--u-ip8bqv3wm {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.link-universal--u-i0wmz2qik {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration-line: none;
    font-size: 24px
}

.div--u-ib8i8kuzm {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.text--u-icmjomosp {
    display: block;
    font-weight: 400;
    color: rgba(var(--color-i0nvm59t5), 1);
    text-align: left;
    font-size: 18px;
    text-transform: uppercase;
    padding-top: 5px;
    font-family: Phonk Sans, sans-serif;
    margin-bottom: 5px
}

.div--u-iwyw67yia {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 30px;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    justify-content: space-between;
    margin-top: 10px
}

.div--u-iyjhw4fwi {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px
}

.list__item--u-ilz4auwe1 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 3px;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list--u-i4qosvl8z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.link-universal--u-i69ntfea6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration-line: none
}

.text--u-i1ap0be3l {
    color: rgba(var(--color-ikta2g4s0), 1);
    font-weight: 600;
    font-size: 18px;
    margin-top: 0px;
    -webkit-text-stroke-width: 0px;
    font-family: Montserrat, sans-serif
}

.div--u-ibp9ol8z9 {
    width: 60px;
    position: relative;
    display: none;
    height: 60px;
    margin-right: 20px;
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px;
    background-color: rgba(var(--color-irsp7lo8e), 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-top-color: rgba(var(--color-icqq5qqbn), 0.5);
    border-right-color: rgba(var(--color-irewn29d9), 0.5);
    border-bottom-color: rgba(var(--color-ila4j2vdz), 0.5);
    border-left-color: rgba(var(--color-irqx4nvpz), 0.5);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    box-shadow: none;
    flex-shrink: 0;
    min-width: 0px
}

.svg_image--u-i7lf4urvn {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    overflow-x: hidden;
    overflow-y: hidden
}

.div--u-iktjyj8jd {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-top: 0px
}

.text--u-if26iotgd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    color: rgba(var(--color-iq3o1kqty), 0.6);
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 14px
}

.div--u-ihll36vpo {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hor-menu--u-ilxr29q55 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    color: rgba(var(--color-i5u1aq0ob), 1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hor-menu--u-ilxr29q55 .hor-menu__list {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
    justify-content: inherit;
    align-content: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    flex-shrink: 1;
    height: 29px;
    width: 1%;
    overflow-x: hidden;
    overflow-y: hidden
}

.hor-menu--u-ilxr29q55 .hor-menu__item {
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto
}

.hor-menu--u-ilxr29q55 .hor-menu__link,
.hor-menu--u-ilxr29q55 .hor-menu__sub_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    text-decoration-line: none;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    color: rgba(var(--color-ifbdln604), 1)
}

.hor-menu--u-ilxr29q55 .hor-menu__icon {
    background-color: rgba(var(--color-imjpy1tyh), 1);
    width: 25px;
    height: 25px;
    flex-shrink: 0;
    margin-left: 10px
}

.hor-menu--u-ilxr29q55 .hor-menu__sub_list {
    position: absolute;
    z-index: 10;
    list-style-type: none;
    background-color: rgba(var(--color-izbc5cxrt), 1);
    width: 280px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.hor-menu--u-ilxr29q55 .hor-menu__sub_item {
    vertical-align: top
}

.hor-menu--u-ilxr29q55 .hor-menu__sub_link {
    background-color: rgba(var(--color-iv3gxuriy), 1);
    color: rgba(var(--color-i2iylsyhl), 1)
}

.hor-menu--u-ilxr29q55 .hor-menu__more_list {
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    list-style-type: none
}

.hor-menu--u-ilxr29q55 .hor-menu__more_link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration-line: none;
    color: rgba(var(--color-i919y6bhy), 1);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 4px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-left: 10px;
    background-color: rgba(var(--color-iqqd4wiqm), 1)
}

.hor-menu--u-ilxr29q55 .hor-menu__icon {
    display: none
}

.hor-menu--u-ilxr29q55 .hor-menu__link {
    color: rgba(var(--color-ihs29rrdl), 1)
}

.hor-menu--u-ilxr29q55 .hor-menu__link:hover {
    text-decoration: underline
}

.hor-menu--u-ilxr29q55 .hor-menu__link:active {
    text-decoration: underline
}

.hor-menu--u-ilxr29q55.flex-menu .hor-menu__list {
    flex-wrap: no-wrap;
    width: auto;
    overflow-x: unset;
    overflow-y: unset
}

.hor-menu--u-ilxr29q55 .hor-menu__item>.hor-menu__sub_list {
    display: none
}

.hor-menu--u-ilxr29q55 .hor-menu__more_list .hor-menu__sub_list {
    right: 0px
}

.hor-menu--u-ilxr29q55 .hor-menu__more_list>.hor-menu__item>.hor-menu__more_link {
    background-color: rgba(var(--color-ipmvqr2iu), 0)
}

.hor-menu--u-ilxr29q55 .hor-menu__sub_list>.hor-menu__sub_item>.hor-menu__sub_link {
    background-color: rgba(var(--color-iyykeez5e), 0);
    font-size: 14px
}

.hor-menu--u-ilxr29q55 .hor-menu__sub_list>.hor-menu__sub_item>.hor-menu__sub_link:hover {
    text-decoration: underline
}

.hor-menu--u-ilxr29q55 .hor-menu__sub_list>.hor-menu__sub_item>.hor-menu__sub_link:active {
    text-decoration: underline
}

.dropdown--u-ixnobrbhf {
    display: inline-block
}

.dropdown__wrapper--u-ipqz0x7vr {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown__button--u-is7t4uzne {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    vertical-align: top;
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 15px;
    padding-left: 30px;
    background-color: rgba(var(--color-iynktp29s), 0);
    color: rgba(var(--color-irhha5t2p), 1);
    position: relative;
    text-decoration-line: none;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-color: rgba(var(--color-i84nazbcc), 0.5);
    border-right-color: rgba(var(--color-iprs4it2r), 0.5);
    border-bottom-color: rgba(var(--color-iwzgr5byc), 0.5);
    border-left-color: rgba(var(--color-i9p8obcf7), 0.5);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition-property: all;
    transition-duration: 500ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    transition-behavior: normal
}

.dropdown__button--u-is7t4uzne:hover {
    transform: scale3d(0.9, 0.9, 0.9)
}

.dropdown__content-wrapper--u-inxltlmyj {
    position: absolute;
    top: 100%;
    left: auto;
    display: none;
    z-index: 1000;
    bottom: auto;
    right: 0%
}

.dropdown__content--u-i0rp3fjr2 {
    width: 400px;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    background-color: rgba(var(--color-iy59i3w18), 1);
    margin-top: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.text--u-i4n6u1eg8 {
    font-family: Phonk Sans, sans-serif;
    font-size: 1vw;
    margin-right: 0px
}

.div--u-i7jyk2n10 {
    width: auto;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 0;
    margin-right: 0px;
    margin-bottom: 10px;
    padding-right: 0px;
    padding-left: 0px;
    justify-content: space-between;
    margin-top: 0px
}

.div--u-imtu6d5ob {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px
}

.list__item--u-ihqn0fpqp {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-bottom: 3px;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.list--u-i9n4sevqy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.link-universal--u-i36m8e5zt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration-line: none
}

.text--u-ivn3ethcw {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    line-height: normal;
    vertical-align: top;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    color: rgba(var(--color-i08rytkvl), 1);
    font-family: Montserrat, sans-serif;
    margin-top: 5px;
    font-weight: 500
}

.div--u-irazdg1l5 {
    width: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-right: 20px;
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px;
    background-color: rgba(var(--color-imjjdarfw), 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-top-color: rgba(var(--color-i2yheshuu), 0.5);
    border-right-color: rgba(var(--color-ipjvn7pdj), 0.5);
    border-bottom-color: rgba(var(--color-i58ilgpqt), 0.5);
    border-left-color: rgba(var(--color-ic5kkrkzo), 0.5);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    box-shadow: none;
    flex-shrink: 0;
    min-width: 0px
}

.svg_image--u-i3elj1h9b {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    overflow-x: hidden;
    overflow-y: hidden
}

.div--u-iyc8v9by1 {
    width: 100%;
    position: relative;
    display: inline-block;
    padding-top: 0px
}

.text--u-i6832yxga {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    color: rgba(var(--color-iq6mt7n03), 0.6);
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 16px
}

.div--u-ibq8zqhsb {
    width: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-right: 20px;
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px;
    background-color: rgba(var(--color-igxejkk52), 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-top-color: rgba(var(--color-iiqf1qpt1), 0.5);
    border-right-color: rgba(var(--color-iz1r3jk20), 0.5);
    border-bottom-color: rgba(var(--color-i6c4vqhee), 0.5);
    border-left-color: rgba(var(--color-iwp888hmf), 0.5);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    box-shadow: none;
    flex-shrink: 0;
    min-width: 0px
}

.svg_image--u-i3v94nnk8 {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 20px;
    width: 20px;
    overflow-x: hidden;
    overflow-y: hidden
}

.link-universal--u-itu24j6zg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    text-decoration-line: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0px;
    padding-right: 0px;
    background-color: rgba(var(--color-i3375oi29), 0);
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px
}

.text--u-id1z5hfdb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    line-height: normal;
    vertical-align: top;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    color: rgba(var(--color-idtglebyp), 1);
    font-family: Montserrat, sans-serif;
    margin-top: 5px;
    font-weight: 500
}

.text--u-i24irtpi1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    color: rgba(var(--color-i9jqfoqh9), 0.6);
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 16px
}

.div--u-it4xq3gev {
    width: auto;
    position: relative;
    display: inline-block;
    margin-bottom: 0px
}

.div--u-ioyasbb7x {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center
}

.div--u-idpj2fh5s {
    width: auto;
    position: relative;
    margin-right: 0;
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    padding-left: 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0px
}

.list__item--u-igxa32ae2 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-bottom: 3px
}

.list--u-ibahvvwqm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 0px
}

.text--u-i1zrwjn33 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    line-height: normal;
    vertical-align: top;
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    color: rgba(var(--color-iq2pbagyf), 1);
    font-family: Montserrat, sans-serif;
    margin-top: 5px;
    font-weight: 500
}

.div--u-iwg83lynq {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.text--u-iefn5qiae {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    color: rgba(var(--color-iunew6e8h), 0.6);
    font-weight: 400;
    margin-bottom: 5px;
    font-size: 16px
}

.svg_image--u-iak3hcmcg {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 17px;
    width: 17px;
    overflow-x: hidden;
    overflow-y: hidden
}

.div--u-ifkpoksvo {
    width: 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-right: 20px;
    border-top-left-radius: 250px;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    border-bottom-left-radius: 250px;
    background-color: rgba(var(--color-igv2gl38q), 1);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    border-top-style: solid;
    border-top-width: 0px;
    border-right-style: solid;
    border-right-width: 0px;
    border-bottom-style: solid;
    border-bottom-width: 0px;
    border-left-style: solid;
    border-left-width: 0px;
    border-top-color: rgba(var(--color-i78n4l6kq), 0.5);
    border-right-color: rgba(var(--color-iwek3pvoq), 0.5);
    border-bottom-color: rgba(var(--color-idkaspbuh), 0.5);
    border-left-color: rgba(var(--color-ibv4u49t9), 0.5);
    background-image: none;
    background-repeat: repeat;
    background-position: 0 0;
    background-size: auto;
    background-attachment: scroll;
    box-shadow: none;
    flex-shrink: 0;
    min-width: 0px
}

  /*header end*/

/*new slider start*/
.new-slider .swiper-slide {
    min-height:110vh;
}
.new-slider  {
  position:relative;
  
}
.new-slider .overlay {
       position: absolute;
    z-index: 2;
    background: #00000091;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.left-info-boxes {
    position: absolute;
    left: 20px;
    top: 25vh; /* можешь менять */
    display: flex;
    flex-direction: column;
    gap: 25px;
    z-index: 20;
}

.info-box {
    width: 400px; /* подгони под свой дизайн */
    padding: 25px;
       background-color: #ffffff1a;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 16px;
    color: #fff;
}

.info-box h3 {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 10px;
}

.info-box p {
    font-size: 16px;
    line-height: 1.4;
    opacity: 0.85;
}.arrow-icon svg {
    margin-left: 10px;
    display: block;
}

.circle-btn {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
    z-index:3;

    font-size: 20px;
    color: #fff;
    text-decoration: none;
    font-weight: 400;

    display: inline-flex;
    align-items: center;
    padding-left: 40px; /* сдвиг текста за круг */

    height: 160px; /* высота совпадает с кругом */
}

.circle-btn::before {
    content: "";
    position: absolute;
    left: 0;
    width: 160px;
    height: 160px;
    background: #6e7f60;
    border-radius: 50%;
    z-index: -1;

    transition: 0.3s ease;
}

.circle-btn:hover::before {
    transform: scale(0.92); /* уменьшение круга */
}

/*new slider end*/

/* Keyframes */
@-webkit-keyframes preloader_logo {
  0% { opacity: 0; }
  25% { opacity: .7; }
  95% { opacity: .7; }
  100% { opacity: 0; }
}
@keyframes preloader_logo {
  0% { opacity: 0; }
  25% { opacity: .7; }
  95% { opacity: .7; }
  100% { opacity: 0; }
}

@-webkit-keyframes preloader_mask {
  100% {
    -webkit-mask-position: 250% 0;
            mask-position: 250% 0;
  }
}
@keyframes preloader_mask {
  100% {
    -webkit-mask-position: 250% 0;
            mask-position: 250% 0;
  }
}

/* Overlay */
.preloader{
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: #0a0a0b9e;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity .4s ease;
}

/* Hide state (add via JS on load) */
.preloader.hide{
  opacity: 0;
  pointer-events: none;
}

/* Logo wrap */
.preloader-img{
  position: relative;
  transform: translateZ(0); /* GPU hint */
}
.preloader-img img{
  display: block;
   width: 200px;
  height: auto;
}

/* Base logo breathing / fade */
.preloader-img > img{
  opacity: 0;
  -webkit-animation: preloader_logo 3.8s .2s both;
          animation: preloader_logo 3.8s .2s both;
}

/* Shine / mask layer over a cloned logo */
.preloader-mask{
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;

  /* Mask gradient (the “shine”) */
  -webkit-mask-image: linear-gradient(70deg,
      rgba(255,255,255,0) 35%,
      rgba(255,255,255,1) 50%,
      rgba(255,255,255,0) 65%);
          mask-image: linear-gradient(70deg,
      rgba(255,255,255,0) 35%,
      rgba(255,255,255,1) 50%,
      rgba(255,255,255,0) 65%);
  -webkit-mask-size: 70% 100%;
          mask-size: 70% 100%;
  -webkit-mask-position: -250% 0;
          mask-position: -250% 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;

  /* Move the shine across */
  -webkit-animation: preloader_mask 2s .8s linear both;
          animation: preloader_mask 2s .8s linear both;

  will-change: -webkit-mask-position, mask-position;
}
.preloader-mask img{
   width: 200px;
  height: auto;
  display: block;
}

.products_container {
   display: grid;
}
.products_container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 1fr;
    gap: 5px;
    grid-auto-flow: dense;
}

.products_container > .product:nth-child(1),
.products_container > .product:nth-child(6) {
    grid-column: span 2;
    height: 300px;
}

.dropdown-form.dot {
    background: #fff;
    width: 500px;
    margin: auto;
}

.bd-product__icons {
    display: flex;
    flex-direction: column;
}


/* =========================
   POPUP CONTAINER
========================= */
.ui-dialog.dle-popup-alert {
    background: #020617 !important;
    border-radius: 16px !important;
    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 30px 70px rgba(0,0,0,.6) !important;
    overflow: hidden;
    animation: popupScale .25s ease;
    z-index: 999999;
}

/* =========================
   TITLE BAR
========================= */
.ui-dialog-titlebar {
    background: transparent !important;
    border: none !important;
    padding: 16px 20px !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
}

/* Title */
.ui-dialog-title {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
}

/* Close button */
.ui-dialog-titlebar-close {
    background: transparent !important;
    border: none !important;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    transition: background .2s ease;
}

.ui-dialog-titlebar-close:hover {
    background: rgba(255,255,255,.08);
}

.ui-dialog-titlebar-close::before {
    content: "✕";
    color: #9ca3af;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    display: block;
}

/* =========================
   CONTENT
========================= */
.dle-alert {
    padding: 18px 20px !important;
    color: #e5e7eb;
    font-size: 14px;
    line-height: 1.6;
}

/* Success message look */
.dle-alert::before {
    content: "✓";
    width: 28px;
    height: 28px;
    background: #22c55e;
    color: #fff;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    margin-right: 10px;
}

/* =========================
   BUTTON PANE
========================= */
.ui-dialog-buttonpane {
    background: transparent !important;
    border: none !important;
    padding: 14px 20px !important;
    border-top: 1px solid rgba(255,255,255,.08);
}

/* Button */
.ui-dialog-buttonpane button {
    background: #4f46e5 !important;
    border: none !important;
    color: #fff !important;
    padding: 10px 26px !important;
    border-radius: 999px !important;
    font-weight: 600;
    font-size: 13px;
    cursor: pointer;
    transition: all .25s ease;
}

.ui-dialog-buttonpane button:hover {
    background: #4338ca !important;
    transform: translateY(-1px);
}

/* =========================
   ANIMATION
========================= */
@keyframes popupScale {
    from {
        opacity: 0;
        transform: scale(.96) translateY(8px);
    }
    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 520px) {
    .ui-dialog.dle-popup-alert {
        width: 92vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
}

/* Responsive */
@media (max-width:1250px){
  .preloader-img img,
  .preloader-mask img{
     width: 200px;
  }
}

.modal{
    z-index: 9999;
    background: #00000082;
}
.modal-content{
    background: #fff !important;
}
.form-btn.pop-btn{
    background: #d60c1a;
    color: #fff;
}

#sorgu .funnel-item-form, .modal .form24{
    background-color: #fff;
    color:#000;
}
#sorgu .form24-input input{
    border-bottom: 1px solid #b2b2b2;
}
#sorgu .form24-input select, #sorgu .form24-input textarea{
      border: 1px solid #b2b2b2;
}
#sorgu .my-gpr{
    color: #000;
}
.main_left_col.mtop {
  top: 120px;
}
.container {
  max-width: 1710px !important;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}
/*categories*/
.direction-item {
    padding: 0!important;
    margin: 0!important;
}
.direction-item-info-content {
    display:flex;
    flex-direction: column;
}
.direction-item{cursor:pointer;}
.direction-item-link {
    border-width: 1px;
    border-style: solid;
    padding: 0 48px;
    height: 38px;
    line-height: 42px;
    display: inline-flex!important;
    gap: 10px;
    text-decoration: none !important;
    font-size: 10px;
    font-weight: 600;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    border-radius: 9px;
    letter-spacing: 0.44px;
    text-transform: uppercase;
    border-color: transparent;
    color: #fff;
    margin-top: 20px;
    width: fit-content!important;
    align-items: center;
    background: linear-gradient(to bottom, #171717, #242424);
}
.direction-item-link svg {
    transition: .4s;
}
.direction-item-link:hover svg {
    transform: rotate(45deg);
}
.direction,.direction-item,.direction-item a,.direction-item-media,.direction-item-picture img{
	position:relative;
	transition:.4s;
}
.direction-item-picture,.direction-item-picture:after,.direction-item-info{
	position:absolute;
}
.direction-item a,.direction-item-media img,.direction-item-picture,.direction-item-picture:after,.direction-item-info{
	display:block;
	width:100%;
}
.direction-item:hover img{
    filter: sepia(100%);
}
.direction-item{
	text-align:center;
}
.direction-item:nth-child(n+7){
    display:none;
}
.direction-item-media > picture > img {
    height: 300px;
}
.direction-item-media{
	overflow:hidden;
}
.direction-item-info{
	left:0;
	bottom:0;
	z-index:3;
}
.direction-item-picture {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1;
}
.direction-item-picture img, .direction-item-picture{
    height: 100%;
}
.direction-item-picture img {
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 3s linear;
    transition: all 3s linear;
}
.direction-item a:hover .direction-item-picture img{
	-webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.direction-item-picture:after {
    content: '';
    z-index: 2;
    background: -webkit-linear-gradient(270deg, rgba(24, 24, 27, 0) 50%, rgba(24, 24, 27, 0.6) 80%, var(--bg-dark) 100%);
    background: linear-gradient(180deg, rgba(24, 24, 27, 0) 50%, rgba(24, 24, 27, 0.6) 80%, var(--bg-dark) 100%);
	top: -1px;
	bottom:-1px;
    left: 0;
}
.direction-item-section,.direction-item-title{
	color:var(--text-primary-on-dark);
	text-transform: uppercase;
}
.direction-item-title{
	font-size: 14px;
	text-align:start;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 1.08px;
}
.direction-item-section{
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 9.6px;
	margin-bottom:var(--gap-1);
}
.direction-item-info-content{
	padding:var(--gap-8) var(--gap-6);
}
.direction-item{
	margin-bottom:var(--gap-6);
}
.direction-item-inner {
    position: relative;
    overflow:hidden;
}


.direction-item-inner:hover .direction-item-info-content.direction-item-info-content{
     transform: translate(0, -100%)
}

.direction-item-info-content {
    transition: .3s;
    position: absolute;
    transform: translate(0, -50%);
    
    cursor: pointer;
}

/*category products*/

.favorites_wrapper {
    display: flex;
    flex-wrap:wrap;
    gap: 15px;
}
.favorites_wrapper .bd-product {
    width: 24%;
}
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #e30016;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 227, 0, 22;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 0, 0, 0;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, hsla(0, 0%, 100%, .15), hsla(0, 0%, 100%, 0));
    --bs-root-font-size: 16px;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #000;
    --bs-body-text-align: left;
    --bs-body-bg: #fff --widthContent: 1720px;
    --widthContentCalc: 1670px;
    --padding-container: (100vw - var(--widthContent)) /2;
    --c-transparent: transparent;
    --c-accent: #e30016;
    --c-accent-hover: #be0000;
    --c-danger: #f05a5a;
    --c-danger-light: #fef8f8;
    --c-black: #1b1918;
    --c-black-2: #000;
    --c-black-2-alpha: rgba(0, 0, 0, .3);
    --c-black-3: #181818;
    --c-gray-1: #57585a;
    --c-gray-2: #717171;
    --c-gray-3: #878787;
    --c-gray-4: #a8a9ad;
    --c-gray-5: #626262;
    --c-gray-6: #bbbcc3;
    --c-gray-7: #888e9b;
    --c-gray-8: #c3c4c4;
    --c-gray-9: #d1d1d1;
    --c-gray-10: #d9d9d9;
    --c-gray-11: #68696b;
    --c-gray-12: #939393;
    --c-gray-13: #bcbdc1;
    --c-gray-14: #b9babd;
    --c-gray-15: #a5a6aa;
    --c-gray-16: #9c9c9e;
    --c-gray-17: #707070;
    --c-gray-18: #47494b;
    --c-gray-19: #6c6c6c;
    --c-gray-20: #cacaca;
    --c-gray-21: #848484;
    --c-gray-22: #959595;
    --c-gray-23: #666;
    --c-gray-24: #c7ccd160;
    --c-gray-25: #525252;
    --c-gray-26: #a3a3a3;
    --c-gray-27: #525663;
    --c-purple: #9b51e0;
    --c-white: #fff;
    --c-white-2: #fdfdfd;
    --c-white-3: #e9e9e9;
    --c-white-4: #f5f5f5;
    --c-white-5: #dfdfdf;
    --c-white-6: #f6f6f6;
    --c-white-7: #f0f0f0;
    --c-white-8: #ced6dd;
    --c-white-9: #efefef;
    --c-white-10: #f3f3f3;
    --c-white-11: #f1f1f1;
    --c-white-12: #fafafa;
    --c-white-13: #f4f4f4;
    --c-white-14: #fbfbfb;
    --c-white-15: #ebebeb;
    --c-white-16: #e5e5e5;
    --c-white-17: #e0e0e0;
    --c-white-18: #dbdbdb;
    --c-white-19: #f8f8f8;
    --c-white-20: #e7e7e7;
    --c-white-21: #f2f2f2;
    --c-white-22: #eeeeef;
    --c-white-23: #e8e8e8;
    --c-white-24: #bdbdbd;
    --c-white-25: #d4d4d4;
    --c-white-26: #c7ccd1;
    --c-white-27: #d7d7d7;
    --c-blue: #0e3a5a;
    --c-blue-2: #0c2b41;
    --c-green: #5fa55a;
    --c-green-hover: #50a343;
    --c-green-opacity: #00b61288;
    --c-green-2: #41c165;
    --c-green-3: #008c16;
    --c-green-4: #42b630;
    --c-green-5: #477b36;
    --c-green-6: #05ae2a;
    --c-brown: #c8b19d;
    --c-yellow: #f8db68;
    --c-orange: #ffb904;
    --c-orange-2: #f90;
    --c-blue-light-1: #25d4fa;
    --c-blue-light-2: #02ecd0;
    --c-blue-dark: #0059de;
    --box-shadow-1: 0 10px 20px rgba(0, 0, 0, .03);
    --box-shadow-2: 0 10px 20px rgba(0, 0, 0, .16);
    --box-shadow-3: 0 4px 10px rgba(0, 0, 0, .1);
    --box-shadow-4: 0 10px 20px rgba(0, 0, 0, .06);
    --box-shadow-5: 0 4px 40px rgba(0, 0, 0, .1);
    --box-shadow-6: 0 4px 20px rgba(0, 0, 0, .1);
    --box-shadow-7: 0 10px 20px rgba(0, 0, 0, .1);
    --box-shadow-8: 0 4px 20px rgba(0, 0, 0, .15);
    --box-shadow-9: 0 4px 20px rgba(0, 0, 0, .25);
    --box-shadow-10: 0 0 30px rgba(0, 0, 0, .5);
    --box-shadow-11: 0 20px 20px rgba(0, 0, 0, .06);
    --box-shadow-12: 0 0 20px rgba(0, 0, 0, .25);
    --box-shadow-13: 0 10px 20px rgba(0, 0, 0, .2);
    --box-shadow-14: 0 10px 20px rgba(0, 0, 0, .04);
    --transitionFast: 100ms;
    --transition: 300ms;
    --transitionSlow: 500ms
}

@media (max-width: 1912px) {
    :root {
        --padding-container: 5vw
    }
}

.icon {
    align-items: center;
    background: var(--c-white);
    border: 1.5px solid var(--c-white-9);
    border-radius: 50%;
    color: var(--c-gray-1);
    display: flex;
    height: 42px;
    justify-content: center;
    min-height: 42px;
    min-width: 42px;
    padding: 0;
    position: relative;
    transition: var(--transition);
    width: 42px;
    z-index: 1
}

@media (min-width: 1201px) {
    .icon {
        border-color: var(--c-gray-8);
        border-width: 1px;
        height: 45px;
        min-height: 45px;
        min-width: 45px;
        width: 45px
    }
}

.icon svg {
    stroke-width: 1;
    height: 16px;
    width: 16px
}

.icon:active,
.icon:hover {
    border-color: var(--c-accent);
    color: var(--c-accent)
}

.icon--compare,
.icon--favorite {
    color: var(--c-black)
}

.icon--cart-product {
    border-color: var(--c-gray-8);
    box-shadow: var(--box-shadow-7);
    color: var(--c-accent);
    margin-left: 10px
}

.icon--cart svg,
.icon--favorite svg {
    height: 18px;
    width: 18px
}

.icon--cart-product:active,
.icon--cart-product:hover {
    background: var(--c-accent);
    border-color: transparent;
    color: var(--c-white)
}

.icon--cart-product:active:hover,
.icon--cart-product:hover:hover {
    color: var(--c-white)
}

.icon--lower {
    height: 40px;
    min-height: 40px;
    min-width: 40px;
    width: 40px
}

.icon--lower svg {
    height: 18px;
    width: 18px
}

.bd-count {
    cursor: pointer;
    font-size: 16px;
    line-height: 160%;
    margin-right: 7px;
    transition: var(--transition);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1
}

.bd-count__wrap {
    align-items: center;
    border: 1px solid var(--c-white-9);
    border-radius: 6px;
    display: flex;
    padding: 7px 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.bd-count__wrap:active,
.bd-count__wrap:hover {
    background: var(--c-white-9);
    transition: var(--transition)
}

@media (max-width: 1200.98px) {
    .bd-count__wrap {
        padding: 6px 0
    }
}

.bd-count__value {
    border: none;
    margin: 0;
    padding: 0
}

.bd-count__value::-webkit-inner-spin-button,
.bd-count__value::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.bd-count__value:active,
.bd-count__value:hover {
    background: var(--c-white-9);
    transition: var(--transition)
}

.bd-count__minus,
.bd-count__plus,
.bd-count__value {
    background: transparent;
    text-align: center;
    transition: var(--transition)
}

.bd-count__value {
    width: 39px
}

@media (max-width: 1200.98px) {
    .bd-count__value {
        width: 37px
    }
}

.bd-count__minus,
.bd-count__plus {
    align-items: center;
    display: flex;
    font-size: 18px;
    height: 100%;
    justify-content: center;
    line-height: 1;
    width: 18px
}

.bd-count__minus:active,
.bd-count__minus:hover,
.bd-count__plus:active,
.bd-count__plus:hover {
    color: var(--c-gray-17);
    transition: var(--transition)
}

@media (max-width: 1200.98px) {
    .bd-count {
        margin-right: 20px
    }
}

@media (max-width: 767.98px) {
    .bd-count {
        margin-right: 0
    }
}

.bd-card-info-text__variants>*+:after {
    background: var(--c-white-7);
    bottom: 0;
    content: "";
    display: block;
    left: -35px;
    position: absolute;
    top: 5px;
    width: 1px
}

@media (min-width: 1201px) {

    .bd-card-info-text__variants>*+:after {
        display: none
    }
}


.advs.bd-price__text {
    color: var(--c-gray-21);
    font-size: 11px;
    line-height: 120%;
    margin-bottom: 6px
}

@media (min-width: 768px) {
    .bd-price__text {
        margin-bottom: 3px
    }
}

@media (min-width: 992px) {
    .bd-price__text {
        font-size: 12px;
        margin-bottom: 4px
    }
}

.bd-price__currents {
    margin: 0;
    padding: 0
}

.bd-price__current {
    display: none;
    font-weight: 500;
    line-height: 100%;
    margin: 0 auto 0 0;
    padding: 0;
    white-space: nowrap
}

.bd-price__current.bd-show {
    -webkit-animation: bd-price .3s;
    animation: bd-price .3s;
    display: block
}

@-webkit-keyframes bd-price {
    0% {
        opacity: 0;
        transform: translateY(-20%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes bd-price {
    0% {
        opacity: 0;
        transform: translateY(-20%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.bd-product-label {
    align-items: center;
    border-radius: 50px;
    color: var(--c-white);
    display: flex;
    font-size: 10px;
    font-weight: 700;
    height: 44px;
    justify-content: center;
    left: 11px;
    line-height: 40px;
    position: absolute;
    text-transform: uppercase;
    top: -2px;
    width: 44px
}

.bd-product-label--new {
    background: #d60c1a;
}

@media (max-width: 767.98px) {
    .bd-product-label {
        left: 15px;
        top: 0
    }
}

.bd-product-list {
    display: none
}

.bd-product-list__list {
    margin: 0;
    overflow: hidden;
    padding: 0;
    transition: var(--transition)
}

.bd-product-list__item {
    align-items: flex-start;
    display: flex;
    margin-bottom: -2px
}

.bd-product-list__prop-text,
.bd-product-list__value-link,
.bd-product-list__value-text {
    background-color: var(--c-white);
    color: var(--c-gray-12);
    font-size: 13px;
    line-height: 180%
}

.bd-product-list__prop {
    display: inline-block;
    max-width: 248px;
    min-width: 248px;
    overflow: hidden
}

@media (max-width: 1450.98px) {
    .bd-product-list__prop {
        max-width: 190px;
        min-width: 190px
    }
}

.bd-product-list__prop-text {
    line-height: 180%;
    padding-right: 10px;
    z-index: 2;
}

.bd-product-list__prop:after {
    border-bottom: 1px dashed var(--c-gray-12);
    bottom: 8px;
    content: "";
    display: block;
    left: 0;
    opacity: .5;
    position: absolute;
    right: 0
}

.bd-product-list__value {
    color: var(--c-gray-12);
    display: inline;
    margin: auto auto 0 10px
}

.bd-product-list__toggle,
.bd-product-list__value-link {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.bd-product-list__toggle {
    color: var(--c-gray-12);
    cursor: pointer;
    display: none;
    font-size: 14px;
    line-height: 180%;
    transition: var(--transition);
    z-index: 2
}

.bd-product-list__toggle:active,
.bd-product-list__toggle:focus,
.bd-product-list__toggle:hover {
    color: var(--c-gray-5);
    text-shadow: 0 0 #000;
    transition: var(--transition)
}

.bd-product {
    background: var(--c-white);
    position: relative;
    border-radius: 6px;
    cursor: pointer;
    transition: var(--transition);
    /*padding-top: 10px;*/
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.bd-product__top{
    overflow:hidden;
}
.bd-product__wrap {
    --gg: 10px;
    grid-gap: var(--gg);
    background: var(--c-white);
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1fr -webkit-min-content;
    grid-template-columns: 1fr min-content;
    grid-template-rows: -webkit-min-content 1fr -webkit-min-content;
    grid-template-rows: min-content 1fr min-content;
    height: calc(100% - 4px);
    margin: 2px;
    padding: 0 20px 19px;
    z-index: 2
}

.bd-product__wrap>:first-child {
    -ms-grid-column-span: 3
}

.bd-product__wrap>:nth-child(2) {
    -ms-grid-column-span: 3;
    -ms-grid-column: 1 !important;
    -ms-grid-row: 1 !important
}

.bd-product__wrap>:nth-child(3) {
    -ms-grid-column: 1 !important;
    -ms-grid-row: 3 !important
}

.bd-product__wrap>:nth-child(4) {
    -ms-grid-column-span: 1;
    -ms-grid-column: 3 !important;
    -ms-grid-row: 3 !important
}

.bd-product__wrap>:nth-child(5) {
    -ms-grid-column-span: 3
}

@media (max-width: 1200.98px) {
    .bd-product__wrap {
        padding-bottom: 19px
    }
}

@media (max-width: 767.98px) {
    .bd-product__wrap {
        padding: 0 13px 13px;
    }
}

.bd-product__top {
    border-bottom: 1px solid var(--c-white-7);
    grid-area: 1/1/2/-1;
    margin: 0 -20px 5px
}
.bd-product__top img{
        margin: 0 !important;
}

@media (max-width: 1200.98px) {
    .bd-product__top {
        margin-bottom: 7px
    }
}

.bd-product__img {
    border-radius: 6px 6px 0 0;
    height: 229px;
    margin: -21px -2px 0;
    max-width: calc(100% + 4px);
    -o-object-fit: cover;
    object-fit: cover;
    width: calc(100% + 4px)
}
.bd-product:hover .bd-product__img{
    scale: 1.2
} 
@media (max-width: 1200.98px) {
    .bd-product__img {
        height: 227px
    }
}

@media (max-width: 767.98px) {
    .bd-product__img {
        margin: -15px 5px 0;
        max-width: calc(100% - 10px);
        width: calc(100% - 10px)
    }
    .products_container {
        display: flex;
        flex-direction: column;
    }
}

.bd-product__img--white-bg {
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
}

.bd-product__content {
    display: flex;
    flex-direction: column;
    grid-area: 2/1/-2/-2;
    margin-top: -8px;
}

.bd-product__title {
    color: #000;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 5px;
    transition: var(--transition);
    word-break: break-word;
    z-index: 1;
    min-height: 50px;
}

.bd-product__text {
    min-height: 40px;
    font-size: 12px;
    /* line-height: 120%; */
    margin: 0;
    opacity: .7;
    z-index: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media (max-width: 1200.98px) {
    .bd-product__text {
        margin-bottom: 0
    }
}

.bd-product__icons {
    grid-area: 2/2/-2/-1;
    margin-bottom: -10px;
    margin-top: -13px;
    padding-top: 4px
}

.bd-product__icons>* {
    margin-bottom: 10px
}

.bd-product__bottom {
    align-items: flex-end;
    display: flex;
    font-size: 16px;
    grid-area: -2/1/-1/-1;
    justify-content: flex-end;
    margin-top: 12px;
    min-height: 45px
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bd-product__bottom {
        grid-gap: 10px;
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto
    }
}

@media (max-width: 1200.98px) {
    .bd-product__bottom {
        margin-top: -4px
    }
}

.bd-product__bottom-left {
    margin-bottom: 5px;
    margin-right: auto;
    padding-right: 10px
}

@media (max-width: 767.98px) {
    .bd-product__bottom-left {
        margin-bottom: 3px
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .bd-product {
        grid-gap: 10px;
        display: grid;
        grid-template-columns: 1fr auto auto;
        grid-template-rows: auto
    }

    .bd-product>:first-child {
        margin-top: 14px
    }
}

.bd-product:active,
.bd-product:hover {
    box-shadow: var(--box-shadow-7);
    transition: var(--transition)
}

.bd-product:active .bd-product__title,
.bd-product:hover .bd-product__title {
    color: var(--c-accent);
    transition: var(--transition)
}

.bd-product__link {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bd-product .bd-price {
    z-index: 1
}
.product_model{
    background: #d60c1a;
    color: #fff;
    padding: 3px 10px;
    width: fit-content;
    border-radius: 5px;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: bold;
}



@media (min-width:992px) and (max-width:1250px){
	.direction-item-title{
		font-size: 22px;
		line-height: 24px;
	}
}
@media (max-width:767px){
	.direction-item-title{
		font-size: 22px;
		line-height: 24px;
	}
	.direction-item {
		margin-bottom: 0;
		padding-left:0;
		padding-right:0;
	}
	.direction-item-info-content {
		padding: var(--gap-6) var(--gap-4);
	}
}
/*categories end*/

/*dropdown*/
.sol{
  padding: 10px;
}
.top_menu .sol li a{
  color: #000;
}
.sag {
    background: #303030;
    border-radius: 15px;
    color: white;
    padding: 10px;
    margin-left: 20px;
}
.drop-menu .sol li a:hover {
    background-color: #f1f1f9;
}
.drop-menu li a img{margin-right:10px;}
 .drop-menu .sag li a:hover{
    background:#545454;
}

.drop-menu, .drop-menu li {
    transition: 120ms cubic-bezier(0.4, 0, 0.2, 1);
}
.search-btn svg path {
    fill: white
}

@media only screen and (min-width: 991px) {
  .nav-item:hover .drop-menu {
    opacity: 1 !important;
    visibility: visible !important;
    box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .08);
  }
  .drop-list:hover .nav-link:after {
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    margin-bottom: 0;
  }
}
/*.main-nav>li>a,.main-nav>li>span>a{color:#fff;}*/
.drop-menu {
    opacity: 0;
    position: absolute;
    background: white;
    top: 100%;
    z-index: 3;
    border-radius: 16px;
    will-change: transform;
    visibility: hidden;
    width: auto;
}
.drop-menu li a {
    padding: 9px 30px 9px 9px;
    display: inline-flex;
    align-items: center;
    border-radius: 25px;
    width: 100%;
}
/*dropdown end*/

/*INNER PAGE*/
.heading-text{
 text-align: start;   
}
#innerPages{
  margin-top: 110px;
  padding: 0 0 50px 0;
}
#innerPages.innerAbout{
        margin-top: 38px;
}
#innerPages .innerGrid .product {
    height: 300px;
}
#innerPages .innerGrid .product img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bd-product__content a{
    color: #000;
}

.innerProductsCat .product{
        position: relative;
}
.innerProductsCat img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innerContact{
   margin-top: -45px;
}
.innerGrid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.innerGrid2 {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 20px;
}
.page_title_wrap .page_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.breadcrumb-list{
    display: flex;
    gap: 10px;
    a{
        color: #000;
    }
    .active{
        color: #ed6953;
    }
}
.breadcrumb .breadcrumb-list li i {
    margin-left: 10px;
    font-size: 13px;
}
.sec_title {
    font-size: 30px;
    margin-bottom: 24px;
    font-weight: 300;
    text-transform: uppercase;
    width: fit-content;
}
.page_title_wrap{
    padding: 0 0 10px 0;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 5px;
}
.partner-logo img {
    width: 100%;
    height: 140px;
    object-fit: contain;
    margin-top: -7px;
    transition: .4s all ease;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 18px;
}
.products_middle.products{
    display: none;
}
/*blog*/

.image-post {
    position: relative;
    overflow: hidden;
}

.image-post img {
    width: 100%;
    /*height: auto;*/
    object-fit: cover;
    transition: all 2s ease;
}

.image-post .hover-post.overlay-bg {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 30%);
}

.image-post .hover-post {
    cursor: pointer;
    position: absolute;
    padding: 30px 26px;
    transition: all 0.5s;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.views_count {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIHZlcnNpb249IjEuMSIgd2lkdGg9IjEwMCUiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZpZXdCb3g9IjYgOTc2LjM2MiA0NS4zNzkgMzAuMzA5Ij4KCQkJCQk8cGF0aCBmaWxsPSIjZmZmZmZmIiAgZD0iTSAyOC42ODk0MzQwNTE1MTM2NyA5NzYuMzYyMTgyNjE3MTg3NSBDIDE4LjgxNjIwNDA3MTA0NDkyIDk3Ni4zNjIxODI2MTcxODc1IDEwLjI0ODY4NTgzNjc5MTk5IDk4Mi4yOTE2MjU5NzY1NjI1IDYuMjQwMzU1MDE0ODAxMDI1IDk5MC45NzAzMzY5MTQwNjI1IEwgNi4wMDAwMDA0NzY4MzcxNTggOTkxLjUxNjcyMzYzMjgxMjUgTCA2LjI0MDM1NTAxNDgwMTAyNSA5OTIuMDQ0OTIxODc1IEMgMTAuMjQ2MjMyOTg2NDUwMiAxMDAwLjczMDM0NjY3OTY4OCAxOC44MTIxMTQ3MTU1NzYxNyAxMDA2LjY3MTI2NDY0ODQzOCAyOC42ODk0MzQwNTE1MTM2NyAxMDA2LjY3MTI2NDY0ODQzOCBDIDM4LjU2NjYxMjI0MzY1MjM0IDEwMDYuNjcxMjY0NjQ4NDM4IDQ3LjEzMjc0MDAyMDc1MTk1IDEwMDAuNzMwMzQ2Njc5Njg4IDUxLjEzODUyMzEwMTgwNjY0IDk5Mi4wNDQ5MjE4NzUgTCA1MS4zNzg4NzE5MTc3MjQ2MSA5OTEuNTE2NzIzNjMyODEyNSBMIDUxLjEzODUyMzEwMTgwNjY0IDk5MC45NzAzMzY5MTQwNjI1IEMgNDcuMTMwMjQ1MjA4NzQwMjMgOTgyLjI5MTUwMzkwNjI1IDM4LjU2Mjc3NDY1ODIwMzEyIDk3Ni4zNjIxODI2MTcxODc1IDI4LjY4OTQzNDA1MTUxMzY3IDk3Ni4zNjIxODI2MTcxODc1IFogTSAyOC42ODk0MzQwNTE1MTM2NyA5NzguNjkzNjAzNTE1NjI1IEMgMzcuNjI1NTQxNjg3MDExNzIgOTc4LjY5MzYwMzUxNTYyNSA0NS4yOTAwMDQ3MzAyMjQ2MSA5ODMuOTU1MDc4MTI1IDQ5LjAyMzQwMzE2NzcyNDYxIDk5MS41MTY3MjM2MzI4MTI1IEMgNDUuMjg5ODIxNjI0NzU1ODYgOTk5LjA3NjQxNjAxNTYyNSAzNy42MjUwOTkxODIxMjg5MSAxMDA0LjMzOTg0Mzc1IDI4LjY4OTQzNzg2NjIxMDk0IDEwMDQuMzM5ODQzNzUgQyAxOS43NTM2MjM5NjI0MDIzNCAxMDA0LjMzOTg0Mzc1IDEyLjA4OTE1NzEwNDQ5MjE5IDk5OS4wNzY0MTYwMTU2MjUgOC4zNTU0NzQ0NzIwNDU4OTggOTkxLjUxNjcyMzYzMjgxMjUgQyAxMi4wODg5MjA1OTMyNjE3MiA5ODMuOTU1MDc4MTI1IDE5Ljc1MzQzODk0OTU4NDk2IDk3OC42OTM2MDM1MTU2MjUgMjguNjg5NDM0MDUxNTEzNjcgOTc4LjY5MzYwMzUxNTYyNSBaIE0gMjguNjg5NDM0MDUxNTEzNjcgOTc5LjI1ODQyMjg1MTU2MjUgQyAyMi43NTQ2NTU4MzgwMTI3IDk3OS4yNTg0MjI4NTE1NjI1IDE3LjkyMTU2NzkxNjg3MDEyIDk4NC43NzA1MDc4MTI1IDE3LjkyMTU2NzkxNjg3MDEyIDk5MS41MTY3MjM2MzI4MTI1IEMgMTcuOTIxNTY3OTE2ODcwMTIgOTk4LjI2MzA2MTUyMzQzNzUgMjIuNzU0NjU1ODM4MDEyNyAxMDAzLjc1Njk1ODAwNzgxMiAyOC42ODk0MzQwNTE1MTM2NyAxMDAzLjc1Njk1ODAwNzgxMiBDIDM0LjYyNDIyMTgwMTc1NzgxIDEwMDMuNzU2OTU4MDA3ODEyIDM5LjQ1NzMxMzUzNzU5NzY2IDk5OC4yNjMwNjE1MjM0Mzc1IDM5LjQ1NzMxMzUzNzU5NzY2IDk5MS41MTY3MjM2MzI4MTI1IEMgMzkuNDU3MzEzNTM3NTk3NjYgOTg0Ljc3MDUwNzgxMjUgMzQuNjI0MjIxODAxNzU3ODEgOTc5LjI1ODQyMjg1MTU2MjUgMjguNjg5NDM0MDUxNTEzNjcgOTc5LjI1ODQyMjg1MTU2MjUgWiBNIDI4LjY4OTQzNDA1MTUxMzY3IDk4MS42MDc5MTAxNTYyNSBDIDMzLjUxNTc2NjE0Mzc5ODgzIDk4MS42MDc5MTAxNTYyNSAzNy40MDYyODA1MTc1NzgxMiA5ODYuMDMwNTE3NTc4MTI1IDM3LjQwNjI4MDUxNzU3ODEyIDk5MS41MTY3MjM2MzI4MTI1IEMgMzcuNDA2MjgwNTE3NTc4MTIgOTk3LjAwMjkyOTY4NzUgMzMuNTE1NzYyMzI5MTAxNTYgMTAwMS40MDczNDg2MzI4MTIgMjguNjg5NDM0MDUxNTEzNjcgMTAwMS40MDczNDg2MzI4MTIgQyAyMy44NjMxMDM4NjY1NzcxNSAxMDAxLjQwNzM0ODYzMjgxMiAxOS45NzI1ODc1ODU0NDkyMiA5OTcuMDAyOTI5Njg3NSAxOS45NzI1ODc1ODU0NDkyMiA5OTEuNTE2NzIzNjMyODEyNSBDIDE5Ljk3MjU4NzU4NTQ0OTIyIDk4Ni4wMzA1MTc1NzgxMjUgMjMuODYzMTAxOTU5MjI4NTIgOTgxLjYwNzkxMDE1NjI1IDI4LjY4OTQzMjE0NDE2NTA0IDk4MS42MDc5MTAxNTYyNSBaIj4KCQkJCQk8L3BhdGg+CgkJCQk8L3N2Zz4=);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 22px !important;
    height: 20px;
    font-weight: 300;
    font-size: 16px;
    padding-left: 30px;
    line-height: 20px;
    text-align: right;
    width: auto;
    position: absolute;
    right: 15px;
    display: inline-block;
    top: 15px;
    transition: color 0.5s;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.image-post .hover-post ul.post-tags {
    padding-left: 0;
}

.ptwframe {
    position: absolute;
    left: 20px;
    bottom: 20px;
}

.image-post .hover-post ul.post-tags li
 {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    font-size: 25px;
    text-transform: uppercase;
    letter-spacing: 0.1px;
    color: #fff;
}

ul.post-tags li {
    display: inline-block;
    color: #999;
    font-weight: 400;
    font-size: 13px;
    transition: color 0.5s linear;
    line-height: 20px;
    margin-right: 5px;
}

.outside_title  {
     font-weight: 300;
    font-size: 17px !important;
    color: #000;
}

.ptwframe b {
    border: 2px solid #fff;
    padding: 8px 10px;
    text-align: center;
    display: inline-block;
    font-weight: normal;
    font-style: normal;
    font-size: 16px !important;
    transition: color 0.5s, border-color 0.5s;
}

.image-post .hover-post ul.post-tags li span {
    transition: color 0.5s;
    color: #fff;
}

.ptwframe span {
    padding: 10px 10px;
    text-align: center;
    display: inline-block;
    font-weight: 300;
    font-style: normal;
    font-size: 16px !important;
    transition: color 0.5s;
}

.heading2 {
    color: #333;
    font-size: 24px;
    font-weight: 300;
    margin: 0 0 6px;
    line-height: 30px;
}

.outside_title a {
    font-weight: 300;
    font-style: normal;
    color: #000;
    font-size: 24px;
    padding-bottom: 18px;
    transition: color 0.5s;
    padding-top: 10px;
}

.anchor {
    display: inline-block;
    text-decoration: none !important;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.image-post:not(.issue-post):not(.add-post):hover img {
    filter: sepia(100%);
}

.image-post:hover .hover-post {
    top: 0;
    background: linear-gradient(180deg, rgba(10, 10, 11, 0.0) 0%, rgba(10, 10, 11, 0.4) 70%, rgba(10, 10, 11, 0.65) 100%) !important;
}

.views_count:hover, .image-post:hover .views_count {
    color: #fff;
}

.image-post .hover-post ul.post-tags {
    padding-left: 0;
}

.image-post:hover .hover-post .ptwframe b {
    color: #fff;
    border-color: #fff;
}

.image-post:hover .hover-post ul.post-tags li span {
    color: #fff;
}

/*PRODUCT*/
.ui-btn {
    align-items: center;
    background: none;
    border: .2rem solid transparent;
    /*border-radius: .8rem;*/
    cursor: pointer;
    display: inline-flex;
    font-size: 1.6rem;
    font-weight: 500;
    height: 4.8rem;
    justify-content: center;
    line-height: 1.25;
    padding: 1rem 2.4rem;
    position: relative;
    text-align: center;
    -webkit-text-decoration: none;
    text-decoration: none;
    transition: color .25s, border-color .25s, background .25s;
    white-space: nowrap;
}
.ui-btn--40 {
    font-size: 16px;
    height: 40px;
    padding: 10px 15px;
}
.ui-btn--primary{
    background: #D60C1A;
    border-color: #D60C1A;
    color: #fff;
    transition: all .3s ease-in-out;
}
.bd-product:hover .ui-btn--primary{
    background: #000;
}
/*PRODUCT END*/
/**/
header{
    border-radius: 0px !important;
    transition: all .3s ease-in-out;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    background: #000;
}
.only_main {
    background: rgba(44, 40, 40, 0.12);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(3.3px);
    -webkit-backdrop-filter: blur(3.3px);
}
.only_main.scrolled {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}
.header_top {
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0px;
}
.header_logo {
    display: inline-block;
    background-color: #d60c1a;
    box-shadow: 0 1px 5px 
    color-mix(in srgb, hsl(204, 7.35%, 73.33%) 50%, transparent);
    margin: 10px 0 -30px 0;
    padding: 40px 32px;
    position: relative;
    z-index: 5;
}
.header_mobile_desctop {
    display: none;
}
.header_logo img {
    width: 88px;
    height: 100%;
    object-fit: cover;
    filter: invert(1) grayscale(1) saturate(3) brightness(1.5);
}

.header_search {
  display: flex;
  align-items: center;
  width: 500px;
  height: 40px;
  padding: 5px;
  margin-left: -33px;
  border-radius: 8px;
  border: 1px solid #c4c4c4;
  input {
    display: inline-block;
    width: 100%;
    border: none;
    background: transparent;
  }
}
.header_search i {
  color: #c4c4c4;
}

.phone {
  color: #fff;
  font-weight: bold;
  margin-bottom: 0;
  letter-spacing: 0.2px;
}
.mail {
  font-size: 14px;
  color: #828282;
  margin-bottom: 0;
}
.phone {
  font-size: 18px;
  font-weight: bold;
}
.call_btn {
  height: 40px;
  background: #d60c1a;
  color: #fff;
  border-radius: 0;
  width: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.2s ease;
  font-weight: 500;
}
.call_btn:hover {
  background: #000;
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
  color: #fff;
}

.header_icons {
  height: 30px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 25px;
}
.header_icons .no-badge::after {
  display: none;
}
.header_icons i {
  font-size: 25px;
  color: #fff;
  transition: 0.2s;
}
.language-toggle {
  position: relative;
  display: flex;
  align-items: center;
}
.language-toggle__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  text-decoration: none;
}
.language-toggle__menu {
  position: absolute;
  top: 30px;
  right: -6px;
  display: none;
  flex-direction: column;
  gap: 4px;
  min-width: 70px;
  padding: 6px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  z-index: 10;
}
.language-toggle:hover .language-toggle__menu,
.language-toggle:focus-within .language-toggle__menu {
  display: flex;
}
.header_icons .language-toggle__menu a {
  display: block;
  text-align: center;
  font-size: 13px;
  font-weight: 600;
  color: #000;
  padding: 6px 8px;
  border-radius: 8px;
  text-decoration: none;
}
.header_icons .language-toggle__menu a::after {
  display: none;
}
.header_icons .language-toggle__menu a:hover {
  background: #f0f0f0;
}
.compare{
    filter: brightness(0) invert(1);
}
.header_icons i:hover {
  color: #6daf45;
}
.hover_compare {
  display: none;
}
.header_icons a:hover .compare {
  display: none;
}
.header_icons a:hover .hover_compare {
  display: block;
}
.header_icons a {
  position: relative;
}
.header_icons a::after {
  content: "";
  position: absolute;
  background: #d60c1a;
  min-width: 16px;
  height: 16px;
  top: -5px;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  font-size: 15px;
  right: -7px;
  font-weight: normal;
  border: 2px solid #fff;
  width: max-content;
  padding: 2px 3px 2px;
  transform: scale(0.9);
  font-style: normal;
}
.header_icons a:nth-last-child(1)::after {
  display: none;
}
.top_menu {
  display: flex;
  flex-direction: row;
  column-gap: 20px;
  height: 40px;
  align-items: center;
  padding: 10px 15px;
  margin-left: 200px;
}

nav {
  /*background: #000;*/
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
  transform: translateY(0px);
  will-change: transform;
  /*margin: 70px 0 0 0;*/
}
#new_main_slider {
    position: relative;
}
#new_main_slider::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 50%;
    background: #000000;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.73) 0%, rgba(237, 221, 83, 0) 100%);
    z-index: 99;
    pointer-events:none;
}
#new_main_slider .swiper-slide::before {
    content: "";
    position: absolute;
    left: 0;
    top:0;
    width: 100%;
    height: 100%;
    background: #000000;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.5) 0%, rgba(17, 116, 245, 0) 100%);
    z-index: 2;
}
#new_main_slider .container {
    height: 100%;
}
.banner_slide_contents {
    height: 100%;
    position: relative;
    z-index: 99;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 150px;
    max-width: 800px;
    margin-top: 90px;
}
.top_menu li a {
  font-size: 15px;
  line-height: 20px;
  padding: 4px 7px 6px;
  color: #fff;
  transition: 0.2s;
}
.banner_title {
    font-size: 42px;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    font-weight: 400;
}
.banner_descr {
        color: #aaa;
    margin-bottom: 2.5rem;
    line-height: 1.6;
    font-size: 1rem;
}
.top_menu li a:hover {
  color: #ff943e;
}
.top_menu .stock {
  font-weight: 700;
  span {
    display: inline-block;
    color: #ff943e;
    margin: 0 3px 0 0;
  }
}

/* main */
.hero-banner {
   margin-top: 120px; 
  /*position: relative;*/
}
.row {
  height: 100%;
}
.head-catalog-menu p {
  font-size: 20px;
  line-height: 20px;
  color: #333;
  padding: 10px 0 15px 15px;
  font-weight: bold;
}
.main_left_col {
  width: 290px;
  /*position: sticky;*/
  top: 0;
  z-index: 5;
  height: fit-content;
  padding: 0 20px 0 0;
}
.sections {
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: 0.5px solid #ebebeb;
  padding: 5px;
}
#side_menu {
  padding: 0;
}
#side_menu li {
  padding: 5px 10px;
  border-bottom: 0.5px solid #f6f6f6;
  cursor: pointer;
}
#side_menu li a,
#side_menu li button {
  font-size: 14px;
  color: #333;
}
#side_menu li a img,
#side_menu li button img {
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
}
#side_menu li:hover > * {
  color: #ff943e;
}
.side_dropdown {
  overflow: hidden;
}
.side_dropdown_menu {
  height: 0;
  transition: 0.2s ease-in-out;
  margin: 10px 0 0;
  li {
    padding: 5px !important;
  }
}
.h {
  min-height: 70px;
  height: fit-content;
}
.side_dropdown_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  span{
      font-size: 14px;
  }
  i {
    font-size: 15px;
    color: #ccc !important;
  }
}

.side_dropdown,
.side_dropdown_btn,
.side_dropdown_btn i {
  transition: 0.2s ease-in-out;
}
.side_dropdown_clicked {
  background: #f6f6f6;
  margin-top: 5px;
  border-radius: 8px;
}
.clicked {
  border-bottom: 1px solid #ff943e;
}
.clicked button {
  font-weight: bold;
}
.rotate {
  rotate: 180deg;
}

/* HERO SLIDER START*/
.hero-banner .row {
  margin-inline: 0 !important;
}
.main_right_col {
  height: 100%;
  width: calc(100% - 290px);
  padding: 0;
}
.hero-swiper_container{
  position: relative;
}
.hero-swiper {
  height: 100vh;
  margin: 0 0 20px 0;
  border-radius: 8px;
}
.hero-swiper .swiper-pagination-bullet {
    border-radius: 1px;
    background: #fff;
    width: 32px;
    height: 3px;
}
/*.hero-swiper .swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{*/
/*    left: 70px !important;*/
/*    scale: 1.5;*/
/*}*/
/*.hero-swiper .swiper-pagination-bullet {*/
/*  background: #fff;*/
/*  opacity: 0.8;*/
/*}*/
/*.hero-swiper .swiper-pagination-bullet-active {*/
/*  background: #ff943e;*/
/*}*/
.swiper {
  width: 100%;
}

.hero-swiper  .swiper-slide {
  font-size: 18px;
  color: #fff;
}
.hero-swiper .swiper-slide .slider-content{
    position: absolute;
}
.swiper-slide__text h3{
    line-height: 40px !important;
    font-size: 35px !important;
}
.swiper-slide__text p{
    font-size: 18px;
    line-height: 22px;
    max-width: 75%;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.swiper-slide__text {
    max-width: 50%;
    height: calc(100vh - 86px);
    display: flex;
    text-align: start;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    color: #fff;
    position: relative;
    z-index: 2;
    gap: 2.5rem;
}
.swiper-slide__text a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #42a9d6;
    border: 1px solid #42a9d6;
    color: #000;
    padding: 16px;
    gap: 10px;
    transition: .2s;
    width: fit-content;
    svg{
        width: 22px;
    }
}
.swiper-slide__text a:hover{
    border: 1px solid #42a9d6;
    background: transparent;
}
.productSwiper .bd-product__top{
    height: 250px;
}
/* ===== Контейнер справа, ширина фиксирована (не меняется) ===== */
.flyout-cards{
  position:absolute;
  right:0;
  bottom:70px;
  display:flex;
  flex-direction:column;
  gap:5px;
  z-index:40;

  /* фиксируем ширину колонки под «квадрат» */
  width:64px;
  /* важно! даём выходить контенту за границы */
  overflow:visible;
}

/* ===== Ссылка-карточка: фиксированная ширина, не расширяется ===== */
.flycard{
  --bg:#111;
  position:relative;                 /* для абсолютного .flycard__body */
  display:block;
  width:64px;                        /* фикс! */
  height:64px;
  border-radius:2px;
  text-decoration:none;
  color:#fff;
  /* тени пойдут на внутренний блок, можно оставить и здесь лёгкую */
}

/* ===== Внутренний «выдвижной» блок, который расширяется влево ===== */
.flycard__body{
  position:absolute;
  top:0;
  right:0;                           /* прилипает правым краем */
  height:100%;
  width:64px;                        /* свернутое состояние */
  background:var(--bg);
  border-radius:2px;
  display:grid;
  grid-template-columns:64px 1fr 36px;
  align-items:center;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.15);
  transition: width .28s ease, border-radius .28s ease, box-shadow .28s ease;
}

.flycard:hover .flycard__body,
.flycard:focus-visible .flycard__body{
  width:260px;                       /* расширяется только внутренность */
  border-radius:2px;
  box-shadow:0 18px 42px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.22);
}

/* Иконка/текст/стрелка */
.flycard .ico{
  display:grid; place-items:center; height:100%;
  border-right:1px solid rgba(255,255,255,.18);
  background: color-mix(in hsl, var(--bg) 86%, #000 14%);
}
.flycard .label, .flycard .arr{
  opacity:0; transform:translateX(8px);
  transition:opacity .22s ease .06s, transform .22s ease .06s;
  font:500 15px/1.1;
  white-space:nowrap;
}
.flycard .label{ padding-left:12px; }
.flycard .arr{ justify-self:center; font-size:18px; }

.flycard:hover .label,
.flycard:hover .arr,
.flycard:focus-visible .label,
.flycard:focus-visible .arr{
  opacity:1; transform:translateX(0);
}
/* Общие настройки для svg внутри .ico */
.flycard .ico svg{
  width:22px; height:22px;
  fill:transparent;                  /* убираем заливку */
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;                 /* чтобы фон проявился */
  transition:filter .3s ease, transform .3s ease;
}

/* Свечение при ховере */
.flycard:hover .ico svg,
.flycard:focus-visible .ico svg{
  filter:drop-shadow(0 0 6px rgba(255,255,255,.5));
  transform:scale(1.08);
}

/* --- Индивидуальные градиенты для иконок --- */



/* Брендовые фоны */
.flycard.ig   { --bg:#E1306C; }      /* Instagram */
.flycard.mail { --bg:#0A66C2; }      /* Email */
.flycard.phone{ --bg:#374151; }      /* Phone */
.flycard.tg   { --bg:#229ED9; }      /* Telegram */
.flycard.wa   { --bg:#25D366; color:#0b2a13; } /* WhatsApp */

/* ===== Адаптив ===== */
@media (max-width:480px){
  .flyout-cards{ right:0; gap:10px; width:56px; }
  .flycard{ width:56px; height:56px; }
  .flycard__body{ width:56px; grid-template-columns:56px 1fr 30px; border-radius:2px; }
  .flycard:hover .flycard__body,
  .flycard:focus-visible .flycard__body{ width:230px; }
  .flycard .label{ font-size:14px; }
  .flycard .arr{ font-size:16px; }
}
.new_widget_btn{
      background: #fff;
      z-index: 5;
}
.new_widget_btn::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: #fff;
  opacity: 0;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: beat 3.2s ease-in-out infinite;
}
.new_widget_btn.no-animation::after {
  animation: none;
}
@keyframes beat {
  0% {
    width: 90%;
    height: 90%;
  }
  15% {
    opacity: 0.5;
  }
  60% {
    opacity: 0;
  }
  80%,
  95% {
    opacity: 0;
    width: 200%;
    height: 200%;
  }
  100% {
    opacity: 0;
    width: 90%;
    height: 90%;
  }
}
.new_widget_btn .social-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  font-size: 23px;
}
.animate {
  animation: bounce 9.6s infinite;
}
.new_widget_btn .social-icon:nth-child(1) {
  animation-delay: 0s;
}
.new_widget_btn .social-icon:nth-child(2) {
  animation-delay: 3.2s;
}
.new_widget_btn .social-icon:nth-child(3) {
  animation-delay: 6.4s;
}

/* keyframes */
@keyframes bounce {
    0% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  33% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


.new_widget_btn {
  position: relative;
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
}

/* Beat + icon pulse in sync */
.new_widget_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  background: #fff;
  transform: translate(-50%, -50%);
  opacity: 0;
  width: 90%;
  height: 90%;
  animation: beat 9.6s infinite;
}

/* One full cycle = 9.6s (3 icons × 3.2s) */
@keyframes beat {
  /* Icon 1 */
  0% {
    width: 90%;
    height: 90%;
    opacity: 0;
  }
  /*5% {*/
  /*  opacity: 0.5;*/
  /*}*/
  15% {
    opacity: 0;
    width: 200%;
    height: 200%;
  }

  /* Icon 2 */
  33% {
    width: 90%;
    height: 90%;
    opacity: 0;
  }
  /*38% {*/
  /*  opacity: 0.5;*/
  /*}*/
  48% {
    opacity: 0;
    width: 200%;
    height: 200%;
  }

  /* Icon 3 */
  66% {
    width: 90%;
    height: 90%;
    opacity: 0;
  }
  /*71% {*/
  /*  opacity: 0.5;*/
  /*}*/
  81% {
    opacity: 0;
    width: 200%;
    height: 200%;
  }

  100% {
    width: 90%;
    height: 90%;
    opacity: 0;
  }
}

/* Icons synced with beat */
.new_widget_btn .social-icon {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  opacity: 0;
  animation: icons 9.6s infinite;
}

/* stagger each icon */
.new_widget_btn .social-icon:nth-child(1) {
  animation-delay: 0s;
}
.new_widget_btn .social-icon:nth-child(2) {
  animation-delay: 3.2s;
}
.new_widget_btn .social-icon:nth-child(3) {
  animation-delay: 6.4s;
}

@keyframes icons {
  0% { opacity: 1; }
  25% { opacity: 1; }
  33% { opacity: 0; }
  100% { opacity: 0; }
}


/*/////*/

.advantage {
  display: flex;
  align-items: center;
  gap: 15px;
  height: 100px;
  padding: 9px 10px;
  font-size: 15px;
  color: #333;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  p {
    margin: 0;
  }
  img{
      width: 40px;
      height: 40px;
  }
}
/* HERO SLIDER END */


/**/
.slogan {
    text-align: start;
    position: absolute;
    top: 54%;
    left: 4%;
    width: 550px;
    height: 177px;
    z-index: 5;
}
    
.slogan h3 { text-shadow: 0px 1px 6px rgb(0 0 0 / 57%);
    font-weight: 300;
    color: #fff;
    font-size: 23pt;
    width: 95%;
    margin-left: 36px;
    margin-top: 20px;
    margin-bottom: 15px;
    line-height: 1.2;
    letter-spacing: -1px;
}

.slogan .slogan-text {
    color: #fff;
    font-size: 18px;
    width: 90%;
    margin: 16px auto;
    font-weight: 200;
}
.slogan::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    backdrop-filter: blur(8px) brightness(80%);
    border-radius: 5px;
    left: 0;
    z-index: -1;
}
.slogan::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin: 1rem;
    border: 1px dashed rgba(255,255,255,.5);
    clip-path: polygon(0 calc(100% - 100rem ),0 100%,10rem 100%,100rem 0,0 0,0 1rem,100% 1rem,100% 0,calc(100% - 1rem) 0,calc(100% - 10rem) 100%,100% 100%,100% calc(100% - 10rem));
    z-index: 555;
    border-radius: 5px;
}

.styled-button {
  position: relative;
  padding: 0px 1rem;
  font-size: 1rem;
  color: #ffffff;
  background: linear-gradient(to bottom, #171717, #242424);
  border-radius: 5px;
  cursor: pointer;
  transform: translateY(2px);
  /*transform: translateX(173px);*/
  box-shadow: 0 1px 2px rgba(0, 0, 0, 1), 0 5px 10px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap:10px;
  border: 1px solid #292929;
}

.styled-button::before {
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(to bottom, #292929, #000000);
  z-index: -1;
  border-radius: 9999px;
  transition: all 0.2s ease;
  opacity: 1;
  pointer-events: none;
}
.styled-button .inner-button ,.about-button{
  position: relative; /* Ensure relative positioning for pseudo-element */
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #171717, #242424);
  width: 40px;
  height: 40px;
  margin-left: 20px;
  border-radius: 50%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 1);
  border: 1px solid #252525;
  transition: all 0.2s ease;
}
.swiper-zoom-btn{
  display: inline-flex;    
  cursor: pointer;
  margin-bottom:20px;
  border-radius:5px !important;
  margin-left:40px;
}
.styled-button .inner-button::before ,.about-button:before,.full-button:before{
  content: "";
  position: absolute;
  top: -2px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: linear-gradient(to bottom, #292929, #000000);
  z-index: -1;
  border-radius: 9999px;
  transition: all 0.2s ease;
  opacity: 1;
}
.styled-button .inner-button .icon ,.about-button i {
    filter: drop-shadow(0 10px 20px rgba(50, 50, 50, 1))
    drop-shadow(0 0 20px rgba(2, 2, 2, 1));
  transition: all 0.4s ease-in-out;
  background: linear-gradient(to bottom, #171717, #242424);
}
.styled-button .inner-button .icon:hover {
  transform: rotate(-35deg);
}
.icon.arrow-icon{
    border: none;
    width: 30px;
    height: 30px
}
.styled-button .inner-button ,.about-button{
  position: relative; /* Ensure relative positioning for pseudo-element */
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #171717, #242424);
  width: 40px;
  height: 40px;
  margin-left: 20px;
  border-radius: 50%;
  box-shadow: 0 0 1px rgba(0, 0, 0, 1);
  border: 1px solid #252525;
  transition: all 0.2s ease;
}
/* PRODUCTS START */

#products{
    background: #dddddd42;
    padding-top: 10px;
}
.product_title {
  margin: 20px 0;
  padding: 20px 0 0 0;
  font-size: 41px;
  line-height: 50px;
  position: relative;
}
.product_title::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 70px;
    height: 70px;
    background: #D60C1A;
    border-radius: 50%;
    z-index: 0;
    pointer-events: none;
}
.product_title span {
    position: relative;
    z-index: 1;
}
/*.product_title::after {*/
/*  content: "";*/
/*  width: 200px;*/
/*  height: 2.5px;*/
/*  margin: 10px 0 40px;*/
/*  background: #ff943e;*/
/*  display: flex;*/
/*}*/
.products_container{
    gap: 5px
}
.products {
  height: 100vh;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 5px;
}
.product {
  position: relative;
  height: 100%;
  box-shadow: none;
  overflow: hidden;
  transition: all 0.15s ease-in-out;
  border: 1px solid #fff0;
  top: 0;
  border-radius: 8px;
  background: #f6f6f6;
  z-index: 5;
}
.product::before {
  content: "";
  width: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);
  height:25%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  transition: all 0.15s cubic-bezier(0.01, 0.83, 1, 0.43);
}
.product:hover {
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  border: 1px solid #ebebeb;
  top: -5px;
}
.product img{
    scale: 1;
    transition: 1.5s ease-in-out;
}
.product:hover img{
    scale: 1.1;
}
/*.product:hover::before {*/
/*  left: -25%;*/
/*  height: 150%;*/
/*  width: 150%;*/
/*  top: -25%;*/
/*}*/
/*.products:hover .product_price {*/
/*  background: #ffdf82;*/
/*}*/
.product_top1 {
  grid-area: 1 / 1 / 2 / 3;
  position: relative;
}
.product_top2 {
  grid-area: 2 / 1 / 3 / 2;
}
.product_top3 {
  grid-area: 2 / 2 / 3 / 3;
}
.product_top4 {
  grid-area: 1 / 3 / 2 / 4;
}
.product_top5 {
  grid-area: 1 / 4 / 2 / 5;
}
.product_top6 {
  grid-area: 2 / 3 / 3 / 5;
}

.product_middle1 {
  grid-area: 1 / 1 / 2 / 2;
}
.product_middle2 {
  grid-area: 1 / 2 / 2 / 3;
}
.product_middle3 {
  grid-area: 2 / 1 / 3 / 3;
}
.product_middle4 {
  grid-area: 1 / 3 / 3 / 4;
}
.product_middle5 {
  grid-area: 1 / 4 / 2 / 5;
}
.product_middle6 {
  grid-area: 2 / 4 / 3 / 5;
}

.product_bottom1 {
  grid-area: 1 / 1 / 3 / 2;
}
.product_bottom2 {
  grid-area: 1 / 2 / 2 / 3;
}
.product_bottom3 {
  grid-area: 2 / 2 / 3 / 3;
}
.product_bottom4 {
  grid-area: 1 / 3 / 2 / 5;
}
.product_bottom5 {
  grid-area: 2 / 3 / 3 / 4;
}
.product_bottom6 {
  grid-area: 2 / 4 / 3 / 5;
}

.products .product_bg {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  z-index: 5;
  transition: scale(1);
  transition: .3s;
}
.product_bg:hover img {
    transition: scale(1.1);
}
.product .product_bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom center;
}
/*.product_top1 .product_bg {*/
/*  background-image: url("/img/product-1.png");*/
/*}*/
/*.product_top2 .product_bg {*/
/*  background-image: url("/img/product-2.png");*/
/*}*/
/*.product_top3 .product_bg {*/
/*  background-image: url("/img/product-3.png");*/
/*}*/
/*.product_top4 .product_bg {*/
/*  background-image: url("/img/product-1.png");*/
/*}*/
/*.product_top5 .product_bg {*/
/*  background-image: url("/img/product-2.png");*/
/*}*/
/*.product_top6 .product_bg {*/
/*  background-image: url("/img/product-6.png");*/
/*}*/
.product_top1_img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    scale: 1;
    transition: 1.5s ease-in-out;
    object-fit: cover;
}

.product_middle1 .product_bg {
  background-image: url("/img/basket-systems.jfif");
}
.product_middle2 .product_bg {
  background-image: url("/img/tall-cabinet-basket.jfif");
}
.product_middle3 .product_bg {
  background-image: url("/img/full-extension-basket.jfif");
  background-position: center;
}
.product_middle4 .product_bg {
  background-image: url("/img/opening-basket.jfif");
}
.product_middle5 .product_bg {
  background-image: url("/img/corner basket.jfif");
  background-position: center;
}
.product_middle6 .product_bg {
  background-image: url("/img/flat-basket.jfif");
}

.product_bottom1 .product_bg {
  background-image: url("/img/product-1.png");
}
.product_bottom2 .product_bg {
  background-image: url("/img/product-2.png");
}
.product_bottom3 .product_bg {
  background-image: url("/img/product-3.png");
}
.product_bottom4 .product_bg {
  background-image: url("/img/product-1.png");
}
.product_bottom5 .product_bg {
  background-image: url("/img/product-2.png");
}
.product_bottom6 .product_bg {
  background-image: url("/img/product-6.png");
}
.product_price {
  border-radius: 8px;
  color: #333;
  display: block;
  position: absolute;
  z-index: 9;
  background: #fff;
  padding: 5px 10px;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  bottom: 10px;
  left: 10px;
}
.product_name {
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 99;
  text-align: left;
  font-weight: 500;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
}
/* PRODUCTS END */

/* CARDS START */
.cards {
  margin: 40px 0 30px;
}
.adv_card {
  padding: 30px 20px;
  background: #f6f6f6;
  border-radius: 8px;
  display: flex;
  gap: 10px;
}
.adv_card img {
  width: 60px;
  height: 60px;
}
.adv_card_content {
  font-size: 16px;
  color: #333;
  margin: 0 0 10px 0;
  line-height: 20px;
}
.adv_card_content p {
  font-size: 14px;
}
/* CARDS END */
/*innital desgin*/
textarea{
        width: 100%;
        /*border-radius: 2px;*/
        border: none;
        background: white;
        padding: 5px 15px;
        box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
        border-bottom: 2px solid #ed6953;
        transition: 0.3s ease;
    }
    
    textarea:focus{
        outline: none;
        background: #ed695317;
        box-shadow: none !important;
    }

.my-gpr {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 20px 0;
}
.form24-input-label,.form24-input-required,.form24-policy .checkmark {
    position: absolute;
}
.form24-input,.form24-policy,.form24-policy label{
	position:relative;
}
.form24-input input[type="text"],
.form24-input input[type="tel"],
.form24-input input[type="mail"],
.form24-input textarea,
.form24-input select,
.form24-input,
.form24-input-label,
.form24-submit button {
    width: 100%;
}

.form24-input select,.form24-policy input[type="checkbox"]{
	display:none;
}

.form24-input input[type="text"],
.form24-input textarea,
.form24-input,
.form24-input-label,
.form24-submit button {
    display: block;
}

.form24-input-label,
.form24-input-required{
	line-height: 1;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    font-size: 16px;
    font-weight: 400;
	z-index:1;
}
.form24-input-label{
	bottom:12px;
    left: 0;
    pointer-events: none;
}
/*.form24-input-required{*/
/*	bottom:12px;*/
/*	right:0;*/
/*}*/

.form24-policy .checkmark{
	top:2px;
	left:0;
	width:20px;
	height:20px;
	line-height: 18px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #000;
	z-index:1;
	text-align:center;
}
.form24-policy .checkmark:after{
	content: "\e901";
	font-family:"FontAwesome";
	font-size:12px;
	opacity:0;
	display:inline-block;
}
.form24-policy input:checked ~ .checkmark:after {
	opacity:1;
}

.form24-policy label,.form24-submit button{
	cursor:pointer;
}
.form24-policy-label a{
	text-decoration:underline !important;
}
.form24-policy-label{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	padding-left: 28px;
	padding-top: 4px;
    padding-bottom: 4px;
}



.form24-input-label,.form24-input-required{
	color:#60606c;
}



.form24-input input[type="text"]{
	padding-top:0;
}
.form24-input textarea,.form24-input select{
	padding-top:12px;
}

.form24-input input[type="text"],
.form24-input input[type="tel"],
.form24-input input[type="mail"],
.form24-input textarea,
.form24-input select{
	outline:none;
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding-bottom:12px;
}
.form24-input input[type="text"],
.form24-input input[type="tel"],
.form24-input input[type="mail"]{
	padding-left:0;
	padding-right:16px;
}
.form24-input textarea,.form24-input select{
	padding-left:16px;
	padding-right:16px;
}
.form24-input input[type="text"],
.form24-input input[type="tel"],
.form24-input input[type="mail"]{
	border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.form24-input input[type="text"]:focus,
.form24-input input[type="tel"]:focus,
.form24-input input[type="mail"]:focus{
	border-bottom:1px solid var(--text-primary);
}

.form24-input textarea,.form24-input select{
	border:1px solid rgba(0, 0, 0, 0.3);
}
.form24-input textarea:focus,.form24-input select:focus{
	border:1px solid #fff;
}

.form24-wrapper.bg-darkest .form24-input input[type="text"],
.form24-wrapper.bg-darkest .form24-input input[type="tel"],
.form24-wrapper.bg-darkest .form24-input input[type="mail"]{
	border-bottom:1px solid #ccc;
}

.form24-wrapper.bg-darkest .form24-input textarea,.form24-wrapper.bg-darkest .form24-input select{
	border:1px solid #ccc;
}



.form24-input,.form24-submit{
	margin-bottom:16px;
}

.form24-input input[type="text"]:focus + .form24-input-label,
.form24-input input[type="tel"]:focus + .form24-input-label,
.form24-input input[type="mail"]:focus + .form24-input-label,
.form24-input input[type="text"]:not(:placeholder-shown) + .form24-input-label,
.form24-input input[type="tel"]:not(:placeholder-shown) + .form24-input-label,
.form24-input input[type="mail"]:not(:placeholder-shown) + .form24-input-label{
	top:-10px;
	font-size: 10px;
}

.form24-wrapper,
.form24-input input[type="text"]:focus + .form24-input-label,
.form24-input input[type="tel"]:focus + .form24-input-label,
.form24-input input[type="mail"]:focus + .form24-input-label,
.form24-input input[type="text"]:focus ~ .form24-input-required,
.form24-input input[type="tel"]:focus ~ .form24-input-required,
.form24-input input[type="mail"]:focus ~ .form24-input-required,
.form24-input input[type="text"],
.form24-input input[type="tel"],
.form24-input input[type="mail"],
.form24-input textarea,
.form24-input select,
.form24-policy-label,
.form24-policy-label a,
.form24-policy .checkmark:after{
	color: #000;
}
#modal_form input {
    color: #000;
}

.form24-input textarea{
	resize: none;
}
.form24-input textarea, .form24-input select{
	border-radius: 16px;
	-webkit-border-radius: 16px;
}
#sorgu .form24-input select {
    color: #000 !important;
}
.funnel-item-inner{
    position: relative;
}

.funnel-item-inner {
    display: block;
    width: 100%;
}

.contentos .product-item.prodItem:has(.prodItem__addCart_preorder) .prodItem__hidden .prodItem__actions .prodItem__icons,
.product-item.prodItem:has(.prodItem__addCart_preorder) .prodItem__hidden .prodItem__actions .prodItem__icons {
    display: none
}

@media (min-width: 768px) {

    .contentos .product-item.prodItem:has(.prodItem__addCart_preorder) .prodItem__hidden .prodItem__actions .prodItem__icons,
    .product-item.prodItem:has(.prodItem__addCart_preorder) .prodItem__hidden .prodItem__actions .prodItem__icons {
        display: flex
    }
}

div:has(> div.banner-top-container) {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important
}




@media (max-width: 1912px) {
    :root {
        --padding-container: 5vw
    }
}

.bd-card-info-text__variants>*+:after {
    background: var(--c-white-7);
    bottom: 0;
    content: "";
    display: block;
    left: -35px;
    position: absolute;
    top: 5px;
    width: 1px
}

@media (min-width: 1201px) {

    .bd-card-info-text__variants>*+:after {
        display: none
    }
}

.text-styles ul li::marker {
    color: #92b33d;
}


.required {
    color: red;
}

/* footer */

footer {
    background: #2f2e2c;
    color: #fff;
    padding-top: 32px;
}

footer a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
}

.checkbox>label>input {
    display: none;
}

@media (max-width: 992px) {
}
.contact-section .container {
    display: grid;
    grid-template-columns: 33% 33% 33%;
}
.contact-section h2 {
    color: #fff;
}
.create_by {
    display: flex;
    align-items:center;
    justify-content: end;
    gap: 10px;
    padding-right: 45px;
}
.create_by img {
    width: 100px;
}
.copyright {
    font-size: 14px;
    padding-inline: 28px;
}
.contact-section  {
    background: #0a0a0b;
}

.contact-section  h1,.my-gpr {
    font-size: 20px;
    text-transform:uppercase;
    color: #fff;
    font-weight:600;
}
.my-slct{color:#ffffffa6 !important;}
.contact-section  p {
    font-size: 15px;
    color: #fff;
}
.contact-section video {
    object-fit: cover;
    object-position: center bottom;
    height: 100%;
    width: 100%;
}

.contact-section .left, .contact-section .panel{
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    justify-content: center;
    padding-right:48px;
}


.contact-section .panel {
    color:#fff;
    padding-right:0;
    padding-left:60px;
    align-items: flex-start;
}

.contact-section  input {
    background:transparent;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    /*margin-bottom: 25px;*/
    width: 100%;
    outline:none;
}
#main_form .my-gpr {
    margin-bottom: 35px;
}
#main_form .form24-input {
    margin-bottom: 25px;
}
.contact-section textarea {
    background:transparent;
    border:1px solid rgba(255, 255, 255, 0.3);
    margin-bottom: 25px;
    width: 100%;
    outline:none;
    border-radius: 16px;
    padding: 10px 20px 0 20px;
    height: 90px;
}
/*footer*/
:root{
        --gap-0: 0px;
    --gap-1: 4px;
    --gap-2: 8px;
    --gap-3: 12px;
    --gap-4: 16px;
    --gap-5: 20px;
    --gap-6: 24px;
    --gap-7: 28px;
    --gap-8: 32px;
    --gap-9: 36px;
    --gap-10: 40px;
    --gap-11: 44px;
    --gap-12: 48px;
    --gap-13: 52px;
    --gap-14: 56px;
    --gap-15: 60px;
    --gap-16: 64px;
    --gap-17: 68px;
    --gap-18: 72px;
    --gap-19: 76px;
    --gap-20: 80px;
    --gap-21: 84px;
    --gap-22: 88px;
    --gap-23: 92px;
    --gap-24: 96px;
    --gap-25: 100px;
    --gap-26: 104px;
    --gap-27: 108px;
    --gap-28: 112px;
    --gap-29: 116px;
    --gap-30: 120px;
    --gap-31: 124px;
    --gap-32: 128px;
    --gap-33: 132px;
    --gap-34: 136px;
    --gap-35: 140px;
    --gap-36: 144px;
    --white: #FFFFFF;
    --black: #000000;
    --gray-04: #0A0A0B;
    --gray-10: #18181B;
    --gray-15: #242429;
    --gray-20: #303036;
    --gray-25: #3C3C43;
    --gray-30: #484851;
    --gray-40: #60606C;
    --gray-50: #787887;
    --gray-60: #93939F;
    --gray-70: #AEAEB7;
    --gray-80: #C9C9CF;
    --gray-90: #E4E4E7;
    --gray-95: #F1F1F3;
    --lilac: #9E47B8;
    --lilac-95: #CF5EF2;
    --green: #61B847;
    --green-80: #6DCC50;
    --blue: #487FB8;
    --blue-100: #007FFF;
    --red-rutube: #EC143B;
    --red-youtube: #FF0033;
    --gold: #B78047;
    --gold-60: #C6996C;
    --gold-70: #D4B391;
    --gold-80: #E2CCB6;
    --gold-90: #F1E5DA;
    --ghost-white-5: rgba(255, 255, 255, 0.05);
    --ghost-white-5-hover: rgba(255, 255, 255, 0.1);
    --ghost-white-10: rgba(255, 255, 255, 0.1);
    --ghost-white-10-hover: rgba(255, 255, 255, 0.2);
    --ghost-white-20: rgba(255, 255, 255, 0.2);
    --ghost-white-20-hover: rgba(255, 255, 255, 0.3);
    --ghost-dark: rgba(10, 10, 11, 0.3);
    --ghost-dark-hover: rgba(10, 10, 11, 0.4);
    --link-visited: var(--lilac-95);
    --link-hover: var(--green-80);
    --link: var(--blue-100);
    --bg-gold: var(--gold);
    --bg-dark-gold: var(--gold-60);
    --bg-medium-gold: var(--gold-70);
    --bg-light-gold: var(--gold-80);
    --bg-lightest-gold: var(--gold-90);
    --bg-black: var(--black);
    --bg-darkest: var(--gray-04);
    --bg-very-dark: var(--gray-10);
    --bg-dark: var(--gray-15);
    --bg-medium-dark: var(--gray-20);
    --bg-smoky-gray: var(--gray-25);
    --bg-stone-gray: var(--gray-30);
    --bg-light-gray: var(--gray-90);
    --bg-lightest-gray: var(--gray-95);
    --bg-ghost-white-5: var(--ghost-white-5);
    --bg-ghost-white-5-hover: var(--ghost-white-5-hover);
    --bg-ghost-white-10: var(--ghost-white-10);
    --bg-ghost-white-10-hover: var(--ghost-white-10-hover);
    --bg-ghost-white-20: var(--ghost-white-20);
    --bg-ghost-white-20-hover: var(--ghost-white-20-hover);
    --bg-ghost-dark: var(--ghost-dark);
    --bg-ghost-dark-hover: var(--ghost-dark-hover);
    --bg-white: var(--white);
    --bg-primary: var(--white);
    --text-primary: var(--black);
    --text-primary-on-dark: var(--white);
    --text-secondary: var(--gray-40);
    --text-secondary-on-dark: var(--gray-60);
}
.bg-very-dark{
    background:var(--bg-very-dark);
}
.footer, .footer a {
    color: var(--text-secondary-on-dark);
}
/*footer .col-xs-12{*/
/*	float:left;*/
/*}*/


/*footer .col-xs-12{*/
/*	width:100%;*/
/*}*/

@media (min-width:576px){
/*footer .col-sm-6{*/
/*		float:left;*/
/*	}*/
 /*.col-sm-6{*/
	/*	width:50%;*/
	/*}*/
}
@media (min-width:768px){
/*footer .col-md-6{*/
/*		float:left;*/
/*	}*/
 /*.col-md-6{*/
	/*	width:50%;*/
	/*}*/
}
@media (min-width:992px){
/*footer .col-lg-3{*/
/*		float:left;*/
/*	}*/
 /*footer.col-lg-3{*/
	/*	width:25% !important;*/
	/*}*/
}
.footer-contacts-secondary .footer-widget-content,.footer-contacts-item-content{
	position:relative;
}
.footer-widget-title,
.footer-socials a,
.footer-contacts-item-content,
.footer-contacts-item-content i,
.footer-contacts-item-content a{
	color:var(--text-primary-on-dark);
}
.footer-container {
	padding-top:var(--gap-16);
	padding-bottom:32px;
}
.footer-top-container{
	padding-bottom:var(--gap-4);
}
.footer-contacts-secondary .footer-widget-content:before{
	background:var(--text-secondary-on-dark);
	opacity:0.3;
}
.footer-socials-btns a{
	text-align:center;
}
.footer-socials-btns a img {
    width: 50%;
    height: 100%;
    object-fit: contain;
}
.footer-top-item-inner{
    padding-block:10px;
}
.footer-menu,.footer-contacts-item-title,.footer-contacts-secondary,.footer-contacts-secondary .footer-contacts-item-content{
	font-size: 17px;
	font-weight: 400;
	line-height: 24px;
}
.footer-widget-title{
	font-size: 18px;
	font-weight: 800;
	line-height: 24px;
	letter-spacing: 0.9px;
	text-transform: uppercase;
}
.footer-widget-title,.footer-menu ul li{
	margin-bottom:var(--gap-5);
}
.footer-menu ul li:last-child{
	margin-bottom:0;
}
.footer-contacts-main a{
	font-size: 18px;
	font-weight: 300;
	line-height:24px;
}
.footer-top-item{
	margin-bottom:var(--gap-12);
}
.footer-contacts-item + .footer-contacts-item{
	margin-top:var(--gap-3);
}
.footer-widget{
	margin-bottom:var(--gap-6);
}
.footer-widget:last-child{
	margin-bottom:0;
}
.footer-contacts-secondary .footer-widget-content{
	padding-top:var(--gap-6);
}
.footer-contacts-secondary .footer-widget-content:before,.footer-contacts-item-content i{
	display:block;
}
.footer-contacts-secondary .footer-widget-content:before,.footer-contacts-item-content i{
	position:absolute;
	left:0;
	z-index:1;
}
.footer-contacts-secondary .footer-widget-content:before{
	content:'';
	height:1px;
	top:0;
}
.footer-contacts-secondary .footer-widget-content:before{
	width:160px;
}
.footer-contacts-item-content i{
	top:2px;
	font-size:20px;
}
.footer-contacts-item-content{
	padding-left:28px;
}
.footer-socials-btns{
	overflow:hidden;
}
.footer-socials-btns a{
	display: flex;
    align-items: center;
    justify-content: center;
	float:left;
	width:48px;
	height:48px;
	margin-right:var(--gap-3);
	border-radius:50%;
	-webkit-border-radius:50%;
	background: var(--bg-ghost-white-10);
}
.footer-socials-btns a:hover{
	background: var(--bg-ghost-white-10-hover);
}
.footer-socials-btns a:last-child{
	margin-right:0;
}
.footer-socials-btns a{
	-webkit-transition: background 0.3s;
    transition: background 0.3s;
}
.footer-socials-btns a i{
	line-height:48px;
	font-size:24px;
}
@media (max-width:1850px){
	.footer-top-item-inner {
		padding-left: var(--gap-12);
		padding-right: var(--gap-12);
	}
}
@media (max-width:1750px){
	.footer-top-item-inner {
		padding-left: var(--gap-8);
		padding-right: var(--gap-8);
	}
}
@media (min-width:1250px) and (max-width:1550px){
	.footer-socials-btns a{
		margin-right: var(--gap-1);
	}
}
@media (max-width:1550px){
	.footer-top-item-inner {
		padding-left: var(--gap-4);
		padding-right: var(--gap-4);
	}
}
@media (max-width:1350px){
	.footer-top-item-inner {
		padding-left: 0;
		padding-right: 0;
	}
	.footer-container {
		padding-top: var(--gap-24);
		padding-bottom: var(--gap-24);
	}
	
	.footer-top-container {
		padding-bottom: 0;
	}
}
@media (min-width:1200px) and (max-width:1250px){
	.footer-top-item{
		width:50%;
	}
}
@media (max-width:767px){
	.footer-widget-title {
		font-size: 16px;
	}
	.footer-widget-title, .footer-menu ul li, .footer-widget {
		margin-bottom: var(--gap-4);
	}
	.footer-contacts-secondary .footer-widget-content:before {
		width: 130px;
	}
	
}
.bg-darkest{
	background-color:var(--bg-darkest);
}

.btn2{
	border-width:1px;
	border-style:solid;
	border-color:var(--gray-04);
	color:var(--white);
	background-color:var(--gray-04);
	padding:0 var(--gap-12);
	height:44px;
	line-height:42px;
	text-align:center;
	display:inline-block;
	text-decoration:none!important;
	font-size: 14px;
	font-weight: 800;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
	border-radius: 36px;
	-webkit-border-radius: 36px;
	letter-spacing: 0.44px;
	text-transform: uppercase;
}
.btn2:hover{
	background-color:var(--gray-15);
	border-color:var(--gray-15);
	color:var(--white);
}


.btn-ghost-white-10{
	border-color:transparent;
	color:var(--white);
	background-color:var(--ghost-white-10);
}
.btn-ghost-white-10:hover{
	border-color:transparent;
	color:var(--white);
	background-color:var(--ghost-white-10-hover);
}
@media (max-width: 479px){
	.btn2{
		padding: 0 var(--gap-8);
	}
}
@media (max-width: 375px){
	.btn2{
		padding: 0 var(--gap-6);
	}
}
.panel .text{
	color: var(--text-primary);
}
/*.form24-input-label,.form24-input-required,.form24-policy .checkmark {*/
/*    position: absolute;*/
/*}*/
.form24-input,.form24-policy,.form24-policy label{
	position:relative;
}
.form24-input input[type="text"],.form24-input textarea,.form24-input select,.form24-input,.form24-input-label,.form24-submit button {
    width: 100%;
}

.form24-input select,.form24-policy input[type="checkbox"]{
	display:none;
}

.form24-input input[type="text"],.form24-input textarea,.form24-input,.form24-input-label,.form24-submit button {
    display: block;
}



.form24-input-label,.form24-input-required{
	line-height: 1;
    -webkit-transition: all 180ms linear;
    transition: all 180ms linear;
    font-size: 16px;
    font-weight: 400;
	z-index:1;
}
.form24-input-label{
	bottom:var(--gap-3);
    left: 0;
    pointer-events: none;
}
.form24-input-required{
	bottom:var(--gap-3);
	right:0;
}

.form24-policy .checkmark{
	top:2px;
	left:0;
	width:20px;
	height:20px;
	line-height: 18px;
	border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid var(--text-primary);
	z-index:1;
	text-align:center;
}
.form24-policy .checkmark:after{
	content: "\e901";
	font-family:"FontAwesome";
	font-size:12px;
	opacity:0;
	display:inline-block;
}
.form24-policy input:checked ~ .checkmark:after {
	opacity:1;
}

.form24-policy label,.form24-submit button{
	cursor:pointer;
}
.form24-policy-label a{
	text-decoration:underline;
}
.form24-policy-label{
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	padding-left:var(--gap-7);
	padding-top: var(--gap-1);
    padding-bottom: var(--gap-1);
}

.form24-wrapper.bg-darkest .form24-policy .checkmark{
	border:1px solid var(--text-secondary-on-dark);
}


.form24-input-label,.form24-input-required{
	color:var(--text-secondary);
}

.form24-wrapper.bg-darkest .form24-policy-label,
.form24-wrapper.bg-darkest .form24-policy-label a,
.form24-wrapper.bg-darkest .form24-policy .checkmark:after,
.form24-wrapper.bg-darkest .form24-input-label,
.form24-wrapper.bg-darkest .form24-input-required{
	color:var(--text-secondary-on-dark);
}


.form24-input input[type="text"]{
	padding-top:0;
}
.form24-input textarea,.form24-input select{
	padding-top:var(--gap-3);
}

.form24-input input[type="text"],.form24-input textarea,.form24-input select{
	outline:none;
	background:none;
	border-top:none;
	border-left:none;
	border-right:none;
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	padding-bottom:var(--gap-3);
}
.form24-input input[type="text"]{
	padding-left:0;
	padding-right:var(--gap-4);
}
.form24-input textarea,.form24-input select{
	padding-left:var(--gap-4);
	padding-right:var(--gap-4);
}
.form24-input input[type="text"]{
	border-bottom:1px solid rgba(0, 0, 0, 0.3);
}
.form24-input input[type="text"]:focus{
	border-bottom:1px solid var(--text-primary);
}

.form24-input textarea,.form24-input select{
	border:1px solid rgba(0, 0, 0, 0.3);
}
.form24-input textarea:focus,.form24-input select:focus{
	border:1px solid var(--text-primary);
}

.form24-wrapper.bg-darkest .form24-input input[type="text"]{
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.form24-wrapper.bg-darkest .form24-input textarea,.form24-wrapper.bg-darkest .form24-input select{
	border:1px solid rgba(255,255,255,0.3);
}


.form24-wrapper.bg-darkest .form24-input input[type="text"]:focus{
	border-bottom:1px solid var(--text-primary-on-dark);
}

.form24-wrapper.bg-darkest .form24-input textarea:focus,.form24-wrapper.bg-darkest .form24-input select:focus{
	border:1px solid var(--text-primary-on-dark);
}

.form24-input,.form24-submit{
	margin-bottom:var(--gap-4);
}

.form24-input input[type="text"]:focus + .form24-input-label{
	top:-10px;
	font-size: 10px;
}

/*.form24-wrapper,*/
/*.form24-input input[type="text"]:focus + .form24-input-label,*/
/*.form24-input input[type="tel"]:focus + .form24-input-label,*/
/*.form24-input input[type="text"]:focus ~ .form24-input-required,*/
/*.form24-input input[type="tel"]:focus ~ .form24-input-required,*/
/*.form24-input input[type="text"],*/
/*.form24-input input[type="tel"],*/
/*.form24-input textarea,*/
/*.form24-input select,*/
/*.form24-policy-label,*/
/*.form24-policy-label a,*/
/*.form24-policy .checkmark:after{*/
/*	color: var(--text-primary);*/
/*}*/

/*.form24-wrapper.bg-darkest,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="text"]:focus ~ .form24-input-required,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="tel"]:focus ~ .form24-input-required,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="text"]:focus + .form24-input-label,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="tel"]:focus + .form24-input-label,*/
/*.form24-wrapper.bg-darkest .form24-input input[type="text"],*/
/*.form24-wrapper.bg-darkest .form24-input input[type="tel"],*/
/*.form24-wrapper.bg-darkest .form24-input textarea,*/
/*.form24-wrapper.bg-darkest .form24-input select:focus{*/
/*	color:var(--text-primary-on-dark);*/
/*}*/
#main_form input,
#main_form textarea {
    color: #fff;
}
.form24-input textarea{
	resize: none;
}
.form24-input textarea, .form24-input select{
	border-radius: 16px;
	-webkit-border-radius: 16px;
}

.funnel-item-inner{
    position: relative;
}

.funnel-item-inner {
    display: block;
    width: 100%;
}
/**/
/**/

  .as-styled {
    padding: 56px 0 24px;
    background: #fff;
    color: #0f0f10;
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  }
  .as-styled__container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .as-styled__head {
    text-align: center;
    margin-bottom: 28px;
  }
  .as-styled__head h2 {
   font-size: 30px;
line-height: 36px;
font-weight: 300;
letter-spacing: 2px;
word-wrap: break-word;
margin: 0 0 16px;
  }
  .as-styled__sub {
    margin: 0 0 12px 0;
    font-size:12px;
  }
  .as-styled__tags {
    display: inline-flex;
    gap: 18px;
    align-items: center;
    font-weight: 600;
    margin-bottom: 16px;
    display: flex;
    margin: auto;
    justify-content: center;
     text-decoration: none;
    font-size:14px;
    font-weight:300;
  }
  .as-styled__tags a {
    text-decoration: none;
    font-size:14px;
    font-weight:300;
  }
  .as-styled__tags a:hover { text-decoration: underline; }
  .as-styled__follow {
        display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin: 0;
    padding: 8px 24px;
    border-radius: 0;
    border: 1px solid #d3d6d9;
    background: #fff;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    color: #464646;
    cursor: pointer;
    transition: border-color .2s, background-color .2s, color .2s;
    margin-top: 20px;
  }
  .as-styled__follow:hover {
    background: #f5f6f7;
    border-color: #bfc3c9;
    border: 1px solid black;
  }

  /* GRID */
  .as-styled__grid {
    list-style: none;
    margin: 16px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 5px;
  }
  @media (max-width: 1200px) {
    .as-styled__grid { grid-template-columns: repeat(4, 1fr); }
  }
  @media (max-width: 768px) {
    .as-styled__grid { grid-template-columns: repeat(2, 1fr); }
  }

  /* CARD */
  .card-inst {
    position: relative;
    overflow: hidden;
    background: #eee;
    max-height: 245px;
  }
  .card-inst a { display:block; width:100%; height:100%; position:relative; }
  .card-inst img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1);
    transition: transform .6s ease;
    display: block;
  }

  /* Overlay */
  .card__overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-direction: column;
       background: #bbbbbb94;
    opacity: 0;
    transform: translateY(6px);
    transition: opacity .35s ease, transform .35s ease;
    text-align: center;
    padding: 20px;
  }
  .card__badge {
    color: #fff;
    font-weight: 700;
    letter-spacing: .06em;
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: 300;
    letter-spacing: 1px;
    font-size: 11px;
  }
  .card__btn {
    font-size: 11px;
        line-height: 15px;
        background-color: #fff;
        border: 1px solid #d3d6d9;
        color: #464646;
        cursor: pointer;
        font-weight: 600;
        display: block;
        letter-spacing: 2px;
        margin: 0 auto;
        padding: 11px 24px;
        width: 123px;
  }

  /* Hover / Focus эффект */
  .card-inst:hover img,
  .card-inst:focus-within img {
    transform: scale(1.08);
  }
  .card-inst:hover .card__overlay,
  .card-inst:focus-within .card__overlay {
    opacity: 1;
    transform: translateY(0);
  }


/*VIDEO SECTION START*/

.video-section{
    position: relative;
    
}

.video-section .overlay {
    background:#0000006b;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
}

.video-section-container {
    position: relative;
    height: 680px;  
}

.video-bg{
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;      /* растягиваем как background-size: cover */
  z-index: -1;            /* чтобы контент был поверх */
}

.content{
  position: absolute;     /* чтобы быть выше видео */
  color: #fff;            /* текст читаемый на фоне */
  bottom: 40px;
  left: 40px;
  background: #fff;
  z-index:3;
  max-width: 260px;
}

.video-section .content h3{
    font-size: 15px;
    line-height: 32px;
    color:black;
    font-weight: 400;
}

.video-section .content-2 {
     padding: 20px 40px;
}

.video-section .content .img {
    padding: 0 20px 20px 20px;
}

.video-section .content a{
    cursor: pointer;
    text-underline-offset: 4px;
    color:black;
    text-transform: captalize;
    margin-top: 30px;
    display:block;
}


/*VIDEO SECTION END*/

/* CALL TO ACTION  START */
#call-to-action {
  background: #fff;
  color: #f7f7f7;
  margin: 20px 0;
}
.call-to-action-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  color: #333;
}

.call-to-action-left {
  width: calc(33.3% - 10px);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.call-to-action-title {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 15px;
  text-align: center;
}
.call-to-action-text,
.workTime_inner {
  font-size: 15px;
}
.phone_foot {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  margin: 10px 0 15px;
}
.phone_inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 18px;
  margin-bottom: 5px;
}
.phone_inner a {
  color: #333;
  font-weight: bold;
}

.workTime_inner span {
  padding: 6px 10px 7px;
  border-radius: 5px;
  background: #fff5d0;
  color: #000;
}
.call-to-action-right {
  width: calc(66.6% - 10px);
  height: auto;
}
.form_cols {
  width: 100%;
  display: flex;
  align-items: stretch;
  gap: 10px;
}
.left_col {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  gap: 10px;
}
.form_cols .left_col,
.form_cols .right_col {
  width: calc(50% - 10px);
}
.form_cols input,
textarea {
  border-radius: 8px;
  padding: 10px;
  border: 1px solid #c4c4c4;
}
.form-btm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: 14px;
  margin-top: 20px;
  text-align: center;
  color: #828282;
}
.form-btm span {
  color: #333;
}
.form-btn {
  padding: 11px 5px;
  width: 350px;
  border-radius: 8px;
  background: #ffdf82;
  color: #333;
}
/* CALL TO ACTION END */

/*  */

.footer_btm {
  background: #f6f6f6;
  padding: 20px;
  .row > * {
    padding: 0 !important;
  }
  .call_btn {
    width: 100%;
  }
}

.footer_logo {
  max-width: 191px;
  margin: 0 0 15px 0;
  img {
    width: 100%;
    height: 100%;
  }
}
.footer_search {
  background: #fff;
  width: 100%;
  input {
    padding: 0 10px;
  }
  i {
    margin: 0 10px 0;
  }
}
.social-icons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin: 15px 0;
}
.social-icons_item {
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.social-icons_item:nth-child(1) {
  background: #0077ff;
}
.social-icons_item:nth-child(2) {
  background: #ed9f2c;
}
.social-icons_item:nth-child(3) {
  background: #58a1d4;
}
.social-icons_item:nth-child(4) {
  background: #2fc6f6;
}

.footer_catalog {
  margin-top: 5px;
}
.footer_sub_title {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.footer-catalog_inner {
  display: flex;
}
.nbFooter__menu {
  line-height: 26px;
  width: 50%;
  a {
    color: #333;
    font-size: 15px;
  }
}

.fr_block {
  padding-top: 15px;
  display: flex;
  padding-bottom: 10px;
  flex-wrap: wrap;
  row-gap: 15px;
}
.f_block_inner,
.social-icons {
  max-width: 320px;
}
.paym_block {
  width: 100%;
  order: 2;
}
.requisites {
  width: 50%;
}
.rating_block {
  width: 50%;
}
.paym_block .footer_sub_title {
  margin-bottom: 15px;
}
.footer_sub_title {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.paym_block_inner {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
}
.nbFooter__payment_line_pic_cont {
  height: 30px;
}
.nbFooter__payment_line_pic_cont.v_mc,
.nbFooter__payment_line_pic_cont.sbo,
.nbFooter__payment_line_pic_cont.khl,
.nbFooter__payment_line_pic_cont.mir,
.nbFooter__payment_line_pic_cont.blc,
.nbFooter__payment_line_pic_cont.bPaid {
  background-position: center;
  background-size: auto;
  background-color: #fff;
  border-radius: 8px;
  background-repeat: no-repeat;
}
.mir.visible {
  background-image: url("/img/mir.svg");
  background-position: center 4px;
  background-repeat: no-repeat;
}
.nbFooter__payment_line_pic_cont {
  height: 30px;
  background-repeat: no-repeat;
}
.khl.visible {
  background-image: url("/img/khalva.svg");
  background-repeat: no-repeat;
}
.sbo.visible {
  background-image: url("/img/sber.svg");
  background-repeat: no-repeat;
}
.v_mc.visible {
  background-image: url("/img/visa.svg");
  background-position: center 4px;
  background-repeat: no-repeat;
}

.rating_block .footer_sub_title {
  text-align: left;
  margin-bottom: 15px;
  color: #333;
}
.rating_cont_inner {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: end;
}
.rating_cont_inner {
  align-items: start;
  gap: 20px;
}
.rating_item {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 25px;
}

.rating_item svg {
  width: 30px;
  height: 30px;
}
.rating_text {
  font-size: 18px;
  padding-top: 0px;
  font-weight: bold;
}
.rating_main_cont.foot {
  height: 15px;
  margin-top: -1px;
  overflow: hidden;
  width: 94px;
  display: block;
}
.rating_main_cont.foot img {
  width: 94.5px;
  height: 18.5px;
  display: block;
  top: -1.5px;
  position: relative;
  left: 0px;
}
.rating-98 {
  background: -webkit-linear-gradient(
    0,
    #ffde7f 0,
    #ffde7f 98%,
    #c4c4c4 98%,
    #c4c4c4 100%
  );
}
.rating-94 {
  background: -webkit-linear-gradient(
    0,
    #ffde7f 0,
    #ffde7f 94%,
    #c4c4c4 94%,
    #c4c4c4 100%
  );
}
.nbFooter__rekviz {
  font-size: 15px;
  color: #333;
  line-height: 26px;
  max-width: unset;
  white-space: nowrap;
}

#scroll_to_top_btn.show {
  display: inline-block;
}
#scroll_to_top_btn {
  display: none;
  background-color: #c7e486;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 18px;
  margin: 10px;
  position: fixed;
  bottom: 115px;
  right: 30px;
  transition: background-color 0.3s;
  z-index: 100;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
  transition: all 0.2s ease;
}
#scroll_to_top_btn:after {
  content: "";
  background-image: url("/img/download.svg");
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
}
#scroll_to_top_btn:hover {
  box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.2s ease;
}
#scroll_to_top_btn:hover::before
/* , .fab-main:hover::before  */
{
  content: "Up!";
  display: block;
  position: absolute;
  right: 59px;
  width: max-content;
  height: 30px;
  border-radius: 18px;
  background: #fff;
  z-index: 10150;
  box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.2);
  top: 10px;
  font-size: 16px;
  padding: 5px 10px;
  text-align: center;
}
/* .fab-main:hover::before{
  content: 'Bizimlə əlaqə saxla';
  color: #333;
} */

/*Chat icon*/
/* 
.fab-container {
  position: fixed;
  bottom: 60px;
  right: 40px;
  z-index: 999;
}
.fab-main {
  width: 50px;
  height: 50px;
  background-color: #ffdf82;
  color: #fff;
  border: none;
  border-radius: 18px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  transition: transform 0.3s ease;
  position: relative;
}

.fab-main .social-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  font-size: 23px;
}

.hover-arrow {
  display: none;
  animation: none;
}
.fab-main:hover .hover-arrow {
  display: block;
  opacity: 1;
}
.fab-options {
  display: none;
  flex-direction: column;
  align-items: center;
  margin-bottom: 10px;
}

.fab-btn {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #fff;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
  pointer-events: none;
  text-decoration: none;
  background: #ffdf82;
}
.new_widget_btn_inner {
  display: flex;
  align-items: center;
  justify-content: center;
}
.new_widget_btn_inner_s {
  opacity: 1;
  transition: opacity 0.2s ease;
  position: absolute;
}
.new_widget_btn_inner_close {
  display: none;
  transition: opacity 0.2s ease;
  position: absolute;
}


.fab-btn-active {
  opacity: 1 !important;
  transform: translateY(0);
  pointer-events: auto;
}


/* Stagger animation */

/* .fab-options .fab-btn:nth-child(1) {
  transition-delay: 0.05s;
}
.fab-options .fab-btn:nth-child(2) {
  transition-delay: 0.1s;
}
.fab-options .fab-btn:nth-child(3) {
  transition-delay: 0.15s;
}
.new_widget_btn.active .new_widget_btn_inner_close {
    transition: opacity 0.2s ease;
}

.fab-options {
  transition: all 0.3s ease;
}

.fab-btn {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.3s ease;
}

.fab-btn.fab-btn-active {
  opacity: 1;
  transform: translateY(0);
}  */



/*widget*/
.new_widget_btn {
	position: fixed;
	width: 50px;
	height: 50px;
	right: 40px;
	bottom: 30px;
	border-radius: 18px;
	cursor: pointer;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
	transition: all .2s ease;
	z-index: 10;
}
/*.new_widget_overlay{*/
/*    visibility: hidden;*/
/*    opacity: 0;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    left: 0;*/
/*    top: 0;*/
/*    position: fixed;*/
/*    background: rgba(33,33,33,.3);*/
/*    transition: opacity 0.2s ease;*/
/*}*/
/*.new_widget_overlay.active{*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*    transition: opacity 0.2s ease;*/
/*    z-index: 10149;*/
/*}*/
.new_widget_btn.active {
	transform: scale(.9);
}
.new_widget_btn:hover {
    transition: all .2s ease;
    box-shadow: 0 0 8px 3px rgba(0,0,0,0.20);
}
.new_widget_btn_container {
	border-radius: 18px;
	background: #fff;
	height: 100%;
	width: 100%;
	display: grid;
	align-content: center;
	text-align: center;
	overflow: hidden;
	transition: all 0.2s ease;
}
.new_widget_btn.active .new_widget_btn_container{
    background: #d6d6d6;
    transition: all 0.2s ease;
}
/*.new_widget_btn:hover::before {*/
/*    content: "Contact Us!";*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: 70px;*/
/*    width: max-content;*/
/*    height: 30px;*/
/*    border-radius: 18px;*/
/*    background: #fff;*/
/*    z-index: 10150;*/
/*    box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.2);*/
/*    top: 16px;*/
/*    font-size: 16px;*/
/*    padding: 4px 10px;*/
/*    text-align: center;*/
/*}*/
/*.new_widget_btn.active:hover::before{*/
/*    content: "Close";*/
/*}*/
.is_mobile .new_widget_btn{
    display: none;
}
.new_widget_btn_inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.new_widget_btn_inner_s{
    opacity: 1;
    transition: opacity 0.2s ease;
    position: absolute;
}
.new_widget_btn_inner_close{
    opacity: 0;
    transition: opacity 0.2s ease;
    position: absolute;
}
.new_widget_btn.active .new_widget_btn_inner_s{
    opacity: 0;
    transition: opacity 0.2s ease;
}
.new_widget_btn.active .new_widget_btn_inner_close{
    opacity: 1;
    transition: opacity 0.2s ease;
}
.connect_list{
    position: fixed;
    right: 32px;
    bottom: 75px;
    width: auto;
    z-index: 10150;
    overflow-y: hidden;
    padding: 10px 10px 0;
    transition: opacity 0.2s ease;
    transition: max-height 0.4s ease;
    max-height: 0;
    scrollbar-width: none;
}
.connect_list::-webkit-scrollbar{
	width: 0;
	height: 0;
}
.is_mobile .connect_list{
    visibility: hidden;
    opacity: 0;
    bottom: 110px;
    right: unset;
    width: 100%;
    overflow-y: unset;
    padding: unset;
    max-height: unset;
}
.connect_list.active {
    transition: max-height 0.9s ease-out;
    max-height: 1000px;
    overflow-y: clip;
}
.is_mobile .connect_list.active{
    visibility: visible;
    opacity: 1;
    transition: opacity 0.2s ease;
    max-height: unset;
    overflow-y: unset;
}
/*.is_mobile .connect_list_container::before {*/
/*    content: "Select a method of contact:";*/
/*    display: block;*/
/*    bottom: 55px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    position: absolute;*/
/*    border-radius: 18px;*/
/*    width: 200px;*/
/*    text-align: center;*/
/*    height: 25px;*/
/*    font-weight: bold;*/
/*    padding: 3px;*/
/*    color: #fff;*/
/*    font-size: 16px;*/
/*}*/
.connect_list_container{
    display: flex;
    justify-content: center;
    position: relative;
    flex-direction: column;
    margin-bottom: 15px;
    gap: 14px;
}
.is_mobile .connect_list_container{
    flex-direction: unset;
    margin-bottom: 0px;
    gap: unset;
}
.connect_list_container>div{
    height: 45px;
    width: 45px;
    border-radius: 18px;
    position: relative;
    transition: all .2s ease;
    display: grid;
    text-align: center;
    box-shadow: 0 8px 6px -6px rgba(33,33,33,.2);
}
.is_mobile .connect_list_container>div{
	margin: 0 8px;
}
.connect_list_container>div a {
    height: 70px;
    width: auto;
    display: grid;
    z-index: 2;
    position: relative;
    cursor: pointer;
    text-align: center;
    align-content: end;
    margin: 0 -10px;
    font-size: 14px;
    color: transparent;
    font-weight: bold;
}
.is_mobile .connect_list_container>div a{
    color: #fff;
}
.connect_list_container > div div {
    height: 70px;
    display: grid;
    align-content: end;
    margin: 0 -10px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    color: transparent;
}
.is_mobile .connect_list_container>div div{
    color: #fff;
}
.connect_list_container>div:before{
    content: "";
    display: block;
    position: absolute;
    background-size: 25px;
    background-position: center;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
}
.connect_list_viber{
    background-color: #fff;
}
.connect_list_chat{
    background-color: #fff;
    background-image: url("/img/msg.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 58%;
    cursor: pointer;
}
.connect_list_vk{
    background-color: #fff;
}
.connect_list_telegram{
    background-color: #fff;
}
.connect_list_whatsapp{
    background-color: #fff;
}
.connect_list_whatsapp::before{
  background-image: url('/img/whatsapp.png');
}
.connect_list_vk::before{
  background-image: url('/img/mail-inbox-app.png');
}
.connect_list_viber::before{
  background-image: url('/img/phone.png');
}
.connect_list_telegram::before{
  background-image: url('/img/instagram.png');
}
.connect_list_container .connect_list_chat:before{
    background: none;
}
.connect_list_chat:hover{
    transition: all .2s ease;
    box-shadow: 0 0px 7px 1px #ffdd95;
}
.connect_list_viber:hover{
    transition: all .2s ease;
    box-shadow: 0 0px 7px 1px #995aca;  
}
.connect_list_telegram:hover{
    transition: all .2s ease;
    box-shadow: 0 0px 7px 1px #2fc6f6;  
}
.connect_list_vk:hover{
    transition: all .2s ease;
    box-shadow: 0 0px 7px 1px #07f;  
}
.connect_list_whatsapp:hover{
    transition: all .2s ease;
    box-shadow: 0 0px 7px 1px #6daf45;  
}
/*.connect_list_container .connect_list_whatsapp:before{*/
/*    background-position: 0px 4px;*/
/*}*/
/*.connect_list_container .connect_list_vk:before{*/
/*    background-position: 0px -165px;*/
/*}*/
/*.connect_list_container .connect_list_telegram:before{*/
/*    background-position: 0px -208px;*/
/*}*/
/*.connect_list_container .connect_list_viber:before{*/
/*    background-position: 0px -296px;*/
/*}*/
/*@media(min-width: 768px) and (min-height: 500px){*/
/*    .connect_list_container>div:hover:after{*/
/*        content: "";*/
/*        display: block;*/
/*        position: absolute;*/
/*        background: #fff;*/
/*        border-radius: 10px;*/
/*        right: 55px;*/
/*        top: 13px;*/
/*        font-size: 12px;*/
/*        padding: 4px 10px;*/
/*        width: max-content;*/
/*        box-shadow: 0px 1px 7px 1px rgba(0, 0, 0, 0.2);*/
/*    }*/
    /*.connect_list_container .connect_list_chat:hover:after{*/
    /*    content: "Online Chat";*/
    /*}*/
    /*.connect_list_container .connect_list_viber:hover:after{*/
    /*    content: "Viber Chat";*/
    /*}*/
    /*.connect_list_container .connect_list_telegram:hover:after{*/
    /*    content: "Telegram Chat";*/
    /*}*/
    /*.connect_list_container .connect_list_vk:hover:after{*/
    /*    content: "VK Chat";*/
    /*}*/
    /*.connect_list_container .connect_list_whatsapp:hover:after{*/
    /*    content: "WhatsApp Chat";*/
    /*}*/

.bx-livechat-head-wrap .bx-livechat-head {
	background-color: #ffd57a!important
}
.bx-livechat-body {
	background-image: unset!important;
	background-color: #fff9ed
}
.bx-im-message-content {
	background: #d1ffc8!important
}
.bx-im-textarea {
	border-top: 1px solid rgba(255, 143, 0, 0.26)
}
.bx-im-message-type-opponent .bx-im-message-content {
	background: #fff!important
}
.bx-im-message-type-system .bx-im-message-content {
	background: transparent!important
}
.is_tablet .b24-widget-button-position-bottom-right {
	bottom: 130px;
	right: 6px;
}
.b24-widget-button-bottom .b24-widget-button-inner-container {
	transform: scale(.75);
}
.income_message {
	bottom: 50px;
	right: -10px;
	display: block;
	position: fixed;
	height: 25px;
	width: 25px;
	background: linear-gradient(to bottom, #79c14d, #6daf45);
	padding: 5px;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.05) 0 8px 32px;
	opacity: 1;
	transition: opacity ease .3s
}
.chat_btn .income_message {
	bottom: 26px;
	right: calc(50% - 30px);
	display: block;
	position: absolute;
	height: 20px;
	width: 20px;
	background: linear-gradient(to bottom, #79c14d, #6daf45);
	padding: 2px 3px;
	border-radius: 6px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.05) 0 8px 32px;
	opacity: 1;
	transition: opacity ease .3s
}
.income_message.no_show {
	opacity: 0;
	transition: opacity ease .3s
}
.income_message_inner {
    bottom: 33px;
    right: 5px;
    display: block!important;
    position: absolute!important;
    height: 20px!important;
    width: 20px;
    background: linear-gradient(to bottom, #79c14d, #6daf45);
    padding: 1px 3px;
    border-radius: 6px;
    text-align: center!important;
    color: #fff!important;
    font-weight: bold!important;
    box-shadow: rgba(17, 17, 26, 0.1) 0 4px 16px, rgba(17, 17, 26, 0.05) 0 8px 32px;
    font-size: 11px;
    opacity: 1;
    transition: opacity ease .3s;
}
.income_message_inner.no_show {
	opacity: 0;
	transition: opacity ease .3s
}
@media(max-width: 991px) {
	.is_tablet .new_widget_btn{
		display: none!important;
	}
	.is_tablet .connect_list{
	    visibility: hidden;
	    opacity: 0;
	    bottom: 110px;
	    right: unset;
	    width: 100%;
	    overflow-y: unset;
	    padding: unset;
	    max-height: unset;
	}
	.is_tablet .connect_list.active{
	    visibility: visible;
	    opacity: 1;
	    transition: opacity 0.2s ease;
	    max-height: unset;
	    overflow-y: unset;
	}
	.is_tablet .connect_list_container::before {
	    content: "Select a contact method:";
	    display: block;
	    bottom: 55px;
	    left: 50%;
	    transform: translateX(-50%);
	    position: absolute;
	    border-radius: 10px;
	    width: 200px;
	    text-align: center;
	    height: 25px;
	    font-weight: bold;
	    padding: 3px;
	    color: #fff;
	    font-size: 16px;
	}
	.is_tablet .connect_list_container{
	    flex-direction: unset;
	    margin-bottom: 0px;
	}
	.is_tablet .connect_list_container>div a{
	    color: #fff;
	}
	.is_tablet .connect_list_container>div div{
	    color: #fff;
	}
}
.showroom_wrapper {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 30px;
}
.showroom_wrapper p:empty {
  display: none;
}
.showroom_wrapper>p {
    width: 49%;
    height: 400px;
    cursor: pointer;
}
.showroom_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.bd-product__top {
    height: 300px;
}
@media (max-width: 991px) {
    .page_title_wrap .page_title {
        flex-direction: column;
    }
    .showroom_wrapper>p {
        height: 200px;
    }
    .contentLeft2,
    .full_contents_wrapper{
        margin-top: 0px !important;
    }
    .innerGrid {
        grid-template-columns: repeat(1, 1fr);
    }
    .innerGrid2 {
            grid-template-columns: repeat(2, 1fr);
    }
    .filler-inner {
        margin-top: -30px;
    }
    .product-full-story .right .price-block {
        flex-wrap: wrap;
    }
    .heading-container.container {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .info-box {
        width: 100%;
    }
    .product-full-story .right .title {
        font-size: 26px !important;
    }
    .product-full-story-content {
        flex-direction: column;
    }
    .product-full-story .left .imgs a img {
        height: 120px;
    }
    .product-full-story .left,
    .product-full-story .right{
        width: 100% !important;
    }
    .product-full-story .imgs {
        flex-wrap: wrap;
    }
    .rotated {
        transform: rotate(180deg);
        transition: transform 0.3s;
    }

    .main_cat {
        display: flex;
        align-items:center;
        gap: 10px;
    }
    #header_menu_wrapper .flyout-cards {
        position: relative;
        display: flex;
        width: 100%;
        bottom: 0px;
        flex-direction: row;
        margin-top: 30px;
    }
    #header_menu_wrapper a{
        color: #000;
    }
    .burger_btn {
        margin-right: -20px;
    }
    #header_menu_wrapper .menu_list_mobile {
        padding-right: 40px;
        padding-top: 20px;
        line-height: 50px;
        font-size: 20px;
    }
    .menu_lang_switcher {
        display: flex;
        padding: 10px 40px 0 0;
        margin-top: 10px;
        margin-bottom: 10px;
        gap: 12px;
    }
    .menu_lang_switcher a {
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
        color: #000;
        border: 1px solid #e5e5e5;
        border-radius: 999px;
        padding: 6px 12px;
    }
    .menu_lang_switcher a:hover {
        background: #f5f5f5;
    }
    #close_btn_menu {
        background: transparent;
        border: none;
        position: absolute;
        right: 10px;
        top: 10px;
    }
    #header_menu_wrapper.active {
        left: 0;
    }
    #header_menu_wrapper {
        background: #fff;
        padding: 10px;
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        overflow: auto;
        transition: all .3s ease-in-out;
        z-index: 99999;
    }
    #header_main_content{
        display: flex;
        align-items:center;
        justify-content: space-between;
    }
    .header_mobile_desctop {
        display: block;
    }
    .header_logo {
        padding: 10px;
        width: 120px;
        height: 60px;
        margin: 0px;
    }
    .ham {
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      transition: transform 400ms;
      -moz-user-select: none;
      -webkit-user-select: none;
      -ms-user-select: none;
      user-select: none;
    }
    .hamRotate.active {
      transform: rotate(45deg);
    }
    .hamRotate180.active {
      transform: rotate(180deg);
    }
    .line {
      fill:none;
      transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
      stroke:#000;
      stroke-width:5.5;
      stroke-linecap:round;
    }
    .ham1 .top {
      stroke-dasharray: 40 139;
    }
    .ham1 .bottom {
      stroke-dasharray: 40 180;
    }
    .ham1.active .top {
      stroke-dashoffset: -98px;
    }
    .ham1.active .bottom {
      stroke-dashoffset: -138px;
    }
    .burger_btn {
        background: transparent;
        border: none;
        outline: none;
        filter: invert(1);
    }
    .header_logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    .contact-section .left, .contact-section .panel {
        margin-bottom: 25px;
    }
    .card-inst {
        height: 200px;
    }
    .banner_title {
        font-size: 27px;
    }
    .banner_slide_contents {
     margin-top: 50px;  
        padding: 0px;
        padding-right: 40px;
    }
    .copyright {
        margin-top: 20px;
    }
    .footer-top-item {
        margin: 0px;
        margin-top: 15px;
    }
    .footer-contacts-item-content {
        padding: 0px;
    }
    .footer-container {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .contact-section .panel {
        padding: 0px;
    margin-top: 30px;
    }
    .contact-section .container {
        display: block;
    }
    .video-section-container {
        height: 400px;
    }
    .products {
        display: flex;
    flex-direction: column;
    height: fit-content;
    }
    
    .product {
        height: 250px;
    }
    .header_desctop {
        display: none;
    }
    .div--u-i4orl33i6 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0px;
        margin-right: 0px;
        width: 60%;
        justify-content: center;
        margin-bottom: 20px;
        background-image: none;
        background-repeat: repeat;
        background-position: 0 0;
        background-size: auto;
        background-attachment: scroll;
        background-color: rgba(var(--color-idwzwunni), 0);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: 0px;
        margin-top: 0px;
        border-top-style: solid;
        border-top-width: 0px;
        border-top-color: rgba(var(--color-is4g591dz), 0.3);
        padding-top: 0px;
        box-shadow: none;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px
    }

    .text--u-icmjomosp {
        font-size: 16px;
        text-align: center
    }

    .link-universal--u-ip1kr1nrh {
        max-height: 140px;
        max-width: 140px;
        margin-right: 0px;
        margin-bottom: 10px
    }

   

    .div--u-ib8i8kuzm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .div--u-iwyw67yia {
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 0px
    }

    .text--u-i1ap0be3l {
        font-size: 16px;
        text-align: center
    }

    .text--u-if26iotgd {
        margin-bottom: 5px;
        font-size: 15px;
        text-align: center
    }

    .list__item--u-ilz4auwe1 {
        margin-bottom: 0px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .div--u-ibp9ol8z9 {
        margin-right: 0px;
        margin-bottom: 15px;
        display: none
    }

    .container--u-i2hts6ma7 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .dropdown__button--u-is7t4uzne {
        display: none
    }

    .div--u-i7jyk2n10 {
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .text--u-ivn3ethcw {
        width: auto;
        text-align: center;
        font-size: 15px
    }

    .text--u-i6832yxga {
        margin-bottom: 5px;
        font-size: 15px;
        text-align: center
    }

    .list__item--u-ihqn0fpqp {
        margin-bottom: 0px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .div--u-irazdg1l5 {
        margin-right: 0px;
        margin-bottom: 15px;
        display: none
    }

    .div--u-ibq8zqhsb {
        margin-right: 0px;
        margin-bottom: 15px;
        display: none
    }

    .text--u-i24irtpi1 {
        margin-bottom: 5px;
        font-size: 15px;
        text-align: center
    }

    .text--u-id1z5hfdb {
        width: auto;
        text-align: center;
        font-size: 15px
    }

    .div--u-it4xq3gev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .div--u-ioyasbb7x {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px
    }

    .div--u-idpj2fh5s {
        justify-content: center;
        margin-top: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .text--u-i1zrwjn33 {
        width: auto;
        text-align: center;
        font-size: 15px
    }

    .list__item--u-igxa32ae2 {
        width: auto
    }

    .list--u-ibahvvwqm {
        width: auto
    }

    .div--u-iwg83lynq {
        width: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .text--u-iefn5qiae {
        margin-bottom: 5px;
        font-size: 15px;
        text-align: center
    }

    .div--u-ifkpoksvo {
        margin-right: 0px;
        margin-bottom: 15px;
        display: none
    }

    .dropdown__content-wrapper--u-inxltlmyj {
        top: 100%;
        bottom: auto;
        left: auto;
        right: auto
    }

    .dropdown__content--u-i0rp3fjr2 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .hor-menu--u-ilxr29q55 {
        display: none
    }
}

@media (max-width: 767px) {
    .div--u-i4orl33i6 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px;
        width: 70%
    }

    .text--u-icmjomosp {
        font-size: 18px
    }

    .text--u-if26iotgd {
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px
    }

    .div--u-ibp9ol8z9 {
        margin-right: 15px;
        display: none
    }

    .link-universal--u-i69ntfea6 {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .text--u-i6832yxga {
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px
    }

    .div--u-irazdg1l5 {
        margin-right: 15px;
        display: none
    }

    .link-universal--u-i36m8e5zt {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        justify-content: center
    }

    .text--u-ivn3ethcw {
        font-size: 15px
    }

    .div--u-i7jyk2n10 {
        margin-top: 0px
    }

    .div--u-ibq8zqhsb {
        margin-right: 15px;
        display: none
    }

    .link-universal--u-itu24j6zg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0px;
        margin-bottom: 0px
    }

    .text--u-id1z5hfdb {
        font-size: 15px
    }

    .text--u-i24irtpi1 {
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px
    }

    .text--u-i1zrwjn33 {
        font-size: 15px
    }

    .text--u-iefn5qiae {
        margin-bottom: 5px;
        text-align: center;
        font-size: 16px
    }

    .div--u-ifkpoksvo {
        margin-right: 15px;
        display: none
    }

    .div--u-idpj2fh5s {
        margin-top: 0px
    }

    .dropdown__content--u-i0rp3fjr2 {
        width: 380px
    }
}

@media (max-width: 479px) {
    .text--u-icbsc37hg {
        text-align: center;
        font-size: 15px
    }

    .imageFit--u-iatcngpvk {
        max-height: 100%
    }

    .div--u-i4orl33i6 {
        margin-bottom: 10px;
        width: 70%
    }

    .text--u-icmjomosp {
        font-size: 16px
    }

    .list__item--u-ilz4auwe1 {
        margin-bottom: 0px
    }

    .div--u-iyjhw4fwi {
        margin-bottom: 0px
    }

    .text--u-i1ap0be3l {
        -webkit-text-stroke-width: 0px;
        text-align: center;
        font-size: 15px
    }

    .section--u-isi5heyjr {
        padding-left: 15px;
        padding-right: 15px
    }

    .list__item--u-ihqn0fpqp {
        margin-bottom: 0px
    }

    .div--u-imtu6d5ob {
        margin-bottom: 0px
    }

    .text--u-ivn3ethcw {
        font-size: 15px
    }

    .link-universal--u-itu24j6zg {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%
    }

    .text--u-id1z5hfdb {
        font-size: 15px
    }

    .text--u-i24irtpi1 {
        margin-bottom: 10px
    }

    .text--u-i1zrwjn33 {
        font-size: 15px
    }

    .dropdown__content--u-i0rp3fjr2 {
        width: 280px
    }
}

@media(min-width:768px){
    body.is_tablet.is_open_info{
        overflow: hidden!important;
        width: 100vw;
        position: fixed;
        padding-bottom: env(safe-area-inset-bottom);
    }
    html.is_open_info{
        position: relative;
    }
}
.b24-widget-button-shadow{
    display: none!important;
}
.b24-widget-button-inner-container{
    display: none!important;
}
.bx-livechat-position-bottom-right{
	bottom: 118px;
	right: 57px;
}
.return_main_page {
    background: #fff;
    padding: 10px 30px;
    border-radius: 12px;
    color: #222;
    display: block;
    margin-top: 15px;
}
.mehsullar_cards_wrapper {
    gap: 15px;
}
.mehsullar_cards_wrapper .bd-product.swiper-slide {
    width: 24%;
}
.products_container .product:nth-last-of-type(1) {
    grid-column: span 2 / span 2;
    grid-row-start: 2;
    grid-column-start: 3;
}
.dropped_menu_lists_wrapper {
    padding-left: 25px;
    display: none;
}
.dropped_menu_lists_wrapper.open {
    display: block;
}
.dropped_menu_lists_wrapper li {
    list-style: disc;
    font-size: 18px;
}
.dropped_menu_lists_wrapper li::marker {
    color: #D60C1A;
}
#main_form .result_form {
    color: #fff;
    margin-bottom: 25px;
}