/******************************************************************
  Template Name: Ashion
  Description: Ashion ecommerce template
  Author: Colorib
  Author URI: https://colorlib.com/
  Version: 1.0
  Created: Colorib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Categories Section
5.  Product Section
6.  Banner Section
7.  Countdown Section
8.  Instagram
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/

/* Template default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    background: #191a1f;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #111111;
    font-weight: 400;
    font-family: "Montserrat", sans-serif;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    color: #666666;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

ul,
ol {
    padding: 0;
    margin: 0;
}

#loading-in-link {
    position: fixed;
    z-index: 10000;
    left: 10px;
    top: 10px;
    background: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    text-align: center;
    align-content: space-around;
    justify-content: center;
    border-radius: 100%;
}

#loading-in-link .loadinger {
    border: 3px solid #1b1b1b20 !important;
    width: 25px !important;
    height: 25px !important;
    border-top: 3px solid #000 !important;
}

@media (min-width: 768px) {
    #loading-in-link {
        left: 15px !important;
        top: 20px !important;
    }
}

.setting-content {
    line-height: 35px !important;
}

.blog__details__content {
    text-align: justify;
}

#accordion .card {
    border-radius: 0;
    border: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff20;
    background: transparent;
    padding-bottom: 0px;
}

.accordion .acc-body:last-child .card {
    border-color: transparent !important;
}

#accordion .card-header {
    background: transparent;
    padding-right: 0;
    padding-left: 0;
    border-bottom: 0;
    padding-bottom: 0px;
    text-align: right;
}

#accordion .card-body {
    padding: 0 0px 15px;
    line-height: 30px;
    text-align: justify;
    color: #ffffff90;
    font-size: 13px;
}

#accordion .card-header button {
    color: #fff;
    font-weight: bold;
    outline: none;
    text-decoration: none;
    text-align: right;
    padding: 10px 0;
}

.setting-content br {
    display: block;
    margin: 20px 0;
    content: " ";
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
    margin-bottom: 20px;
}

.section-title h4 {
    color: #d7b470;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding-right: 15px;
}

.section-title h4:after {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 5px;
    background: #d7b470;
    content: "";
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.spad {
    padding-top: 30px;
    padding-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #1b1b1b20;
}

.spad:nth-child(2n) {
    /* background: #fff; */
}

.spad:nth-child(2n-1) {
    /* background: #eee; */
}

@media (min-width: 768px) {
    .hide-in-desktop {
        display: none !important;
    }

    .trend .col-lg-4:nth-child(2) {
        border-right: 1px solid #1b1b1b20;
        border-left: 1px solid #1b1b1b20;
    }
}

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

@media (max-width: 768px) {
    .trend .col-lg-4:nth-child(2) {
        border-top: 1px solid #1b1b1b20;
        border-bottom: 1px solid #1b1b1b20;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .mix:nth-last-child(1) .product__item,
    .mix:nth-last-child(2) .product__item,
    .col-6:nth-last-child(1) .product__item,
    .col-6:nth-last-child(2) .product__item {
        margin-bottom: 0;
    }

    .market-place-det {
        border-bottom: 1px solid #1b1b1b20;
        padding-bottom: 10px;
    }

    .work-times {
        border-bottom: 1px solid #1b1b1b20;
        padding-bottom: 10px !important;
        margin-bottom: 15px !important;
    }

    .panel-sidebars-body ul {
        white-space: nowrap;
        overflow: auto;

        margin-bottom: 10px;
    }

    .panel-sidebars-body li {
        display: inline-block;
    }
}

.blog__details__comment {
    border-top: 1px solid #1b1b1b20;
    margin-top: 20px;
    padding-top: 10px;
}

.market-place-det {
}

@media (min-width: 768px) {
    .workers-services {
        margin-top: 15px;
        border-top: 1px solid #1b1b1b20;
        padding-top: 15px;
    }

    .col-6:nth-last-child(1) .product__item,
    .col-6:nth-last-child(2) .product__item,
    .col-6:nth-last-child(3) .product__item,
    .col-6:nth-last-child(4) .product__item {
        margin-bottom: 0;
    }
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}

/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 12px 30px 10px;
    color: #ffffff;
    background: #d7b470;
}

.site-btn {
    font-size: 14px;
    color: #ffffff;
    background: #d7b470;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
}

/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #ffffff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

.spacial-controls {
    position: fixed;
    width: 111px;
    height: 91px;
    top: 0;
    right: 0;
    z-index: 999;
}

.spacial-controls .search-switch {
    display: block;
    height: 100%;
    padding-top: 30px;
    background: #323232;
    text-align: center;
    cursor: pointer;
}

.search-model {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 99999;
}

.search-model-form {
    padding: 0 15px;
}

.search-model-form input {
    width: 500px;
    font-size: 40px;
    border: none;
    border-bottom: 2px solid #dddddd;
    background: 0 0;
    color: #999;
}

.search-close-switch {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #333;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    line-height: 28px;
    top: 30px;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*---------------------
  Header
-----------------------*/

.header {
    /*
    background: #1b1b1b;
    -webkit-box-shadow: 0px 5px 10px rgba(91, 91, 91, 0.1);
     box-shadow: 0px 5px 10px rgba(91, 91, 91, 0.1);
    position: sticky;
    width: calc(100% - 20px);
    top: 10px;
    z-index: 5;
    border-radius: 10px;
    margin: 10px;
*/
}

@media (min-width: 768px) {
    body {
    }
}

input[type="date"] {
    display: none;
}

jb-date-input {
    border: 1px solid #e1e1e1;
    display: block;
    border-radius: 5px;
    margin-bottom: 20px;
}

.custom-style {
    --jb-date-input-border-radius: 0;
    --jb-date-input-border-color: transparent;
    --jb-date-input-border-color-focus: transparent;
    --jb-date-input-bgcolor: transparent;
    --jb-date-input-message-box-color: blue;
    --jb-date-input-border-bottom-width: 1px;
    --jb-date-input-label-font-size: 1.3em;
    --jb-date-input-value-color: #fff;
    --jb-date-input-value-font-size: 1.3em;
    --jb-date-input-calender-wrapper-bg-color: #fefefe;
    --jb-date-input-calender-wrapper-border-radius: 0;
    --jb-calendar-arrow-button-border-radius: 0;
    --jb-date-input-value-font-size: 12px;
    --jb-date-input-border-radius: 3px;
    --jb-date-input-calendar-trigger-width: 20px;
    --jb-date-input-calendar-trigger-height: 20px;
}

.header__logo {
    padding: 15px 0;
    text-align: center;
}

.header__logo a {
    display: inline-block;
}

.header__menu {
    padding: 23px 0 0;
    white-space: nowrap;
    overflow: auto;
}

.header__menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 40px;
    position: relative;
}

.header__menu ul li.active a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header__menu ul li.active a {
    font-weight: bold;
    background: #35373e;
}

.header__menu ul li:hover a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.header__menu ul li:hover .dropdown {
    top: 27px;
    opacity: 1;
    visibility: visible;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.header__menu ul li .dropdown {
    position: absolute;
    left: 0;
    top: 56px;
    width: 150px;
    background: #111111;
    text-align: left;
    padding: 2px 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__menu ul li .dropdown li {
    display: block;
    margin-right: 0;
}

.header__menu ul li .dropdown li a {
    font-size: 14px;
    color: #ffffff;
    font-weight: 400;
    padding: 8px 20px;
    text-transform: capitalize;
}

.header__menu ul li .dropdown li a:after {
    display: none;
}

.header__menu ul li a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 300;
    display: block;
    position: relative;
    color: #fff;
    border: 1px solid #35373e;
    padding: 10px 20px;
    border-radius: 100px;
}

.header__menu ul li a:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: #d7b470;
    content: "";
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: none;
}

.header__right {
    align-items: center !important;
    display: flex;
    height: 100%;
}

.header__right__auth {
    display: inline-block;
    margin-right: 25px;
}

.header__right__auth a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    color: #d6b56d;
    border: 1px dashed #d6b56d;
    padding: 10px 20px;
    border-radius: 100px;
    margin: 0 5px;
}

.header__right__auth select {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    color: #d6b56d;
    border: 1px dashed #d6b56d;
    padding: 8px 12px;
    border-radius: 100px;
    background-color: transparent;
    margin: 0 5px;
}

.financialButton {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    display: block;
    position: relative;
    color: #d6b56d;
    border: 1px dashed #d6b56d;
    padding: 10px 20px;
    border-radius: 100px;
    background-color: transparent;
}

.header__right__auth a:last-child {
    margin-right: 0;
}

.header__right__auth a:last-child:after {
    display: none;
}

.header__right__auth a:after {
    position: absolute;
    right: -8px;
    top: -2px;
    content: "/";
    font-size: 13px;
}

.header__right__widget {
    display: inline-block;
}

.header__right__widget li {
    list-style: none;
    display: inline-block;
    font-size: 18px;
    color: #111111;
    margin: 0 5px;
    cursor: pointer;
}

.header__right__widget li:last-child {
    margin-right: 0;
}

.header__right__widget li a {
    font-size: 18px;
    color: #111111;
    position: relative;
}

.header__right__widget li a .tip {
    position: absolute;
    right: -12px;
    top: -11px;
    height: 18px;
    width: 18px;
    background: #111111;
    font-size: 10px;
    font-weight: 500;
    color: #ffffff;
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
}

.offcanvas-menu-wrapper {
    display: none;
}

/*---------------------
  Banner
-----------------------*/

.banner {
    height: 500px;
}

.banner__text span {
    font-size: 18px;
    color: #d7b470;
    text-transform: uppercase;
}

.banner__text h1 {
    font-size: 80px;
    color: #111111;
    font-family: "Cookie", cursive;
    margin-bottom: 15px;
}

.banner__text a {
    font-size: 14px;
    color: #111111;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding: 0 0 3px;
    display: inline-block;
}

.banner__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #d7b470;
    content: "";
}

.banner__slider {
    text-align: center;
    padding: 150px 0 0;
}

.banner__slider.owl-carousel .owl-dots {
    position: absolute;
    left: 0;
    top: 430px;
    width: 100%;
    text-align: center;
}

.banner__slider.owl-carousel .owl-dots button {
    height: 12px;
    width: 12px;
    background: #a1a1a1;
    border-radius: 50%;
    margin-right: 10px;
}

.banner__slider.owl-carousel .owl-dots button.active {
    background: #d7b470;
}

.banner__slider.owl-carousel .owl-dots button:last-child {
    margin-right: 0;
}

/*---------------------
  Trend
-----------------------*/

.trend__content .section-title h4:after {
    /* bottom: -15px; */
}

.trend__item {
    overflow: hidden;
    margin-bottom: 35px;
}

.trend__item__pic {
    float: left;
    margin-right: 25px;
}

.trend__item__text {
    overflow: hidden;
}

.trend__item__text h6 {
    font-size: 14px;
    color: #111111;
    margin-bottom: 5px;
}

.trend__item__text .rating {
    line-height: 18px;
    margin-bottom: 6px;
}

.trend__item__text .rating i {
    font-size: 10px;
    color: #e3c01c;
    margin-right: -4px;
}

.trend__item__text .rating i:last-child {
    margin-right: 0;
}

.trend__item__text .product__price {
    color: #111111;
    font-weight: 600;
}

.trend__item__text .product__price span {
    font-size: 14px;
    color: #b1b0b0;
    text-decoration: line-through;
    margin-left: 4px;
}

/*---------------------
  Discount
-----------------------*/

.discount__pic img {
    min-width: 100%;
    height: 100%;
}

.discount__text {
    background: #f4f4f4;
    height: 390px;
    padding: 75px 90px 50px;
    text-align: center;
}

.discount__text a {
    font-size: 14px;
    color: #111111;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding: 0 0 3px;
    display: inline-block;
}

.discount__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #d7b470;
    content: "";
}

.discount__text__title {
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 60px;
}

.discount__text__title:after {
    position: absolute;
    left: 50%;
    top: -38px;
    height: 183px;
    width: 183px;
    background: #ffffff;
    content: "";
    border-radius: 50%;
    z-index: -1;
    margin-left: -91.5px;
}

.discount__text__title span {
    font-size: 12px;
    color: #111111;
    font-weight: 500;
    text-transform: uppercase;
}

.discount__text__title h2 {
    font-size: 60px;
    color: #d7b470;
    font-family: "Cookie", cursive;
    line-height: 46px;
    margin-bottom: 10px;
}

.discount__text__title h5 {
    color: #d7b470;
    font-weight: 700;
}

.discount__text__title h5 span {
    font-size: 14px;
    color: #111111;
    margin-right: 4px;
}

.discount__countdown {
    text-align: center;
    margin-bottom: 10px;
}

.countdown__item {
    margin-bottom: 15px;
    float: left;
    width: 25%;
}

.countdown__item:last-child {
    margin-right: 0;
}

.countdown__item span {
    font-size: 30px;
    font-weight: 600;
    color: #111111;
    display: inline-block;
}

.countdown__item p {
    color: #111111;
    margin-bottom: 0;
    display: inline-block;
    font-weight: 500;
}

/*---------------------
  Services
-----------------------*/

.services {
    padding-top: 80px;
    padding-bottom: 50px;
}

.services__item {
    padding-left: 65px;
    position: relative;
    margin-bottom: 20px;
}

.services__item i {
    font-size: 36px;
    color: #d7b470;
    position: absolute;
    left: 0;
    top: 4px;
}

.services__item h6 {
    color: #111111;
    font-weight: 600;
    margin-bottom: 5px;
}

.services__item p {
    margin-bottom: 0;
}

/*---------------------
  Instagram
-----------------------*/

.instagram__item {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.instagram__item:hover:after {
    opacity: 1;
}

.instagram__item:hover .instagram__text {
    opacity: 1;
    visibility: visible;
}

.instagram__item:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    content: "";
    opacity: 0;
    z-index: -1;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.instagram__text {
    text-align: center;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.instagram__text i {
    font-size: 30px;
    color: #0d0d0d;
}

.instagram__text a {
    font-size: 16px;
    color: #0d0d0d;
    font-weight: 500;
    display: block;
    margin-top: 10px;
}

/*---------------------
  Footer
-----------------------*/

.footer {
    padding-top: 30px;
    border-top: 1px solid #1b1b1b20;
    background: #191a1f;
    color: #fff;
    border-top: 2px solid #212529;
}

.footer__about p {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
}

.footer__logo {
    margin-bottom: 20px;
}

.footer__payment a {
    margin-right: 6px;
    margin-bottom: 10px;
    display: inline-block;
}

.footer__payment a:last-child {
    margin-right: 0;
}

.footer__widget {
    margin-bottom: 30px;
}

.footer__widget h6 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
    border-right: 4px solid #d7b470;
    padding-right: 10px;
    color: #d7b470;
}

.footer__widget ul li {
    list-style: none;
}

.footer__widget ul li a {
    font-size: 12px;
    color: #fff;
    line-height: 30px;
}

.footer__newslatter {
    margin-bottom: 30px;
}

.footer__newslatter h6 {
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 12px;
    border-right: 4px solid #d7b470;
    padding-right: 10px;
    color: #fff;
    line-height: 30px;
}

.footer__newslatter form {
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
}

.footer__newslatter form input {
    height: 52px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 50px;
    padding-left: 30px;
    font-size: 14px;
    color: #666666;
}

.footer__newslatter form input::-webkit-input-placeholder {
    color: #666666;
}

.footer__newslatter form input::-moz-placeholder {
    color: #666666;
}

.footer__newslatter form input:-ms-input-placeholder {
    color: #666666;
}

.footer__newslatter form input::-ms-input-placeholder {
    color: #666666;
}

.footer__newslatter form input::placeholder {
    color: #666666;
}

.footer__newslatter form button {
    position: absolute;
    right: 4px;
    top: 4px;
}

.footer__social a:not(.clear) {
    height: 40px;
    width: 40px;
    background: #d7b470;
    font-size: 15px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-left: 6px;
    margin-bottom: 5px;
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

.footer__social a.clear {
    display: inline-block;
    width: 55px;
    height: 55px;
    margin-left: 10px;
}

.footer__social a:last-child {
    margin-right: 0;
}

.footer__copyright__text p {
    color: #fff;
}

.footer__copyright__text a {
    color: #d7b470;
}

.footer__copyright__text {
    border-top: 1px solid #ffffff20;
    padding: 18px 0 25px;
    text-align: center;
    margin-top: 35px;
}

.footer__copyright__text p {
    margin-bottom: 0;
}

.footer__copyright__text i {
    color: #d7b470;
}

.footer__copyright__text a:hover {
    color: #d7b470;
}

/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-option {
    padding-top: 35px;
}

.breadcrumb__links a {
    font-size: 15px;
    font-weight: 500;
    color: #111111;
    margin-right: 18px;
    display: inline-block;
    position: relative;
}

.breadcrumb__links a:after {
    position: absolute;
    right: -14px;
    top: 0;
    content: "";
    font-family: "FontAwesome";
}

.breadcrumb__links a i {
    margin-right: 5px;
}

.breadcrumb__links span {
    font-size: 15px;
    font-weight: 500;
    color: #888888;
    display: inline-block;
}

/*---------------------
  Categories
-----------------------*/

.categories {
    overflow: hidden;
    margin-top: 10px;
    background: #fff;
}

.categories .container-fluid {
    padding-right: 5px;
}

.categories__item {
    height: 314px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
    margin-bottom: 10px;
    margin-right: 10px;
}

.categories__item.categories__large__item {
    height: 638px;
    padding-left: 70px;
}

.categories__item.categories__large__item .categories__text {
    max-width: 480px;
}

.categories__item.categories__large__item .categories__text p {
    margin-bottom: 15px;
}

.categories__text h1 {
    font-family: "Cookie", cursive;
    color: #111111;
    margin-bottom: 5px;
}

.categories__text h4 {
    color: #111111;
    font-weight: 700;
}

.categories__text p {
    margin-bottom: 10px;
}

.categories__text .blog-slider__button {
    font-size: 14px;
    color: #111111;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    padding: 0 0 3px;
    display: inline-block;
}

.categories__text .blog-slider__button:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #d7b470;
    content: "";
}

.categories__text a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100%;
    background: #d7b470;
    content: "";
}

/*---------------------
  Product
-----------------------*/

.filter__controls {
    text-align: right;
    margin-bottom: 50px;
}

.filter__controls li {
    font-size: 14px;
    list-style: none;
    display: inline-block;
    color: #111111;
    margin-right: 35px;
    position: relative;
    cursor: pointer;
}

.filter__controls li.active:after {
    opacity: 1;
}

.filter__controls li:after {
    position: absolute;
    left: 0;
    bottom: -4px;
    height: 2px;
    width: 100%;
    background: #d7b470;
    content: "";
    opacity: 0;
}

.filter__controls li:last-child {
    margin-right: 0;
}

.product__item {
    margin-bottom: 30px;
}

.product__item:hover .product__hover li {
    opacity: 1;
    top: 0;
}

.product__item.sale .product__item__pic .label {
    background: #d7b470;
}

.product__item.sale .product__item__text .product__price {
    color: #d7b470;
}

.product__item__pic {
    height: 360px;
    position: relative;
    overflow: hidden;
}

.product__item__pic .label {
    font-size: 10px;
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    padding: 2px 8px;
    text-transform: uppercase;
    position: absolute;
    left: 10px;
    top: 10px;
    border-radius: 10px;
}

.product__item__pic .label.new {
    background: #36a300;
}

.product__item__pic .label.stockout {
    background: #111111;
}

.product__item__pic .label.stockblue {
    background: #0066bd !important;
}

.product__item__pic .label.sale {
    background: #d7b470;
}

.product__hover {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 30px;
    text-align: center;
}

.product__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: 100px;
    opacity: 0;
}

.product__hover li:nth-child(1) {
    -webkit-transition: all 0.4s ease 0.1s;
    -o-transition: all 0.4s ease 0.1s;
    transition: all 0.4s ease 0.1s;
}

.product__hover li:nth-child(2) {
    -webkit-transition: all 0.4s ease 0.15s;
    -o-transition: all 0.4s ease 0.15s;
    transition: all 0.4s ease 0.15s;
}

.product__hover li:nth-child(3) {
    -webkit-transition: all 0.4s ease 0.2s;
    -o-transition: all 0.4s ease 0.2s;
    transition: all 0.4s ease 0.2s;
}

.product__hover li:last-child {
    margin-right: 0;
}

.product__hover li:hover a {
    background: #d7b470;
}

.product__hover li:hover a span {
    color: #ffffff;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.product__hover li a {
    font-size: 18px;
    color: #111111;
    display: block;
    height: 45px;
    width: 45px;
    background: #ffffff;
    line-height: 48px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__hover li a span {
    position: relative;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    display: inline-block;
}

.product__item__text {
    padding-top: 20px;
}

.product__item__text h6 a {
    font-size: 14px;
    color: #111111;
}

.product__item__text .rating {
    line-height: 18px;
    margin-bottom: 5px;
}

.product__item__text .rating i {
    font-size: 10px;
    color: #e3c01c;
    margin-right: -4px;
}

.product__item__text .rating i:last-child {
    margin-right: 0;
}

.product__item__text .product__price {
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    padding: 0 5px;
}

.product__item__text .product__price span {
    font-size: 14px;
    color: #b1b0b0;
    text-decoration: line-through;
    margin-left: 4px;
}

/*---------------------
  Shop
-----------------------*/

.sidebar__categories {
    margin-bottom: 50px;
}

.sidebar__categories .section-title {
    margin-bottom: 35px;
}

.sidebar__categories .section-title h4 {
    font-size: 18px;
}

.categories__accordion .card {
    border: none;
    border-radius: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #f2f2f2 !important;
    margin-bottom: 12px;
}

.categories__accordion .card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none !important;
}

.categories__accordion .card-heading {
    cursor: pointer;
}

.categories__accordion .card-heading a {
    font-size: 14px;
    font-weight: 500;
    color: #111111;
    display: block;
}

.categories__accordion .card-body {
    padding-left: 0;
    padding-top: 6px;
    padding-bottom: 0;
}

.categories__accordion .card-body li {
    list-style: none;
    position: relative;
    padding-left: 16px;
}

.categories__accordion .card-body li:before {
    position: absolute;
    left: 4px;
    top: 14px;
    height: 1px;
    width: 4px;
    background: #666666;
    content: "";
}

.categories__accordion .card-body li a {
    font-size: 14px;
    color: #666666;
    line-height: 30px;
}

.categories__accordion .card-heading a:after,
.categories__accordion .card-heading > a.active[aria-expanded="false"]:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
    right: 30px;
    top: 0px;
}

.categories__accordion .card-heading.active a:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
    right: 30px;
    top: -1px;
}

.categories__accordion .card-heading a[aria-expanded="true"]:after,
.categories__accordion .card-heading > a.active:after {
    content: "";
    font-size: 14px;
    font-family: "FontAwesome";
    color: #666666;
    position: absolute;
    right: 30px;
    top: -1px;
}

.sidebar__filter {
    position: relative;
    margin-bottom: 60px;
}

.sidebar__filter .section-title {
    margin-bottom: 50px;
}

.sidebar__filter .section-title h4 {
    font-size: 18px;
}

.sidebar__filter a {
    font-size: 14px;
    color: #0d0d0d;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 700;
    display: inline-block;
    padding: 5px 16px 5px 24px;
    border: 2px solid #ff0000;
    position: absolute;
    right: 0;
    bottom: -5px;
    border-radius: 2px;
}

.filter-range-wrap .range-slider .price-input {
    position: relative;
}

.filter-range-wrap .range-slider .price-input p {
    font-size: 16px;
    color: #0d0d0d;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 0;
}

.filter-range-wrap .range-slider .price-input:after {
    position: absolute;
    left: 81px;
    top: 12px;
    height: 1px;
    width: 5px;
    background: #0d0d0d;
    content: "";
}

.filter-range-wrap .range-slider .price-input input {
    font-size: 16px;
    color: #0d0d0d;
    max-width: 16%;
    border: none;
}

.filter-range-wrap .range-slider .price-input input:nth-child(1) {
    margin-right: 28px;
}

.filter-range-wrap .price-range {
    border-radius: 0;
    margin-bottom: 28px;
}

.filter-range-wrap .price-range.ui-widget-content {
    border: none;
    background: rgba(0, 0, 0, 0.1);
    height: 5px;
}

.filter-range-wrap .price-range.ui-widget-content .ui-slider-handle {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #d7b470;
    border: none;
    outline: none;
    cursor: pointer;
}

.filter-range-wrap .price-range .ui-slider-range {
    background: #d7b470;
    border-radius: 0;
}

.sidebar__sizes,
.sidebar__color {
    margin-bottom: 40px;
}

.sidebar__sizes .section-title,
.sidebar__color .section-title {
    margin-bottom: 35px;
}

.sidebar__sizes .section-title h4,
.sidebar__color .section-title h4 {
    font-size: 18px;
}

.sidebar__sizes .size__list label,
.sidebar__color .size__list label {
    display: block;
    padding-left: 20px;
    font-size: 14px;
    text-transform: uppercase;
    color: #444444;
    position: relative;
    cursor: pointer;
}

.sidebar__sizes .size__list label input,
.sidebar__color .size__list label input {
    position: absolute;
    visibility: hidden;
}

.sidebar__sizes .size__list label input:checked ~ .checkmark,
.sidebar__color .size__list label input:checked ~ .checkmark {
    border-color: #d7b470;
}

.sidebar__sizes .size__list label input:checked ~ .checkmark:after,
.sidebar__color .size__list label input:checked ~ .checkmark:after {
    border-color: #d7b470;
    opacity: 1;
}

.sidebar__sizes .size__list label .checkmark,
.sidebar__color .size__list label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.sidebar__sizes .size__list label .checkmark:after,
.sidebar__color .size__list label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

.sidebar__color .color__list label {
    text-transform: capitalize;
}

.pagination__option a {
    display: inline-block;
    height: 40px;
    width: 40px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-right: 6px;
}

.pagination__option a:last-child {
    margin-right: 0;
}

.pagination__option a i {
    font-weight: 600;
}

.pagination__option a:hover {
    background: #0d0d0d;
    border-color: #0d0d0d;
    color: #ffffff;
}

/*---------------------
  Product Details
-----------------------*/

.product-details {
}

.product__details__pic {
    overflow: hidden;
}

.product__details__pic__left {
    width: 22%;
    max-height: 574px;
    float: left;
    overflow-y: auto;
}

.product__details__pic__left .pt {
    display: block;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
}

.product__details__pic__left .pt::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.product__details__pic__left .pt.active::after {
    opacity: 0.3;
}

.product__details__pic__left .pt:last-child {
    margin-bottom: 0;
}

.product__details__pic__left .pt img {
    min-width: 100%;
}

.product__details__slider__content {
    width: calc(78% - 20px);
    float: left;
    margin-left: 20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 22px;
    color: #111111;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    line-height: 44px;
    text-align: center;
    margin-top: -20px;
}

.product__details__pic__slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: 10px;
}

.product__details__text h3 {
    font-size: 25px;
    font-weight: bold !important;
    line-height: 35px;
    padding: 10px 0 5px;
    position: relative;
    color: #fff;
}

.text-left {
    text-align: left !important;
}

share i {
    margin-left: 5px;
}

.product__details__text share,
.report-comp-link {
    font-size: 13px;
    display: block;
    color: #d7b470;
    cursor: pointer;
    font-weight: bold;
}

.product__details__text h3 span {
    /* display: block; */
    font-size: 14px;
    color: #ffffff90;
    text-transform: none;
    font-weight: 400;
    margin-top: 5px;
}

.product__details__text .rating {
    margin-bottom: 16px;
}

.product__details__text .rating i {
    font-size: 12px;
    color: #e3c01c;
    margin-right: 0px;
}

.product__details__text .rating span {
    font-size: 12px;
    color: #666666;
    margin-left: 5px;
}

.product__details__text p {
    color: #444444;
    margin-bottom: 28px;
    font-size: 13px;
    font-weight: 300;
}

.checkout__form__input {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 10px;
}

.add-in-table {
    font-size: 13px;
    float: left;
    margin: 0px 0 0;
    display: block;
}

.product__details__price {
    font-size: 30px;
    font-weight: 600;
    color: #d7b470;
    margin-bottom: 30px;
}

.product__details__price span {
    font-size: 18px;
    color: #b1b0b0;
    text-decoration: line-through;
    margin-left: 10px;
    display: inline-block;
}

.quantity {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.quantity > span {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    float: left;
    margin-top: 14px;
    margin-right: 15px;
}

.pro-qty {
    height: 50px;
    width: 150px;
    border: 1px solid #ebebeb;
    border-radius: 50px;
    padding: 0 20px;
    overflow: hidden;
    display: inline-block;
}

.pro-qty .qtybtn {
    font-size: 14px;
    color: #666666;
    cursor: pointer;
    float: left;
    width: 12px;
    line-height: 46px;
}

.pro-qty input {
    font-size: 14px;
    color: #666666;
    font-weight: 500;
    border: none;
    float: left;
    width: 84px;
    text-align: center;
    height: 48px;
}

.product__details__button {
    overflow: hidden;
    margin-bottom: 25px;
}

.product__details__button .cart-btn {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #d7b470;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 30px 15px;
    border-radius: 50px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.product__details__button ul {
    float: left;
}

.product__details__button ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;
}

.product__details__button ul li:last-child {
    margin-right: 0;
}

.product__details__button ul li a {
    display: inline-block;
    height: 50px;
    width: 50px;
    border: 1px solid #ebebeb;
    border-radius: 50%;
    line-height: 50px;
    text-align: center;
    padding-top: 1px;
}

.product__details__button ul li a span {
    font-size: 18px;
    color: #666666;
}

.product__details__widget {
    border-top: 1px solid #ebebeb;
    padding-top: 35px;
}

.product__details__widget ul li {
    list-style: none;
    margin-bottom: 10px;
}

.product__details__widget ul li:last-child {
    margin-bottom: 0;
}

.product__details__widget ul li span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #111111;
    width: 150px;
    float: left;
}

.product__details__widget ul li .stock__checkbox {
    overflow: hidden;
}

.product__details__widget ul li .stock__checkbox label {
    display: block;
    padding-left: 20px;
    font-size: 14px;
    color: #666666;
    position: relative;
    cursor: pointer;
}

.product__details__widget ul li .stock__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.product__details__widget
    ul
    li
    .stock__checkbox
    label
    input:checked
    ~ .checkmark {
    border-color: #d7b470;
}

.product__details__widget
    ul
    li
    .stock__checkbox
    label
    input:checked
    ~ .checkmark:after {
    border-color: #d7b470;
    opacity: 1;
}

.product__details__widget ul li .stock__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 5px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.product__details__widget ul li .stock__checkbox label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

.product__details__widget ul li .color__checkbox label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-right: 20px;
}

.product__details__widget
    ul
    li
    .color__checkbox
    label.active
    input
    ~ .checkmark:after {
    border-color: #ffffff;
    opacity: 1;
}

.product__details__widget ul li .color__checkbox label:last-child {
    margin-right: 0;
}

.product__details__widget ul li .color__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.product__details__widget
    ul
    li
    .color__checkbox
    label
    input:checked
    ~ .checkmark:after {
    border-color: #ffffff;
    opacity: 1;
}

.product__details__widget ul li .color__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: -10px;
    height: 20px;
    width: 20px;
    background: #e31e2f;
    border-radius: 50%;
    content: "";
}

.product__details__widget ul li .color__checkbox label .checkmark.black-bg {
    background: #111111;
}

.product__details__widget ul li .color__checkbox label .checkmark.grey-bg {
    background: #e4aa8b;
}

.product__details__widget ul li .color__checkbox label .checkmark:after {
    position: absolute;
    left: 3px;
    top: 5px;
    width: 13px;
    height: 6px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

.product__details__widget ul li .size__btn label {
    font-size: 14px;
    color: #666666;
    text-transform: uppercase;
    cursor: pointer;
    margin-right: 10px;
    display: inline-block;
    margin-bottom: 0;
}

.product__details__widget ul li .size__btn label:last-child {
    margin-right: 0;
}

.product__details__widget ul li .size__btn label.active {
    color: #d7b470;
}

.product__details__widget ul li .size__btn label input {
    position: absolute;
    visibility: hidden;
}

.product__details__widget ul li p {
    margin-bottom: 0;
    color: #666666;
}

.product__details__tab {
    padding-top: 80px;
    margin-bottom: 65px;
}

.nav {
    border-bottom: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-bottom: 40px;
}

.nav::before {
    position: absolute;
    left: 0;
    top: 13px;
    height: 1px;
    width: 335px;
    background: #e1e1e1;
    content: "";
}

.nav::after {
    position: absolute;
    right: 0;
    top: 13px;
    height: 1px;
    width: 335px;
    background: #e1e1e1;
    content: "";
}

.nav-item {
    margin-right: 46px;
}

.nav-item:last-child {
    margin-right: 0;
}

.nav-item .nav-link {
    font-size: 18px;
    color: #666666;
    font-weight: 600;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.nav-item .nav-link.active {
    color: #111111;
}

.tab-content .tab-pane h6 {
    color: #666666;
    font-weight: 600;
    margin-bottom: 24px;
}

.tab-content .tab-pane p:last-child {
    margin-bottom: 0;
}

.related__title h5 {
    font-size: 20px;
    color: #d7b470;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

/*---------------------
  Shop Cart
-----------------------*/

.shop__cart__table {
    margin-bottom: 30px;
}

.shop__cart__table table {
    width: 100%;
}

.shop__cart__table thead {
    border-bottom: 1px solid #f2f2f2;
}

.shop__cart__table thead th {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    border-bottom: 1px solid #1b1b1b20;
    padding-bottom: 0;
    padding-left: 10px;
}

@media (max-width: 768px) {
    .shop__cart__table thead th {
    }
}

.shop__cart__table .create {
    border: 1px solid;
    padding: 5px 10px;
    font-size: 10px;
    display: inline-block;
    border-radius: 10px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

.shop__cart__table tbody tr {
    border-bottom: 1px solid #f2f2f220;
}

.shop__cart__table tbody tr td {
    padding: 30px 0;
}

.shop__cart__table tbody tr .cart__product__item {
    overflow: hidden;
    /* width: 585px; */

    padding: 20px 0;
}

.shop__cart__table tbody tr .cart__product__item img {
    float: left;
    margin-right: 25px;
}

.shop__cart__table tbody tr .cart__product__item .cart__product__item__title {
    overflow: hidden;
    padding-top: 23px;
}

.shop__cart__table
    tbody
    tr
    .cart__product__item
    .cart__product__item__title
    h6 {
    color: #111111;
    font-weight: 600;
}

.shop__cart__table
    tbody
    tr
    .cart__product__item
    .cart__product__item__title
    .rating
    i {
    font-size: 10px;
    color: #e3c01c;
    margin-right: -4px;
}

.shop__cart__table tbody tr .cart__price {
    font-size: 16px;
    color: #d7b470;
    font-weight: 600;
    width: 190px;
}

.shop__cart__table tbody tr .cart__quantity {
    width: 190px;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty {
    border: none;
    padding: 0;
    width: 110px;
    border-radius: 0;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty input {
    color: #444444;
}

.shop__cart__table tbody tr .cart__quantity .pro-qty .qtybtn {
    font-size: 16px;
    color: #444444;
}

.shop__cart__table tbody tr .cart__total {
    font-size: 16px;
    color: #d7b470;
    font-weight: 600;
    width: 150px;
}

.shop__cart__table tbody tr .cart__close {
    text-align: right;
}

.shop__cart__table tbody tr .cart__close span {
    height: 45px;
    width: 45px;
    background: #f2f2f2;
    border-radius: 50%;
    font-size: 18px;
    color: #111111;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    font-weight: 600;
    cursor: pointer;
}

.cart__btn {
    margin-bottom: 50px;
}

.cart__btn.update__btn {
    text-align: right;
}

.cart__btn a {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 30px 12px;
    background: #f5f5f5;
}

.cart__btn a span {
    color: #d7b470;
    font-size: 14px;
    margin-right: 5px;
}

.discount__content h6 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 30px;
}

.discount__content form {
    position: relative;
    width: 370px;
    display: inline-block;
}

.discount__content form input {
    height: 52px;
    width: 100%;
    border: 1px solid #444444;
    border-radius: 50px;
    padding-left: 30px;
    padding-right: 115px;
    font-size: 14px;
    color: #444444;
}

.discount__content form input::-webkit-input-placeholder {
    color: #444444;
}

.discount__content form input::-moz-placeholder {
    color: #444444;
}

.discount__content form input:-ms-input-placeholder {
    color: #444444;
}

.discount__content form input::-ms-input-placeholder {
    color: #444444;
}

.discount__content form input::placeholder {
    color: #444444;
}

.discount__content form button {
    position: absolute;
    right: 4px;
    top: 4px;
}

.cart__total__procced {
    background: #f5f5f5;
    padding: 40px;
}

.cart__total__procced h6 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.cart__total__procced ul {
    margin-bottom: 25px;
}

.cart__total__procced ul li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    overflow: hidden;
    line-height: 40px;
}

.cart__total__procced ul li span {
    color: #d7b470;
    float: right;
}

.cart__total__procced .primary-btn {
    display: block;
    border-radius: 50px;
    text-align: center;
    padding: 12px 0 10px;
}

/*---------------------
  Checkout
-----------------------*/

.coupon__link {
    font-size: 14px;
    color: #444444;
    padding: 14px 0;
    background: #f5f5f5;
    border-top: 2px solid #d7b470;
    text-align: center;
    margin-bottom: 50px;
}

.coupon__link a {
    font-size: 14px;
    color: #444444;
}

.coupon__link span {
    font-size: 14px;
    color: #d7b470;
}

.checkout__form h5 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    margin: 10px 0;
    border: 0;
    border-right: 5px solid #d7b470;
    padding-bottom: 0;
    padding-right: 10px;
}

.shop__cart__table h3 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 1px solid #e1e1e1;
    margin: 10px 0;
    border: 0;
    border-right: 5px solid #d7b470;
    padding-bottom: 0;
    padding-right: 10px;
    margin-bottom: 20px !important;
    margin-top: 0;
}

.checkout__form .checkout__form__input p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 10px;
}

.checkout__form__input textarea {
    width: 100%;
    padding: 15px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: 1px solid #e1e1e1;
    font-size: 14px;
}

.checkout__form .checkout__form__input p span {
    color: #d7b470;
}

.checkout__form .checkout__form__input input {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    padding-left: 20px;
    color: #fff;
    background: transparent;
}

.checkout__form .checkout__form__input input::-webkit-input-placeholder {
    color: #666666;
}

.checkout__form .checkout__form__input input::-moz-placeholder {
    color: #666666;
}

.checkout__form .checkout__form__input input:-ms-input-placeholder {
    color: #666666;
}

.checkout__form .checkout__form__input input::-ms-input-placeholder {
    color: #666666;
}

.checkout__form .checkout__form__input input::placeholder {
    color: #666666;
}

.checkout__form .checkout__form__checkbox {
    margin-bottom: 20px;
}

.checkout__form .checkout__form__checkbox label {
    display: block;
    padding-left: 24px;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    position: relative;
    cursor: pointer;
    margin-bottom: 16px;
}

.checkout__form .checkout__form__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.checkout__form .checkout__form__checkbox label input:checked ~ .checkmark {
    border-color: #d7b470;
}

.checkout__form
    .checkout__form__checkbox
    label
    input:checked
    ~ .checkmark:after {
    border-color: #d7b470;
    opacity: 1;
}

.checkout__form .checkout__form__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.checkout__form .checkout__form__checkbox label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

.checkout__form .checkout__form__checkbox p {
    margin-bottom: 0;
}

.checkout__order {
    background: #f5f5f5;
    padding: 30px;
}

.checkout__order h5 {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 18px;
}

.checkout__order .site-btn {
    width: 100%;
}

.checkout__order__product {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 22px;
}

.checkout__order__product ul li {
    list-style: none;
    font-size: 14px;
    color: #444444;
    font-weight: 500;
    overflow: hidden;
    margin-bottom: 14px;
    line-height: 24px;
}

.checkout__order__product ul li:last-child {
    margin-bottom: 0;
}

.checkout__order__product ul li span {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    float: right;
}

.checkout__order__product ul li .top__text {
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    float: left;
}

.checkout__order__product ul li .top__text__right {
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    float: right;
}

.checkout__order__total {
    padding-top: 12px;
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;
    margin-bottom: 25px;
}

.checkout__order__total ul li {
    list-style: none;
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    overflow: hidden;
    line-height: 40px;
}

.checkout__order__total ul li span {
    color: #d7b470;
    float: right;
}

.checkout__order__widget {
    padding-bottom: 10px;
}

.checkout__order__widget label {
    display: block;
    padding-left: 25px;
    font-size: 14px;
    font-weight: 500;
    color: #111111;
    position: relative;
    cursor: pointer;
    margin-bottom: 14px;
}

.checkout__order__widget label input {
    position: absolute;
    visibility: hidden;
}

.checkout__order__widget label input:checked ~ .checkmark {
    border-color: #d7b470;
}

.checkout__order__widget label input:checked ~ .checkmark:after {
    border-color: #d7b470;
    opacity: 1;
}

.checkout__order__widget label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 10px;
    width: 10px;
    border: 1px solid #444444;
    border-radius: 2px;
}

.checkout__order__widget label .checkmark:after {
    position: absolute;
    left: 0px;
    top: -2px;
    width: 11px;
    height: 5px;
    border: solid #ffffff;
    border-width: 1.5px 1.5px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    opacity: 0;
    content: "";
}

/*---------------------
    Blog
-----------------------*/

.blog {
    padding-top: 70px;
    padding-bottom: 80px;
}

.blog__item {
    margin-bottom: 35px;
}

.blog__item__pic {
    height: 240px;
}

.blog__item__pic.large__item {
    height: 540px;
}

.blog__item__text {
    padding: 25px 20px 0 0;
    margin-right: 30px;
    background: #ffffff;
    margin-top: -54px;
}

.blog__item__text h6 {
    margin-bottom: 6px;
}

.blog__item__text h6 a {
    color: #111111;
    font-weight: 600;
    line-height: 21px;
}

.blog__item__text ul li {
    font-size: 12px;
    color: #888888;
    display: inline-block;
    list-style: none;
    margin-right: 25px;
    position: relative;
}

.blog__item__text ul li span {
    color: #111111;
}

.blog__item__text ul li:after {
    position: absolute;
    right: -17px;
    top: 0px;
    content: "|";
}

.blog__item__text ul li:last-child {
    margin-right: 0;
}

.blog__item__text ul li:last-child:after {
    display: none;
}

.primary-btn.load-btn {
    color: #111111;
    background: #f2f2f2;
    padding: 12px 85px 10px;
    border-radius: 50px;
}

/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
    padding-left: 40px;
}

.blog__sidebar__item {
    margin-bottom: 50px;
}

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

.blog__sidebar__item .section-title {
    margin-bottom: 40px;
}

.blog__sidebar__item .section-title h4 {
    font-size: 16px;
}

.blog__sidebar__item .section-title h4:after {
    bottom: -7px;
}

.blog__sidebar__item ul li {
    list-style: none;
    line-height: 30px;
}

.blog__sidebar__item ul li a {
    font-size: 14px;
    color: #111111;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
    color: #d7b470;
}

.blog__sidebar__item ul li a:hover span {
    color: #111111;
}

.blog__sidebar__item ul li a span {
    float: right;
    color: #888888;
}

.blog__feature__item {
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}

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

.blog__feature__item__pic {
    float: left;
    margin-right: 25px;
}

.blog__feature__item__text {
    overflow: hidden;
}

.blog__feature__item__text h6 {
    font-size: 14px;
    color: #111111;
    font-weight: 600;
    line-height: 21px;
    margin-bottom: 5px;
}

.blog__feature__item__text span {
    font-size: 12px;
    color: #888888;
    display: block;
}

.blog__sidebar__tags a {
    display: inline-block;
    font-size: 13px;
    color: #666666;
    border: 1px solid #f2f2f2;
    padding: 8px 14px 7px;
    margin-right: 6px;
    margin-bottom: 10px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__sidebar__tags a:hover {
    color: #111111;
}

.blog__sidebar__tags a:last-child {
    margin-right: 0;
}

/*---------------------
  Blog Details
-----------------------*/

.blog__details__item {
    background: transparent;
    margin-bottom: 0px;
}

.blog__details__item__title {
    background: transparent;
    padding-top: 30px;
    padding-right: 30px;
    margin-top: -100px;
    position: relative;
    margin-right: 50px;
}

.blog__details__item__title .tip {
    font-size: 12px;
    color: #ffffff;
    background: #d7b470;
    text-transform: uppercase;
    font-weight: 500;
    display: inline-block;
    padding: 2px 11px 1px;
    border-radius: 5px;
}

.blog__details__item__title h4 {
    color: #fff;
    font-weight: 600;
    line-height: 39px;
    margin-top: 10px;
    margin-bottom: 5px;
}
.setting__details__item__title ul {
    color: #fff;
    line-height: 39px;
    margin: 8px;
    font-size: 14px;
}
.setting__details__item__title li {
    margin-right: 15px;
}
.setting__details__item__title p {
    color: #fff;
    line-height: 39px;
    margin: 8px;
    font-size: 14px;
}
.blog__details__item__title ul li {
    font-size: 12px;
    color: #888888;
    display: inline-block;
    list-style: none;
    margin-left: 25px;
    position: relative;
}

.blog__details__item__title ul li span {
    color: #111111;
}

.blog__details__item__title ul li:after {
    position: absolute;
    left: -17px;
    top: 0px;
    content: "|";
}

.blog__details__item__title ul li:last-child {
    margin-right: 0;
}

.blog__details__item__title ul li:last-child:after {
    display: none;
}

.blog__details__desc {
    margin-bottom: 0px;
}

.blog__details__desc p {
    font-size: 13px;
    color: #ffffff90;
    line-height: 27px;
}

.blog__details__desc p:last-child {
    margin-bottom: 0;
}

.blog__details__quote {
    border-top: 2px solid #d7b470;
    position: relative;
    padding-top: 22px;
    margin-bottom: 20px;
}

.blog__details__quote .icon {
    height: 30px;
    width: 30px;
    font-size: 18px;
    color: #d7b470;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: -11px;
}

.blog__details__quote p {
    font-size: 16px;
    color: #111111;
    font-weight: 600;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 0;
}

.blog__details__tags {
    margin-bottom: 50px;
}

.blog__details__tags a {
    display: inline-block;
    font-size: 13px;
    color: #666666;
    border: 1px solid #f2f2f2;
    padding: 8px 14px 7px;
    margin-right: 6px;
    margin-bottom: 10px;
    -webkit-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__tags a:hover {
    color: #111111;
}

.blog__details__tags a:last-child {
    margin-right: 0;
}

.blog__details__btns {
    background: #f5f5f5;
    padding: 14px 30px;
    margin-bottom: 55px;
}

.blog__details__btn__item.blog__details__btn__item--next {
    text-align: right;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a i {
    margin-right: 0;
    margin-left: 5px;
}

.blog__details__btn__item h6 a {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #111111;
}

.blog__details__btn__item h6 a i {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    top: -2px;
    margin-right: 5px;
}

.blog__details__comment {
    position: relative;
}

.blog__details__comment h5 {
    color: #111111;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.blog__details__comment .leave-btn {
    font-size: 14px;
    font-weight: 700;
    color: #111111;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    top: 0;
}

.blog__details__comment .leave-btn:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 1px;
    width: 100%;
    background: #d7b470;
    content: "";
}

.blog__comment__item {
    margin-bottom: 15px;
    border-bottom: 1px solid #1b1b1b20;
    padding-bottom: 15px;
}

.blog__comment__item:last-child {
    margin-bottom: 0;
    border: 0;
}

.blog__comment__item.blog__comment__item--reply {
    padding-left: 115px;
}

.blog__comment__item__pic {
    float: left;
    margin-right: 25px;
}

.blog__comment__item__pic img {
    border-radius: 50%;
}

.blog__comment__item__text {
    overflow: hidden;
    padding-top: 15px;
    border-top: 1px solid #1b1b1b20;
    padding-bottom: 10px;
    border-bottom: 1px solid;
}

.blog__comment__item__text h6 {
    color: #111111;
    font-weight: 600;
    margin-bottom: 14px;
}

.blog__comment__item__text p {
    font-size: 13px;
    color: #444444;
    line-height: 26px;
    margin-bottom: 5px;
    padding: 0 5px;
    text-align: justify;
}

.blog__comment__item__text ul li {
    list-style: none;
    font-size: 12px;
    color: #888888;
    display: inline-block;
    margin-right: 25px;
}

.blog__comment__item__text ul li:last-child {
    margin-right: 0;
}

.blog__comment__item__text ul li i {
    font-size: 14px;
    color: #d7b470;
    margin-left: 5px;
}

/*---------------------
  Contact
-----------------------*/

.contact {
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact__address {
    margin-bottom: 45px;
}

.contact__address h5 {
    color: #111111;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.contact__address ul li {
    list-style: none;
    position: relative;
    margin-bottom: 20px;
}

.contact__address ul li:last-child {
    margin-bottom: 0;
}

.contact__address ul li h6 {
    color: #111111;
    font-weight: 600;
    margin-bottom: 10px;
}

.contact__address ul li h6 i {
    font-size: 16px;
    color: #d7b470;
    margin-right: 5px;
}

.contact__address ul li p {
    margin-bottom: 0;
    font-size: 15px;
    color: #444444;
}

.contact__address ul li span {
    font-size: 15px;
    color: #444444;
    display: inline-block;
    margin-right: 25px;
    position: relative;
}

.contact__address ul li span:after {
    position: absolute;
    right: -15px;
    top: 11px;
    content: "|";
    line-height: 0;
}

.contact__address ul li span:last-child {
    margin-right: 0;
}

.contact__address ul li span:last-child:after {
    display: none;
}

.contact__form h5 {
    color: #111111;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 35px;
}

.contact__form form input {
    height: 50px;
    width: 100%;
    padding-left: 20px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin-bottom: 20px;
}

.contact__form form input::-webkit-input-placeholder {
    color: #444444;
}

.contact__form form input::-moz-placeholder {
    color: #444444;
}

.contact__form form input:-ms-input-placeholder {
    color: #444444;
}

.contact__form form input::-ms-input-placeholder {
    color: #444444;
}

.contact__form form input::placeholder {
    color: #444444;
}

.contact__form form textarea {
    height: 130px;
    width: 100%;
    padding-left: 20px;
    padding-top: 12px;
    font-size: 14px;
    color: #444444;
    border: 1px solid #e1e1e1;
    border-radius: 10px;
    margin-bottom: 14px;
    resize: none;
}

.contact__form form textarea::-webkit-input-placeholder {
    color: #444444;
}

.contact__form form textarea::-moz-placeholder {
    color: #444444;
}

.contact__form form textarea:-ms-input-placeholder {
    color: #444444;
}

.contact__form form textarea::-ms-input-placeholder {
    color: #444444;
}

.contact__form form textarea::placeholder {
    color: #444444;
}

.contact__map {
    height: 780px;
}

.contact__map iframe {
    width: 100%;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1600px) and (max-width: 1900px) {
    .header {
        padding: 0 85px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .header__menu ul li {
        margin-right: 20px;
    }

    .header {
        padding: 0 30px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__menu ul li {
        margin-right: 20px;
    }

    .header__right__auth {
        margin-right: 5px;
    }

    .sidebar__filter a {
        padding: 5px 15px 5px 15px;
    }

    .nav::before {
        width: 240px;
    }

    .nav::after {
        width: 240px;
    }
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .filter__controls li {
        margin-right: 15px;
    }

    .discount__pic img {
        height: auto;
    }

    .discount__text {
        height: auto;
    }

    .sidebar__filter a {
        position: relative;
        bottom: 0;
    }

    .filter-range-wrap .range-slider .price-input input {
        max-width: 27%;
    }

    .filter-range-wrap .range-slider .price-input {
        margin-bottom: 20px;
    }

    .product__details__pic {
        margin-bottom: 50px;
    }

    .nav::before {
        width: 125px;
    }

    .nav::after {
        width: 125px;
    }

    .discount__content {
        margin-bottom: 40px;
    }

    .checkout__order {
        margin-top: 20px;
    }

    .blog__sidebar {
        padding-left: 0;
    }

    .offcanvas-menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        content: "";
        z-index: 98;
        visibility: hidden;
        backdrop-filter: blur(5px);
    }

    .offcanvas-menu-overlay.active {
        visibility: visible;
    }

    .offcanvas-menu-wrapper {
        position: fixed;
        left: -300px;
        width: 300px;
        height: 100%;
        background: #ffffff;
        padding: 90px 20px 30px 30px;
        display: block;
        z-index: 99;
        overflow-y: auto;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        opacity: 0;
    }

    .offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0;
    }

    .offcanvas__close {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 30px;
        top: 25px;
        border: 1px solid #ddd;
        border-radius: 50%;
        font-size: 26px;
        text-align: center;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        cursor: pointer;
    }

    .offcanvas__menu {
        display: none;
    }

    .slicknav_btn {
        display: none;
    }

    .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 20px;
    }

    .slicknav_nav ul {
        margin: 0;
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 7px 0;
        margin: 0;
        color: #111111;
        font-weight: 600;
    }

    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }

    .slicknav_nav a:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }

    .slicknav_nav {
        display: block !important;
    }

    .offcanvas__logo {
        margin-bottom: 25px;
    }

    .offcanvas__widget {
        text-align: center;
        margin-bottom: 20px;
    }

    .offcanvas__widget li {
        list-style: none;
        display: inline-block;
        font-size: 18px;
        color: #111111;
        margin-right: 20px;
        cursor: pointer;
    }

    .offcanvas__widget li:last-child {
        margin-right: 0;
    }

    .offcanvas__widget li a {
        font-size: 18px;
        color: #111111;
        position: relative;
    }

    .offcanvas__widget li a .tip {
        position: absolute;
        right: -12px;
        top: -11px;
        height: 18px;
        width: 18px;
        background: #111111;
        font-size: 10px;
        font-weight: 500;
        color: #ffffff;
        line-height: 18px;
        text-align: center;
        border-radius: 50%;
    }

    .offcanvas__auth a {
        font-size: 15px;
        color: #111111;
        position: relative;
        margin-right: 8px;
        font-weight: 500;
    }

    .offcanvas__auth a:last-child {
        margin-right: 0;
    }

    .offcanvas__auth a:last-child:after {
        display: none;
    }

    .offcanvas__auth a:after {
        position: absolute;
        right: -8px;
        top: -2px;
        content: "/";
        font-size: 13px;
    }

    .header__menu {
        display: none;
    }

    .header__right {
        display: none;
    }
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
    .offcanvas-menu-overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.7);
        content: "";
        z-index: 98;
        /* -webkit-transition: all, 0.5s;
		-o-transition: all, 0.5s;
		transition: all, 0.5s; */
        visibility: hidden;
        backdrop-filter: blur(5px);
    }

    .offcanvas-menu-overlay.active {
        visibility: visible;
    }

    .offcanvas-menu-wrapper {
        position: fixed;
        left: -270px;
        width: 270px;
        height: 100%;
        background: #ffffff;
        padding: 0;
        display: block;
        z-index: 99;
        overflow-y: auto;
        -webkit-transition: all, 0.5s;
        -o-transition: all, 0.5s;
        transition: all, 0.5s;
        opacity: 0;
    }

    .offcanvas-menu-wrapper.active {
        opacity: 1;
        left: 0;
    }

    .offcanvas__close {
        position: absolute;
        width: 40px;
        height: 40px;
        right: 30px;
        top: 25px;
        border: 1px solid #ddd;
        border-radius: 50%;
        font-size: 26px;
        text-align: center;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        cursor: pointer;
    }

    .offcanvas__menu {
        display: none;
    }

    .slicknav_btn {
        display: none;
    }

    .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 20px;
    }

    .slicknav_nav ul {
        margin: 0;
    }

    .slicknav_nav .slicknav_row,
    .slicknav_nav a {
        padding: 7px 0;
        margin: 0;
        color: #111111;
        font-weight: 600;
    }

    .slicknav_nav .slicknav_row:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }

    .slicknav_nav a:hover {
        border-radius: 0;
        background: transparent;
        color: #111111;
    }

    .slicknav_nav {
        display: block !important;
    }

    .offcanvas__logo {
        margin-bottom: 25px;
    }

    .offcanvas__widget {
        text-align: center;
        margin-bottom: 20px;
    }

    .offcanvas__widget li {
        list-style: none;
        display: inline-block;
        font-size: 18px;
        color: #111111;
        margin-right: 20px;
        cursor: pointer;
    }

    .offcanvas__widget li:last-child {
        margin-right: 0;
    }

    .offcanvas__widget li a {
        font-size: 18px;
        color: #111111;
        position: relative;
    }

    .offcanvas__widget li a .tip {
        position: absolute;
        right: -12px;
        top: -11px;
        height: 18px;
        width: 18px;
        background: #111111;
        font-size: 10px;
        font-weight: 500;
        color: #ffffff;
        line-height: 18px;
        text-align: center;
        border-radius: 50%;
    }

    .offcanvas__auth a {
        font-size: 15px;
        color: #111111;
        position: relative;
        margin-right: 8px;
        font-weight: 500;
    }

    .offcanvas__auth a:last-child {
        margin-right: 0;
    }

    .offcanvas__auth a:last-child:after {
        display: none;
    }

    .offcanvas__auth a:after {
        position: absolute;
        right: -8px;
        top: -2px;
        content: "/";
        font-size: 13px;
    }

    .header__menu {
        display: none;
    }

    .header__right {
        display: none;
    }

    .filter__controls {
        text-align: left;
        margin-bottom: 40px;
    }

    .filter__controls li {
        margin-right: 20px;
    }

    .discount__pic img {
        height: auto;
    }

    .discount__text {
        padding: 75px 40px 50px;
        height: auto;
    }

    .product__details__pic__left {
        height: auto;
    }

    .product__details__pic {
        /* margin-bottom: 30px; */
    }

    .quantity {
        float: none;
        margin-right: 0;
    }

    .nav::before {
        display: none;
    }

    .nav::after {
        display: none;
    }

    .shop__cart__table {
        overflow-x: auto;
    }

    .shop__cart__table tbody tr .cart__product__item img {
        float: none;
        margin-right: 0;
    }

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

    .cart__btn.update__btn {
        text-align: center;
    }

    .discount__content h6 {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .discount__content {
        margin-bottom: 35px;
    }

    .blog__sidebar {
        padding-left: 0;
        padding-top: 40px;
    }

    .contact__content {
        margin-bottom: 40px;
    }
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .categories__item.categories__large__item {
        padding-left: 30px;
    }

    .banner__text h1 {
        font-size: 45px;
    }

    .filter__controls li {
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .discount__text {
        padding: 75px 0px 50px;
    }

    .footer__newslatter form {
        text-align: center;
    }

    .footer__newslatter form input {
        margin-bottom: 10px;
    }

    .footer__newslatter form button {
        position: relative;
        right: 0;
        top: 0;
    }

    .product__details__button .cart-btn {
        float: none;
        margin-right: 0;
    }

    .product__details__button ul {
        float: none;
    }

    .nav-item {
        margin-right: 20px;
    }

    .blog__details__item__title {
        margin-right: 30px;
    }

    .blog__comment__item.blog__comment__item--reply {
        padding-left: 0;
    }

    .blog__comment__item__text ul li {
        margin-right: 5px;
    }

    .primary-btn.load-btn {
        padding: 12px 50px 10px;
    }

    .blog__comment__item__pic {
        float: none;
        margin-bottom: 20px;
    }

    .discount__content form {
        width: 100%;
    }

    .search-model-form input {
        width: 100%;
        font-size: 24px;
    }
}

.text-color {
    color: #d7b470;
}

.background-color {
    background: #d7b470;
}

.header__logo img {
    height: 50px;
}

.footer__logo img {
    height: 100px;
}

@media (min-width: 768px) {
    .categories__item.categories__large__item {
        border-radius: 10px 0px 0px 10px;
    }
}

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

.cart__product__item strong {
    margin: 0 5px;
}

html,
body {
    overflow-x: hidden;
    direction: rtl !important;
    text-align: right;
}

@media (max-width: 768px) {
    .col-6 .product__item__pic {
        height: calc(50vw - 30px) !important;
    }

    .col-4 .product__item__pic {
        height: calc(33vw - 30px) !important;
    }

    .product__item__pic {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }

    .footer {
        /* display: none */
    }

    .product__details__text {
        padding-top: 5px !important;
    }

    .product__details__pic img {
        height: 50vh !important;
        width: 100% !important;
    }
}

.categories__item.categories__large__item {
}

.categories__item {
    justify-content: left;
    text-align: left;
}

.product__item__pic {
    height: 250px;
}

.header__right {
    text-align: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .header__menu ul li {
        margin-left: 10px;
        margin-right: unset;
    }
}

.header__right__widget li {
    margin-right: unset;
    margin-left: 20px;
}

.header__right__auth {
    margin-right: unset;
    /*     margin-left: 25px;
 */
}

@media only screen and (max-width: 479px) {
    .categories__item.categories__large__item {
        padding-left: 25px;
        padding-right: 30px;
    }
}

.banner {
    direction: ltr;
}

.footer__newslatter form button {
    right: unset;
    left: 4px;
    top: 4px;
}

.footer__newslatter form input {
    padding-left: unset;
    padding-right: 30px;
}

.section-title h4:after {
    /* 	left: auto;
	right: 0 !important; */
}

.trend__item__text .rating i {
    margin: 0;
}

.categories {
    margin-top: 0;
}

.product {
    /*     padding-top: 25px;
    padding-bottom: 0;
 */
}

@media (max-width: 768px) {
    .header__logo {
        text-align: center;
        padding: 15px 0 0;
        width: 100%;
    }

    .large-hidden {
        display: none !important;
    }

    .icon_menu,
    .icon_profile {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 15px 15px 0;
        color: #e2e3e9;
        font-size: 20px;
    }

    .icon_menu i {
    }
}

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

@media only screen and (max-width: 767px) {
    .offcanvas__widget li {
        margin-left: 20px;
        margin-right: unset;
    }

    .offcanvas__widget {
        display: none;
    }

    .offcanvas__close {
        display: none;
    }
}

.offcanvas-menu-wrapper {
    padding-top: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__menu ul li {
        margin-left: 10px;
        margin-right: unset;
    }
}

@media (min-width: 768px) {
    .categories__item {
        border-radius: 10px;
    }

    .categories .col-lg-8 .col-lg-6:nth-child(4) .categories__item {
        border-radius: 0px 10px 10px 0;
    }

    .categories .col-lg-8 .col-lg-6:nth-child(2) .categories__item {
        border-radius: 0px 10px 10px 0;
    }

    .discount__pic img {
        border-radius: 0px 15px 15px 0px;
    }

    .canvas__open,
    .canvas__login {
        display: none;
    }
}

@media (max-width: 768px) {
    .canvas__login {
    }

    .canvas__login a {
        display: block;
        height: 100%;
    }

    .canvas__login span {
        font-size: 25px;
    }

    .categories__item {
    }

    .categories__large__item .categories__text {
        padding: 25px;
        text-align: right;
    }

    .discount__pic img {
        border-radius: 15px;
        margin: 10px;
        width: calc(100% - 20px);
        min-width: 100px;
    }
}

.categories__text {
    position: absolute;
    bottom: 0px;
    width: 100%;
    max-width: 100% !important;
    background: #ffffff90;
    left: 0;
    padding: 15px 15px 25px;
}

.categories__text small {
    font-size: 12px;
}

.product__item__text .rating i {
    margin: auto !important;
}

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

.discount__pic img {
    object-fit: cover;
    object-position: center;
}

.discount__text__title h2 {
    font-size: 25px;
    line-height: 45px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 15px;
}

.countdown__item span {
    font-size: 24px;
    font-weight: bold;
}

.countdown__item p {
    font-weight: 300;
    font-size: 15px;
}

.countdown__item {
    padding: 0 10px;
}

.countdown__item {
    width: 33.333%;
}

.product__price small {
    margin: 0 5px;
}

.hidden,
[hidden] {
    display: none !important;
}

.section-title h4:after {
    /*     bottom: -15px;
    height: 3px; */
}

.trend__item__pic img {
    height: 55px;
    width: 55px;
    object-fit: cover;
    border-radius: 10px;
}

.banner__text h1 {
    font-size: 30px;
    font-weight: bold;
    margin: 30px 0 40px;
}

.blog__details__item__title {
    margin-top: 0;
    margin-right: auto;
    margin-left: 50px;
    padding-right: initial;
    padding-left: 30px;
    padding-bottom: 15px;
    padding-top: 0;
}

.blog__details__btn__item h6 a i {
    top: 0;
    margin-right: auto;
    margin-left: 5px;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a i {
    margin-right: 5px;
    margin-left: 0;
}

.blog__details__btn__item.blog__details__btn__item--next h6 a {
    text-align: left;
    display: block;
}

.alert-box {
    margin: 20px 15px 0;
}

.alert {
    margin: 0;
    padding: 20px;
}

.alert-box ul {
    list-style: none;
}

.alert-box ul li {
    font-size: 13px;
    font-weight: bold;
}

.offcanvas-menu-wrapper {
    display: none;
}

@media (max-width: 768px) {
    nav .active {
    }

    nav li {
    }
}

.offcanvas__auths ul {
    padding: 10px;
}

.offcanvas__auths li {
}

.offcanvas__auths li a.active {
    background: #282a2f;
}

.offcanvas__auths li a.active * {
    color: #fff;
    font-weight: bold;
}

.offcanvas__auths li a {
    display: flex;
    padding: 15px 15px;
    color: #808589;
    font-size: 15px;
    border-radius: 10px;
    margin-bottom: 5px;
}

.offcanvas__auths li a div {
}

.offcanvas__auths li a span {
    margin: 0 15px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    top: 2px;
    font-size: 15px;
}

.offcanvas__auths ul {
    list-style: none;
}

.services {
    padding-top: 35px;
    padding-bottom: 0;
}

.banner__slider {
    padding: 55px 0 0;
}

.overflow-hidden {
    overflow: hidden !important;
}

.slicknav_menu li {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.slicknav_menu li::before {
    content: "";
}

#search-results {
    padding: 10px;
    position: absolute;
    top: 55px;
    right: 10px;
    background: #fff;
    width: calc(100% - 20px);
    z-index: 5;
    border-radius: 10px;
    box-shadow: 1px 1px 1px 1px #1b1b1b20;
    border: 1px solid #1b1b1b10;
    max-height: calc(100vh - 200px);
    overflow: auto;
}

#search-results .items {
}

#search-results .items .item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #1b1b1b10;
    padding-bottom: 10px;
}

#search-results .items .item:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

#search-results .item img {
    border: 1px solid #1b1b1b20;
    width: 60px;
    height: 60px;
    border-radius: 10px;
    object-fit: cover;
}

#search-results .item .info {
    width: calc(100% - 60px);
    padding: 10px;
}

#search-results .item .info h3 {
    font-size: 16px;
    font-weight: bold;
}

#search-results .item .info p {
    margin: 0;
    font-size: 12px;
}

.banner {
    height: 300px;
}

.banner__slider.owl-carousel .owl-dots {
    top: 260px;
}

.nav-item {
    margin-right: unset;
    margin-left: 46px;
}

.checkout__form .checkout__form__input input {
    padding-right: 20px;
}

.checkout__form .site-btn {
    min-width: 125px;
}

.alert-box {
    /* max-width: 1145px; */
    margin: 0;
}

.alert {
    border-radius: 0;
}

@media (max-width: 768px) {
    .alert-box {
        margin: 15px 0 20px;
    }

    .checkout__form .site-btn {
        width: 100%;
    }
}

form .checkout__form__input span {
    margin: 5px;
}

@media (max-width: 768px) {
    .datepicker-plot-area .header {
        padding-top: 18px;
    }

    .datepicker-plot-area .datepicker-day-view .table-days {
        margin-top: 5px;
    }

    .datepicker-plot-area .datepicker-navigator {
        margin-top: 70px;
    }

    .datepicker-container.pwt-mobile-view
        .datepicker-plot-area
        [class*="pwt-btn"] {
        font-size: 15px;
        font-weight: bold;
    }

    .pwt-btn-calendar {
        display: none !important;
    }

    .pwt-btn-prev,
    .pwt-btn-next {
        font-size: 25px !important;
        font-weight: 200 !important;
    }

    .datepicker-plot-area .datepicker-day-view .month-grid-box .header {
        background: transparent;
        border: 0;
        backdrop-filter: none;
    }

    .datepicker-container.pwt-mobile-view .datepicker-plot-area {
        background: #b5b1b140;
        backdrop-filter: blur(10px);
    }

    .datepicker-plot-area table *,
    .datepicker-plot-area table {
        background: transparent !important;
        backdrop-filter: none;
        text-shadow: none !important;
    }

    .datepicker-container * {
        font-size: 15px !important;
    }

    .datepicker-container {
        max-height: 470px;
        bottom: 0 !important;
        top: auto !important;
        border-radius: 30px 30px 0 0;
    }

    .datepicker-plot-area td.selected {
        background: #d7b470 !important;
        border-radius: 10px;
    }

    .datepicker-plot-area .month-item,
    .datepicker-plot-area .month-item:hover,
    .datepicker-plot-area .month-item:focus {
        background: transparent !important;
        text-shadow: none !important;
        color: #000;
    }

    .datepicker-plot-area .year-item,
    .datepicker-plot-area .year-item:hover,
    .datepicker-plot-area .year-item:focus {
        background: transparent !important;
        text-shadow: none !important;
        color: #000;
    }

    .datepicker-plot-area .month-item.selected {
        background: #d7b470 !important;
        border-radius: 10px;
    }

    .datepicker-plot-area .year-item.selected {
        background: #d7b470 !important;
        border-radius: 10px;
    }
}

.pwt-btn-calendar {
    display: none !important;
}

.notice {
    margin: 20px 0 0;
    padding: 0 10px;
}

.notice p {
    margin: 0;
}

.discount-box {
    width: 100%;
}

.discount-box p {
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding-right: 9px;
    border-right: 3px solid #d7b470;
}

.discount-box input {
    padding: 10px;
    font-size: 12px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #1b1b1b20;
    margin-bottom: 10px;
}

.item-icon {
    text-align: center;
    padding: 20px 20px 10px;
}

.item-icon a {
    display: block;
}

.item-icon img {
    width: 45px;
}

.item-icon p {
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0;
}

.checkout__form .checkout__form__input select {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    margin-bottom: 25px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    background: transparent;
    margin-bottom: 0;
}
.checkout__form .checkout__form__input option {
    height: 50px;
    width: 100%;
    border: 1px solid #e1e1e1;
    border-radius: 2px;
    margin-bottom: 25px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    color: #fff;
    background: #282a2f;
    margin-bottom: 0;
}

.input-select-s2 select {
    width: 100%;
}

.select2-container {
    height: 55px !important;
    margin-bottom: 20px !important;
}

.cus-table-row {
    padding: 0;
    text-align: right;
    width: max-content;
    min-width: 80px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 13px;
}

.w-full {
    width: 100%;
}

.cart__product__item .flex .row .col-sm-6:first-child {
    align-items: center;
    display: flex;
}

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

.select2-container--default .select2-selection--single {
    padding: 13px;
}

.form-s2-title {
    color: #444444;
    font-weight: 500;
    margin-bottom: 10px;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 15px !important;
    right: 10px !important;
    width: 20px;
}

.select2-container .select2-selection--single {
    height: 100% !important;
}

.checkout__form_checkbox {
    padding: 5px 0 20px;
}

.checkout__form_checkbox input {
    width: 15px;
    height: 15px;
    position: relative;
    top: 2px;
}

.checkout__form_checkbox span {
    margin: 10px;
    font-size: 15px;
}

.click-for-upload small {
    color: #666666;
}

.click-for-upload {
    display: block;
    padding: 16px;
    width: 100%;
    color: #d7b470 !important;
    border: 2px dotted #d7b470;
    border-radius: 10px;
    margin-bottom: 25px;
    font-size: 14px;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

.add-service-item {
    padding: 20px 15px 0;
    margin-bottom: 25px;
    margin-top: 15px;
    border-radius: 10px;
    border: 1px solid #ffffff20;
    position: relative;
}

.add-service-item-number {
    position: absolute;
    top: -11px;
    background: #191a1f;
    padding: 0 15px;
    font-size: 14px;
}

.add-service-item-delete,
.add-service-item-edit {
    position: absolute;
    top: -11px;
    background: #191a1f;
    padding: 0 15px;
    font-size: 12px;
    left: 15px;
    color: red;
    font-weight: bold;
    cursor: pointer;
}

.add-service {
    float: left;
    color: #d7b470;
    font-size: 15px;
    position: relative;
    top: 0px;
}

.remove-item {
    float: left;
    font-weight: bold;
    font-size: 11px;
    position: relative;
    top: -5px;
    cursor: pointer;
}

.shop__cart__table tbody tr .cart__product__item img {
    float: unset;
    margin-left: 25px;
    margin-right: unset;
    width: 50%;
    /* height: calc(100vh); */
    /* max-width: 240px; */
    /* max-height: 300px; */
    object-fit: cover;
    border-radius: 10px;
    border: 1px solid #1b1b1b20;
}

@media (max-width: 768px) {
    .shop__cart__table tbody tr .cart__product__item img {
        /* max-height: 400px; */
    }
}

.cart__product__item .flex {
    display: flex;
    /* align-items: center; */
}

.offcanvas-menu-wrapper {
    top: 0;
    right: 0;
    left: auto;
    display: none;
}

a {
    color: #d7b470;
}

.offcanvas-menu-wrapper.active {
    display: block;
}

.shop__cart__table tbody tr .cart__price {
    text-align: center;
}

.shop__cart__table {
    margin-bottom: 0 !important;
}

.shop__cart__table tbody tr:last-child {
    border-bottom: 0;
}

.checkout form {
}

.table-action {
    font-size: 10px;
    margin: 10px 0;
    display: block;
    font-weight: bold;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
}

.table-action-fill {
    font-size: 10px;
    margin: 10px 0;
    display: block;
    font-weight: bold;
    border: 1px solid;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    background: #d7b470;
    color: #000;
}

.shop__cart__table tbody tr td {
    padding: 0;
}

.product-details {
    padding-top: 5px;
}

.border-out {
    border: 0 !important;
}

.product__details__text {
    padding-top: 15px;
    font-size: 10px;
}

.wl,
.wr {
    height: calc(100% - 10px);
}

@media (max-width: 768px) {
    .wl {
        margin-left: 2.5px !important;
        height: calc(100% - 5px);
        padding-bottom: 0 !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .wr {
        margin-right: 2.5px !important;
        height: calc(100% - 5px);
        padding-bottom: 0 !important;
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    .wr p,
    .wl p {
        margin: 0 !important;
    }
}

.login-body button {
    width: 100%;
}

.login-body h1 {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 25px;
    color: #fff;
}

.login-body label {
    width: 100%;
    text-align: right;
    font-weight: bold;
    margin-top: 15px;
    font-size: 13px;
    color: #fff;
    margin-bottom: 0;
}

.login-body input {
    border-radius: 0px !important;
    margin-bottom: 15px !important;
    font-size: 13px !important;
    padding: 20px 0px 25px !important;
    background: transparent;
    border: 0;
    border-bottom: 1px solid;
    margin-top: 5px;
    box-shadow: none !important;
    color: #fff !important;
    border-color: #ced4da;
}

.login-body input:hover,
.login-body input:focus,
.login-body input:disabled,
.login-body input[readonly] {
    background: transparent !important;
    border-color: #d7b470 !important;
    outline: none !important;
    text-decoration: none !important;
}

.login-btn {
    font-size: 14px;
    color: #ffffff;
    background: #d7b470;
    font-weight: 600;
    border: none;
    text-transform: uppercase;
    display: inline-block;
    padding: 12px 30px;
    border-radius: 10px;
    margin-top: 10px;
}

.login-body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding-top: 0px;
    padding-bottom: 40px;
}

.form-signin {
    width: 100%;
    max-width: 380px;
    padding: 15px;
    margin: 0 auto;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.add-turns-from {
    padding-left: 0;
}

.add-turns-to {
    padding-left: 0;
}

.add-turns-delete {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.add-turns-delete p {
    margin: 0;
    font-size: 14px;
    color: red;
    font-weight: bold;
    position: relative;
    top: 8px;
}

.add-turns-from .form-group,
.add-turns-to .form-group {
    font-size: 14px;
    margin-bottom: 10px;
}

.col-form-label {
    font-size: 13px;
}

#turn-modal .modal-body {
    padding: 0 1rem;
}

.add-turns-from .form-group input,
.add-turns-to .form-group input {
    font-size: 12px;
}

@media (min-width: 760px) {
    #calendar {
    }
}

@media (max-width: 760px) {
    #calendar {
        padding-bottom: 0;
    }

    footer {
        display: none;
    }
}

.fc-day-top {
}

.discount {
    display: none !important;
}

.cart__product__item .flex .row {
    width: 50%;
}

.cart__product__item .flex .row h4 {
    font-weight: bold;
}

.invite-buttons {
}

.invite-button {
    display: flex;
    background: transparent;
    border-radius: 10px;
    min-width: 130px;

    height: 40px;
}

.invite-button img {
    width: 25px !important;
    height: 25px !important;
    border: 0 !important;
    margin: 0 !important;
    position: relative;
    top: 5px;
}

.invite-button {
}

.invite-button p {
    margin: 0;
    height: 100%;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bold;
}

.nav::before,
.nav::after {
    width: calc(50% - 60px);
}

.product__item__text h6 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 17px;
}

.shop__cart__table h3 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.table-notice {
    font-weight: 300;
    font-size: 13px;
    color: white;
    /* margin-bottom: 0; */
}

@media (max-width: 768px) {
    .profile-spad {
        padding-left: 5px;
        padding-right: 5px;
    }
}

form .notice {
    margin: 0;
    margin-top: 10px;
    margin-bottom: 5px !important;
    text-align: justify;
    border-right: 3px solid #d7b470;
    padding-right: 15px;
    font-weight: 300 !important;
}

.market-information {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    border-bottom: 1px solid #36383f;
    padding-bottom: 15px;
    margin-bottom: 20px;
    font-weight: bold;
}

.market-information .key {
    color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.worker-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.worker-container .checkmark:after {
    left: 9px;
    top: 6px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.workers-services .title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
}

.workers-services label {
    border: 1px solid #35373e;
    border-radius: 10px;
    margin-left: 10px;
    display: flex;
    padding: 10px;
    margin: 10px;

    height: calc(100% - 20px);
}

.workers-services .col-6 {
    padding: 0;
}

.service-info {
    /* width: 100%; */
    padding: 0 15px;
}

.service-info .title {
    font-weight: bold;
    margin: 0;
    color: #fff;
    font-size: 14px;
}

.total-price .title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.service-info .price {
    font-weight: 300;
    margin: 0;
}

.service-info .price strong {
    font-size: 11px;
    font-weight: bold;
}

.total-price span {
    font-weight: 300;
    margin: 0;
    font-size: 15px;
}

.total-price strong {
    font-size: 11px;
    font-weight: bold;
}

.search-box {
    display: block;
    position: relative;
}

.workers img {
    object-fit: cover;
}

.swiper-box {
    height: 100%;
}

@media (min-width: 768px) {
    .workers img {
        height: calc(25vw - 175px);
        width: calc(25vw - 175px);
        max-width: 135px;
        max-height: 135px;
    }
}

@media (max-width: 768px) {
    .workers img {
        height: calc(33vw - 30px);
        width: calc(33vw - 30px);
        max-width: 135px;
        max-height: 135px;
    }
}

.loadinger {
    border: 3px solid #f8f8f899;
    border-radius: 50%;
    border-top: 3px solid #000;
    width: 18px;
    height: 18px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
    margin: 0;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.button-dis {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

.button-dis .aa {
}

.button-dis.invite-button {
    padding-top: 10px;
}

.empty-list {
    text-align: center;
    margin-bottom: 0px;
    margin-top: 0px;
}

.empty-list img {
    width: 85%;
    max-width: 350px;
    margin-top: 15px;
}

.empty-list .title {
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    color: #fff;
    margin-bottom: 10px;
}

.empty-list .help {
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 0;
}

.empty-list .help a {
    font-weight: bold;
}

.swiper-box .swiper {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
}

.swiper-box .swiper-slide {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.3);
    user-select: none;
    border-radius: 20px;
}

.swiper-box .cost {
    position: absolute;
    top: 8px;
    right: 6px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
    padding: 6px 10px;
    color: #fff;
    font-size: clamp(0.8rem, 4vw, 0.9rem);
    font-weight: 600;
}

.swiper-box .dark-text {
    color: #202134;
}

.swiper-box .swiper-slide img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: contain;
}

.swiper-home-page img {
    height: calc(100vw - 30px) !important;
    max-height: 350px;
}

.swiper-box .overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    padding: 10px 20px;
    background: rgba(93, 95, 145, 0.2);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    border-radius: 0 0 20px 20px;
}

.swiper-box .overlay h1 {
    font-size: clamp(1.2rem, 4vw, 1.5rem);
    font-weight: 600;
}

.swiper-box .overlay p {
    font-size: clamp(0.8rem, 4vw, 0.9rem);
    font-weight: 300;
    line-height: 1.3;
}

.swiper-box .ratings {
    display: flex;
    column-gap: 10px;
    margin-top: -6px;
}

.swiper-box .ratings span {
    font-size: clamp(0.8rem, 4vw, 0.9rem);
    font-weight: 300;
}

.swiper-box .star {
    color: #afe312;
}

.swiper-box .logo {
    position: fixed;
    right: -20px;
    bottom: -30px;
    z-index: 10;
}

.swiper-box .logo img {
    width: 120px;
}

@media (max-width: 890px) {
    .swiper-box .logo {
        right: -10px;
        bottom: -20px;
    }

    .swiper-box .logo img {
        width: 80px;
    }
}

@media (max-width: 1050px) {
}

@media (max-width: 930px) {
    .swiper-box section {
        grid-template-columns: 100%;
        grid-template-rows: 55% 40%;
        grid-template-areas:
            "slider"
            "content";
        place-items: center;
        gap: 64px;
        padding: 60px;
    }

    .swiper-box .swiper {
        grid-area: slider;
    }
}

.h-full {
    height: 100%;
}

@media (min-width: 768px) {
}

@media (max-width: 768px) {
    .swiper-box .swiper {
        height: 50vh;
    }
}

.swiper-box .swiper-button-next:after,
.swiper-box .swiper-button-prev:after {
    color: #d7b470;
}

.market-information .value span {
    display: inline-block;
    margin: 0 5px;
}

.cart__product__item h6 a {
    font-weight: bold;
}

.toast-box {
    position: fixed;
    bottom: 0;
    left: 10px;
    z-index: 5;
    width: calc(100% - 20px);
    max-width: 350px;
}

:root {
    --tr: all 0.5s ease 0s;
    --ch1: #05478a;
    --ch2: #0070e0;
    --cs1: #005e38;
    --cs2: #03a65a;
    --cw1: #c24914;
    --cw2: #fc8621;
    --ce1: #851d41;
    --ce2: #db3056;
}

@property --bg-help {
    syntax: "<percentage>";
    inherits: false;
    initial-value: -10%;
}

@property --bg-success {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 145%;
}

@property --bg-warning {
    syntax: "<percentage>";
    inherits: false;
    initial-value: -55%;
}

@property --bg-error {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 112%;
}

@property --bsc {
    syntax: "<color>";
    inherits: false;
    initial-value: red;
}

.toast-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: var(--tr);
    position: absolute;
    padding: 0 1rem;
    height: 100%;
}

.toast-item {
    /*overflow: hidden;*/
    max-height: 25rem;
    transition: var(--tr);
    position: relative;
}

@keyframes show-toast {
    0%,
    50%,
    100% {
        max-height: 0;
        opacity: 0;
    }

    10%,
    25% {
        max-height: 15rem;
        opacity: 1;
    }
}

.toast {
    background: #fff;
    color: #f5f5f5;
    padding: 1rem 2rem 1rem 3rem;
    text-align: center;
    border-radius: 1rem;
    position: relative;
    font-weight: 300;
    margin: 1rem 0;
    text-align: left;
    max-width: 350px;
    width: 100%;
    transition: var(--tr);
    opacity: 1;
    border: 0.15rem solid #fff2;
    box-shadow: 0 0 10px 0 #1a1f4360;
    text-align: right;
}

.toast:before {
    content: "";
    position: absolute;
    width: 0.5rem;
    height: calc(100% - 1.5rem);
    top: 0.75rem;
    right: 0.5rem;
    z-index: 0;
    border-radius: 1rem;
    background: var(--clr);
}

.toast h3 {
    font-size: 15px;
    margin: 0;
    line-height: 1.35rem;
    font-weight: 600;
    position: relative;
    color: var(--clr);
}

.toast p {
    position: relative;
    font-size: 12px;
    z-index: 1;
    margin: 0.25rem 0 0;
    color: #595959;
    line-height: 1.3rem;
}

.close {
    position: absolute;
    width: 1.35rem;
    height: 1.35rem;
    text-align: center;
    left: 1rem;
    cursor: pointer;
    border-radius: 100%;
}

.close:after {
    position: absolute;
    font-family: "Varela Round", san-serif;
    width: 100%;
    height: 100%;
    left: 0;
    font-size: 1.8rem;
    content: "+";
    transform: rotate(-45deg);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #595959;
    text-indent: 1px;
}

.toast.help {
    --bg: var(--ch1);
    --clr: var(--ch2);
    --brd: var(--ch3);
}

.icon-help:after {
    content: "?";
}

.toast.success {
    --bg: var(--cs1);
    --clr: var(--cs2);
    --brd: var(--cs3);
}

.icon-success:after {
    content: "L";
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 0.35rem;
    transform: rotateY(180deg) rotate(-38deg);
    text-indent: 0.1rem;
}

.toast.warning {
    --bg: var(--cw1);
    --clr: var(--cw2);
    --brd: var(--cw3);
}

.icon-warning:after {
    content: "!";
    font-weight: bold;
}

.toast.error {
    --bg: var(--ce1);
    --clr: var(--ce2);
    --brd: var(--ce3);
}

.icon-error:after {
    content: "+";
    font-size: 2.85rem;
    line-height: 1.2rem;
    transform: rotate(45deg);
}

.toast a {
    color: var(--clr);
}

.toast a:hover {
    color: var(--bg);
}

/*** ICONS ***/

.toast-icons {
    background: #fff;
    padding: 1rem 1rem 1.25rem 1rem;
    display: flex;
    justify-content: space-around;
    border-radius: 1rem;
    gap: 1.5rem;
    width: 100%;
    box-sizing: border-box;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    border: 0.15rem solid #fff1;
    box-shadow: 0 0 1.5rem 0 #1a1f4340;
}

.toast-icons:before {
    position: absolute;
    width: calc(100% + 0.3rem);
    height: calc(100% + 0.25rem);
    --bg-help: 45%;
    --bg-success: 45%;
    --bg-warning: 45%;
    --bg-error: 45%;
    --bsc: #fff0;
    background: radial-gradient(
            circle at 14% var(--bg-help),
            var(--ch1),
            #fff0 1.5rem
        ),
        radial-gradient(
            circle at 38% var(--bg-success),
            var(--cs1),
            #fff0 1.5rem
        ),
        radial-gradient(
            circle at 62% var(--bg-warning),
            var(--cw1),
            #fff0 1.5rem
        ),
        radial-gradient(circle at 86% var(--bg-error), var(--ce1), #fff0 1.5rem);
    content: "";
    bottom: -0.15rem;
    border-radius: 1rem;
    z-index: 0;
    transition: --bg-help 0.5s ease 0s, --bg-success 0.5s ease 0s,
        --bg-warning 0.5s ease 0s, --bg-error 0.5s ease 0s, --bsc 0.5s ease 0s;
    box-shadow: 0 0 1.5rem 0 #1a1f4320;
}

.toast-icons:has(label[for="t-help"]:hover):before {
    --bg-help: 53%;
    --bsc: var(--ch2);
}

.toast-icons:has(label[for="t-success"]:hover):before {
    --bg-success: 53%;
    --bsc: var(--cs2);
}

.toast-icons:has(label[for="t-warning"]:hover):before {
    --bg-warning: 53%;
    --bsc: var(--cw2);
}

.toast-icons:has(label[for="t-error"]:hover):before {
    --bg-error: 53%;
    --bsc: var(--ce2);
}

.toast-icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    position: relative;
    background: radial-gradient(
        circle at 50% 50%,
        var(--clr) 1.25rem,
        var(--brd) calc(1.25rem + 1px) 100%
    );
}

.toast-icon:after {
    font-size: 1.75rem;
}

.icon-success:after {
    font-size: 1.5rem;
    padding-bottom: 0.25rem;
}

.icon-error:after {
    font-size: 2.85rem;
    line-height: 2rem;
    font-weight: 500;
    padding-top: 0.25rem;
    max-height: 2rem;
}

.icon-help,
.toast-item.help {
    --clr: #0070e0;
    --brd: #0070e040;
}

.icon-success,
.toast-item.success {
    --clr: #03a65a;
    --brd: #03a65a40;
}

.icon-warning,
.toast-item.warning {
    --clr: #fc8621;
    --brd: #fc862140;
}

.icon-error,
.toast-item.error {
    --clr: #db3056;
    --brd: #db305640;
}

#t-help:checked ~ .toast-panel .toast-item.help,
#t-success:checked ~ .toast-panel .toast-item.success,
#t-warning:checked ~ .toast-panel .toast-item.warning,
#t-error:checked ~ .toast-panel .toast-item.error {
    max-height: 0;
    opacity: 0;
}

input[type="checkbox"] {
    display: none;
}

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

.b-cart-p {
    padding-bottom: 0 !important;
}

.col-image-b {
    padding-left: 0;
    padding-right: 0;
}

.col-image-b img {
    margin: 0;
    width: 100% !important;
    height: calc(100% - 45px);
    object-fit: contain !important;
    max-height: 180px !important;
}

.b-cols-box .c-l {
    padding-right: 0;
    padding-left: 5px;
}

.b-cols-box .c-r {
    padding-left: 0;
    padding-right: 5px;
}

.b-cols-box .c-l a,
.b-cols-box .c-r a {
    margin-bottom: 0;
}

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

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

.accounting-alert {
    margin: 10px 0 0;
}

.col-image-b {
    margin-bottom: -25px;
}

@media (max-width: 768px) {
    form .notice {
        margin-bottom: 10px !important;
    }
}

@media (min-width: 768px) {
    .cat-in-big .product__item__pic {
        height: 160px !important;
    }
}

.product__item__pic {
    border: 1px solid #1b1b1b20;
    background-color: #36383f;
    /* background-size: 85% 85%; */
    /* background-position: center; */
    border-radius: 25px;
}

.comment-button {
    margin-bottom: 15px;
    position: absolute;
    left: 6px;
    font-size: 10px;
    bottom: 0;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 10px;
}

.invite-buttons {
}

.invite-button {
    display: flex;
    background: transparent;
    border-radius: 10px;
    min-width: 130px;

    height: 40px;
}

.invite-button img {
    width: 25px !important;
    height: 25px !important;
    border: 0 !important;
    margin: 0 !important;
    position: relative;
    top: 5px;
}

.invite-button {
}

.invite-button p {
    margin: 0;
    height: 100%;
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    font-weight: bold;
}

.nav::before,
.nav::after {
    width: calc(50% - 60px);
}

.product__item__text h6 {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 17px;
}

.shop__cart__table h3 {
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 10px !important;
}

.table-notice {
    font-weight: 300;
    font-size: 13px;
    color: white;

    /* margin-bottom: 0; */
}

@media (max-width: 768px) {
    .profile-spad {
        padding-left: 5px;
        padding-right: 5px;
    }
}

.workers {
}

.workers .title {
    font-weight: bold !important;
    margin-top: 5px;
    margin-bottom: 20px !important;
    color: #fff !important;
}

.worker {
    display: block;
    text-align: center;
}

.worker img {
    border-radius: 100%;
    border: 3px solid #1b1b1b25;
}

.worker-name {
    font-weight: bold !important;
    margin-top: 7px;
    margin-bottom: 0 !important;
}

.worker-phone {
    text-align: center;
    display: block;
}

.worker-phone p {
    margin: 0 !important;
}

.worker.active img {
    border-color: #d7b470;
}

.work-days {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}

.work-day {
    display: inline-block;
    border: 2px solid #ffffff20;
    border-radius: 10px;
    padding: 10px 30px;
    margin-left: 10px;
    text-align: center;
    cursor: pointer;
}

.work-day.active {
    border-color: #d7b470;
}

.work-day.active .work-day-date {
    color: #d7b470;
}

.work-day-time {
    margin: 0;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}

.work-day-date {
    margin: 0;
    font-weight: bold;
    font-size: 12px;
}

.work-times {
    padding: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 0;
    /* border-bottom: 1px solid #eee; */
}

.work-times label {
    border: 1px solid #35373e;
    border-radius: 10px;
    margin-left: 10px;
    display: flex;
    padding: 10px;
    margin: 10px;
}

.work-times p {
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 13px;
    padding-top: 1px;
    font-weight: 100;
    color: #fff;
}

.work-times p strong {
    font-weight: bold;
}

.work-time input {
}

.work-times .col-6 {
    padding: 0;
}

.work-times label[disabled] {
    background: #35373e;
    cursor: no-drop;
}

/* The container */
.worker-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    align-items: center;
}

/* Hide the browser's default checkbox */
.worker-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #35373e;
    display: block;
    border-radius: 5px;
}

/* On mouse-over, add a grey background color */
.worker-container:hover input ~ .checkmark {
}

/* When the checkbox is checked, add a blue background */
.worker-container input:checked ~ .checkmark {
    background-color: #d7b470;
    border-radius: 5px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.worker-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.worker-container .checkmark:after {
    left: 9px;
    top: 6px;
    width: 7px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.workers-services .title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 16px;
}

.total-price .title {
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.service-info .price {
    font-weight: 300;
    margin: 0;
}

.service-info .price strong {
    font-size: 11px;
    font-weight: bold;
}

.total-price span {
    font-weight: 300;
    margin: 0;
    font-size: 15px;
}

.total-price strong {
    font-size: 11px;
    font-weight: bold;
}

.search-box {
    display: block;
    position: relative;
}

.search-box input::placeholder {
    color: #fff;
}

.search-box input {
    width: 100%;
    border: 1px solid #21232d;
    border-radius: 10px;
    padding: 15px 25px;
    font-size: 12px;
    background: #20222b;
    color: #fff;
}

.search-box input:hover,
.search-box input:focus {
    border-color: #6a6e75;
}

.search-box i {
    color: #5b5d65;
}

.search-box button {
    position: absolute;
    left: 10px;
    top: 5px;
    background: transparent;
    border: 0;
    font-size: 21px;
    padding: 6px;
    color: #fff;
}

.workers img {
    object-fit: cover;
}

.swiper-box {
    height: 100%;
}

@media (min-width: 768px) {
    .workers img {
        height: calc(25vw - 175px);
        width: calc(25vw - 175px);
        max-width: 135px;
        max-height: 135px;
    }
}

@media (max-width: 768px) {
    .workers img {
        height: calc(33vw - 30px);
        width: calc(33vw - 30px);
        max-width: 135px;
        max-height: 135px;
    }

    .header {
        padding: 0 5px;
    }
}

.loadinger {
    border: 3px solid #f8f8f899;
    border-radius: 50%;
    border-top: 3px solid #000;
    width: 18px;
    height: 18px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    display: inline-block;
    margin: 0;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

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

    100% {
        transform: rotate(360deg);
    }
}

.button-dis {
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: column;
}

.button-dis .aa {
}

.button-dis.invite-button {
    padding-top: 10px;
}

@media (min-width: 768px) {
    .main-section .swiper-box {
        border-right: 1px solid;
    }
}

.main-section {
    position: relative;
    width: calc(min(90rem, 90%));
    margin: 0 auto;
    column-gap: 3rem;
    padding-block: min(20vh, 3rem);
    padding-bottom: 0;
    padding-top: 10px;
    line-height: 40px;
    border-bottom: 1px solid;
    margin-bottom: 5px;
    padding-bottom: 20px;
}

.offcanvas-menu-wrapper {
    background: #191d1f;
}

.main-section > div .span {
    text-transform: uppercase;
    /*     letter-spacing: 1.5px;
 */
    font-size: 15px;
    color: #717171;
    margin-bottom: 10px;
    display: block;
}

.main-section > div h1 {
    text-transform: capitalize;
    /*     letter-spacing: 0.8px;
 */
    font-family: "Roboto", sans-serif;
    font-weight: 900;
    font-size: clamp(3.4375rem, 3.25rem + 0.75vw, 4rem);
    background-color: #d8b571;
    background-image: linear-gradient(248deg, #d8b571, #ffffff);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    font-size: 40px;
    line-height: 65px;
}

.product__item__pic {
    border: 2px solid transparent !important;
}

.active .product__item__pic {
    border: 2px solid #d7b470 !important;
}

.sep {
    display: block;
    background: #212529;
    height: 1px;
    border: none;
    margin: 10px;
}

.main-section > div hr {
    display: block;
    background: #d6b56d;
    height: 0.25rem;
    width: 6.25rem;
    border: none;
    margin: 25px 0 25px 0;
}

.main-section > div .p {
    line-height: 30px;
    margin-bottom: 25px;
}

.main-section > div > a {
    border: 2px solid #c2c2c2;
    margin-top: 2.188rem;
    padding: 0.625rem 1.875rem;
}

.main-section > div > a:hover {
    border: 0.125rem solid #005baa;
    color: #005baa;
}

.swipers .swiper-slide {
    position: relative;
}

.swipers .swiper-slide .info {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #191a1f70;
    right: 0;
    border-radius: 0 0 20px 20px;
    padding: 10px;
    backdrop-filter: blur(7px);
}

.swipers .swiper-slide .info a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    color: #717171;
    font-weight: bold;
    background: #fff;
    border-radius: 3.125rem;
    transition: 0.3s ease-in-out;
    padding: 0px 17px;
    font-size: 10px;
}

.swipers .swiper-slide .info p {
    font-size: 13px;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
    font-weight: bold;
}

.main-section .swiper-box .swiper-slide {
    border-radius: 20px;
    background: #191a1f;
    border: 2px solid #d6b56d;
    /* padding: 20px 20px 5px; */
}

.main-section .swiper-pagination-bullet,
.main-section .swiper-pagination-bullet-active {
    background: #d6b56d;
}

.main-section .swiper {
    padding-bottom: 40px;
}

.main-section .swiper-pagination {
    bottom: -10px !important;
}

.swipper-banner-single img {
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    background: #36383f;
}

.parson-swiper .swiper-slide img {
    object-fit: cover;
    background: #36383f;
}

.pers-list-style {
    margin-top: -15px;
    font-size: 12px;
    font-weight: 300;
    color: #ffffff90 !important;
}

.workers img {
    background: #36383f;
    object-fit: contain;
}

.worker-name {
    color: #fff !important;
}

.low-color {
    color: #ffffff90 !important;
}

.white-color {
    color: #fff !important;
}

.table-avatar-image {
    width: 100% !important;
    height: 165px;
    object-fit: contain !important;
    border-radius: 25px !important;
    margin: 0 auto;
    background: #282a2f;
    margin-bottom: 15px;
}

.breadcrumb-option {
    color: #ffffff90;
}

.selection_times {
    background-color: #282a2f;
    color: white;
}

.pagination .page-link {
    color: white;
    background-color: #21232d;
    border: 1px solid #d7b470;
    border-radius: 0;
}

.pagination .page-link:hover {
    color: white;
    background-color: #d7b470;
    border-color: #d7b470;
    border-radius: 0;
}

.pagination .page-item.active .page-link {
    color: white;
    background-color: #d7b470;
    border-color: #d7b470;
    border-radius: 0;
}

.pagination .page-item.disabled .page-link {
    color: #999;
    background-color: #2a2b36;
    border-color: #444;
    border-radius: 0;
}

.langauage_button {
    display: flex;
    align-items: center;
    background-color: transparent;
    color: white;
}

.lang-btn input[type="radio"] {
    display: none;
}

.lang-btn {
    background-color: transparent;
    color: #fff;
    border: 1px solid #d6b56d;
    margin: 0 3px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border-radius: 6px;
}

.lang-btn.active {
    background-color: #d6b56d !important;
    color: #fff !important;
}

.lang-btn:hover {
    background-color: #d6b56d;
    color: #fff;
}

.color-white {
    color: white;
}

.ai-section .main-section {
    background: #130f0a !important;
    border-radius: 10px !important;
    margin: 0 !important;
    width: 100% !important;
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.ai-section .main-section img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

.ai-section .main-section .info {
    padding: 15px 20px 0 !important;
}

.ai-section .main-section .info h1 {
    margin-bottom: 0 !important;
    font-size: 19px !important;
    line-height: 36px !important;
}

@media (max-width: 768px) {
    .ai-section .col-sm-6 {
        padding: 0 !important;
    }
}

.ai-section .main-section .info p {
    font-size: 12px !important;
    min-height: 120px;
}

.ai-section .main-section .site-btn {
    padding: 5px 25px;
    font-size: 12px;
    color: #000;
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    .ai-section .main-section img {
        border-radius: 0px 10px 10px 0px !important;
    }
}

@media (max-width: 768px) {
    .ai-section .main-section img {
        border-radius: 10px 10px 0px 0px !important;
    }

    .ai-section .main-section .site-btn {
        margin-bottom: 15px;
        width: 100%;
    }
}

.active-ai a {
    background: #d7b470 !important;
    border-color: #d7b470 !important;
    color: #35373e !important;
}

.choose-model-ai-text {
    font-size: 12px;
    margin-bottom: 10px;
    padding: 0 5px;
    font-weight: 500;
}

.camera-frame {
    position: relative;
    width: 100%;
    height: 60vh;
    max-height: 400px;
    border-radius: 20px;
    overflow: hidden;
    background: #111;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.camera-frame::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    pointer-events: none;
}

.camera-text {
    position: relative;
    color: #fff;
    font-size: 15px;
    text-align: center;
    pointer-events: none;
    font-weight: bold;
}

@media (max-width: 768px) {
    .camera-text {
        font-size: 10px;
    }
}

.ai-loading {
    position: absolute;
    top: -5px;
    right: -5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    background: #00000050;
    z-index: 10;
    backdrop-filter: blur(5px);
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-content: space-between;
    flex-wrap: nowrap;
    color: #fff;
    align-items: center;
    padding: 10px;
    margin: 10px;
    border-radius: 5px;
}

.ai-loading p {
    z-index: 100;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    font-size: 20px;
    margin: 0;
}

.ai-loading p small {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 300;
}

.ai-button {
    background: #130f0a;
    color: #fff;
    font-size: 11px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ai-button:hover,
.ai-button:focus {
    color: #fff !important;
}

.ai-alert {
    font-size: 10px;
    padding: 10px;
    margin: 10px 0 0;
    font-weight: bold;
    margin-bottom: -5px;
}
.status-stepper-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px;
}

.btn-stepper {
    border: 0;
    background-color: transparent;
    color: #fff;
    font-size: 22px;
    padding: 5px 10px;
    transition: transform 0.2s;
}

.btn-stepper:hover {
    transform: scale(1.2);
    cursor: pointer;
}

.status-icon-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 80px;
    padding: 8px 10px;
    border-radius: 8px;
    transition: transform 0.2s, background-color 0.2s;
    user-select: none;
}

.status-icon-box:hover {
    transform: scale(1.1);
    background-color: rgba(215, 180, 112, 0.2);
    cursor: pointer;
}

.status-icon-box i {
    font-size: 24px;
    margin-bottom: 4px;
}

.status-icon-box div {
    font-size: 14px;
    text-align: center;
    white-space: nowrap;
}

.status-icon {
    color: #ccc;
}

.status-icon.selected {
    font-weight: bold;
}

@media (max-width: 768px) {
    .status-stepper-box {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 5px;
    }

    .status-icon-box {
        min-width: 60px;
        padding: 5px 6px;
    }

    .status-icon-box i {
        font-size: 20px;
    }

    .status-icon-box div {
        font-size: 12px;
    }
}