.order-histry-area .order-history {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}

.order-histry-area .order-history .profile {
    width: calc(35% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile .order-pro {
    padding: 30px;
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile .order-pro .pro-img img {
    border: 3px solid #eee;
    border-radius: 100%;
}

.order-histry-area .order-history .profile .order-pro .order-name {
    margin-left: 15px;
}

.order-histry-area .order-history .profile .order-pro .order-name h4 {
    font-size: 18px;
    color: #333;
    font-weight: 600;
    line-height: 1;

}

.order-histry-area .order-history .profile .order-pro .order-name span {
    font-size: 13px;
    color: #9da9b9;
    margin-top: 12px;

}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a {
    position: relative;
    width: 100%;
    padding: 15px 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    border-top: 1px solid #ddd;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:after {
    background-color: var(--theme-color);
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    left: 18px;
    width: 2px;
    height: 15px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active:after {
    background-color: #fff;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a:hover {
    background-color: #f5f5f5;
    color: #333;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active {
    background-color: var(--theme-color);
    color: #fff;
    border-color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a span.pro-count {
    background-color: var(--theme-color);
    width: 25px;
    height: 25px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.order-histry-area .order-history .profile .order-his-page ul.profile-ul li.profile-li a.active span.pro-count {
    background-color: #fff;
    color: #333;
}

.order-histry-area .order-history .order-info {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .order-info .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table thead {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .order-info .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .order-info .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .order-info .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .order-info .table tbody tr td.delayed {
    color: #ffb74f;
}

.order-histry-area .order-history .order-info .table tbody tr td.delivered {
    color: #43d9a3;
}

/* profile page css */
.order-histry-area .order-history .profile-form {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -30px;
    margin-top: 15px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label:first-child {
    margin-top: 0px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-form form ul.pro-input-label li label {
    font-size: 14px;

}

.order-histry-area .order-history .profile-form form ul.pro-input-label li input {
    width: 100%;
    border: 1px solid #eee;
    margin-top: 10px;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-form form ul.pro-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #eee;
}

/* pro address css */
.order-histry-area .order-history .profile-address {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-address form .pro-add-title h4 {
    font-size: 22px;
    color: #333;
    font-weight: 500;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    line-height: 1;
}

.order-histry-area .order-history .profile-address form ul.add-label-input {
    margin-left: -30px;
    margin-top: 15px;
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li label {
    font-size: 14px;
    color: #333;

}

.order-histry-area .order-history .profile-address form ul.add-label-input li input {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-address form ul.add-label-input li select {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 5px;
}

.order-histry-area .order-history .profile-address form ul.pro-submit {
    margin-top: 30px;
    padding-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-address form ul.pro-submit li {
    display: flex;
    align-items: center;
}

.order-histry-area .order-history .profile-address form ul.pro-submit li input {
    margin-right: 5px;
}

.order-histry-area .order-history .profile-form form ul.pro-submit li {
    display: flex;
    align-items: center;
    line-height: 1;
}

.order-histry-area .order-history .profile-form form ul.pro-submit li input {
    margin-right: 5px;
}

/* profile wishlist page css */
.order-histry-area .order-history .profile-wishlist {
    width: calc(65% - 30px);
    margin-left: 30px;
}

/* tickets page css */
.order-histry-area .order-history .profile-tickets {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.order-histry-area .order-history .profile-tickets .table {
    border-top: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table thead tr th {
    padding-top: 11px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td {
    padding-top: 11px;
    padding-bottom: 10px;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.canceled {
    color: #ff5252;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.process {
    color: #50c6e9;
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delayed {
    color: var(--theme-color);
}

.order-histry-area .order-history .profile-tickets .table tbody tr td.delivered {
    color: #43d9a3;
}

.about-breadcrumb .about-back {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 5;
}

.about-breadcrumb .about-back .about-l ul.about-link {
    text-align: center;
}

.about-breadcrumb .about-back .about-l ul.about-link li.go-home a {
    font-size: 18px;
    color: #333;
    position: relative;
    font-weight: 500;
    padding-bottom: 10px;
}

.about-breadcrumb .about-back .about-l ul.about-link li.go-home a::after {
    background-color: #333;
    content: "";
    position: absolute;
    bottom: -15px;
    right: 0px;
    left: 0px;
    width: 3px;
    height: 15px;
    margin: 0 auto;
}

.about-breadcrumb .about-back .about-l ul.about-link li.about-p {
    padding-top: 26px;
}

.about-breadcrumb .about-back .about-l ul.about-link li.about-p span {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.megamenu-content .mainwrap ul.main-menu li.menu-link ul.dropdown-submenu {
    z-index: 11;
}

.wishlist-area {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.wishlist-area:last-child {
    border-bottom: none;
}

.wishlist-area .wishlist-details .wishlist-item {
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.wishlist-area .wishlist-details .wishlist-item span.wishlist-head {
    font-size: 16px;
    font-weight: 700;
}

.wishlist-area .wishlist-details .wishlist-item span.c-items {
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}

.wishlist-area .wishlist-details .wishlist-all-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro {
    width: 60%;
    margin-top: 20px;
    display: flex;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .wishlist-pro-image {
    margin-right: 15px;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details h4 {
    font-size: 16px;
    line-height: 1;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size {
    font-size: 14px;
    margin-top: 8px;
    font-weight: 600;
    display: block;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.all-size span.pro-size {
    font-weight: 400;
}

.wishlist-area .wishlist-details .wishlist-all-pro .wishlist-pro .pro-details span.wishlist-text {
    margin-top: 8px;
    line-height: 1;
}

.wishlist-area .wishlist-details .wishlist-all-pro .qty-item {
    width: 20%;
}

.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist {
    color: var(--theme-color);
    margin-top: 7px;
    text-decoration: underline;
    display: block;
    text-align: center;
}

.wishlist-area .wishlist-details .wishlist-all-pro .qty-item a.add-wishlist:first-child {
    margin-top: 0px;
}

.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price {
    width: 20%;
    text-align: right;
}

.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.new-price {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
}

.wishlist-area .wishlist-details .wishlist-all-pro .all-pro-price span.old-price {
    color: #999;
}

.wishlist-area .wishlist-details .other-link {
    margin-top: 20px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.wishlist-area .wishlist-details .other-link ul.c-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.wishlist-area .wishlist-details .other-link ul.c-link li.wishlist-other-link a {
    color: var(--theme-color);
    text-decoration: underline;
}

.btn-style1 {
    z-index: 1;
    border-color: var(--theme-color);
}

.btn-style1:hover {
    color: var(--theme-color);
    background-color: #fff;
    border-color: var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.btn-style1::before {
    z-index: -1;
}

.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.cart-image {
    width: 150px;
}

.other-link a.btn-style1:hover {
    color: var(--theme-color) !important;
}

.other-link a.btn-style1 {
    color: #fff !important;
    text-decoration: unset !important;
}

.login-area {
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-area .login-box {
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}

.login-area .login-box h1 {
    font-size: 30px;
    text-align: center;
}

.login-area .login-box p {
    margin-top: 10px;
    text-align: center;
}

.login-area .login-box form {
    margin-top: 17px;
}

.login-area .login-box form label {
    margin-top: 15px;
}

.login-area .login-box form label:first-child {
    margin-top: 0px;
}

.login-area .login-box form input {
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.login-area .login-box a.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.login-area .login-box a.re-password {
    color: var(--theme-color);
    margin-top: 25px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.login-area .login-account {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.login-area .login-account h4 {
    font-size: 16px;
    text-align: center;
}

.login-area .login-account a.ceate-a {
    position: relative;
    color: var(--theme-color);
    width: 100%;
    padding: 13px 25px;
    margin-top: 23px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--theme-color);
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.login-area .login-account a.ceate-a::after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.login-area .login-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.login-area .login-account .login-info {
    margin-top: 24px;
}

.login-area .login-account .login-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.login-area .login-account .login-info a.terms-link {
    color: var(--theme-color);
    font-size: 12px;
    font-weight: 600;

}

.login-area .login-account .login-info p {
    font-size: 13px;
    margin-top: 6px;
}

.login-area .login-account .login-info p a {
    color: var(--theme-color);
    font-weight: 600;
}

.register-area {
    max-width: 60%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.register-area .register-box {
    width: 50%;
    padding: 30px;
    border: 1px solid #eee;
}

.register-area .register-box h1 {
    font-size: 30px;
    text-align: center;

}

.register-area .register-box p {
    margin-top: 10px;
    text-align: center;
}

.register-area .register-box form {
    margin-top: 22px;
}

.register-area .register-box form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.register-area .register-box form input:first-child {
    margin-top: 0px;
}

.register-area .register-box a.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.register-area .register-account {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.register-area .register-account h4 {
    font-size: 16px;
    text-align: center;
}

.register-area .register-account a.ceate-a {
    position: relative;
    color: var(--theme-color);
    width: 100%;
    padding: 13px 25px;
    margin-top: 30px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--theme-color);
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account a.ceate-a::after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
}

.register-area .register-account a.ceate-a:hover::after {
    opacity: 0.1;
    visibility: visible;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.register-area .register-account .register-info a.terms-link span {
    color: #000;
    line-height: 1;
    font-size: 12px;
}

.register-area .register-account .register-info a.terms-link {
    color: var(--theme-color);
    margin-top: 30px;
    font-size: 12px;
    font-weight: 600;

}

.register-area .register-account .register-info p {
    font-size: 13px;
    margin-top: 10px;
}

.register-area .register-account .register-info p a {
    color: var(--theme-color);
    font-weight: 600;
}

.forgat-password-area {
    width: 50%;
    margin: 0 auto;
}

.forgat-password-area h4.forgot-title {
    font-size: 20px;
    text-align: center;
}

.forgat-password-area .forgot-p {
    border: 1px solid #eee;
    margin-top: 21px;
}

.forgat-password-area .forgot-p span.forgot {
    width: 100%;
    background-color: var(--theme-color);
    color: #fff;
    padding: 15px;
    text-align: center;
}

.forgat-password-area .forgot-p form {
    width: 100%;
    padding: 30px;
}

.forgat-password-area .forgot-p form input {
    width: 100%;
    font-size: 13px;
    border: 1px solid #eee;
    text-align: center;
}

.forgat-password-area .forgot-p a.forgot-link {
    width: 100%;
    background-color: var(--theme-color);
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
}

.forgat-password-area .forgot-p a.forgot-link span {
    background-color: #000;
    border: 2px solid #000;
    padding: 8px 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.forgat-password-area .forgot-p a.forgot-link span i {
    font-size: 18px;
    margin-left: 3px;
}

.forgat-password-area .forgot-p a.forgot-link span:hover {
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.forgat-password-area .forgot-p button.forgot-link {
    width: 100%;
    background-color: var(--theme-color);
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
}

.forgat-password-area .forgot-p button.forgot-link {
    width: 100%;
    background-color: var(--theme-color);
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
}

.cart-area {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.cart-area:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.cart-area .cart-details .cart-item {
    padding: 13px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.cart-area .cart-details .cart-item span.cart-head {
    font-size: 16px;
    font-weight: 700;
}

.cart-area .cart-details .cart-item span.c-items {
    border-bottom: 1px solid #000;
    margin-bottom: 3px;
}

.cart-area .cart-details .cart-all-pro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .cart-all-pro .cart-pro {
    width: 60%;
    margin-top: 20px;
    display: flex;
}

.cart-area .cart-details .cart-all-pro .cart-pro .cart-pro-image {
    margin-right: 15px;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details h4 {
    font-size: 16px;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-size span.size {
    font-weight: 600;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.pro-shop {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details span.cart-pro-price {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .qty-item {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus {
    display: flex;
    align-items: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span {
    display: flex;
    border: 1px solid #eee;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus span input {
    width: 50px;
    height: 30px;
    padding: 0px;
    text-align: center;
    border-top: none;
    border-bottom: none;
}

.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-cart,
.cart-area .cart-details .cart-all-pro .qty-item .plus-minus a.quick-wishlist {
    width: 40px;
    height: 40px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}

.cart-area .cart-details .cart-all-pro .qty-item .center a.pro-remove {
    color: var(--theme-color);
    margin-top: 15px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-area .cart-details .cart-all-pro .all-pro-price {
    width: 20%;
    text-align: right;
}

.cart-area .cart-details .cart-all-pro .all-pro-price span {
    font-weight: 600;
}

.cart-area .cart-details .other-link {
    margin-top: 21px;
    padding: 15px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.cart-area .cart-details .other-link ul.c-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-area .cart-details .other-link ul.c-link li.cart-other-link a {
    color: var(--theme-color);
    text-decoration: underline;
}

.cart-total {
    background-color: #f7f7f7;
    position: sticky;
    top: 0px;
    padding: 15px;
}

.cart-total .cart-price {
    padding-top: 15px;
    padding-bottom: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-total .cart-price span.total {
    font-weight: 600;
}

.cart-total .cart-info h4 {
    font-size: 14px;
    margin-top: 25px;
}

.cart-total .cart-info div {
    margin-top: 8px;
}

.cart-total .cart-info div label {
    font-size: 13px;
    margin-top: 15px;
}

.cart-total .cart-info div label:first-child {
    margin-top: 0px;
}

.cart-total .cart-info div select {
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}

.cart-total .cart-info div input {
    width: 100%;
    background-color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    border: 1px solid #eee;
    border-radius: 3px;
    margin-top: 10px;
}

.cart-total .cart-info a.cart-calculate {
    color: var(--theme-color);
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-total .shop-total {
    margin-top: 26px;
    padding: 14px 0px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cart-total .shop-total span.total-amount {
    font-weight: 600;
}

.cart-total a.check-link {
    color: var(--theme-color);
    margin-top: 25px;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-area .order-delivery {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.order-area .order-delivery ul.delivery-payment {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0px 0px -30px;
}

.order-area .order-delivery ul.delivery-payment li {
    width: calc(50% - 30px);
    margin: 30px 0px 0px 30px;
    border-right: 1px solid #eee;
}

.order-area .order-delivery ul.delivery-payment li:last-child {
    border-right: none;
}

.order-area .order-delivery ul.delivery-payment li h5 {
    font-size: 16px;

}

.order-area .order-delivery ul.delivery-payment li p {
    margin-top: 6px;

}

.order-area .order-delivery ul.delivery-payment li.delivery p {
    font-weight: 600;
}

.order-area .order-delivery ul.delivery-payment li.pay p {
    color: #bbb;

}

.order-area .order-delivery ul.delivery-payment li span.order-span {
    display: block;
    margin-top: 9px;

}

.order-area .order-delivery ul.delivery-payment li span.order-span:first-of-type {
    margin-top: 7px;
}

.order-area .order-delivery ul.delivery-payment li span.p-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
    font-weight: 600;
}

.checkout-area {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -30px;
}

.checkout-area .billing-area {
    width: calc(60% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}

.checkout-area .billing-area div h2 {
    font-size: 24px;

}

.checkout-area .billing-area div {
    padding: 20px;
}

.checkout-area .billing-area div .billing-form {
    margin-top: 16px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul {
    width: 100%;
    margin-top: 15px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul.input-2 {
    display: flex;
    flex-wrap: wrap;
}

.checkout-area .billing-area div .billing-form ul.billing-ul:first-child {
    margin-top: 0px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul.input-2 li.billing-li {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul.input-2 li.billing-li:first-child {
    margin-left: 0px;
    width: calc(50% - 0px);
    margin-left: 0px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul li.billing-li label {}

.checkout-area .billing-area div .billing-form ul.billing-ul li.billing-li input {
    width: 100%;
    margin-top: 10px;

}

.checkout-area .billing-area div .billing-form ul.billing-ul li.billing-li select {
    width: 100%;
    margin-top: 10px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul li.billing-li option {}

.checkout-area .billing-area .billing-details {
    border-top: 1px solid #eee;
}

.checkout-area .billing-area .billing-details form h2 {
    font-size: 24px;

}

.checkout-area .billing-area .billing-details ul.shipping-form {
    margin-top: 19px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li.check-box {
    display: flex;
    align-items: center;
}

.checkout-area .billing-area .billing-details ul.shipping-form li.check-box input {
    margin-right: 5px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li.comment-area {
    margin-top: 11px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li label {
    margin-bottom: 0px;
}

.checkout-area .billing-area .billing-details ul.shipping-form li textarea {
    margin-top: 10px;
    width: 100%;
}

.checkout-area .order-area {
    width: calc(40% - 30px);
    margin-left: 30px;
    border: 1px solid #eee;
}

.checkout-area .order-area {
    position: sticky;
    top: 0px;
}

.checkout-area .order-area .check-pro h2 {
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;

}

.checkout-area .order-area .check-pro ul.check-ul li {
    padding: 20px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #eee;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-pro-img {
    width: 25%;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content {
    width: 75%;
    margin-left: 15px;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content a {
    display: block;
    font-weight: 600;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-code-blod span {
    font-weight: 500;
}

.checkout-area .order-area .check-pro ul.check-ul li .check-content span.check-price {
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
}

.checkout-area .order-area h2 {
    background-color: #f5f5f5;
    padding: 10px 20px;
    font-size: 18px;

}

.checkout-area .order-area ul.order-history {
    padding: 0px 20px;
}

.checkout-area .order-area ul.order-history li.order-details {
    margin-top: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.checkout-area .order-area ul.order-history li.order-details:first-child {
    margin-top: 0px;
    border: none;
}

.checkout-area .order-area ul.order-history li.order-details:last-child {
    padding-top: 15px;
    padding-bottom: 14px;
    margin-top: 14px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.checkout-area .order-area ul.order-history li.order-details:last-child span {
    font-weight: 600;
}

.checkout-area .order-area div {
    padding: 0px 20px;
}

.checkout-area .order-area div ul.order-form {
    margin-top: 20px;
}

.checkout-area .order-area div ul.order-form li {
    margin-top: 19px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.checkout-area .order-area div ul.order-form li:first-child {
    margin-top: 0px;
}

.checkout-area .order-area div ul.order-form li input {
    margin-right: 10px;
}

.checkout-area .order-area div ul.order-form label {
    margin-bottom: 0px;

}

.checkout-area .order-area div ul.order-form li.pay-icon a,
.checkout-area .order-area div ul.order-form li.shipping-icon a {
    font-size: 25px;
    margin-left: 10px;
}

.checkout-area .order-area div ul.order-form li.pay-icon a:first-child {
    margin-left: 0px;
}

.checkout-area .order-area .checkout-btn {
    padding: 28px 20px 20px 20px;
}

.checkout-area .order-area .checkout-btn a.btn-style1 {
    display: block;
    text-align: center;
}

.checkout-area .billing-area div .billing-form ul.billing-ul.input-3 {
    display: flex;
}

.checkout-area .billing-area div .billing-form ul.billing-ul.input-3 li.billing-li {
    width: calc(50% - 15px);
    margin-left: 15px;
}

.checkout-area .billing-area div .billing-form ul.billing-ul.input-3 li.billing-li:first-child {
    margin-left: 0px;
    width: calc(50% - 0px);
    margin-left: 0px;
}

.btn-style1 {
    border: 1px solid transparent;
}

.order-area .order-price ul.total-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-area .order-price ul.total-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-area .order-price ul.total-order li:last-child {
    text-align: right;
}

.order-area .order-price ul.total-order li span.order-no {
    display: block;
    font-weight: 600;

}

.order-area .order-price ul.total-order li span.order-date {
    color: #bbbbbb;
    margin-top: 5px;
}

.order-area .order-price ul.total-order li span.total-price {
    display: block;
    text-align: right;
    font-weight: 600;

}

.order-area .order-price ul.total-order li span.amount {
    margin-top: 5px;
    text-align: right;
    font-weight: 600;
}

.order-area .order-details {
    margin-top: 24px;
    padding-top: 28px;
    border-top: 1px solid #eee;
    text-align: center;
}

.order-area .order-details span.order-i {
    font-size: 30px;
    line-height: 1;
}

.order-area .order-details span.order-s {
    display: block;
    margin-top: 8px;

}

.order-area .order-details a.tracking-link {
    margin-top: 24px;
}

.order-area .order-details a.tracking-link:hover {
    background-color: transparent;
    color: var(--theme-color);
}

.order-area .order-delivery {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.order-area .order-delivery ul.delivery-payment {
    display: flex;
    flex-wrap: wrap;
    margin: -30px 0px 0px -30px;
}

.order-area .order-delivery ul.delivery-payment li {
    width: calc(50% - 30px);
    margin: 30px 0px 0px 30px;
    border-right: 1px solid #eee;
}

.order-area .order-delivery ul.delivery-payment li:last-child {
    border-right: none;
}

.order-area .order-delivery ul.delivery-payment li h5 {
    font-size: 16px;

}

.order-area .order-delivery ul.delivery-payment li p {
    margin-top: 6px;

}

.order-area .order-delivery ul.delivery-payment li.delivery p {
    font-weight: 600;
}

.order-area .order-delivery ul.delivery-payment li.pay p {
    color: #bbb;

}

.order-area .order-delivery ul.delivery-payment li span.order-span {
    display: block;
    margin-top: 9px;

}

.order-area .order-delivery ul.delivery-payment li span.order-span:first-of-type {
    margin-top: 7px;
}

.order-area .order-delivery ul.delivery-payment li span.p-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-area .order-delivery ul.delivery-payment li span.p-label span.o-price {
    font-weight: 600;
}

.cart-total .cart-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 14px;
}

.cart-total .cart-info span {
    margin-top: 25px;
}

.cart-total .cart-info span.total {
    font-weight: 600;
    margin-top: 25px;
}

.cart-page .cart-total .proceed-to-checkout {
    margin-top: 15px;
    text-align: center;
}

.cart-page .cart-total .proceed-to-checkout a:hover {
    color: var(--theme-color);
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details div .cart-tax-name {
    margin-top: 10px;
    display: block;
    line-height: 1;
}

.cart-area .cart-details .cart-all-pro .cart-pro .pro-details div .cart-tax-amount {
    margin-top: 10px;
    display: block;
    line-height: 1;
    font-weight: 600;
}

.track-area .track-price ul.track-order {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.track-area .track-price ul.track-order li h4 {
    font-size: 16px;
}

.track-area .track-price ul.track-order li span.track-status {
    font-size: 16px;
    font-weight: 600;
}

.track-area .track-main {
    margin-top: 30px;
    padding-top: 8px;
    border-top: 1px solid #eee;
}

.track-area .track-main .track {
    position: relative;
    height: 7px;
    display: flex;
    margin-bottom: 40px;
    margin-top: 40px
}

.track-area .track-main .track:before {
    background-color: #ddd;
    content: '';
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    width: 100%;
    height: 7px;
}

.track-area .track-main .track .step {
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}

.track-area .track-main .track .step.active:before {
    background-color: var(--theme-color);
}

.track-area .track-main .track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track-area .track-main .track .step.active .icon {
    background-color: var(--theme-color);
    color: #fff
}

.track-area .track-main .track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd
}

.track-area .track-main .track .step.active .text {
    font-weight: 400;
    color: #000
}

.track-area .track-main .track .text {
    display: block;
    margin-top: 7px
}

.all-filter .categories-page-filter h4 {
    font-size: 16px;
    padding-bottom: 23px;
}

.all-filter .categories-page-filter a.filter-link {
    display: none;
}

.all-filter .categories-page-filter ul.all-option {
    height: auto;
    padding-top: 30px;
    overflow: auto;
    padding-right: 7px;
    border-top: 1px solid #eee;
}

.all-filter .categories-page-filter ul.all-option.collapse:not(.show) {
    display: block;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option:first-child {
    margin-top: 0px;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option input {
    width: 19px;
    height: 16px;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option a {
    width: 100%;
    margin-left: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    line-height: 1;
}

.all-filter .price-filter h4 {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;

}

.all-filter .price-filter a.filter-link {
    display: none;
}

.all-filter .price-filter ul.all-price {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.all-filter .price-filter ul.all-price.collapse:not(.show) {
    display: block;
}

.all-filter .price-filter ul.all-price li.f-price {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.all-filter .price-filter ul.all-price li.f-price:first-child {
    margin-top: 0px;
}

.all-filter .price-filter ul.all-price li.f-price input {
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.all-filter .price-filter ul.all-price li.f-price label {
    margin-bottom: 0px;
    margin-left: 9px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}

.all-filter .pro-size h4 {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;

}

.all-filter .pro-size a.filter-link {
    display: none;
}

.all-filter .pro-size ul.all-size.collapse:not(.show) {
    display: block;
}

.all-filter .pro-size ul.all-size {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.all-filter .pro-size ul.all-size li.choice-size {
    margin-top: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.all-filter .pro-size ul.all-size li.choice-size:first-child {
    margin-top: 0px;
}

.all-filter .pro-size ul.all-size li.choice-size input {
    width: 18px;
    height: 16px;
    cursor: pointer;
}

.all-filter .pro-size ul.all-size li.choice-size label {
    font-size: 13px;
    margin-left: 8px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 1;
}

.all-filter .filter-tag h4 {
    font-size: 16px;
    padding-top: 27px;
    padding-bottom: 27px;
    line-height: 1;

}

.all-filter .filter-tag a.filter-link {
    display: none;
}

.all-filter .filter-tag ul.all-tag.collapse:not(.show) {
    display: block;
}

.all-filter .filter-tag ul.all-tag {
    padding-top: 25px;
}

.all-filter .filter-tag ul.all-tag li.tag {
    display: inline-block;
}

.all-filter .filter-tag ul.all-tag li.tag a {
    padding: 5px 10px;
    color: #808080;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 50px;

    margin-top: 5px;
    margin-right: 5px;
}

.all-filter .filter-tag ul.all-tag li.tag a:hover {
    background-color: #000;
    color: #fff;
}

.all-filter .vendor-filter h4 {
    font-size: 16px;
    padding-top: 28px;
    padding-bottom: 27px;
    line-height: 1;
    border-bottom: 1px solid #eee;

}

.all-filter .vendor-filter a.filter-link {
    display: none;
}

.all-filter .vendor-filter ul.all-vendor {
    padding-top: 30px;
}

.all-filter .vendor-filter ul.all-vendor.collapse:not(.show) {
    display: block;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor {
    margin-top: 16px;
    display: flex;
    align-items: center;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor:first-child {
    margin-top: 0px;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor input {
    width: 18px;
    height: 16px;
}

.all-filter .vendor-filter ul.all-vendor li.f-vendor label {
    margin-bottom: 0px;
    margin-left: 8px;
    font-size: 13px;
    cursor: pointer;
    line-height: 1;
}

.all-filter .filter-banner a.grid-banner {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
    display: block;
}

.all-filter .filter-banner a.grid-banner img {
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.all-filter .filter-banner a.grid-banner:hover img {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

/* grid-list banner-button css */
.grid-list-banner {
    height: 262px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: center;
}

.grid-list-banner .grid-banner-content {
    width: 50%;
    margin-left: 30px;
}

.grid-list-banner .grid-banner-content h4 {
    font-size: 20px;
}

.grid-list-banner .grid-banner-content p {
    font-size: 13px;
    margin-top: 14px;
    color: #333;
}

/* list product css */
.list-product {
    margin-top: 30px;
}

.list-product .list-items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.list-product .list-items:last-child {
    border-bottom: none;
    margin: 0px;
    padding: 0px;
}

.list-product .list-items .tred-pro {
    width: 25%;
    position: relative;
}

.list-product .list-items .tred-pro .Pro-lable span.p-text,
.list-product .list-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.list-product .list-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.list-product .list-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.list-product .list-items .caption .pro-icn {
    position: unset;
    margin-top: 14px;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn i {
    background-color: var(--theme-color);
    color: #fff;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    border: 2px solid var(--theme-color);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn:hover i {
    background-color: transparent;
    color: #000;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product .list-items .caption {
    width: calc(75% - 20px);
    margin-left: 20px;
    padding-top: 0px;
}

.list-product .list-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.list-product .list-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

.list-product .list-items .caption p.list-description {
    font-size: 13px;
    margin-top: 8px;
    line-height: 21px;
}

.list-product .list-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.list-product .list-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.list-product .list-items .caption .rating i.b-star,
.list-product .list-items .caption .rating i.c-star,
.list-product .list-items .caption .rating i.d-star,
.list-product .list-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.list-product .list-items .caption .rating i:last-child {
    margin-right: 0px;
}

.list-product .list-items .caption .pro-price {
    margin-top: 15px;
}

.list-product .list-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.list-product .list-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

/* additional image css */
.list-product .list-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.list-product .list-items .tred-pro .tr-pro-img a img.additional-image,
.list-product .list-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.list-product p.list-all-page {
    margin: 0 auto;
    text-align: center;
    padding-top: 30px;
    font-weight: 700;
}

.list-all-page span.page-title {
    color: #000;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 600;

}

.list-all-page .page-number {
    text-align: center;
    margin-top: 20px;
}

.list-all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.list-all-page .page-number a:after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.list-all-page .page-number a:hover:after,
.list-all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.list-all-page .page-number a:hover,
.list-all-page .page-number a.active {
    color: var(--theme-color);
}

.list-all-page .page-number a:last-child:after {
    display: none;
}

/* grid Products css */
.grid_design .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid_design .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid_design .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 10px;
}

.grid_design .grid-list-select ul.grid-list li a.active,
.grid_design .grid-list-select ul.grid-list li a.active,
.grid-4-product .grid-list-select ul.grid-list li a.active,
.grid-2-product .grid-list-select ul.grid-list li a.active {
    color: var(--theme-color);
}

.grid_design .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid_design .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid_design .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid_design .grid-pro ul.grid-product li.grid-items {
    width: calc(33.33% - 30px);
    margin-left: 30px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #fff;
    background-color: transparent;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid_design .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

/* additional image css */
.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid_design .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

/* 2-grid Products css */
.grid-2-product .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-2-product .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-2-product .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 15px;
}

.grid-2-product .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-2-product .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-2-product .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items {
    width: calc(50% - 30px);
    margin-left: 30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    visibility: visible;
    opacity: 1;
}

.tred-pro:hover .pro-icn a.w-c-q-icn {
    opacity: 1;
    visibility: visible;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #fff;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

/* additional image css */
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-2-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-2-product .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

/* 4-grid Products css */
.grid-4-product .grid-list-select {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.grid-4-product .grid-list-select ul {
    display: flex;
    align-items: center;
}

.grid-4-product .grid-list-select ul.grid-list li a {
    font-size: 17px;
    margin-right: 10px;
}

.grid-4-product .grid-list-select ul.grid-list-selector li label {
    font-weight: 600;
    margin-right: 10px;
}

.grid-4-product .grid-list-select ul.grid-list-selector select {
    min-width: 200px;
    padding: 6px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.grid-4-product .grid-pro ul.grid-product {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items {
    width: calc(25% - 30px);
    margin-left: 30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro {
    position: relative;
    margin-top: 30px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    position: absolute;
    top: 5px;
    font-size: 13px;
    color: #fff;
    padding: 2px 10px 2px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 20% 50%);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-text {
    left: 5px;
    background-color: var(--theme-color);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .Pro-lable span.p-discount {
    right: 5px;
    background-color: #e30514;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn {
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin: 0px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:first-child,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.grid_design .grid-pro ul.grid-product li.grid-items .tred-pro .pro-icn a.w-c-q-icn:hover i {
    color: #fff;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption {
    padding-top: 15px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 {
    font-size: 14px;
    font-weight: 400;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption h3 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating {
    display: flex;
    margin-top: 14px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i {
    color: #ccc;
    font-size: 14px;
    margin-right: 5px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.b-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.c-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.d-star,
.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i.e-star {
    color: var(--theme-color);
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .rating i:last-child {
    margin-right: 0px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price {
    margin-top: 16px;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.new-price {
    font-size: 16px;
    font-weight: 600;
    margin-right: 5px;
    line-height: 1;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .caption .pro-price span.old-price {
    color: #999;
    font-size: 14px;
    line-height: 1;
}

/* additional image css */
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro .tr-pro-img a img.additional-image,
.grid-4-product .grid-pro ul.grid-product li.grid-items .tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.grid-4-product .grid-pro ul.grid-product li.grid-items p {
    margin: 0 auto;
    padding-top: 30px;
    font-weight: 700;
}

.all-filter .categories-page-filter ul.all-option li.grid-list-option label {
    width: 100%;
    margin-left: 8px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
}

.all-filter .filter-tag ul.all-tag li.tag a.active {
    background-color: #000;
    color: #fff;
}

.list-all-page .page-number a,
.all-page .page-number a {
    margin-right: 15px;
}

.mini-cart ul.cart-item-loop,
.all-filter .categories-page-filter ul.all-option,
.all-filter .filter-tag ul.all-tag {
    max-height: calc(100% - 219px);
    overflow-y: auto;
    border-top: 1px solid #eee;
    scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar {
    width: 4px;
}

.mini-cart ul.cart-item-loop ul.all-option::-webkit-scrollbar-thumb,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-thumb,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-thumb {
    background-color: #c1c1c1;
}

.mini-cart ul.cart-item-loop::-webkit-scrollbar-track,
.all-filter .categories-page-filter ul.all-option::-webkit-scrollbar-track,
.all-filter .filter-tag ul.all-tag::-webkit-scrollbar-track {
    background-color: #eee;
}

.about-content .about-title {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.about-content .about-title h1 {
    font-size: 30px;
    line-height: 1;
}

.about-content .about-title p {
    margin-top: 18px;
}

.about-content .about-details {
    text-align: center;
}

.about-content .about-details {
    margin-top: 23px;
}

.about-content .about-details p {
    margin-top: 15px;
}

.about-content .about-details p:first-child {
    margin-top: 0px;
}

.about-counter {
    background-color: var(--theme-color);
}

.about-counter .text-center {
    display: flex;
    flex-wrap: wrap;
}

.about-counter .text-center .counter {
    width: 25%;
    border-right: 1px solid #fff;
}

.about-counter .text-center .counter:last-child {
    border: none;
}

.about-counter .text-center .count-title {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.about-counter .text-center .count-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

.map-area .map-title h1 {
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;

}

.map-area .map {
    display: flex;
}

.map-area .map iframe {
    width: 100%;
    height: 680px;
}

.map-area .map-details {
    display: flex;
    flex-wrap: wrap;
}

.map-area .map-details .contact-info {
    width: 50%;
}

.map-area .map-details .contact-info .contact-details h4 {
    font-size: 18px;

}

.map-area .map-details .contact-info .contact-details form {
    margin-top: 18px;
}

.map-area .map-details .contact-info .contact-details form label {
    display: block;
    margin-top: 15px;

}

.map-area .map-details .contact-info .contact-details form label:first-child {
    margin-top: 0px;
}

.map-area .map-details .contact-info .contact-details form input {
    width: 100%;
    border-radius: 4px;
    padding: 7px 15px;
    margin-top: 10px;
}

.map-area .map-details .contact-info .contact-details form textarea {
    width: 100%;
    resize: none;
    margin-top: 10px;
    border-radius: 4px;
}

.map-area .map-details .contact-info .contact-details a {
    margin-top: 24px;
    display: inline-flex;
    align-items: center;
}

.map-area .map-details .contact-info .contact-details a i {
    margin-left: 5px;
}

.map-area .map-details .contact-info .information {
    margin-left: 30px;
}

.map-area .map-details .contact-info .information h4 {
    font-size: 18px;

}

.map-area .map-details .contact-info .information p.info-description {
    margin-top: 16px;
}

.map-area .map-details .contact-info .information .contact-in {
    margin-top: 22px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 10px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details:first-child {
    margin-top: 0px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details li i {
    font-size: 20px;
    margin-right: 20px;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details li h4 {
    font-size: 14px;
    line-height: 1;
}

.map-area .map-details .contact-info .information .contact-in ul.info-details li p {
    margin-top: 7px;
}

.about-content .about-title {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}

.about-content .about-title h1 {
    font-size: 30px;
    line-height: 1;
}

.about-content .about-title p {
    margin-top: 18px;
}

.about-content .about-details {
    text-align: center;
}

.about-content .about-details {
    margin-top: 23px;
}

.about-content .about-details p {
    margin-top: 15px;
}

.about-content .about-details p:first-child {
    margin-top: 0px;
}

.about-counter {
    background-color: var(--theme-color);
}

.about-counter .text-center {
    display: flex;
    flex-wrap: wrap;
}

.about-counter .text-center .counter {
    width: 25%;
    border-right: 1px solid #fff;
}

.about-counter .text-center .counter:last-child {
    border: none;
}

.about-counter .text-center .count-title {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 1;
    text-align: center;
}

.about-counter .text-center .count-text {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 0;
    text-align: center;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form {
    margin-top: 24px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form h4 {
    font-size: 18px;
    color: #333;
    line-height: 1;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form {
    margin-top: 12px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label {
    font-size: 14px;
    margin-top: 15px;

}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form label:first-child {
    margin-top: 0px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form input {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form form textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;

    border: 1px solid #eee;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span {
    display: block;
    margin-top: 10px;
    line-height: 1;
}

.pro-page-content .pro-page-tab .tab-content .tab-pane .review-form span i {
    color: #ddd;
}

.pro-info .pro-size select {
    margin-left: 10px;
    padding: 8px 12px;
    border: 1px solid #eee;
    border-radius: 4px;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.pro-info .pro-size label {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.pro-info .pro-size {
    margin-top: 10px;
}

.search-title {
    text-align: center;
    margin-bottom: 30px;
}

.search-title h3 {
    font-size: 30px;
    font-weight: 600;
}

.saerch-input form {
    position: relative;
}

.saerch-input form input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 25px;
}

.saerch-input form a.search-btn {
    position: absolute;
    bottom: 50%;
    transform: translateY(50%);
    right: 0px;
    font-size: 18px;
    background-color: #000;
    padding: 6px 11px;
    color: #fff;
    border: 1px solid #000;
    border-radius: 50%;
}

.saerch-input form a.search-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
}

/* search product css */
.search-pro-area {
    display: flex;
    flex-wrap: wrap;
    margin-left: -30px;
}

.search-pro-area .search-pro-items {
    width: calc(25% - 30px);
    margin-top: 30px;
    margin-left: 30px;
}

.search-pro-area .search-pro-items .search-img {
    position: relative;
}

.search-pro-area .search-pro-items .search-img .pro-icn {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:first-child {
    transform: translateX(40px);
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(-40px);
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:first-child,
.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn:last-child {
    transform: translateX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn i {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn:hover i {
    color: var(--theme-color);
}

.search-pro-area .search-pro-items .search-img .pro-icn a.w-c-q-icn.btn-compare {
    padding: 0px 0px;
    margin-left: 0px;
    margin-top: 0px;
}

.search-pro-area .search-pro-items .search-img:hover .pro-icn a.w-c-q-icn i {
    opacity: 1;
    visibility: visible;
}

.search-pro-area .search-pro-items .search-img a img.search-hover {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items:hover .search-img a img.search-hover {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.search-pro-area .search-pro-items .search-caption h4 {
    margin-top: 15px;
    font-size: 14px;
    font-weight: 400;
}

.search-pro-area .search-pro-items .search-caption h4 a {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-pro-area .search-pro-items .search-caption span.all-price {
    margin-top: 6px;
}

.search-pro-area .search-pro-items .search-caption span.all-price span.search-new-price {
    color: #222;
    font-size: 14px;
    font-weight: 600;
}

.search-pro-area .search-pro-items .search-caption span.all-price span.search-old-price {
    color: #999;
    font-size: 12px;
    font-weight: 500;
}

.footer-bottom .footer-link .f-link {
    width: calc(15.66% - 15px);
    margin-left: 15px;
}

.footer-bottom .footer-link {
    flex-wrap: nowrap !important;
}

.page-not-found .search-error-wrapper {
    text-align: center;
}

.page-not-found .search-error-wrapper h1 {
    font-size: 30px;
    font-weight: 600;
}

.page-not-found .search-error-wrapper h1 span:nth-child(odd),
.page-not-found .search-error-wrapper h2 span:nth-child(even) {
    color: var(--theme-color);
}

.page-not-found .search-error-wrapper h2 {
    font-size: 50px;
    font-weight: 600;
}

.wishlist-page .wishlist-grid-empty-list .empty-list-info {
    text-align: center;
}

.wishlist-page .wishlist-grid-empty-list .empty-list-info h2 {
    font-size: 28px;
    font-weight: 600;
}

.wishlist-page .wishlist-grid-empty-list .empty-list-info h2 span:nth-child(even),
.wishlist-page .wishlist-grid-empty-list .empty-list-info p a {
    color: var(--theme-color);
}

.wishlist-page .wishlist-grid-empty-list .empty-list-info h2 span {
    display: block;
}

.wishlist-page .wishlist-grid-empty-list .empty-list-info p {
    margin-bottom: 0;
    margin-top: 30px;
}

.page-not-found .search-error-wrapper p {
    margin-top: 15px;
    margin-bottom: 0;
    line-height: 25px;
}

.section-ptb {
    padding-top: 80px;
    padding-bottom: 80px;
}

.page-not-found .search-error-wrapper a {
    margin-top: 15px;
}

.cart-page .empty-cart-page {
    text-align: center;
}

.cart-page .empty-cart-page h2 {
    font-size: 28px;
    font-weight: 600;
}

.cart-page .empty-cart-page h2 span:nth-child(even),
.cart-page .empty-cart-page p a {
    color: var(--theme-color);
}

.cart-page .empty-cart-page h2 span {
    display: block;
}

.cart-page .empty-cart-page p {
    margin-bottom: 0;
    margin-top: 30px;
}

@media (max-width: 1200px) {
    .footer-bottom {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .footer-bottom .footer-link {
        flex-wrap: wrap !important;
    }

    .footer-bottom .footer-link .f-link {
        width: 45% !important;
    }
}

@media (max-width: 450px) {
    .footer-bottom .footer-link .f-link {
        width: 100% !important;
    }
}

.tred-pro .tr-pro-img a img {
    backface-visibility: hidden;
}

.tred-pro .tr-pro-img a img.additional-image {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
}

.tred-pro:hover .tr-pro-img a img.additional-image {
    opacity: 1;
    visibility: visible;
}

.tred-pro .tr-pro-img a img.additional-image,
.tred-pro:hover .tr-pro-img a img.additional-image {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content,
.left-blog-details-style7 .single-blog-content,
.right-blog-details-style7 .single-blog-content {
    margin-top: 33px;
}

.full-blog-details-style-7 .single-blog-content .single-b-title h4,
.left-blog-details-style7 .single-blog-content .single-b-title h4,
.right-blog-details-style7 .single-blog-content .single-b-title h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments,
.left-blog-details-style7 .single-blog-content .date-edit-comments,
.right-blog-details-style7 .single-blog-content .date-edit-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -15px 0px 0px -30px;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data {
    margin: 15px 0px 0px 30px;
    display: flex;
    align-items: center;
    line-height: 1;
}

.full-blog-details-style-7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.left-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i,
.right-blog-details-style7 .single-blog-content .date-edit-comments .blog-info-wrap span.blog-data i {
    margin-right: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description,
.left-blog-details-style7 .single-blog-content .blog-description,
.right-blog-details-style7 .single-blog-content .blog-description {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-description p,
.left-blog-details-style7 .single-blog-content .blog-description p,
.right-blog-details-style7 .single-blog-content .blog-description p {
    margin-top: 5px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description {
    margin-top: 7px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description img,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description img,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description img {
    float: left;
    margin-right: 15px;
}

.full-blog-details-style-7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.left-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description,
.right-blog-details-style7 .single-blog-content .blog-description .blog-image-description p.bold-description {
    font-size: 15px;
    font-weight: 700;
}

.full-blog-details-style-7 .single-blog-content .blog-description p.color-description,
.left-blog-details-style7 .single-blog-content .blog-description p.color-description,
.right-blog-details-style7 .single-blog-content .blog-description p.color-description {
    background-color: #f7f7f7;
    font-size: 16px;
    color: var(--theme-color);
    margin: 22px 0px;
    padding: 30px;
    border-left: 1px solid #ddd;
}

.full-blog-details-style-7 .single-blog-content .blog-img,
.left-blog-details-style7 .single-blog-content .blog-img,
.right-blog-details-style7 .single-blog-content .blog-img {
    margin-left: -30px;
    margin-top: 22px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 {
    width: calc(50% - 30px);
    margin-left: 30px;
    line-height: 0;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a {
    position: relative;
    overflow: hidden;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-img .b-image1 a img:hover,
.left-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover,
.right-blog-details-style7 .single-blog-content .blog-img .b-image1 a img:hover {
    transform: scale(1.1);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.full-blog-details-style-7 .single-blog-content .blog-info,
.left-blog-details-style7 .single-blog-content .blog-info,
.right-blog-details-style7 .single-blog-content .blog-info {
    padding: 30px;
    margin-top: 30px;
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.full-blog-details-style-7 .single-blog-content .blog-info i.fa-quote-left,
.left-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left,
.right-blog-details-style7 .single-blog-content .blog-info i.fa-quote-left {
    font-size: 30px;
    color: var(--theme-color);
}

.full-blog-details-style-7 .single-blog-content .blog-info h6,
.left-blog-details-style7 .single-blog-content .blog-info h6,
.right-blog-details-style7 .single-blog-content .blog-info h6 {
    color: var(--theme-color);
    font-size: 16px;
    margin-top: 9px;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .b-link,
.left-blog-details-style7 .single-blog-content .b-link,
.right-blog-details-style7 .single-blog-content .b-link {
    margin-top: 30px;
}

.full-blog-details-style-7 .single-blog-content .b-link a,
.left-blog-details-style7 .single-blog-content .b-link a,
.right-blog-details-style7 .single-blog-content .b-link a {
    background-color: var(--theme-color);
    padding: 5px 10px;
    color: #fff;
    border: 2px solid var(--theme-color);
    border-radius: 4px;
}

.full-blog-details-style-7 .single-blog-content .b-link a:hover,
.left-blog-details-style7 .single-blog-content .b-link a:hover,
.right-blog-details-style7 .single-blog-content .b-link a:hover {
    background-color: transparent;
    color: #000;
    border-color: var(--theme-color);
}

.full-blog-details-style-7 .single-blog-content .blog-social,
.left-blog-details-style7 .single-blog-content .blog-social,
.right-blog-details-style7 .single-blog-content .blog-social {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.full-blog-details-style-7 .single-blog-content .blog-social a.facebook,
.full-blog-details-style-7 .single-blog-content .blog-social a.twitter,
.full-blog-details-style-7 .single-blog-content .blog-social a.insta,
.full-blog-details-style-7 .single-blog-content .blog-social a.pinterest,
.left-blog-details-style7 .single-blog-content .blog-social a.facebook,
.left-blog-details-style7 .single-blog-content .blog-social a.twitter,
.left-blog-details-style7 .single-blog-content .blog-social a.insta,
.left-blog-details-style7 .single-blog-content .blog-social a.pinterest,
.right-blog-details-style7 .single-blog-content .blog-social a.facebook,
.right-blog-details-style7 .single-blog-content .blog-social a.twitter,
.right-blog-details-style7 .single-blog-content .blog-social a.insta,
.right-blog-details-style7 .single-blog-content .blog-social a.pinterest {
    width: 30px;
    height: 30px;
    margin-right: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-social a,
.left-blog-details-style7 .single-blog-content .blog-social a,
.right-blog-details-style7 .single-blog-content .blog-social a {
    background-color: var(--theme-color);
    color: #222;
}

.full-blog-details-style-7 .single-blog-content .blog-social a:hover,
.left-blog-details-style7 .single-blog-content .blog-social a:hover,
.right-blog-details-style7 .single-blog-content .blog-social a:hover {
    background-color: var(--theme-color);
    color: #fff;
}

.full-blog-details-style-7 .single-blog-content .blog-comments,
.left-blog-details-style7 .single-blog-content .blog-comments,
.right-blog-details-style7 .single-blog-content .blog-comments {
    margin-top: 23px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4,
.left-blog-details-style7 .single-blog-content .blog-comments h4,
.right-blog-details-style7 .single-blog-content .blog-comments h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments h4 span,
.left-blog-details-style7 .single-blog-content .blog-comments h4 span,
.right-blog-details-style7 .single-blog-content .blog-comments h4 span {
    color: var(--theme-color);
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info {
    margin-top: 23px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae {
    margin-top: 24px;
    display: flex;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae:first-child {
    margin-top: 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.comment-reply {
    padding-left: 50px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae.all-reply {
    margin-top: 24px;
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-man {
    width: 45px;
    height: 45px;
    background-color: var(--theme-color);
    color: #fff;
    margin-right: 15px;
    font-size: 15px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content {
    width: calc(100% - 45px);
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result {
    display: block;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name {
    margin: 5px 0px;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comment-name i {
    font-style: normal;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date {
    font-weight: 600;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span.comments-result.c-date a.Reply {
    color: var(--theme-color);
    margin-left: 30px;
    font-weight: 500;
}

.full-blog-details-style-7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.left-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title,
.right-blog-details-style7 .single-blog-content .blog-comments .blog-comment-info ul.comments-arae li.comments-content span span.comments-title {
    font-weight: 600;
    color: var(--theme-color);
}

.full-blog-details-style-7 .single-blog-content .comments-form,
.blog-style-1-left-details .single-blog-content .comments-form,
.blog-style-1-right-details .single-blog-content .comments-form {
    margin-top: 24px;
    padding-top: 23px;
    border-top: 1px solid #eee;
}

.full-blog-details-style-7 .single-blog-content .comments-form h4,
.blog-style-1-left-details .single-blog-content .comments-form h4,
.blog-style-1-right-details .single-blog-content .comments-form h4 {
    font-size: 18px;
}

.full-blog-details-style-7 .single-blog-content .comments-form form,
.blog-style-1-left-details .single-blog-content .comments-form form,
.blog-style-1-right-details .single-blog-content .comments-form form {
    margin-top: 18px;
}

.full-blog-details-style-7 .single-blog-content .comments-form form label,
.blog-style-1-left-details .single-blog-content .comments-form form label,
.blog-style-1-right-details .single-blog-content .comments-form form label {
    margin-top: 15px;
}

.full-blog-details-style-7 .single-blog-content .comments-form form label:first-child,
.blog-style-1-left-details .single-blog-content .comments-form form label:first-child,
.blog-style-1-right-details .single-blog-content .comments-form form label:first-child {
    margin-top: 0px;
}

.full-blog-details-style-7 .single-blog-content .comments-form form input,
.blog-style-1-left-details .single-blog-content .comments-form form input,
.blog-style-1-right-details .single-blog-content .comments-form form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.full-blog-details-style-7 .single-blog-content .comments-form form input:focus,
.blog-style-1-left-details .single-blog-content .comments-form form input:focus,
.blog-style-1-right-details .single-blog-content .comments-form form input:focus {
    border-color: var(--theme-color);
}

.full-blog-details-style-7 .single-blog-content .comments-form form textarea,
.blog-style-1-left-details .single-blog-content .comments-form form textarea,
.blog-style-1-right-details .single-blog-content .comments-form form textarea {
    width: 100%;
    margin-top: 10px;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.full-blog-details-style-7 .single-blog-content .comments-form form textarea:focus,
.blog-style-1-left-details .single-blog-content .comments-form form textarea:focus,
.blog-style-1-right-details .single-blog-content .comments-form form textarea:focus {
    border-color: var(--theme-color);
}

.full-blog-details-style-7 .single-blog-content .comments-form a.btn-style1,
.blog-style-1-left-details .single-blog-content .comments-form a.btn-style1,
.blog-style-1-right-details .single-blog-content .comments-form a.btn-style1 {
    margin-top: 24px;
}

#subscribe-form input[name="subscribe-email"] {
    border-top: 2px solid var(--theme-color);
    border-left: 2px solid var(--theme-color);
    border-bottom: 2px solid var(--theme-color);
}

.pro-img {
    position: relative;
}

button.img-edit-icon {
    position: absolute;
    right: 16px;
    bottom: 0px;
    background: #cc7656;
    padding: 12px;
    width: 25px;
    height: 20px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 11px;
}

.register-area .register-box form select {
    width: 100%;
    padding: 10px 15px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.register-phone {
    display: flex;
    align-items: center;
}

.register-phone select {
    width: 100% !important;
    padding: 10px 3px !important;
    text-align: center;
}

ul.pro-input-label li .register-phone select {
    width: 100%;
    border: 1px solid #eee;
    margin-top: 10px;
    border-top-left-radius: 5px;
    padding: 10px !important;
    border-bottom-left-radius: 5px;
}

.forgat-password-area .forgot-p div {
    width: 100%;
    padding: 30px;
}

ul.pro-input-label li .register-phone input {
    width: 100%;
    border: 1px solid #eee;
    margin-top: 10px;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}

.forgat-password-area .forgot-p button.forgot-link span {
    background-color: #000;
    border: 2px solid #000;
    padding: 8px 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.verify-phone {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.verify-phone form {
    width: 100%;
    background-color: #cc7656;
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
    padding: 0 !important;
}

.verify-phone form button.forgot-link span {
    background-color: #000;
    border: 2px solid #000;
    padding: 8px 10px;
    margin-left: 5px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
}

.verify-phone form button.forgot-link {
    width: 100%;
    background-color: #cc7656;
    color: #fff;
    padding: 15px;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.verify-phone form button.forgot-link span:hover {
    background-color: transparent;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.register-area .register-box form a,
.register-area .register-box form button {
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.register-area .register-box form a.btn-style1:hover,
.register-area .register-box form button.btn-style1:hover {
    border: 1px solid #cc7656;
    color: #cc7656;
}

.phone-verify {
    margin-top: 1.5rem !important;
    align-items: center;
}

.phone-verify a.ceate-a {
    margin-top: 0 !important;
}

.phone-verify form button {
    width: 100%;
    padding: 13px 25px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}

.phone-verify form button:disabled {
    background-color: #e9e9e9;
}

.phone-verify form button:disabled:hover {
    background-color: #e9e9e9 !important;
    color: #fff !important;
}

.phone-verify form button.btn-style2:hover {
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
}

label.error {
    width: 100%;
    font-size: 80% !important;
    margin-top: 0.25rem !important;
    color: #dc3545 !important;
}

input.error,
select.error,
textarea.error {
    border: 1px solid #dc3545 !important;
}

input.valid,
select.valid,
textarea.valid {
    border: 1px solid #28a745 !important;
}

.register-phone div {
    margin-top: 20px;
}

.valid-feedback {
    width: 100%;
    font-size: 80% !important;
    color: #28a745 !important;
}

.profile-form .register-phone div {
    margin-top: unset;
}

.pro-description {
    margin-top: 10px;
}

#search-form .error+button.search-btn {
    right: -2px;
    height: 70%;
}

#search-form .valid~button.search-btn {
    right: 0;
    height: 100%;
}

.white-space-prewrap {
    white-space: pre-wrap !important;
}

.cart-item-loop .product-sku {
    margin-top: 4px;
    display: flex;
    align-items: center;
}

.cart-item-loop .product-sku h6 {
    font-weight: 300;
}

.cart-item-loop .product-sku span {
    margin-left: 15px;
    line-height: 1;
    text-transform: capitalize;
}

.quick-veiw-area .pro-items ul.pro-wight {
    display: flex;
    flex-wrap: wrap;
}

.quick-veiw-area .pro-items ul.pro-wight li {
    margin-left: 15px;
}

.quick-veiw-area .pro-items ul.pro-wight li a {
    padding: 2px 8px;
    color: #adadad;
    border-bottom: 2px solid #adadad;
    text-transform: uppercase;
}

.quick-veiw-area .product-color {
    display: flex;
    align-items: center;
    margin-top: 27px;
}

.quick-veiw-area .product-color span.color-label {
    color: #333;
    font-size: 14px;
    font-weight: 700;
}

.quick-veiw-area .product-color span.color {
    margin-left: 15px;
    line-height: 1;
    display: flex;
}

.quick-veiw-area .product-color span.color a {
    padding: 2px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
}

.quick-veiw-area .product-color span.color a span {
    width: 25px;
    height: 25px;
    border-radius: 4px;
}

.quick-veiw-area .pro-items {
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.quick-veiw-area .pro-size {
    margin-top: 10px;
    font-weight: 600;
}

.quick-veiw-area .product-color span.color a.active,
.quick-veiw-area .product-color span.color a:hover {
    border-color: #333;
}

.quick-veiw-area .pro-items ul.pro-wight li a.active,
.quick-veiw-area .pro-items ul.pro-wight li a:hover {
    color: #000;
    border-color: #000;
}

.mb-20 {
    margin-bottom: 20px;
}

.register-area .register-box form .g-recaptcha {
    width: 100%;
    margin-top: 20px;
}

.login-area .login-box form .g-recaptcha {
    width: 100%;
    margin-top: 20px;
}

.map-area .map-details .contact-info .contact-details form .g-recaptcha {
    width: 100%;
    margin-top: 10px;
}

.iti__selected-flag {
    height: 40px !important;
}

.register-area .register-box form .iti--allow-dropdown {
    margin-top: 20px;
}

@media (max-width: 1199px) {
    .header-main-area .header-main .search-area .header-element.right-block-box ul.shop-element li.nav-toggler {
        padding: 35px 0px;
    }
}

/* style-7 full-left-right grid blog css */
.blog-style-7-3-grid,
.blog-style-7-left-grid-blog,
.blog-style-7-right-grid-blog {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-7-3-grid .blog-start,
.blog-style-7-left-grid-blog .blog-start,
.blog-style-7-right-grid-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-7-3-grid .blog-start .blog-image,
.blog-style-7-left-grid-blog .blog-start .blog-image,
.blog-style-7-right-grid-blog .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-7-3-grid .blog-start .blog-image a,
.blog-style-7-left-grid-blog .blog-start .blog-image a,
.blog-style-7-right-grid-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img {
    height: 255px;
    object-fit: cover;
}

.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: var(--theme-color);
}

.blog-style-7-3-grid .blog-start .blog-content p.blog-description,
.blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link {
    color: var(--theme-color);
    font-size: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

/* pagination css */
.all-page .page-number a:after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number.style-1 a:after,
.all-page .page-number.style-5 a:after {
    background-color: var(--theme-color);
}

.all-page .page-number.style-2 a:after,
.all-page .page-number.style-3 a:after {
    background-color: #5fa800;
}

.all-page .page-number.style-6 a:after {
    background-color: #73841b;
}

.all-page .page-number.style-7 a:after {
    background-color: var(--theme-color);
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number.style-1 a:hover,
.all-page .page-number.style-1 a.active,
.all-page .page-number.style-5 a:hover,
.all-page .page-number.style-5 a.active {
    color: var(--theme-color);
}

.all-page .page-number.style-2 a:hover,
.all-page .page-number.style-2 a.active,
.all-page .page-number.style-3 a:hover,
.all-page .page-number.style-3 a.active {
    color: #5fa800;
}

.all-page .page-number.style-7 a:hover,
.all-page .page-number.style-7 a.active {
    color: var(--theme-color);
}

.all-page .page-number a:last-child:after {
    display: none;
}

.all-page span.page-title {
    color: #333;
    display: block;
    text-align: center;
    margin-top: 30px;
    font-weight: 500;

}

.all-page .page-number {
    text-align: center;
    margin-top: 19px;
}

.all-page .page-number a {
    position: relative;
    margin-right: 5px;
}

.all-page .page-number a:after {
    background-color: var(--theme-color);
    content: "";
    position: absolute;
    bottom: 0px;
    left: 1px;
    right: 0px;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
}

.all-page .page-number a:hover:after,
.all-page .page-number a.active:after {
    opacity: 1;
    visibility: visible;
}

.all-page .page-number a:hover,
.all-page .page-number a.active {
    color: var(--theme-color);
}

.all-page .page-number a:last-child:after {
    display: none;
}

.blog-style-7-3-grid,
.blog-style-7-left-grid-blog,
.blog-style-7-right-grid-blog {
    display: flex;
    flex-wrap: wrap;
    margin-top: -30px;
    margin-left: -30px;
}

.blog-style-7-3-grid .blog-start,
.blog-style-7-left-grid-blog .blog-start,
.blog-style-7-right-grid-blog .blog-start {
    width: calc(33.33% - 30px);
    margin-left: 30px;
    margin-top: 30px;
}

.blog-style-7-3-grid .blog-start .blog-image,
.blog-style-7-left-grid-blog .blog-start .blog-image,
.blog-style-7-right-grid-blog .blog-start .blog-image {
    position: relative;
    display: flex;
}

.blog-style-7-3-grid .blog-start .blog-image a,
.blog-style-7-left-grid-blog .blog-start .blog-image a,
.blog-style-7-right-grid-blog .blog-start .blog-image a {
    position: relative;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img {
    height: 255px;
    object-fit: cover;
}

.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.blog-style-7-3-grid .blog-start .blog-image a img,
.blog-style-7-3-grid .blog-start:hover .blog-image a img,
.blog-style-7-left-grid-blog .blog-start .blog-image a img,
.blog-style-7-left-grid-blog .blog-start:hover .blog-image a img,
.blog-style-7-right-grid-blog .blog-start .blog-image a img,
.blog-style-7-right-grid-blog .blog-start:hover .blog-image a img {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 {
    font-size: 16px;
    padding-top: 23px;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a {
    display: block;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.blog-style-7-3-grid .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-left-grid-blog .blog-start .blog-content .blog-title h6 a:hover,
.blog-style-7-right-grid-blog .blog-start .blog-content .blog-title h6 a:hover {
    color: var(--theme-color);
}

.blog-style-7-3-grid .blog-start .blog-content p.blog-description,
.blog-style-7-left-grid-blog .blog-start .blog-content p.blog-description,
.blog-style-7-right-grid-blog .blog-start .blog-content p.blog-description {
    color: #999;
    margin-top: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link {
    color: var(--theme-color);
    font-size: 16px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i {
    font-size: 12px;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.blog-style-7-3-grid .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-left-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i,
.blog-style-7-right-grid-blog .blog-start .blog-content .more-blog a.read-link:hover i {
    margin-left: 8px;
}

.home-7-blog .all-blog {
    text-align: center;
    margin-top: 30px;
}

.iti--allow-dropdown {
    display: block !important;
}

#review-form form label:first-child {
    margin-top: 0px;
}

#review-form form input {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;

    border: 1px solid #eee;
}

#review-form form textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;

    border: 1px solid #eee;
}

#review-form span {
    display: block;
    margin-top: 10px;
    line-height: 1;
}

#review-form label {
    font-size: 14px;
    margin-top: 15px;
}

#review-form input,
#review-form textarea {
    width: 100%;
    margin-top: 10px;
    font-size: 14px;
    border: 1px solid #eee;
}

.fnf-area {
    text-align: center;
}

.fnf-area h1.fnf-title {
    font-size: 180px;
    line-height: 1;
}

.fnf-area h1.fnf-title span.color-font {
    color: #cc7656;
}

.fnf-area p {
    margin-top: 16px;
    font-weight: 500;
}

.fnf-area form {
    margin-top: 22px;
}

.fnf-area form input {
    border: 1px solid #eee;
    border-radius: 25px;
}

.fnf-area a.submit {
    padding: 9px 25px;
    background-color: #cc7656;
    border: 2px solid #cc7656;
    color: #fff;
    border-radius: 25px;
}

.fnf-area a.submit:hover {
    background-color: transparent;
    color: #000;
}

.fnf-area a.back-home {
    margin-top: 30px;
    padding: 9px 15px;
    background-color: #cc7656;
    color: #fff;
    font-weight: 500;
    border: 2px solid #cc7656;

    border-radius: 25px;
}

.fnf-area a.back-home:hover {
    background-color: transparent;
    color: #000;
}

@media (max-width:991px) {
    .order-histry-area .order-history .profile-address {
        width: 100%;
        margin-top: 20px;
    }
}

.grid-list-area .grid-list-select {
    flex-wrap: wrap;
}

.profile-wishlist .table,.profile-reward-list .table {
    border-top: 1px solid #eee;
}

.login-area .login-box button.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.register-area .register-box button.btn-style1 {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.reply-form input {
    width: 100%;
    padding: 10px 15px;
    margin-top: 10px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.reply-form textarea {
    width: 100%;
    margin-top: 10px;
    min-height: 100px;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 3px;
    resize: unset;
}

.reply-form label {
    margin-top: 15px;
}

.forgat-password-area .forgot-p button.forgot-link span {
    background-color: #000;
    border: 2px solid #000;
    padding: 8px 10px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.edit-address,
.delete-address {
    cursor: pointer;
}

.badge-style {
    background: #cc7656;
}

.address-card {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.all_address {
    cursor: pointer;
}

a.w-c-q-icn {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 40px;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    line-height: 0px;
    font-size: 16px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    opacity: 0;
    visibility: hidden;
}

a.w-c-q-icn::after {
    background-color: var(--theme-color);
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

a.w-c-q-icn:hover {
    color: #fff;
    background-color: var(--theme-color);
    opacity: 1;
    visibility: visible;
}

.search-pro-area .search-pro-items:hover a.w-c-q-icn {
    opacity: 1;
    visibility: visible;
}

.address-bg {
    background-color: #f7f7f7;
}

.pro-img img {
    width: 111px;
    height: 111px;
}

.cart-tempty-title {
    padding: 10px;
}

.category-7 .category-col .category-main .cate-7 .category a.back-image {
    background-position: center;
    background-size: 100%;
}

.category-7 .category-col .category-main .cate-7 .category .cate-content {
    text-align: center;
    margin-top: 15px;
}

.category-7 .category-col .category-main {
    margin-right: 0;
}

.home-7-blog .blog-area .blog-7 .blog-start .blog-image a {
    width: 100%;
}

.megamenu-content .mainwrap ul.main-menu {
    margin-left: 15px;
}

.order-histry-area.section-tb-padding {
    padding: 110px 0;
}

.about-content .about-details {
    text-align: left;
}

.about-content .about-image {
    margin-top: 15px;
    position: relative;
    display: block;
    padding-top: 50%;
}

.about-content .about-image img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-content.section-tb-padding {
    padding: 120px 0;
}

.edit-address,
.delete-address {
    opacity: 1 !important;
    visibility: visible !important;
    width: 35px !important;
    height: 35px !important;
}

.edit-address-delete {
    min-width: 80px;
    display: flex;
    gap: 8px;
}

.cart-area .cart-details .cart-all-pro .cart-pro {
    width: 25%;
}

.list-product .list-items .caption .pro-icn a.w-c-q-icn {
    opacity: 1;
    visibility: visible;
}

.iti__flag {
    background-image: url(../img/flags.png) !important;
}

.category-7 .category-col .category-main .cate-7 .category a.back-image {
    height: 200px;
}

.category-7 .category-col .category-main .cate-7 .category a.back-image {
    height: auto !important;
}


.cate-images {
    width: 170px !important;
    height: 173px;
    /* object-fit: cover; */
}

.pro-additional-image {
    position: relative;
    overflow: hidden;
}

.prod-images {
    height: auto;
    width: 100%;
    display: block;
    object-fit: cover;

}

.category-image-text {
    margin: 0 auto;
    display: inline-block;
}

@media (max-width: 440px) {
    .grid-list-area .grid-pro ul.grid-product li.grid-items {
        width: 100% !important;
    }

    .search-pro-area .search-pro-items {
        width: 100% !important;
    }
}

.order-section {
    border: 1px solid #eee;
    padding: 20px ;
    background-color: #fff;
    border-radius: 8px;
    margin: auto;
    margin-top: 20px;
}

.lang-select {
    appearance: none;
    padding: 6px 30px 6px 15px;
    border-color: #000;
    background-color: #fff;
    background: url(../image/down-arrow1.svg);
    background-repeat: no-repeat;
    background-size: 11px;
    background-position: calc(100% - 10px) 50%;
}


/* scrtch-card-css */
.profile-reward-list {
    width: calc(65% - 30px);
    margin-left: 30px;
}

.cursor-grabbing {
    cursor: grabbing;
}

.cursor-pointer {
    cursor: pointer;
}

.scratch-card {
    position: relative;
    z-index: 1;
    height: 100%;
}

.scratch-card-inner {
    height: 100%;
}

.scratch-card .scratch-card-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    z-index: -1;
}

.scratch-card .scratch-card-inner::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(10 8 8 / 39%);
    z-index: 1;
}

.scratch-card .scratch-overlay>svg {
    height: 100%;
    width: 100%;
}

.scratch-card .scratch-card-content {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 15px;
    display: flex;
    gap: 15px;
    color: white;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    cursor: pointer;
    z-index: 1;
}

.scratch-card .scratch-overlay {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(205 119 82);
    z-index: 2;
}

.scratch-card .scratch-overlay svg path {
    fill: white;
}

.scratch-card-content h4,
.scratch-card-content .expiry-date {
    color: white;
    text-transform: capitalize;
}

.scratch-card .coupon-code {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: white;
    background-color: rgb(60 60 60 / 27%);
    padding: 8px 15px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
    box-shadow: 0 2px 5px rgb(217 217 217 / 40%);
}

.scratch-card .coupon-code svg {
    width: 16px;
    height: 16px;
    fill: #333;
}

.scratch-card .scratch-price {
    font-size: 22px;
}

.scratch-card-canvas {
    position: relative;
    height: 100%;
    width: 100%;
}

.scratch-modal .scratch-card .scratch-overlay {
    background: none;
}

.scratch-modal .modal-content {
    height: 500px;
}

.scratch-card .scratch-card-timer {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(236, 176, 10);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    z-index: 2;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.scratch-card .coupon-used-expaire-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    text-transform: uppercase;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.scratch-card .coupon-used-expaire-label {
    background-color: black;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    box-shadow: 0 6px 8px rgba(250, 250, 250, 0.2);
}

.profile-reward-wrp {
    gap: 15px;
    flex-wrap: wrap;
}
.profile-reward-wrp .profile-reward-inner {
    max-width: 240px;
    width: 100%;
}

@media (max-width: 991px) {
    .order-histry-area .order-history .profile-reward-list {
        margin-top: 30px;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .scratch-modal .modal-content {
        height: 290px;
        width: 290px;
        margin: 0 auto;
    }
    .profile-reward-wrp {
        flex-direction: column;
        align-items: center;
    }
}

/* spineer design */
.spin-icon {
    position: fixed;
    bottom: 20px;
    left: 17px;
    background: var(--theme-color);
    color: #fff;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
    z-index: 1000;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.spin-icon:hover {
    background: var(--theme-color);
    color: #fff;
}

.spin-icon i {
    font-size: 24px;
}

.spinner-final-view {
    margin-top: 30px;
}

.spin-box {
    position: relative;
    display: inline-block;
}

#spinwheel {
    position: relative;
    margin: auto;
}
@media (min-width: 576px) {
    #spinwheel {
        width: 400px;
    }
}

.spinnerwheel {
    position: relative;
    width: 100%;
    height: auto;
}

.wheel-svg {
    max-width: 100%;
    transform: rotate(0deg);
}

.wheel-spin-arrow {
    position: absolute;
    text-align: center;
    z-index: 1;
    display: inline-block;
    top: 50%;
    right: -12px;
    transform: translate(50%, -50%) rotate(-90deg);
}

.wheel-spin-arrow svg {
    max-width: 40px;
    margin: auto;
}

.wheel-spin-arrow svg path {
    fill: #3D3D3D;
}

.spinbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    background-color: #ffffff;
    color: #000;
    border: none;
    font-size: 14px;
    font-weight: 600;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

.spinbtn:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
}

.wheel-svg {
    width: 100%;
    height: auto;
    transform-origin: center center;
    animation: spin 3s ease-out forwards;
}

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

    100% {
        transform: rotate(1440deg);
    }
}
.quick-view .modal.fade.show {
    display: flex !important;
    align-items: center;
    justify-items: center;
}
@media (max-width: 575px) {
    .quick-view .modal .modal-dialog {
        overflow: hidden auto !important;
    }
}
.spinner-modal .quick-veiw-area {
    margin: 0 20px 0 0;
}

.slider .home-slider7 .img-back .video-background {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}


.slider .home-slider7 .img-back iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
header + section {
    padding-top: 0px !important;
}

@media (min-width: 992px) {
    .sticky-cart{
        position: sticky !important;
        top: 100px !important;
        height: calc(100vh - 100px) !important;
        overflow-y: scroll !important;
    }
}
@media (max-width: 576px) {
    .thin-btns {
        font-size: 10px !important;
        font-weight: 500 !important;
    }
}