:root {
    --font-site: 'poppins';
}

@font-face {
    font-family: "poppins";
    src: url("../fonts/poppins/Poppins-Regular.woff2") format('woff2');
    font-weight: normal;
}

@font-face {
    font-family: "poppins";
    src: url("../fonts/poppins/Poppins-Bold.woff2") format('woff2');
    font-weight: bold;
}

@font-face {
    font-family: "poppins";
    src: url("../fonts/poppins/Poppins-ExtraBold.woff2") format('woff2');
    font-weight: 800;
}

@font-face {
    font-family: "poppins";
    src: url("../fonts/poppins/Poppins-Black.woff2") format('woff2');
    font-weight: 900;
}

body {
    font-family: var(--font-site), serif;
}

ul {
    padding: 0 !important;
}

.search-filed .search-btn {
    right: 8px;
    left: unset;
}

.top-menu-menu ul li {
    margin-right: 20px;
    margin-left: unset;
}

.top-menu-menu ul > li > a.nav-active {
    padding: 4px 22px 4px 10px;
}

.top-menu-menu ul > li > ul {
    left: 0;
    right: 0;
}

.top-menu-menu li:hover ul.main-menu:before {
    right: unset;
    left: 0;
}

.top-menu-menu ul.main-menu > li > ul.main-menu-sub {
    right: 0;
    left: 200px;
}

.top-menu-menu ul.main-menu > li > ul.main-menu-sub {
    background-position-x: right !important;
}

.top-menu-menu ul.main-menu > li > ul.main-menu-sub li > a.title::before {
    right: unset;
    left: 0;
}

.countdown {
    display: flex;
    flex-direction: row-reverse;
}

.section-title-title {
    padding-right: unset;
    padding-left: 50px;
}

.section-title-title .Dottedsquare {
    right: unset;
    left: 0;
}

.offer-discount {
    right: unset;
    left: 0;
}

.offer-discount span {
    right: unset;
    left: -46px;
    transform: rotate(-35deg);
}

.offer-desc {
    text-align: left;
}

.se-desc ul {
    padding-left: 10px;
}

.product-header-btn a:not(:last-child) {
    margin-left: unset;
    margin-right: 5px;
}

.site-slider .swiper-button-next, .site-slider .swiper-button-prev {
    right: 46% !important;
}

.site-slider .swiper-button-prev {
    right: unset;
    left: 47.5% !important;
}

.footer-col .social-link {
    justify-content: start;
}

.top-menu-menu > ul > li:hover .sub-menu {
    background-position-x: right !important;
}

.top-menu-menu ul > li > ul > li > a.title::before {
    right: unset;
    left: -10px;
}

.top-menu-menu ul > li > ul > li > a:hover {
    transform: translateX(5px);
}

.top-menu-menu ul.level-one li a i {
    float: right;
    transform: rotate(180deg);
}

.top-menu-menu ul.level-one > li > ul.level-two {
    right: unset;
    left: 100%;
}

.time-work {
    margin-left: unset;
    margin-right: 20px;
}

.bi-caret-left-fill::before {
    transform: rotate(180deg);
}

.blog-menu-level-2 {
    right: unset;
    left: 0;
}

.icon-circle {
    padding-right: unset;
    padding-left: 15px;
}

.icon-circle::before {
    right: unset;
    left: 0;
}

.mini-blog-item .desc {
    padding-right: unset;
    padding-left: 10px;
}

.bi-arrow-left::before {
    transform: rotate(180deg);
}

.comments_likes .btn-like {
    margin-left: unset;
    margin-right: 20px;
}

.comment-item label.label-float {
    right: unset;
    left: 16px;
}

.title-line-bottom::before, .title-line-bottom-center::before {
    right: unset;
    left: 0;
}

input[type=checkbox] {
    margin-left: unset;
    margin-right: 7px;
}

.rating:not(:checked) > label {
    float: left;
}

.checkout-headers ul li::before {
    left: unset;
    right: 0;
}

.checkout-headers ul li {
    padding-left: unset;
    padding-right: 50px;
}

.checkout-headers ul li a span {
    margin-left: 0;
    margin-right: 7px;
}

.product-meta-color-items label span {
    margin-left: unset;
    margin-right: 7px;
}

.comment-item input.form-control, .comment-item select {
    text-align: left;
}

.bootstrap-touchspin-down {
    margin-left: unset;
    margin-right: 7px;
}

.bootstrap-touchspin-up {
    margin-left: 7px;
    margin-right: unset;
}

.td-head {
    text-align: left !important;
}

.compare table td i {
    margin-left: 0;
    margin-right: 10px;
}

.compare table td .bi.bi-chevron-double-left::before {
    transform: rotate(180deg);
}

.panel-meta-item-icon {
    margin-left: unset;
    margin-right: 10px;
}

.title-line-bottom-center::before {
    left: 50%;
    transform: translateX(-50%);
}

.panel-box::before {
    right: unset;
    left: -33px;
}

.inline-btn-text {
    left: unset;
    right: 5px;
}

.title-panel::before {
    right: unset;
    left: 0;
}

.box_list svg {
    margin-left: unset;
    margin-right: 5px;
    transform: rotate(180deg);
}

.product-meta-feature-items ul {
    padding-right: unset;
    padding-left: 20px;
}

.product-meta-feature-items ul::before,
.product-meta-feature-items ul::after {
    right: unset;
    left: 0;
}

.product-meta-feature-items ul li strong {
    margin-right: unset;
    margin-left: 7px;
}

.input-range-filter {
    direction: ltr;
}

#otp-input {
    flex-direction: row;
}

@media only screen and (max-width: 1200px) {
        .site-slider .swiper-button-next {
        left: 52% !important;
        right: unset !important;
    }
}

@media only screen and (max-width: 768px) {
    .site-slider .swiper-button-prev {
        left: 42.5% !important;
        right: unset !important;
    }
}

