@import url(fontinter.css);

:root {
    --arrow-animation: 1.5s;
    --primary-color: #F07020;
    --natrual-color-white: #FFFFFF;
    --natrual-color-black: #222222;
    --Natural-Color-400: #757575;
    --swiper-navigation-top-offset: 40%;
    --cadet-down-orange: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%227%22%20viewBox%3D%220%200%2012%207%22%20fill%3D%22none%22%3E%0A%3Cpath%20d%3D%22M11.3538%201.35378L6.35378%206.35378C6.30735%206.40027%206.2522%206.43715%206.1915%206.46231C6.13081%206.48748%206.06574%206.50043%206.00003%206.50043C5.93433%206.50043%205.86926%206.48748%205.80856%206.46231C5.74786%206.43715%205.69272%206.40027%205.64628%206.35378L0.646284%201.35378C0.552464%201.25996%200.499756%201.13272%200.499756%201.00003C0.499756%200.867352%200.552464%200.740104%200.646284%200.646284C0.740104%200.552463%200.867352%200.499756%201.00003%200.499756C1.13272%200.499756%201.25996%200.552463%201.35378%200.646284L6.00003%205.29316L10.6463%200.646284C10.6927%200.599829%2010.7479%200.562978%2010.8086%200.537837C10.8693%200.512696%2010.9343%200.499756%2011%200.499756C11.0657%200.499756%2011.1308%200.512696%2011.1915%200.537837C11.2522%200.562978%2011.3073%200.599829%2011.3538%200.646284C11.4002%200.692739%2011.4371%200.747889%2011.4622%200.808586C11.4874%200.869282%2011.5003%200.934336%2011.5003%201.00003C11.5003%201.06573%2011.4874%201.13079%2011.4622%201.19148C11.4371%201.25218%2011.4002%201.30733%2011.3538%201.35378Z%22%20fill%3D%22%23F07020%22%2F%3E%0A%3C%2Fsvg%3E");
}

.aca_single-page h1{
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.5rem;
}

.aca_single-page h2{
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 3rem;
}

.aca_single-page h3{
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
}

.aca_single-page h4{
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.aca_single-page h5{
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5rem;
}

.aca_single-page h6{
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5rem;
}

.aca_single-page li{
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 3rem;
}

.aca_single-page p{
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
}

html {
    overflow-x: clip;
    margin-top: 32px;
}

a {
    text-decoration: none;
    color: inherit;
}

* {
    font-family: Inter;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /*smooth scrolling*/
    scroll-behavior: smooth;
    /*-webkit-touch-callout: none;*/
    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    -webkit-tap-highlight-color: transparent;
}

body.home, body.error404, body.page-template-page-applications, body.single-application{
    background: var(--natrual-color-black, #222222);
}

body.page-template-default {
    background: #f9f9f9;
}

main {
    margin-top: 8.25rem;
}


/*header-start*/
.mobile-menu .exit {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    margin: 2rem;
}

.header-menu,
.header-menu ul {
    width: 100%;
    flex-direction: column;
    display: flex;
    gap: 0.5rem;
}

.header-menu,
.header-menu ul {
    width: 100%;
    flex-direction: column;
    display: flex;
    gap: 0.5rem;
}

.header-menu ul {
    margin-bottom: 2rem;
    border-bottom: 1px solid #3E3E3E;
    padding-bottom: 2rem;
}

.div-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    background: rgba(34, 34, 34, 0.55);
    width: 100%;
    bottom: 0;
    display: none;
    flex-direction: row-reverse;
    opacity: 0;
    transition: all 400ms;
}

.back-mobile-menu {
    height: 100vh;
}

.div-mobile-menu-light {
    background: rgb(255 255 255 / 61%);
}

.div-mobile-menu .mobile-menu-light {
    background: #FFFFFF;
}

.mobile-menu-light li a {
    color: #222222;
}


.mobile-menu {
    position: relative;
    background: #222222;
    width: 350px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
    padding: 7rem 2rem 3.25rem;
    line-height: 2rem;
    transition: margin 400ms;
    margin-right: -208px;
    z-index: 100;
}

.mobile-menu ul {
    list-style: none;
    z-index: 2;

}

.mobile-menu li {
    display: flex;
    justify-content: space-between;
    padding: 4% 3%;
}

.btns-mobile-menu {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    z-index: 2;
}

.sign-up-btn-mobile-menu,
.log-in-btn-mobile-menu {
    padding: 18px 24px;
    border-radius: 8px;
    border: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.sign-up-btn-mobile-menu {
    background: #F07020;
    color: #FFFFFF;
}

.log-in-btn-mobile-menu {
    background: transparent;
    color: #F07020;
}

.logo-menu-mobile {
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 2;
    margin-top: auto;
}

.vector-mobile-menu {
    position: absolute;
    bottom: -64px;
    width: 300px;
    z-index: 1;
}

/*dark-mode*/
.div-navbar-header {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #111111eb;
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: none;
    backdrop-filter: blur(5px);
}

.div-navbar-header .div-categories-header {
    display: flex;
    gap: 4.3rem;
    flex-wrap: wrap;
    padding-top: 2rem;
    border-top: 1px solid #757575;
}

.title-nav-header {
    padding-left: 0 !important;
}

.div-navbar-header h5 {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    text-align: left;
    color: #FFFFFF;
    margin-bottom: 24px;
}

.div-navbar-header h5 span {
    color: #F07020;
}

.div-navbar-header a {
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 400ms;

}

.div-navbar-header a:hover {
    color: #F07020;
    transform: scale(1.2);
}

header {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 0.5rem 0;
    z-index: 12;
    background: #222222;
    top: 0;
}

.header-container-res {
    display: none;
    z-index: 100;
}

.div-logo-header {
    display: flex;
    padding-bottom: 16px;
    border-bottom: 1px solid #757575;
    gap: 42px;
}

.logo {
    width: 182px;
}

.div-logo-header div {
    position: relative;
}

.div-logo-header input {
    width: 608px;
    height: 48px;
    background: linear-gradient(0deg, #222222, #222222),
    linear-gradient(0deg, #363636, #363636);
    border: 1px solid #363636;
    border-radius: 8px;
    outline: none;
    padding-left: 40px;
    color: #b6b6b6;
}

.search-magnify {
    position: absolute;
    top: 10px;
    left: 10px;
}

.search-magnify path {
    fill: #FFFFFF;
}

.menu-items ul {
    display: flex;
    list-style: none;
    gap: 35px;
    padding: 0;
}

.menu-items a {
    color: #CBCBCB;
    text-decoration: none;
}

.navbar-votatec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 0.5rem;
}

.navbar-votatec li {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 4px;
}

.navbar-votatec li a {
    color: #cbcbcb;
    text-decoration: none;
}

.navbar-votatec ul {
    display: flex;
    gap: 40px;
    color: #cbcbcb;
    list-style: none;
}

.navbar-btns-votatec {
    display: flex;
    gap: 2rem;
    align-items: center;
    margin-left: auto;
}

.popup-log-in {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 20;
}

.popup-log-in h5 {
    color: #222222;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
}

.popup-log-in .input-popup label {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #222222;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.popup-log-in .input-popup {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.popup-log-in .input-popup input {
    width: 100%;
    padding: 0.75rem 1rem;
    outline: none;
    border: 1px solid #CBCBCB;
    border-radius: 0.5rem;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
}

.popup-log-in .popup-box-log-in {
    padding: 2rem;
}

.popup-box-log-in {
    gap: 1.5rem;
}


.forget-popup-log-in {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8.75rem;
}

.forget-popup-log-in label {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.forget-popup-log-in a {
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
}

.log-in-btn {
    padding: 18px 24px;
    border-radius: 8px;
    background: #F07020;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    border: 0;
}

.exit-popup-log-in {
    position: absolute;
    top: 0;
    right: 0;
    margin: 2rem;
    cursor: pointer;
}

.back-popup-log-in {
    position: absolute;
    top: 0;
    left: 0;
    margin: 2rem;
}

.popup-log-in .popup-box-log-in-forget-pass {
    padding: 3.5rem;
    width: 532px;
}

.popup-log-in .popup-box-log-in-forget-pass img {
    width: 40%;
}

.popup-log-in .popup-box-log-in-forget-pass p {
    color: #222222;
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;

}

.popup-box-log-in-forget-pass-changed {
    justify-content: center;
    align-items: center;
}

.popup-box-log-in-forget-pass-changed button {
    width: 100%;
}

.popup-box-log-in-forget-pass-code p span {
    color: #F07020;
}

.popup-box-log-in-forget-pass-code h6 {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.popup-box-log-in-forget-pass-code h6 span {
    font-family: Inter;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: center;

}

.dont-have-account {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dont-have-account .log-in-btn-js {
    color: #F07020;
    text-decoration: underline;
    cursor: pointer;
}

.dont-have-account .popup-sign-up {
    color: #F07020;
    text-decoration: underline;
}

.popup-box {
    border: 0;
    border-radius: 1rem;
    background: #FFFFFF;
    padding: 1.5rem;
    width: fit-content;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 20;
    animation: slide-in-top 100ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.popup-box .popup-box-btns {
    width: 100%;
    padding: 18px 24px;
    border-radius: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.popup-background {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background: rgba(34, 34, 34, 0.45);
    z-index: 19;
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-1000px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}


.popup-box-btn-next {
    background: #F07020;
    color: #FFFFFF;
    border: 0;
}


.popup-box-log-in,
.popup-box-sign-up {
    width: 532px;
}

.popup-box-log-in,
.popup-box-sign-up p {
    text-align: center;
}

.btns-sign-up {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}


.btns-sign-up p {
    text-align: center;
}

.btns-sign-up .google-btn-comment {
    padding: 18px 24px;
    justify-content: center;
    margin: 0;
}


.navbar-btns-user-votatec {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    margin-left: auto;
}

.navbar-btns-user-votatec path {
    fill: #757575;

}

.navbar-btns-user-votatec .div-caret-header {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1rem 0;
}

.navbar-btns-user-votatec .caret-header path {
    fill: #F07020;
}

.dropdown-user-header {
    position: absolute;
    top: 57px;
    left: -67px;
    width: 160px;
    padding: 1.5rem 1rem;
    border-radius: 1rem;
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1.125rem;
}

.dropdown-user-header-light{
    background: #FFFFFF;
}

.div-caret-header .dropdown-user-header-light a{
    color: #757575;
}

.dropdown-user-header-dark{
    background: #222222;
    box-shadow: 0px 0px 8px 0px #11111129;
}

.div-caret-header .dropdown-user-header-dark a{
    color: #FFFFFF;
}

.dropdown-user-header .my-account-dropdown-user-header {
    padding-bottom: 1.125rem;
    border-bottom: 1px solid #ededed;
}

.dropdown-user-header a {
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.navbar-btns-votatec a {
    text-decoration: none;
}

.navbar-signup-btn-votatec {
    background: #F07020;
    border-radius: 8px;
    padding: 9px 18px;
    color: #FFFFFF;
}

.swiper-button-next-main-slider, .swiper-button-prev-main-slider {
    top: var(--swiper-navigation-top-offset, 50%);
}

.navbar-login-btn-votatec {
    color: #CBCBCB;
}

.hamburger-header path {
    fill: #FFFFFF;
    stroke: #FFFFFF;
}

.div-categories-header a {
    color: #FFFFFF;
}

/*light-mode*/

.light-mode-header {
    background: #FFFFFF;
}

.icon-light-mode-header path {
    fill: #F07020;
    stroke: #F07020;
}

.div-logo-header-light-mode {
    border-color: #ededed;
}

.div-logo-header-light-mode input {
    background: #FFFFFF;
    border-color: #CBCBCB;
}

.navbar-votatec-lught-mode ul,
.navbar-login-btn-votatec-light-mode {
    color: #757575;
}

.navbar-votatec-lught-mode .div-navbar-header {
    background: #FFFFFFCC;
}

.navbar-votatec-lught-mode .div-navbar-header .div-categories-header {
    border-color: #757575;
}

.navbar-votatec-lught-mode .div-navbar-header h5 {
    color: #222222;
}

.navbar-votatec-lught-mode .div-categories-header a {
    color: #222222;
}

/*header-end*/

/*footer-start*/
.footer-text-container {
    width: 45%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

footer {
    background: var(--natrual-color-black, #222222);
    padding-top: 3rem;
    margin-top: 1.1rem;
}

.bottom-footer,
.div-bottom-footer-socials {
    padding-top: 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;

}

.bottom-footer {
    border-top: 1px solid #CBCBCB;
    padding-bottom: 1rem;
}

.socials-footer {
    display: flex;
    gap: 2rem;
    align-items: center;
}

.socials-footer-dark a:hover path {
    fill: #FFFFFF;
}

.socials-footer-res {
    display: none;
    gap: 2rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.socials-footer-res svg {
    width: 32px;
    height: 32px;
}


.bottom-text-footer {
    color: #757575;
    margin-right: 10%;
}

.div-bottom-footer-socials {
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.div-bottom-footer-socials div {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.div-bottom-footer-socials div div {
    flex-direction: column;
    color: #FFFFFF;
    font-weight: 600;
    gap: 0;
}

.div-bottom-footer-socials div div :first-child {
    color: #757575;
}

.footer-container-votatec {
    display: flex;
    gap: 10rem;
}


.links-logos-votatec,
.div-last-section-votatec {
    display: flex;
}

.links-logos-votatec {
    display: flex;
    width: 100%;
    justify-content: end;
}

.links-logos-votatec  a {
    color: #757575;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none;
}

.light-footer .links-logos li a:hover {
    color: #F07020;
    text-decoration: underline;
}


.links-logos-votatec ul {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, 1fr);
    list-style: none;
}

.footer-text-container p,
.footer-text-container article {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    color: #FFFFFF;
}

.logo-amin-footer-dark:hover path {
    fill: white;
}


/*light-footer*/
.light-footer {
    background: #FFFFFF;
}

.light-footer .footer-text-container p {
    color: #757575;
}

.light-footer .div-bottom-footer-socials div div {
    color: #222222;
}

.logo-amin-footer:hover path {
    fill: #F07020;
}

/*footer-end*/

/*slider start*/

.slider-votatec,
.slider-votatec h3,
.container-slider-votatec {
    display: flex;
    flex-direction: column;
}

.slider-votatec {
    flex-direction: row;
}

.div-img-slider {
    display: grid;
    justify-items: center;
    align-items: center;
    margin-top: 1rem;
}

.caretleft-slider,
.caretright-slider {
    width: 2rem;
    cursor: pointer;
    height: 2rem;
}

.container-slider-votatec {
    margin-top: 4rem;
    overflow: hidden;
    position: relative;
}

.slider-votatec h3 {
    font-size: 40px;
    font-weight: 100;
    line-height: 80px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}

.slider-votatec h3 span,
h1.applications-page-title span,
h1.applications-page-title{
    color: #F07020;
    font-size: 64px;
    font-weight: 900;
    line-height: 64px;
    letter-spacing: 0em;
    text-align: center;
}

.img-slider {
    position: relative;
    z-index: 0;
    max-height: 350px;
}

.Subtract-img-slider {
    position: absolute;
}

/*slider end*/
.view-our-product-btn-votatec {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 4rem;
}

.view-product-btn-votatec,
a#cancel-comment-reply-link{
    width: 241px;
    height: 56px;
    padding: 18px 24px 18px 24px;
    border-radius: 8px;
    color: #F07020;
    border: 1px solid #F07020;
    background-color: transparent;
    cursor: pointer;
    font-size: 1rem;
    font-weight: bold;
    transition: color 200ms ease-in-out, background-color 200ms ease-in-out;
}

.view-product-btn-votatec:hover,
a#cancel-comment-reply-link:hover{
    color: #fff;
    background-color: #F07020;
}
a#cancel-comment-reply-link {
    margin-left: 1rem;
}
/*our-product*/


.top-our-products-main-votatec,
.caretdowns-main-votatec {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

}

.top-our-products-main-votatec {
    padding: 70px
}

@keyframes caretdownanimation {
    0%, 100% {
        transform: scale(1.05);
        opacity: 100%;
    }
    50% {
        transform: scale(.95);
        opacity: 50%;
    }
}

.top-our-products-main-votatec div {
    width: 100%;
    display: flex;
    justify-content: end;
    position: sticky;
    right: 0;
    top: 0;
}

.caretdowns-main-votatec :nth-child(1) {
    animation: caretdownanimation var(--arrow-animation, 4s) infinite 0.75s;
}

.caretdowns-main-votatec :nth-child(2) {
    animation: caretdownanimation var(--arrow-animation, 4s) infinite 1s;
    margin-top: -1.25rem;
}

.caretdowns-main-votatec :last-child {
    animation: caretdownanimation var(--arrow-animation, 4s) infinite 1.25s;
    margin-top: -1.25rem;
}

.products-main-votatec {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 1rem;
    padding-bottom: 1rem;
    gap: 2rem;
    background: #222222;
    z-index: 13;
}

.vector {
    position: absolute;
    right: 0;
    top: 0;
}

.products-main-votatec h2 {
    color: #FFFFFF;
    font-size: 40px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0em;
    text-align: center;
}

.products-main-votatec h2 span {
    color: #F07020;
}

.products-main-votatec ul {
    display: flex;
    gap: 2.5rem;
    list-style: none;
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.products-main-votatec li button {
    border: 0px;
    background: transparent;
    font-size: 20px;
    color: #757575;
    cursor: pointer;
}

.products-main-votatec li a {
    text-decoration: none;
}

.div-last-section-votatec {
    gap: 2rem;
    align-items: center;
    margin-top: 8rem;
}

.div-last-section-votatec h1,
.div-last-section-votatec h4 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
}

.div-last-section-votatec p {
    font-weight: 400;
    line-height: 40px;
    color: #FFFFFF;
}

.div-last-section-votatec div {
    flex-direction: column;
    display: flex;
    gap: 1.5rem;
    color: #ffffff;
    line-height: 40px;
}

.div-last-section-votatec div h1, .div-last-section-votatec div h1 > *,
.div-last-section-votatec div h2, .div-last-section-votatec div h2 > *,
.div-last-section-votatec div h3, .div-last-section-votatec div h3 > *,
.div-last-section-votatec div h4, .div-last-section-votatec div h4 > *,
.div-last-section-votatec div h5, .div-last-section-votatec div h5 > *,
.div-last-section-votatec div h6, .div-last-section-votatec div h6 > * {
    font-size: 40px;
    font-weight: 900;
    line-height: 56px;
}

.div-last-section-votatec div > span {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
}

.div-last-section-votatec span {
    color: #F07020;
}

.div-last-section-votatec img {
    width: 50%;
}


/*form-votatec-start*/

.form-white-background {
    background: #FFFFFF !important;
}

.form-votatec {
    background: #f9f9f9;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.f9-background {
    background: #f9f9f9;
}


.form-votatec form {
    margin-top: 3rem;
    justify-content: center;
    align-items: center;
    gap: 2.5rem;
}

.form-votatec img {
    /*width: 45%;*/
}

.form-votatec h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #222222;
    margin-bottom: 1rem;
}

.form-votatec h4 span {
    color: #F07020;
}

.form-votatec p {
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: center;
    color: #757575;
}

.form-votatec form,
.div-input-form-votatec,
.input-form-votatec {
    display: flex;
}

.form-votatec form p:has(iframe) {
    border-radius: 48px;
    border: solid 1px #CBCBCB;
    overflow: hidden;
}


.input-form-votatec {
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.input-form-votatec label {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #222222;
}

.input-form-votatec > p {
    text-align: left;
}

.div-input-form-votatec {
    gap: 24px;
}

.form-votatec form span {
    color: #dd3d36;
}

.form-votatec input,
.form-votatec textarea {
    width: 312px;
    padding: 16px 24px;
    font-size: 18px;
    line-height: 24px;
    border-radius: 8px;
    outline: none;
    border: 1px solid #CBCBCB;
    font-weight: 400;
}

.form-votatec input,
.form-votatec textarea::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #b6b6b6;
}

.first-div-input-form-votatec {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    align-items: start;
}

.form-votatec .input-w-100-form-votatec {
    width: 100%;
}

.last-input-form-votatec {
    height: 168px;
    resize: block;
}


/*.last-input-form-votatec::placeholder{*/
/*    position: absolute;*/
/*    top: 20px;*/
/*}*/

.form-votatec button,
.form-votatec .submit-button {
    background: #F07020;
    color: #FFFFFF;
    width: 248px;
    padding: 18px 88px;
    border: none;
    border-radius: 8px;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
}


/*form-end*/

/*product-last-section*/

.products-section-votatec .white-color {
    color: #FFFFFF;
}

.drag-cardslider-relative {
    padding-top: 4rem;
    padding-bottom: 5rem;
}

.products-section-votatec {
    position: relative;
    overflow-y: clip;
}


.products-section-votatec h4 {
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 2.5rem;
    color: var(--natrual-color-black, #222222);
}

.products-section-votatec h4 span {
    color: var(--primary-color, #F07020);
}

/*.div-category-products-votatec,*/
/*.div-category-products-votatec div {*/
/*    display: flex;*/
/*}*/

.div-category-products-votatec {
    gap: 2.5rem;
    width: max-content;
    margin-bottom: 2.5rem;
}

.div-category {
    display: flex;
    align-items: center;
    gap: 2.5rem;
}

/*.div-category-products-votatec div {*/
/*    gap: 1rem;*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*}*/

.category-text-products-votatec {
    font-family: Inter;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    color: #222222;
}

.cards-section {
    position: relative;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

/*.dragright-cardslider{*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    right: 1rem;*/
/*    background-color: #fff;*/
/*    border-radius: 50%;*/
/*    cursor: pointer;*/
/*}*/

.dragright-cardslider-Similar {
    right: -5%;
}

.div-carret-cards-votatec-res .dragleft-cardslider-Similar {
    left: -5%;
}

.dragright-cardslider-black {
    background-color: #222222;
}


.dragleft-cardslider {
    position: absolute;
    top: 50%;
    background-color: transparent;
    border-radius: 50%;
    cursor: pointer;
}

.dragleft-cardslider-black {
    background-color: #222222;
}

.dragright-cardslider:hover,
.dragleft-cardslider:hover {
    background-color: #75757529;
    border-radius: 50%;
}


.categories-btn-products-votatec {
    border: 1px solid #cbcbcb;
    font-size: 16px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: center;
    padding: 0.85rem 1.5rem;
    border-radius: 8px;
    color: #cbcbcb;
    cursor: pointer;
    background: transparent;
    height: 100%;
    white-space: nowrap;
}

.categories-btn-white-products-votatec {
    color: #757575;
}

.categories-btn-products-votatec-active {
    background-color: var(--primary-color, #F07020);
    border-color: var(--primary-color, #F07020);
    color: var(--natrual-color-white, #FFFFFF);
}

.cards-product-votatec {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    gap: 1rem;

}

/*card-profucts*/

.card-product-votatec {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: all 400ms;
    max-width: 314px;
    padding-bottom: 1rem;
    height: 33.25rem;
}

.card-white-product-votatec {
    background: var(--natrual-color-white, #FFFFFF);
    border: 2px solid var(--natrual-color-white, #FFFFFF);
    transition: all 400ms;
}

.card-black-product-votatec {
    background: var(--natrual-color-black, #222222);
    border: 2px solid #424242;
    color: #FFFFFF;
    transition: all 400ms;
}

.card-black-product-votatec .qty-price-card-product-votatec {
    color: #FFFFFF;
}

.description-card-product-votatec{
    display: flex;
    flex-direction: column;
    height: 100%;
}

.card-black-product-votatec .description-card-product-votatec a {
    color: #FFFFFF;
}

.img-card-product-votatec {
    cursor: pointer;
    background: #FFFFFF;
    border: 1px solid #ededed;
    border-radius: 10px;
    margin: -1.25rem auto 1rem auto;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms;
}

.description-card-product-votatec a:not(.pcp-view-product) {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: left;
    /*height: 56px;*/
    transition: all 200ms;
    width: 277px;
    margin: 0rem 1rem 0.5rem;
    cursor: pointer;
    color: #FFFFFF;
}

.card-white-product-votatec .description-card-product-votatec a:not(.pcp-view-product) {
    color: #222222;
    min-height: 3.125rem;
}

.description-card-product-votatec ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    font-size: 14px;
    margin: auto 1rem 0;
}

.description-card-product-votatec li {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: #757575;
}

.card-black-product-votatec li {
    color: #FFFFFF;
}

.qty-price-card-product-votatec {
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 700;
    padding: 0 1rem;
    color: #222222;
    margin-top: 1.5rem;
}

.qty-card-product-votatec span {
    font-size: 18px;
    color: #757575;
    font-weight: 400;
}

.price-card-product-votatec span {
    color: #F07020;
}

.card-white-product-votatec:hover {
    border: 2px solid #0c0c0c;
}

.card-black-product-votatec:hover {
    border: 2px solid #FFFFFF;
}

.card-product-votatec:hover .img-card-product-votatec {
    border-width: 1px;
}

.card-product-votatec:hover a {
    color: #F07020;
    text-decoration: underline;
}


.breadcrumb {
    padding: 1rem 0;
    color: #757575;
}

.breadcrumb a {
    text-decoration: none;
    color: #757575;
    transition: 0.3s;
}

.breadcrumb a:hover {
    color: #F07020;
}


.breadcrumb .this-page {
    color: #F07020;
    display: inline;
}


.hidden-overflow {
    overflow: hidden;
}

.swiper-container-cards {
    width: 100%;
    margin-top: 2rem;
}

/*.swiper-container-cards-categories {*/
/*    width: 100%;*/
/*}*/

.swiper-slide-cards {
    width: auto;
}

.swiper-button-next-cards {
    right: var(--swiper-navigation-sides-offset, -100px);
}

.swiper-button-prev-cards {
    left: var(--swiper-navigation-sides-offset, -60px);
}

.our-products {
    z-index: 3;
}

.our-products button:hover {
    color: #FFFFFF;
}

.div-for-scroll {
    position: absolute;
    margin-top: -12rem;
}

.card-blog {
    width: 414px;
    height: fit-content;
    margin-bottom: 5rem;
    cursor: pointer;
}


.card-blog img {
    max-width: 100%;
    border-radius: 1.5rem;
}

.card-blog .date-card-blog {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #757575;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin-top: 0.75rem;
}

.card-blog .date-card-blog svg {
    display: none;
}

.card-blog .text-card-blog {
    font-size: 20px;
    font-weight: 500;
    line-height: 48px;
    color: #222222;
}

.card-blog:hover img {
    opacity: 0.75;
}

.card-blog:hover .date-card-blog {
    color: #222222;
}

.card-blog:hover .date-card-blog svg {
    display: block;
}

.card-blog:hover .text-card-blog {
    color: #F07020;
    text-decoration: underline;
}


/*error*/

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes slide-in-top {
    0% {
        transform: translateY(-500px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.div-error-404 {
    height: 650px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}


.div-error-404 div {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    overflow: hidden;
}

.div-error-404 .error-404 {
    position: relative;
}

.div-error-404 .error-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
    animation: slide-in-top 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    overflow: hidden;
}

.div-error-404 button {

    padding: 18px 24px;
    border: 0;
    color: #FFFFFF;
    background: #222222;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    animation: fade-in 2s 4s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

.error-word {
    display: none;
    margin-bottom: -24px;
    margin-left: -176px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #FFFFFF;
}

.img-error {
    animation: error 2s infinite;
    width: 460px;
    height: 160px;
}

.img-error img {
    width: 100%;
}

@keyframes error {
    0%, 10%, 20%, 30%, 40%, 100% {
        content: url("../img/404-1.png");
    }

    50% {
        content: url("../img/404-2.png");
    }

    60% {
        content: url("../img/404-3.png");
    }

    70% {
        content: url("../img/404-4.png");
    }

    80% {
        content: url("../img/404-5.png");
    }
    90% {
        content: url("../img/404-6.png");
    }
}

.pagination {
    display: flex;
    justify-content: center;
    gap: 3rem;
    width: 100%;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}


.pagination a {
    color: #222222;
    text-decoration: none;
}

.pagination .next, .pagination .prev {
    color: #F07020;
    gap: 0.25rem;
    cursor: pointer;
}

.pagination .next::after {
    content: url("../img/CaretRight-pagination.svg");
    transform: translateY(5px);
    display: inline-flex;
}

.pagination .prev::before {
    content: url("../img/CaretRight-pagination.svg");
    transform: translateY(-2px) rotate(180deg);
    display: inline-flex;
}


/*search*/
.white-background {
    background: #f9f9f9;
}

.search-box-search {
    background: #FFFFFF;
    width: 100%;
    display: none;
    justify-content: space-between;
    padding: 3rem 1rem 1rem;
    position: fixed;
    top: 0;
    z-index: 100;
    gap: 1rem;
    align-items: center;
}

.search-div{
    position: relative;
    width: 100%;
    display: none;
}

.search-div input{
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,#222,#222),linear-gradient(0deg,#363636,#363636);
    border: 1px solid #363636;
    border-radius: 8px;
    outline: 0;
    padding-left: 40px;
    color: #b6b6b6;
}

.head-search-results{
    position: absolute!important;
    top: 50px;
    right: 0;
    left: 0;
    /*background: #ffffff;*/
    color: #fff;
    padding: 1.5rem;
    z-index: -1111111;
    opacity: 0;
    border: 1px solid #363636;
    border-radius: .5rem;
    transition: opacity 200ms ease-in-out,z-index 0s linear;
    transition-delay: 0s,200ms;
    display: flex;
    flex-direction: column;
    max-height: 60vh;
    overflow: hidden scroll;
}
.search-box-search input {
    width: -webkit-fill-available;
    border: 0;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.search-box-search input::placeholder {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    color: #757575;
}

.search-box-search input[type="search" i]:enabled:read-write:-webkit-any(:focus, :hover)::-webkit-search-cancel-button {
    display: none;
}

.div-result-search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    margin-bottom: 2.5rem;
}

.div-result-search p {
    color: #222222;
    font-size: 24px;
    font-weight: 500;
    line-height: 32px;
}

.div-result-search a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #F07020;
    display: flex;
    align-items: end;
    gap: 0.25rem;
}

.background-black-blur-search {
    display: none;
    position: fixed;
    top: 0;
    z-index: 50;
    background: #22222252;
    bottom: 0;
    width: 100%;
    backdrop-filter: blur(0.1rem)
}

.results-search {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 1rem;
}


.results-search .swiper-slide {
    margin-bottom: 1rem;
    justify-content: center;
    display: flex;
}


.card-product-votatec-search{
    display: flex;
    width: 100%;
    justify-content: center;
}

.description-card-product-votatec-search a{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    color: #222222;
}

.description-card-product-votatec-search p{
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #757575z;
}

.description-card-product-votatec-search ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    font-size: 14px;
}

.description-card-product-votatec-search ul li{
    display: flex;
    align-items: center;
    gap: .75rem;
    color: #757575;
}

.img-card-product-votatec-search{
    width: 112px;
    height: 136px;
    border: 1px solid #EDEDED;
    border-radius: 1rem;
}

.img-card-product-votatec-search img{
    width: 100%;
}
/*search-end*/

.chat-comment-blogpage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.comments .comments-box-blogpage {
    width: 100%;
}

.textarea-comments {
    width: 100%;
    outline: none;
    border: 1px solid #CBCBCB;
    border-radius: 0.5rem;
    padding: 1rem;
}

.f9-background .textarea-comment-box {
    align-items: start;

}


.f9-background .textarea-comment-box p {
    margin-bottom: 1.5rem;
}

.f9-background .textarea-comment-box button {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    padding: 16px 48px;
    background: #F07020;
    border: 0;
    border-radius: 0.5rem;
}

.div-btn-comment-box {
    display: flex;
    justify-content: right;
    width: 100%;
}

.div-result-search a {
    display: none;
}

.displaynone {
    display: none;
}

.google-btn-comment {
    padding: 18px 80px;
    border-radius: 8px;
    border: 1px solid #CBCBCB;
    background: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: #222222;
    margin: 1.5rem 0;
    display: flex;
    gap: 0.5rem;
}

button {
    cursor: pointer;
}

.div-categories-swiper {
    display: flex;
    gap: 1rem;
    margin-bottom: 2.5rem;
}

.mySwiper .swiper-button-next-categories, .mySwiper .swiper-button-prev-categories {
    width: 32px;
    top: 0;
}

.mySwiper .swiper-button-next-categories {
    right: 0;
}

.mySwiper .swiper-button-prev-categories {
    left: 0;
}

.swiper-button-prev-categories-black {
    background: rgb(34, 34, 34);
    background: linear-gradient(270deg, rgba(34, 34, 34, 0) 25%, rgba(34, 34, 34, 1) 65%);

}

.swiper-button-prev-categories-black path {
    fill: #FFFFFF;
}

.swiper-button-prev-categories-white {
    background: rgb(249, 249, 249);
    background: linear-gradient(270deg, rgba(249, 249, 249, 0) 25%, rgba(249, 249, 249, 1) 65%);
}

.swiper-button-prev-categories-white  path {
    fill: #757575;
}

.swiper-button-next-categories-white {

    background: rgb(249, 249, 249);
    background: linear-gradient(90deg, rgba(249, 249, 249, 0) 25%, rgba(249, 249, 249, 1) 65%);
}

.swiper-button-next-categories-white path {
    fill: #757575;
}

.swiper-button-next-categories-black {
    background: rgb(34, 34, 34);
    background: linear-gradient(90deg, rgba(34, 34, 34, 0) 25%, rgba(34, 34, 34, 1) 65%);
}

.swiper-button-next-categories-black path {
    fill: #FFFFFF;
}

/*noinspection CssInvalidPropertyValue*/
.swiper-categories {
    position: relative;
    width: -webkit-fill-available;
    overflow: hidden;
}

.black-background {
    background: #222222;
}

.log-out-text {
    width: 139px;
    background-color: #222222;
    color: #fff;
    text-align: center;
    border-radius: 1rem;
    padding: 13px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 194%;
    margin-left: -75px;
    opacity: 0;
    transition: opacity 0.3s;
}

.log-out-text:after {
    content: "";
    position: absolute;
    top: 75%;
    left: 15%;
    margin-left: -3px;
    border-width: 9px;
    border-style: solid;
    border-color: #222222 #222222 transparent transparent;
    transform: rotate(135deg);
    border-radius: 5px;
}

.position-relative {
    position: relative;
}

#forget:hover {
    color: #F07020;
    text-decoration: underline;
}


.header-menu-ul.dark > li > a {
    color: #CBCBCB;
}

.header-menu-ul > li > a {
    color: #757575;
}

.header-menu-ul {
    display: flex;
    gap: 2.5rem;
    list-style: none;
}


.current_page_item a {
    color: #222222;
}

.footer-menu-items .current_page_item a,
.header-menu-ul.dark .current_page_item a {
    color: #FFFFFF;
}

.menu-item-has-children > .submenu-wrapper {
    box-shadow: 0 4px 4px 0px #11111114;
    position: absolute;
    left: 0;
    right: 0;
    margin-top: .625rem;
    transition: opacity 200ms ease-in-out, z-index 0s linear, transform 0ms linear;
    transition-delay: 0s, 200ms, 200ms;
    opacity: 0;
    z-index: -1;
    transform: translateY(-100vh);
    gap: 2rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    background: #FFFFFFCC;
    backdrop-filter: blur(1rem);

}

.header-menu-ul.dark .menu-item-has-children > .submenu-wrapper {
    background: #111111CC;
}

.menu-item-has-children.hover > .submenu-wrapper {
    transition-delay: 0s, 0ms, 0s;
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
}

.sub-menu > li a {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: .5rem;
}

.header-menu-ul .menu-item-has-children .submenu-wrapper a {
    color: #222222;
}

.header-menu-ul.dark .menu-item-has-children .submenu-wrapper a img {
    transition: transform 200ms ease-in-out;
}

.header-menu-ul.dark .menu-item-has-children .submenu-wrapper a {
    color: white;
    transition: color 200ms ease-in-out;
}

.header-menu-ul.dark .menu-item-has-children .submenu-wrapper a:hover img {
    transform: scale(1.125);
}

.header-menu-ul.dark .menu-item-has-children .submenu-wrapper a:hover {
    color: #F07020;
    font-weight: bold;
}

.top-mega-menu a {
    font-size: 32px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: 0;
    text-align: left;
}

span.orange-title {
    color: #F07020;
}

ul.sub-menu {
    border-top: 1px solid #757575;
    margin-top: 1.5rem;
    padding: 2rem 0 0;
    gap: 2rem;
    display: grid;
    grid-template-columns: repeat(8,1fr);
}

ul.sub-menu li {
    display: flex;
    flex-direction: column-reverse;
    gap: 0.75rem;
}

.header-main-menu {
    margin-top: 0.625rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
}

.header-main-menu.dark .navbar-login-btn-votatec {
    color: #CBCBCB;
}

.remove-second-line {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1; /* Number of lines to show */
}

.swiper-categories .swiper-slide {
    width: fit-content;
    margin-left: .125rem;
}

.swiper-categories .cat-swiper-button-prev, .swiper-categories .cat-swiper-button-next {
    position: absolute;
    top: 0;
    z-index: 1;
    display: flex;
    height: 100%;
    align-items: center;
    width: 50px;
}

.swiper-categories .cat-swiper-button-prev {
    left: 0;
    justify-content: flex-start;
}

.swiper-categories .cat-swiper-button-next {
    right: 0;
    justify-content: flex-end;
}

.cat-swiper-button-next.swiper-button-disabled,
.cat-swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.pointer-haver {
    position: relative;
}

.pointer-haver::after {
    content: "";
    position: absolute;
    bottom: -0.5rem;
    right: 50%;
    height: 2px;
    background: #fff;
    width: 50%;
    transform: translateX(0%) scaleX(0);
    transition: transform 200ms ease-in-out;
    transform-origin: right;
}

.pointer-haver.active::after {
    transform: translateX(50%) scaleX(1);
}

.pointer-haver button {
    transition: color 200ms ease-in-out;
}

.pointer-haver.active button {
    color: #FFFFFF;
}

.menu-item-has-children::after {
    content: "";
    background: var(--cadet-down-orange);
    display: inline-flex;
    width: 1rem;
    height: 0.5rem;
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 200ms ease-in-out;
    align-items: flex-end;
    align-self: center;
}

.menu-item-has-children.hover::after {
    transform: rotate(180deg);
}


.footer-menu-items a:hover {
    color: #F07020;
    text-decoration: underline;
}

.home-end-patt {
    padding-top: 5rem;
    padding-bottom: 8rem;
    position: relative;
}

.home-end-patt::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url("../img/home-end-patt.png");
    z-index: -1;
}

.category-product-swiper {
    padding-top: 1.125rem;
}

.aca_loader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000000;
    background: #111111CC;
    gap: 1rem;
    backdrop-filter: blur(1rem);
}

.aca_loader.mini-loader {
    position: absolute;
}

.aca_spinner {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-block;
    border-top: 3px solid #f07020;
    border-right: 3px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

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

.aca_image img {
    width: 123px;
    height: 32px;
    animation: updown 2.5s cubic-bezier(.75, 0, 0, .75) infinite alternate-reverse;
}

.aca_image {
    height: 2rem;
    overflow: hidden;
}


@keyframes updown {
    to {
        transform: translateY(-120%);
    }
}

.fill-available {
    width: -webkit-fill-available;
}

.mw-454 {
    min-width: fit-content;
}

.fit-image-size {
    width: fit-content;
}

.like-btn-product.like path:first-child {
    display: block;
}

.like-btn-product path:first-child,
.popup-remove-all-favorites,
.dont-show-empty .no-favorites,
.widget_shopping_cart_live_region.screen-reader-text,
.grecaptcha-badge {
    display: none !important;
}

.slider_tabs_holder {
    position: relative;
    height: 600px;
}

.navbar-btns-votatec > * {
    cursor: pointer;
}

.description-card-product-votatec p {
    margin-bottom: 0;
    color: #FFFFFF;
}

.card-white-product-votatec .description-card-product-votatec p {
    color: #222222;
}

.badge-new-product{
    position:absolute;
    top:8px;
    left:8px;
    padding:4px 10px;
    font-size:12px;
    font-weight:600;
    background:#F07020; /* سبز شاد */
    color:#fff;
    border-radius:999px;
    z-index:3;
    box-shadow:0 2px 8px rgba(0,0,0,.15);
}
/* اطمینان از اینکه کارت position دارد */
.card-product-votatec{ position:relative; }

.sticky-buttons {
    position: fixed;
    right: 0;
    width: 56px;
    bottom: 0;
    z-index: 30;
    margin: 0 4rem 2rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    height: 11rem;
    justify-content: space-between;
}

.sbn-icon {
    display: flex;
    padding: .25rem;
    background: #F07020;
    border-radius: 50%;
    align-items: center;
    transition: transform 200ms ease-in-out;
}

.sbn-icon path {
    transform: scale(0.8) translate(2px, 4px);
}

.sb-new-products {
    display: flex;
    flex-direction: row-reverse;
    width: fit-content;
    gap: 1.25rem;
    transform: rotate(-90deg) translateX(-5rem);
    padding: 0.65rem 0.5rem 0.5rem 1.5rem;
    border: 1px solid #CBCBCB;
    border-radius: 99px;
    background-color: #f9f9f9;
    transition: transform 200ms ease-in-out, background-color 200ms ease-in-out;
    z-index: 2;
}

.sb-new-products.bottom {
    transform: rotate(-90deg) translateX(0);
}


.dl-first {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    text-align: left;
    color: #222222;
}

.dl-second {
    font-size: 10px;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    color: #222222;
}

.sb-top-of-page-btn,
.top-of-page-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: 0 solid #CBCBCB;
    padding: 0;
    background: #ffffff;
    line-height: 0;
    overflow: hidden;
    transform: translateY(-1rem);
    transition: height 200ms ease-in-out, padding 200ms ease-in-out, border 0ms ease-in-out, transform 300ms ease-in-out;
}

.sb-top-of-page-btn{
    transform: translateY(3rem);
}

.sb-top-of-page-btn.show {
    transform: translateY(7rem);
    padding: 1rem;
    border: 1px solid #CBCBCB;
}


.sb-new-products:hover .sbn-icon {
    transform: rotate(45deg);
}

.sb-new-products:hover {
    background-color: #F6A979;
}

.sb-new-products:hover .dl-first,
.sb-new-products:hover .dl-second {
    color: white;
}

.sb-new-products:hover .dl-second {
    transform: scale(0);
}

.details-product-res h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #222222;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.details-product-res span {
    color: #F07020;
}

.head-search-results {
    position: absolute !important;
    top: 50px;
    right: 0;
    left: 0;
    background: #222222;
    color: #FFFFFF;
    padding: 1.5rem;
    z-index: -1111111;
    opacity: 0;
    border: 1px solid #363636;
    border-radius: .5rem;
    transition: opacity 200ms ease-in-out, z-index 0s linear;
    transition-delay: 0s, 200ms;
    display: flex;
    flex-direction: column;
    max-height: 60vh;
    overflow: hidden scroll;
}

.head-search-results.show {
    transition-delay: 0s, 0ms;
    z-index: 1111111;
    opacity: 1;
}

.light-mode-header .head-search-results {
    background: #FFFFFF;
    color: #424242;
}

.head-search-results a {
    color: inherit;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    padding: 1rem;
    border-bottom: 1px solid #EDEDED;
}

div#otp_target form input {
    width: 64px;
    height: 72px;
    border-radius: 15px;
    background-color: transparent;
    border: 1px solid #CBCBCB;
    text-align: center;
    font-size: 2rem;
}

div#otp_target form {
    gap: .5rem;
    display: flex;
}

.log-in-btn.cant {
    pointer-events: none;
    opacity: .5;
}

.footer-menu-items a {
    color: #757575;
}

.div-caret-header {
    position: relative;
}

.error-404-link {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #fff;
    display: flex;
    gap: .25rem;
    margin: auto;
    justify-content: center;
}

p.error-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: opacity .5s ease-out,max-height .5s ease-out;
    animation: slideDown 1.5s ease forwards 1s;
    margin: 1rem 0;
}

@keyframes slideDown {
    0% {
        opacity: 0;
        max-height: 0;
    }
    /* Begin to change opacity without waiting for max-height, makes it more dynamic */
    50% {
        opacity: 1;
        max-height: 0;
    }
    /* Complete the transition to full visibility and expanded height */
    100% {
        opacity: 1;
        max-height: 50px; /* Adjust based on your content */
    }
}

.div-caret-header:hover .dropdown-user-header{
    display: flex;
    transition: all 400ms;
}

/**/
.pcp-view-product ,
.pcp-view-price{
    font-family: inherit;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #F07020;
    padding: 0 1rem;
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.pcp-view-price{
    width: 100%;
    border: 1px solid #F07020;
    border-radius: 0.5rem;
}

.pcp-view-product::after{
    content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M17.3172%2010.4422L11.6922%2016.0672C11.5749%2016.1844%2011.4159%2016.2503%2011.25%2016.2503C11.0841%2016.2503%2010.9251%2016.1844%2010.8078%2016.0672C10.6905%2015.9499%2010.6247%2015.7908%2010.6247%2015.625C10.6247%2015.4591%2010.6905%2015.3001%2010.8078%2015.1828L15.3664%2010.625H3.125C2.95924%2010.625%202.80027%2010.5591%202.68306%2010.4419C2.56585%2010.3247%202.5%2010.1657%202.5%209.99998C2.5%209.83422%202.56585%209.67525%202.68306%209.55804C2.80027%209.44083%202.95924%209.37498%203.125%209.37498H15.3664L10.8078%204.81717C10.6905%204.69989%2010.6247%204.54083%2010.6247%204.37498C10.6247%204.20913%2010.6905%204.05007%2010.8078%203.93279C10.9251%203.81552%2011.0841%203.74963%2011.25%203.74963C11.4159%203.74963%2011.5749%203.81552%2011.6922%203.93279L17.3172%209.55779C17.3753%209.61584%2017.4214%209.68477%2017.4529%209.76064C17.4843%209.83652%2017.5005%209.91785%2017.5005%209.99998C17.5005%2010.0821%2017.4843%2010.1634%2017.4529%2010.2393C17.4214%2010.3152%2017.3753%2010.3841%2017.3172%2010.4422Z%22%20fill%3D%22%23F07020%22%2F%3E%0A%3C%2Fsvg%3E");
    height: 20px;
}
/**/
a.menu-fave:hover path {
    fill: #f07020;
}

.price-card-product-votatec{
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.current, .page-numbers:hover {
    color: #f07020;
    text-decoration: underline;
}

.socials-footer svg {
    max-width: 24px;
    max-height: 30px;
}

.white-background .our-catalogues{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 7.75rem 0;
}

.our-catalogues h4{
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 3rem;
    color: #222222;
    text-align: center;
}

.our-catalogues h4 span{
    color: #f07020;
}

.our-catalogues p{
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    text-align: center;
    color: #757575;
    margin-bottom: 4.25rem;
}

.catalogue-card{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    border: 1px solid #CBCBCB;
    background: #FFFFFF;
    border-radius: 1rem;
    width: 284px;
    height: 241px;
    gap: 1.5rem;
}

.catalogue-card img{
    margin-top: -3.5rem;
}

.catalogue-card a{
    text-align: center;
    background: #f07020;
    color: #FFFFFF;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.25rem;
    width: 100%;
    border: 0;
    border-radius: 0.5rem;
    padding: 1.125rem;
    text-decoration: none;
}

.catalogue-card p{
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 2rem;
    color: #222222;
    margin: 0;
}

.votatec-slider-catalogues .swiper-slide ,
.votatec-flex-catalogues .swiper-slide{
    display: flex;
    justify-content: center;
}

.votatec-flex-catalogues .swiper-wrapper{
    display: flex;
    gap: 1rem;
    justify-content: center;
}

.log-in-btn-mobile-menu-logged-in{
    background: #f07020;
    color: #ffffff;
}

.search-div-light .top-search{
    background: #fff;
    color: #222222;

}

li.menu-item-object-application img {
    width: 4rem;
    height: auto;
    display: flex;
    align-items: center;
}