@import url('//fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
    @import url('//fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

    @font-face {
        font-family: 'AMBYAR';
        font-style: normal;
        font-weight: 400;
        src: url('../fonts/AMBYAR.woff');
    }

    @font-face {
        font-family: 'Fontawesome';
        src: url('../fonts/fontawesome-webfont.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Fontawesome';
        src: url('../fonts/fontawesome-webfont.woff');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Fontawesome';
        src: url('../fonts/fontawesome-webfont.woff2');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'SemplicitaPro';
        src: url('../fonts/SemplicitaPro.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'world-pressure';
        src: url('../fonts/world-pressure.ttf');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Baskervi';
        src: url('../fonts/Baskerville-Display.ttf');
        font-weight: normal;
        font-style: normal;
    }

    *,
    body {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'SemplicitaPro';
        user-select: none;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    /*  Chrome, Safari, Edge, Opera  */

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /* Firefox  */

    input[type=number] {
        -moz-appearance: textfield;
    }

    a {
        cursor: pointer;
    }

    th,
    td {
        letter-spacing: 1px;
    }

    body::-webkit-scrollbar {
        display: none;
    }

    body {
        font-family: var(--font-family1);
        font-weight: 400;
        scrollbar-width: none;
        overflow-y: scroll;
    }

    :root {
        --gray: #949494;
        --star-color: #E5E5E5;
        --black: #000;
        --red: #FF0000;
        --white: #fff;
        --light-white: #f5f5f5;
        --blue: #4088BD;
        --yellow: #BDA440;
        --font-family1: 'SemplicitaPro';
        --font-family2: 'SemplicitaPro';
        --font-family3: 'SemplicitaPro';
        --orange: #FF9364;
        --green: #16BA3D;
        --white-soft: #f5f5f582;
    }

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

    a:hover {
        color: inherit;
    }

    a:focus-visible {
        outline: none;
    }

    h1 {
        font-size: 51px;
        line-height: 54px;
    }

    h2 {
        font-size: 40px;
        line-height: 54px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0;
        padding: 0;
        font-family: 'Nunito Sans', sans-serif;
        color: var(--black);
        font-weight: 400;
        letter-spacing: 1px;
    }

    p {
        font-size: 16px;
        color: var(--black);
        margin: 0;
        padding: 0;
        font-weight: 300;
    }

    ul,
    ol,
    li {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    textarea,
    .form-control,
    input:focus,
    button:focus,
    select {
        outline: none;
        box-shadow: none !important;
    }

    input[type=number]::-webkit-outer-spin-button,
    input[type=number]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    [type=button],
    [type=reset],
    [type=submit],
    button {
        -webkit-appearance: unset;
    }

    /*header section css*/

    .home_header {
        padding: 15px 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        background: var(--white);
    }

    .home_header .logo img {
        max-width: 217px;
    }

    .home_header .login_btn {
        width: 134px;
        height: 48px;
        color: var(--white);
        font-size: 16px;
        line-height: 42px;
        text-align: center;
        border: none;
        transition: all .5s;
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
    }

    .home_header .login_btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .home_header .login_btn>img {
        margin-right: 5px;
        transition: all .5s;
    }

    /*banner section css*/

    .banner_sec {
        padding-top: 160px;
        overflow: hidden;
    }

    .banner_sec h1 {
        margin-bottom: 30px;
        max-width: 550px;
        overflow: hidden;
        font-family: 'Baskerville';
        line-height: 66px;
    }

    .banner_sec h1>span {
        color: var(--red);
        font-family: 'Baskerville';
    }

    .banner_sec p {
        margin-bottom: 45px;
    }

    .banner_sec a {
        width: 227px;
        height: 48px;
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background: #ff0000;
        border-radius: 5px;
        color: var(--white);
        font-size: 16px;
        line-height: 48px;
        text-align: center;
        border: none;
        margin-bottom: 70px;
        display: inline-block;
        transition: all .5s;
    }

    .banner_sec a:hover {
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .banner_sec .slider-nav .slick-list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .banner_sec .slider-nav .slide_items {
        padding-left: 10px;
        padding-right: 10px;
    }

    .banner_sec .slider-nav img {
        width: 100%;
        height: 150px;
        object-fit: cover;
        cursor: pointer;
    }

    .banner_sec .slider-nav img {
        transition: all .5s;
    }

    .banner_sec .slider-nav .slick-current .slide_nav_img {
        border: 1px solid var(--red);
    }

    .banner_sec .slider-nav .slide_nav_img:hover {
        border: 1px solid var(--red);
        overflow: hidden;
    }

    .banner_sec .slider-nav .slide_nav_img:hover img {
        transform: scale(1.2);
    }

    .banner_sec .slider-products .slide_items {
        text-align: center;
    }

    .banner_sec .slider-products img {
        max-height: 626px;
        width: 100%;
        object-fit: cover;
    }

    .all_overflow {
        overflow: hidden;
    }

    /*About us section css*/

    .about_sec {
        padding: 100px 0;
        background: #F9F9F9;
        overflow: hidden;
    }

    .about_sec .about_left h3 {
        writing-mode: vertical-rl;
        text-align: center;
        text-transform: uppercase;
        width: 80px;
        transform: rotate(180deg);
        font-size: 27px;
        font-weight: 300;
        font-family: 'Baskerville';
    }

    .about_sec .about_left {
        display: flex;
    }

    .about_sec .about_slider {
        height: 100%;
        display: flex;
        flex-direction: column;
    }

    .arrow-area {
        margin-top: auto;
    }

    .about_sec .about_slide h2 {
        margin-bottom: 30px;
        max-width: 430px;
        font-family: 'Baskerville';
    }

    .about_sec .about_slide h2>span {
        color: var(--red);
        font-family: 'Baskerville';
    }

    .about_sec .about_slide p {
        margin-bottom: 20px;
    }

    .about_sec .slick-arrow {
        width: 48px;
        height: 48px;
        line-height: 48px;
        color: var(--black);
        background: var(--white);
        border: none;
        font-size: 24px;
        text-align: center;
    }

    .about_sec .slick-arrow.pre {
        left: 0;
    }

    .about_sec .slick-arrow.next {
        left: 48px;
    }

    .about_sec .slick-arrow:hover {
        color: var(--white);
        background: var(--red);
    }

    .about_img_slider {
        overflow: hidden;
    }

    .about_img_slider img {
        margin: 0 auto;
        max-height: 494px;
        height: 100%;
        width: 100%;
        object-fit: cover;
    }

    /*Footer section css*/

    .footer_sec {
        padding: 30px 0 60px;
        background-color: var(--white);
    }

    .footer_sec h5 {
        font-size: 23px;
        font-weight: 500;
        margin-bottom: 15px;
        color: var(--red);
        font-family: 'AMBYAR', sans-serif;
        letter-spacing: 2px;
    }

    .footer_sec .footer_social a {
        display: inline-block;
        margin-bottom: 10px;
        color: var(--black);
        cursor: pointer;
    }

    .footer_sec .footer_social a>span {
        color: var(--black);
        font-size: 13px;
        font-weight: 300;
        display: flex;
        align-items: center;
    }

    .footer_sec .footer_menu.contact a {
        color: var(--black);
        font-size: 12px;
        font-weight: 300;
        display: flex;
        align-items: center;
        position: relative;
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .footer_sec .footer_menu.contact a:hover {
        color: var(--black);
    }

    .footer_sec .footer_menu.contact a>svg {
        left: 0;
        top: 2px;
    }

    .footer_sec .footer_social a label {
        height: 40px;
        width: 40px;
        line-height: 40px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        background: var(--black);
        color: var(--white);
        font-size: 25px;
        border-radius: 100%;
        margin-right: 20px;
        transition: all .5s;
        cursor: pointer;
    }

    .footer_sec .footer_social a label .fa-facebook {
        margin-top: 2px;
    }

    .footer_sec .footer_social a:hover label {
        background: var(--red);
        color: var(--white);
    }

    .footer_sec .footer_menu a {
        color: var(--black);
        font-size: 13px;
        font-weight: 300;
        display: inline-block;
        margin-bottom: 3px;
    }

    .footer_sec .footer_menu a:hover {
        color: var(--red);
    }

    .footer_sec .footer_menu .timing {
        display: flex;
        margin-bottom: 10px;
    }

    .footer_sec .footer_menu .timing p {
        color: var(--black);
        font-size: 13px;
        font-weight: 300;
        display: inline-block;
    }

    .footer_sec .footer_menu .timing p:nth-child(2) {
        min-width: 10px;
    }

    .footer_sec .footer_menu .timing p:first-child {
        width: 75px;
    }

    /*------------------new css 14/7/22--------------*/

    .footer_sec .footer_menu a svg {
        position: absolute;
        width: 15px;
        height: 15px;
        color: #727272;
    }

    .footer_bottom {
        background-color: var(--red);
        width: 100%;
        height: 62px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

    .footer_bottom p {
        text-align: center;
        color: var(--white);
        font-size: 12px;
        font-weight: 300;
    }

    /*-----------cookies alert msg-------------*/

    #cookies {
        display: none;
        width: 100%;
        position: fixed;
        background: var(--red);
        color: var(--white);
        bottom: 0;
        left: 0;
        z-index: 999;
    }

    #cookies .cookies_block {
        display: flex;
        width: 100%;
        justify-content: space-between;
        height: 80px;
        padding: 18px 0;
        position: relative;
    }

    #cookies .icon-cross {
        position: absolute;
        left: 0;
    }

    #cookies .cookies_block .cookies_info {
        padding-left: 40px;
        padding-right: 40px;
    }

    #cookies .cookies_block .cookies_info h6 {
        font-size: 14px;
        font-weight: 400;
        color: var(--white);
        line-height: 22px;
        text-transform: uppercase;
    }

    #cookies .cookies_block .cookies_info p {
        color: var(--white);
        font-size: 12px;
        font-weight: 400;
        line-height: 19px;
    }

    #cookies .cookies_block .btn_accept {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #cookies .cookies_block .btn_accept .btn {
        width: 109px;
        height: 48px;
        background: var(--black);
        color: var(--white);
        font-size: 15px;
        text-align: center;
        font-weight: 400;
        border: none;
        border-radius: 5px;
        box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.8);
    }

    #cookies .cookies_block .btn_accept .btn:hover {
        background: #fff;
        color: #000;
        font-weight: 600;
    }

    #cookies.display {
        display: block;
        animation: cookies 1s 1;
    }

    @keyframes cookies {
        0% {
            transform: translate3d(0, 150px, 0);
        }

        100% {
            transform: translate3d(0, 0, 0);
        }
    }

    .close-cookies,
    .accept-cookies {
        transition: all 0.5s ease-out;
        transform: translate3d(0, 300px, 0);
    }

    /*------------login page ----------------------*/

    .login_section {
        width: 100%;
        height: auto;
        background-image: url(../images/clothes-store-with-mannequin.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding: 40px 0;
    }

    .login_section img {
        width: 100%;
        object-fit: cover;
        height: 100%;
    }

    .login_section .login_info {
        width: 100%;
        height: 100%;
        background-color: var(--white);
        padding: 30px 70px;
        cursor: initial;
    }

    .login_section .login_info .logo {
        margin-bottom: 30px;
    }

    .login_section.login .login_info .logo {
        margin-bottom: 3.5vmin;
    }

    .login_section .login_info .logo img {
        max-width: 217px;
        width: 100%;
    }

    .login_section .login_info form span {
        color: var(--red);
        font-size: 13px;
        text-transform: uppercase;
    }

    .login_section .login_info form span.error {
        text-transform: initial;
    }

    .login_section .login_info form .thanks-message span {
        color: var(--black);
    }

    .login_section .login_info form h2 {
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 1.5;
        text-transform: uppercase;
    }

    .login_section.login .login_info form h2 {
        margin-bottom: 1.5vmin;
        font-size: 3vmin;
    }

    .login_section .login_info form .form-group {
        margin-top: 25px;
    }

    .login_section .login_info form .form-control {
        display: block;
        width: 100%;
        height: 55px;
        padding: 0.375rem 0.75rem;
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
        color: var(--black);
        background-color: var(--light-white);
        border: none;
        border-radius: 0;
    }

    .login_section.login .login_info form .form-control {
        height: 5.4vmin;
    }

    .login_section .login_info form .btn {
        width: 227px;
        height: 55px;
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background: #ff0000;
        color: var(--white);
        font-size: 16px;
        line-height: 21px;
        font-weight: 300;
        text-align: center;
        border: none;
        border-radius: 5px !important;
        margin: 60px 0;
        transition: all .5s;
    }

    .login_section .login_info form .btn.btn-primary {
        width: initial;
    }

    .login_section.login .login_info form .btn {
        line-height: 2vmin;
    }

    .login_section.login .login_info form .btn {
        height: 5.5vmin;
    }

    .login_section.login .login_info form .btn {
        margin: 5vmin 0;
    }

    .login_section .login_info form .btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .login_section .login_info form p,
    .login_section .login_info form p a {
        font-size: 12px;
        font-weight: 300;
        line-height: normal;
        margin-bottom: 60px;
        color: var(--black);
        text-transform: uppercase;
    }

    .login_section.login .login_info form p,
    .login_section.login .login_info form p a {
        margin-bottom: 4vmin;
    }

    .login_section .login_info form a {
        font-size: 12px;
        font-weight: 300;
        line-height: 28px;
        color: var(--red);
        text-transform: uppercase;
    }

    .login_section .login_info form a:hover {
        text-decoration: underline;
    }

    .login_section .login_info form p a {
        color: var(--red);
    }

    .login_section .login_info form p a:hover {
        text-decoration: underline;
    }

    /*--------------card page --------------*/

    .header_section {
        width: 100%;
        height: auto;
        position: relative;
        z-index: 999;
        border-bottom: 1px solid #66666626;
    }

    .header_section .navbar {
        width: 100%;
    }

    .navbar .navbar-brand img {
        max-width: 140px;
    }

    .navbar-expand-lg .navbar-collapse {
        justify-content: center;
    }

    .navbar-nav {
        margin-left: 0px;
    }

    .navbar-nav .nav-item {
        margin: 0 10px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 13px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        position: relative;
        text-transform: uppercase;
        display: inline-block;
    }

    .navbar-nav .nav-item .nav-link:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: 4px;
        background: var(--red);
        transition: 0.5s transform ease;
        transform: scale3d(0, 1, 1);
        transform-origin: 50% 50%;
    }

    .navbar-nav .nav-item .nav-link:hover::before,
    .navbar-nav .nav-item.active>.nav-link::before {
        transform: scale3d(1, 1, 1);
    }

    .navbar-nav>.nav-item.active>.nav-link {
        color: var(--red);
    }

    .navbar-nav .nav-item .nav-link:hover {
        color: var(--red);
    }

    .header_section .item_block ul {
        display: flex;
        align-items: center;
    }

    .header_section .item_block ul.dropdown-menu {
        display: none;
        left: initial;
        right: 0;
    }

    .header_section .item_block .profile_menu {
        position: relative;
    }

    .header_section .item_block .profile_menu:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 40px;
        background: transparent;
        top: 0;
        left: 0;
    }

    .header_section .item_block .profile_menu:hover ul.dropdown-menu {
        display: block;
    }

    .header_section .item_block ul.dropdown-menu li,
    .mobile_header_top .item_block ul.dropdown-menu li {
        display: block;
        margin-right: 0;
    }

    .header_section .item_block ul.dropdown-menu a,
    .mobile_header_top .item_block ul.dropdown-menu a {
        display: block;
        font-size: 13px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        position: relative;
        text-transform: uppercase;
    }

    .header_section .item_block ul.dropdown-menu a:hover,
    .mobile_header_top .item_block ul.dropdown-menu a:hover,
    .header_section .item_block ul.dropdown-menu a.active,
    .mobile_header_top .item_block ul.dropdown-menu a.active {
        background: var(--red);
        color: var(--white);
    }

    .item_block ul li {
        margin-right: 15px;
        position: relative;
        display: inline-block;
    }

    .item_block ul li a>span,
    .mobile_header_top .item_block ul li a>span {
        position: absolute;
        right: -6px;
        top: -5px;
        background: var(--red);
        width: 18px;
        height: 18px;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-size: 10px;
    }

    .mobile_header_top .item_block ul li a>span {
        background: var(--white);
        color: var(--red);
    }

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

    .item_block ul li a>i {
        color: var(--black);
        font-size: 16px;
        width: 24px;
        height: 24px;
    }

    .item_block ul li>a img.hover_img {
        display: none;
    }

    .item_block ul li>a:hover img {
        display: none;
    }

    .item_block ul li>a:hover img.hover_img {
        display: inline-block;
    }

    .mobile_header_top .item_block ul li>a img.hover_img {
        display: inline-block;
    }

    .mobile_header_top .item_block ul li>a:hover img {
        display: inline-block;
    }

    .mobile_header_top .item_block ul li>a:hover img.hover_img {
        display: inline-block;
    }

    .shopping_sec {
        width: 100%;
        height: auto;
        padding: 40px 0;
    }

    .shopping_sec h1 {
        font-size: 26px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        text-transform: uppercase;
    }

    .shopping_sec .table_left_block {
        width: 100%;
        position: relative;
        padding-right: 40px;
    }

    .shopping_sec .table_left_block table,
    .shopping_sec .table_right_block table {
        width: 100%;
    }

    .shopping_sec .table_left_block table thead {
        background-color: var(--light-white);
    }

    .table_left_block table th {
        font-size: 15px;
        font-weight: 600;
    }

    .table_left_block table th,
    .table_left_block table td {
        vertical-align: middle;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .table_left_block table th {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .table_left_block table p {
        color: var(--black);
        font-size: 15px;
        text-align: center;
    }

    .product_color {
        text-align: center;
    }

    .product_color .change_color {
        width: 20px;
        height: 20px;
        /* border: 1px solid var(--black); */
        border-radius: 100%;
        position: relative;
        display: grid;
        place-content: center;
    }

    .product_color span {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: var(--green);
        border-radius: 100%;
        width: 20px;
        height: 20px;
        box-shadow: 0px 3px 5px rgb(0 0 0 / 50%);
    }

    .product_color {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .product_color.orange span:before {
        background: var(--orange)
    }

    .content_info .product_color {
        align-items: initial;
    }

    .table_left_block .content_info {
        display: flex;
        align-items: top;
    }

    .table_left_block .content_info .desc span {
        display: block;
        text-align: left;
    }

    .table_left_block .content_info p {
        /*text-transform: uppercase;*/
    }

    .table_left_block .content_info .cart_img {
        margin-right: 15px;
    }

    .table_left_block .content_info .cart_img img {
        height: 60px;
    }

    .qty {
        display: flex;
        min-width: 60px;
    }

    .qty .count {
        color: #000;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        padding: 0 2px;
        min-width: 40px;
        border: none;
        text-align: center;
        max-width: 40px;
        font-family: var(--font-family3);
        background: transparent;
    }

    .qty .plus,
    .qty .minus {
        cursor: pointer;
        vertical-align: top;
        color: var(--gray);
        width: 25px;
        height: 25px;
        font-size: 22px !important;
        border-radius: 50%;
        border: 1px solid var(--gray);
        font-weight: 100 !important;
        text-align: center;
    }

    .qty .plus svg,
    .qty .minus svg {
        vertical-align: initial;
    }

    .qty .plus {
        line-height: 1;
    }

    .qty .minus {
        line-height: 17px;
    }

    .qty .plus:hover,
    .qty .minus:hover {
        background-color: var(--red);
        color: var(--white);
        border: 1px solid var(--red);
    }

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

    .shopping_sec .table_right_block {
        padding-left: 40px;
        position: sticky;
        top: 105px;
    }

    .table_right_block h2 {
        font-size: 14px;
        text-transform: uppercase;
    }

    .shopping_sec .table_right_block th {
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        background: #F5F5F5;
        font-weight: 600;
    }

    .shopping_sec .table_right_block td {
        padding: 1rem;
        border: none;
    }

    .shopping_sec .table_right_block td .info {
        display: flex;
        justify-content: space-between;
    }

    .shopping_sec .table_right_block .info p {
        font-size: 15px;
        text-transform: uppercase;
    }

    .shopping_sec .table_right_block td.btr {
        border-top: 1px solid var(--light-white);
        font-weight: 600 !important;
    }

    .shopping_sec .table_right_block .info.bg p {
        color: var(--black);
        font-weight: 400;
    }

    .shopping_sec .table_right_block .process_btn,
    .modal .modal-content .modal-body form .btn {
        width: 100%;
        height: 46px;
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background: #ff0000;
        border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: #fff;
        transition: all .5s;
        text-transform: uppercase;
        border: 0;
    }

    .shopping_sec .table_right_block .process_btn:disabled,
    .shopping_sec .table_right_block .process_btn[disabled] {
        background: #ff5c5c;
    }

    .shopping_sec .table_right_block .process_btn+span {
        color: var(--red);
        font-size: 13px;
        margin-top: 13px;
        display: inline-block;
    }

    .shopping_sec .table_right_block .process_btn:hover,
    .modal .modal-content .modal-body form .btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .shopping_sec .table_right_block .process_btn:disabled:hover,
    .shopping_sec .table_right_block .process_btn[disabled]:hover {
        background-image: #ff5c5c;
    }

    .shopping_sec .table_right_block .process_btn {
        text-transform: initial;
    }

    .input-group .form-control {
        border-radius: 0;
        border: 1px solid var(--light-white);
    }

    .input-group .form-control::placeholder {
        font-size: 14px;
        font-weight: 300;
        line-height: 28px;
        color: var(--gray);
    }

    .input-group .btn {
        position: relative;
        z-index: 2;
        border-radius: 0;
        border: 2px solid var(--light-white);
    }

    .input-group .btn>i {
        color: var(--gray);
    }

    .banner_block {
        width: 100%;
        height: 200px;
        background-image: url(../images/pexels-ron-lach-8387828.png);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        z-index: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .banner_block::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 200px;
        background-color: #fff;
        opacity: 0.6;
        z-index: -1;
    }

    .banner_block .banner_cont {
        width: 100%;
        text-align: center;
        position: relative;
    }

    .banner_block .banner_cont h3 {
        font-size: 30px;
        font-weight: 500;
        font-family: 'AMBYAR', sans-serif;
        line-height: 48px;
        color: var(--red);
        letter-spacing: 2px;
    }

    .banner_block .banner_cont p {
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
        color: var(--black);
    }

    .banner_block .banner_cont .input-group {
        max-width: 553px;
        width: 100%;
        height: 58px;
        margin: 0 auto;
        margin-top: 10px;
    }

    .banner_block .banner_cont .input-group+p.newsletter-bottom-text {
        max-width: 553px;
        width: 100%;
        margin: 0 auto;
        text-align: left;
    }

    .banner_block .banner_cont .input-group .form-control {
        border-color: none;
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
    }

    .banner_block .banner_cont .input-group .input-group-append .btn {
        width: 151px;
        height: 58px;
        background: var(--red);
        border: 1px solid var(--red);
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white);
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        transition: all .5s;
    }

    .banner_block .banner_cont .input-group .input-group-append .btn:hover {
        border: 1px solid var(--red);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    /*-----------cart page--modal box-------------------*/

    .cart_modal.modal .modal-dialog {
        transform: none;
        max-width: 800px;
        width: 100%;
    }

    .cart_modal.modal .modal-content {
        border-radius: 0;
    }

    .cart_modal.modal .modal-content .modal-header {
        border-bottom: 0;
    }

    .cart_modal.modal .modal-content .modal-body .popup_img {
        height: 100%;
    }

    .cart_modal.modal .modal-content .modal-body .popup_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .cart_modal.modal .modal-content .modal-body .block_popup .header_sec {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .cart_modal.modal .modal-content .modal-body .block_popup {
        padding-bottom: 15px;
    }

    .cart_modal.modal .modal-content .modal-body .block_popup .header_sec img {
        max-width: 160px;
        width: 100%;
        object-fit: cover;
        margin-top: 20px;
    }

    .cart_modal.modal .modal-content .modal-body .block_popup .header_sec .btn-close {
        margin: 5px;
    }

    .size_modal .btn-close {
        line-height: 1px;
    }

    .cart_modal.modal .modal-content .modal-body h4 {
        font-size: 21px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        margin: 20px 0;
        text-transform: uppercase;
    }

    .cart_modal.modal .modal-content .modal-body {
        padding: 0;
    }

    .cart_modal.modal .modal-content .modal-body form .btn {
        max-width: 156px;
        border-radius: 0;
        margin-top: 40px;
        width: 100%;
    }

    .cart_modal.modal .modal-content .modal-body form .form-check .form-check-label {
        margin-bottom: 0;
    }

    /*--------------details page --------------*/
    /*----slider----*/

    .cart_info_sec {
        width: 100%;
        position: relative;
    }

    .cart_info_sec .myslider .slick-arrow {
        position: absolute;
        bottom: 0;
        width: 42px;
        height: 42px;
        line-height: 42px;
        color: var(--black);
        background: rgba(255, 255, 255, .9);
        border: none;
        font-size: 24px;
        text-align: center;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .myslider .item {
        min-height: 550px;
    }

    .myslider .item img {
        width: 100%;
        object-fit: contain;
        height: 550px;
    }

    .cart_info_sec .myslider .slick-arrow.pre {
        left: 10px;
        bottom: 60px;
        z-index: 1;
    }

    .cart_info_sec .myslider .slick-arrow.next {
        left: 10px;
        bottom: 10px;
    }

    .cart_info_sec .myslider .slick-arrow:hover {
        color: var(--white);
        background: var(--red);
    }

    .cart_info_sec .myslider {
        padding-top: 20px;
        position: sticky;
        top: 70px;
    }

    .fancybox__container {
        z-index: 9999;
    }

    .cart_info_sec .products_item {
        padding-top: 20px;
    }

    .cart_info_sec .products_item h1 {
        font-size: 26px;
        font-weight: 300;
        font-family: var(--font-family2);
        line-height: 41px;
        text-transform: uppercase;
        user-select: text;
        -moz-user-select: text;
        -webkit-user-select: text;
        -ms-user-select: text;
    }

    .cart_info_sec .products_item .rating_block {
        margin: 10px 0;
        display: flex;
        justify-content: space-between;
    }

    .cart_info_sec .products_item .rating_block ul {
        display: flex;
    }

    .cart_info_sec .products_item .rating_block ul li {
        color: var(--red);
        margin-right: 5px;
    }

    .cart_info_sec .products_item .rating_block ul li span {
        color: var(--black);
    }

    .cart_info_sec .products_item .rating_block ul li span a {
        text-decoration: underline;
        color: var(--black);
    }

    .cart_info_sec .products_item .rating_block a {
        font-size: 14px;
        color: var(--red);
        font-weight: 400;
        text-decoration: underline;
        text-transform: uppercase;
    }

    /*------------detials page -modal box-------------------*/

    .size_modal.modal .modal-dialog {
        transform: none;
        max-width: 750px;
        width: 100%;
        height: 442px;
    }

    #order_detail_modal.size_modal.modal .modal-dialog {
        max-width: 800px;
    }

    .size_modal.modal .modal-dialog {
        position: fixed;
        margin: auto;
        height: 100%;
        right: 0px;
    }

    .size_modal.modal .modal-body {
        padding: 30px 20px;
    }

    .size_modal.modal .size_img {
        text-align: center;
        margin-bottom: 30px;
    }

    .size_modal.modal .size_img table {
        table-layout: fixed;
    }

    .size_modal.modal .size_img table td,
    .size_modal.modal .size_img table th {
        font-size: 12px;
        font-weight: 400;
        vertical-align: middle;
        border-color: transparent;
    }

    .table .thead-dark th {
        color: #fff;
        background-color: #212529;
        border-color: #32383e;
    }

    .size_modal.modal .modal-content {
        border-radius: 0;
        overflow: auto;
        height: 100%;
    }

    .size_modal.modal .radio-input {
        visibility: hidden;
    }

    .size_modal.modal .radio-label {
        position: relative;
        padding-left: 35px;
    }

    .size_modal.modal .radio-label:after {
        content: "";
        display: block;
        width: 14px;
        height: 14px;
        position: absolute;
        left: 3px;
        top: 3px;
        border-radius: 50%;
    }

    .size_modal.modal .radio-border {
        width: 20px;
        height: 20px;
        display: inline-block;
        outline: solid 1px var(--red);
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 0px;
    }

    .size_modal.modal .radio-input:checked+.radio-label:after {
        transition: all 0.5s;
        background-color: var(--red);
    }

    .size_modal.modal .modal-content .modal-body h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        text-transform: uppercase;
        margin-bottom: 10px;
    }

    .size_modal.modal .modal-content .modal-body .check_box {
        display: flex;
        margin: 5px 0;
    }

    .size_modal.modal .modal-content .modal-body .check_box .form-check {
        padding-left: 0;
        position: relative;
        padding-right: 10px;
    }

    .size_modal.modal label {
        text-transform: uppercase;
        font-size: 15px;
    }

    .size_modal.modal label>input {
        margin-right: 15px;
    }

    .size_modal.modal .modal-content .modal-body .check_box .form-check .form-check-input {
        float: left;
        margin-left: 5px;
    }

    .size_modal.modal .modal-content .modal-body .modal_info {
        margin-bottom: 30px;
    }

    .size_modal.modal .modal-content .modal-body .size-img {
        width: 100%;
    }

    .size_modal.modal .modal-content .modal-body .size-img img {
        width: 100%;
        object-fit: cover;
    }

    .size_modal.modal .modal-content .modal-body .modal_info span {
        text-transform: uppercase;
        display: inline-block;
        margin-bottom: 5px;
    }

    .size_modal.modal .modal-content .modal-body .modal_info span,
    .size_modal.modal .modal-content .modal-body .modal_info p {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: var(--black);
    }

    .cart_info_sec .products_item h2 {
        font-size: 18px;
        font-weight: 400;
        line-height: 28px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .cart_info_sec .products_item .products_varity {
        padding-top: 20px;
        border-top: 1px solid var(--light-white);
    }

    .cart_info_sec .products_item .products_varity span,
    .cart_info_sec .products_item .products_varity .color_varity span {
        font-size: 15px;
        font-weight: 400;
        line-height: 28px;
    }

    .cart_info_sec .products_item .products_varity .size_pattern {
        width: 44px;
        height: 40px;
        border: 1px solid var(--light-white);
        color: var(--black);
        font-size: 16px;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cart_info_sec .products_item .products_varity .color_varity .all_pattern {
        display: flex;
        justify-content: space-between;
    }

    .cart_info_sec .products_item .products_varity .color_varity .color_box {
        max-width: 150px;
        width: 100%;
        height: 40px;
        border: 1px solid var(--light-white);
        position: relative;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 10px;
    }

    .cart_info_sec .products_item .products_varity .color_varity .color_box .bg {
        border-right: 1px solid var(--light-white);
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 40px;
        padding-right: 5px;
    }

    .cart_info_sec .products_item .products_varity .color_varity .color_box .bg a {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid var(--black);
        margin: 0 2px;
        position: relative;
    }

    .cart_info_sec .products_item .products_varity .color_varity .color_box .bg a span {
        width: 12px;
        height: 12px;
        background-color: var(--black);
        border-radius: 50%;
        left: 3px;
        top: 3px;
        position: absolute;
    }

    .cart_info_sec .products_item .products_varity .color_varity .color_box .bg a span.orange {
        background-color: var(--orange);
    }

    .cart_info_sec .products_item .products_varity .color_varity .color_box .bg a span.green {
        background-color: var(--green);
    }

    .cart_info_sec .products_item .products_varity .color_varity .qty {
        display: flex;
    }

    .cart_info_sec .products_item .products_varity .color_varity .qty .count {
        color: #000;
        display: inline-block;
        vertical-align: top;
        font-size: 18px;
        font-weight: 400;
        line-height: 20px;
        padding: 0 2px;
        min-width: 40px;
        border: none;
        text-align: center;
        max-width: 40px;
        font-family: var(--font-family3);
    }

    .cart_info_sec .products_item .products_varity .color_varity .qty .plus,
    .cart_info_sec .products_item .products_varity .color_varity .qty .minus {
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        vertical-align: top;
        color: var(--gray);
        width: 25px;
        height: 25px;
        font-size: 25px;
        border-radius: 50%;
        border: 1px solid var(--gray);
    }

    .cart_info_sec .products_item .products_varity .color_varity .qty .plus:hover,
    .cart_info_sec .products_item .products_varity .color_varity .qty .minus:hover {
        background-color: var(--red);
        color: var(--white);
        border: 1px solid var(--red);
    }

    .cart_info_sec .products_item .products_varity .color_varity .qty .count::-webkit-outer-spin-button,
    .cart_info_sec .products_item .products_varity .color_varity .qty .count::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .cart_info_sec .products_item .products_varity .add_cart_btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin: 30px 0;
    }

    .cart_info_sec .products_item .products_varity .add_cart_btn a {
        width: 244px;
        height: 50px;
        background: var(--black);
        color: var(--white);
        font-size: 15px;
        font-weight: 400;
        line-height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .5s;
        border-radius: 5px;
        box-shadow: 0 5px 15px -5px rgb(0 0 0 / 80%);
    }

    .cart_info_sec .products_item .products_varity .add_cart_btn a.btn1 {
        border: none;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        color: var(--white);
    }

    .cart_info_sec .products_item .products_varity .add_cart_btn a.btn1:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .cart_info_sec .products_item .products_varity .add_cart_btn a>i {
        margin-right: 5px;
    }

    .cart_info_sec .products_item .products_varity .add_cart_btn a:hover {
        background: #fff;
        color: #000;
        font-weight: 600;
    }

    .accordian_sec {
        width: 100%;
    }

    .accordian_sec .accordion_head {
        cursor: pointer;
        font-size: 15px;
        padding: 15px 0px;
        font-weight: 400;
        line-height: 20px;
        border-top: 1px solid var(--light-white);
        text-transform: uppercase;
        position: relative;
    }

    .accordian_sec .accordion_head.btr {
        border-bottom: 1px solid var(--light-white);
    }

    .accordian_sec .accordion_head .plusminus {
        float: right;
        font-size: 60px;
        font-weight: 100;
        color: var(--black);
    }

    .accordian_sec .accordion_head .plusminus svg {
        width: 22px;
        height: 22px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .accordian_sec .accordion_body ul li {
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
        margin-bottom: 10px;
    }

    .accordian_sec .accordion_body .description p {
        font-size: 14px;
        font-weight: 300;
        line-height: 28px;
        color: var(--black);
        margin-bottom: 20px;
    }

    .accordian_sec .accordion_body ul li>i {
        margin-right: 10px;
        color: var(--gray);
    }

    .accordian_sec .accordion_body table {
        width: 100%;
    }

    .accordian_sec .accordion_body table tbody tr th {
        max-width: 20%;
        width: 100%;
    }

    .accordian_sec .accordion_body table tbody tr th,
    .accordian_sec .accordion_body table tbody tr td {
        border: 1px solid var(--black);
        padding: 8px;
        text-align: left;
    }

    .accordian_sec .accordion_body table tbody tr th,
    .accordian_sec .accordion_body table tbody tr td {
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
        color: var(--black);
    }

    .accordian_sec .accordion_body table tbody tr td {
        font-weight: 300;
        color: var(--gray);
    }

    .review-section {
        width: 100%;
        padding: 60px 0;
    }

    .review-section h3 {
        margin-bottom: 40px;
    }

    .review-section .reveiw_left {
        position: relative;
        height: 100%;
        padding-bottom: 30px;
    }

    .review-section .reveiw_left::after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        border-right: 2px solid var(--light-white);
        height: 100%;
    }

    .review-section .reveiw_left .title {
        text-align: center;
        margin-bottom: 70px;
    }

    .review-section .reveiw_left .title span {
        font-size: 18px;
        font-family: var(--font-family3);
        font-weight: 400;
    }

    .review-section .reveiw_left .title ul {
        display: flex;
        justify-content: center;
    }

    .review-section .reveiw_left .title ul li,
    .review-section .reveiw_left .client_review ul li {
        color: var(--star-color);
        margin-right: 5px;
    }

    .review-section .reveiw_left .title p {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        color: var(--black);
        max-width: 100px;
        margin: 0 auto;
    }

    .review-section .reveiw_left .client_review ul {
        display: flex;
        margin-left: 80px;
    }

    .review-section .reveiw_left .client_review ul li .icon {
        margin-right: 5px;
        color: var(--red);
    }

    .review-section .reveiw_left .client_review .block_item {
        width: 100%;
        display: flex;
    }

    .review-section .reveiw_left .client_review img {
        width: 58px;
        height: 58px;
        object-fit: cover;
    }

    .review-section .reveiw_left .client_review .box {
        margin-left: 20px;
    }

    .review-section .reveiw_left .client_review p,
    .review-section .add_review_sec p,
    .review-section .reveiw_left .client_review h4,
    .review-section .add_review_sec h4 {
        font-size: 14px;
        line-height: 19px;
        font-weight: 300;
        font-style: italic;
        color: var(--gray);
    }

    .review-section .reveiw_left .client_review h4,
    .review-section .add_review_sec h4,
    .review-section .add_review_sec p {
        font-style: normal;
        color: var(--black);
        margin-bottom: 10px;
    }

    .review-section .add_review_sec {
        width: 100%;
        background-color: var(--light-white);
        min-height: 532px;
        height: auto;
        padding: 20px;
    }

    .review-section .add_review_sec h4 {
        margin-bottom: 10px;
    }

    .review-section .add_review_sec form .form-label,
    .review-section .add_review_sec form .form-label .form-check-label,
    .review-section .add_review_sec form .form-control::placeholder {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
    }

    .review-section .add_review_sec form .form-label span {
        color: var(--red);
    }

    .review-section .add_review_sec form .form-check .form-check-label {
        font-weight: 300;
        color: var(--gray);
    }

    .review-section .add_review_sec form .form-control {
        height: 46px;
        border-radius: 0;
    }

    .review-section .add_review_sec form .form-control::placeholder {
        color: var(--gray);
        font-family: var(--font-family3);
    }

    .review-section .add_review_sec form ul {
        display: flex;
    }

    .review-section .add_review_sec form ul li {
        color: var(--gray);
        margin-right: 5px;
    }

    .review-section .add_review_sec form .form-control.bg-msg {
        min-height: 125px;
    }

    .review-section .add_review_sec form .btn {
        width: 115px;
        height: 46px;
        border-radius: 0;
        border: none;
        background-color: var(--black);
        color: var(--white);
        font-size: 15px;
        font-weight: 400;
        font-family: var(--font-family3);
    }

    /*-----------------details page slider medium-------------*/

    .products_slider {
        width: 100%;
        height: auto;
        position: relative;
        padding: 60px 0;
        padding-top: 40px;
        margin-top: 50px;
        background: var(--white);
        border-top: 1px solid var(--light-white);
    }

    .products_slider h3 {
        font-size: 26px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        font-family: var(--font-family2);
        margin-bottom: 30px;
        text-transform: uppercase;
    }

    .products_slider .product_item {
        width: 100%;
        position: relative;
    }

    .products_slider .product_item .block {
        position: relative;
        z-index: 1;
    }

    .products_slider .product_item .block span {
        display: inline-block;
        background: var(--red);
        padding: 5px 10px;
        font-size: 10px;
        color: var(--white);
        left: 0;
        top: 15px;
        position: absolute;
		transform: translate(-24%, 31%) rotateZ(-45deg);
        z-index: 9;
    }
	
	.products_slider .product_item .block span.is_new {
        background: #ea00ff;
        transform: translate(-31%, -47%) rotateZ(-45deg);
    }

    .products_slider .product_item .block span.new_color {
        background: var(--black);
        color: var(--white);
    }

    .products_slider .product_item .block span.restok_color,
    .category_product .product_item .block span.restok_color {
        background: #0891ff;
        color: var(--white);
        transform: translate(-23%, 44%) rotateZ(-45deg);
    }

    .products_slider .product_item .block span.preorder_color,
    .category_product .product_item .block span.preorder_color {
        background: #00a95d70;
        color: var(--white);
        transform: none;
        bottom: 0;
        top: auto;
        width: 100%;
        text-align: center;
        font-size: 13px;
    }

    .products_slider .slick-slide img {
        display: block;
        width: 100%;
        object-fit: contain;
        height: 452px;
    }

    .products_slider .product_item a.add_bag {
        width: 100%;
        height: 0px;
        padding-top: 0px;
        overflow: hidden;
        transition: all 0.2s linear;
        margin-top: 300px;
        position: absolute;
        background-color: rgba(255, 255, 255, .90);
        font-size: 13px;
        font-weight: 400;
        left: 0;
        bottom: 0;
        line-height: 28px;
        text-align: center;
        color: var(--black);
        text-transform: uppercase;
    }

    .products_slider .product_item a.add_bag>i {
        margin-right: 5px;
    }

    .products_slider .product_item .block:hover a.add_bag {
        margin-top: 200px;
        height: 49px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .products_slider .product_item .block a.add_bag>svg {
        width: 20px;
        height: 20px;
        margin-right: 5px;
    }

    .products_slider .product_item .block {
        height: 330px;
        position: relative;
    }

    .products_slider .product_item .block img {
        transition: all 1s;
        height: 330px;
        position: absolute;
    }

    .products_slider .product_item .block img.hover_img {
        opacity: 0;
    }

    .products_slider .product_item .block:hover img {
        opacity: 0;
    }

    .products_slider .product_item .block:hover img.hover_img {
        opacity: 1;
    }

    .products_slider .product_item .block img {
        opacity: 1 !important;
    }

    .products_slider .product_item .block img:last-child {
        opacity: 0 !important;
    }

    .products_slider .product_item .block img:first-child {
        opacity: 1 !important;
    }

    .products_slider .product_item .block:hover img:last-child {
        opacity: 1 !important;
    }

    .products_slider .product_item p,
    .products_slider .product_item .price p {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        color: var(--black);
        margin: 10px 0;
        padding: 5px 10px;
    }

    .products_slider .product_item p>a {
        position: relative;
        line-height: 19px;
        padding: 0;
        left: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 45px;
    }

    .products_slider .product_item .price {
        text-align: center;
    }

    .products_slider .product_item .price p {
        font-weight: 500;
        margin: 0;
    }

    .products_slider .product_item .price .color_sec {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .products_slider .product_item .price .color_sec>span,
    .products_slider .product_item .price .color_sec .colorswatch {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        /* border: 1px solid var(--black); */
        margin: 0 2px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .products_slider .product_item .price .color_sec .colorswatch>span {
        width: 20px;
        height: 20px;
        background-color: var(--blue);
        border-radius: 50%;
        left: 0px;
        top: 0px;
        position: absolute;
        box-shadow: 0px 3px 5px rgb(0 0 0 / 50%)
    }

    .products_slider .product_item .price .color_sec a:hover {
        border: 1px solid var(--red);
    }

    .products_slider .product_item .price .color_sec a span.yellow {
        background-color: var(--yellow);
    }

    .products_slider .product_item .price .color_sec a span.green {
        background-color: var(--green);
    }

    .products_slider .product_item .price .color_sec a span.black {
        background-color: var(--black);
    }

    .products_slider .product_item .price .color_sec a span.orange {
        background-color: var(--orange);
    }

    .products_slider .product_item .heart-icon {
        width: 33px;
        height: 33px;
        background: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        right: 20px;
        margin: 10px;
        z-index: 1;
        border: 0.5px solid var(--red);
    }

    .products_slider .product_item .heart-icon.wishlist {
        color: var(--red);
    }

    .products_slider .product_item .heart-icon:hover,
    .products_slider .product_item .heart-icon.wishlist {
        background-color: var(--red);
        color: var(--white);
    }

    .products_slider .slick-arrow {
        position: absolute;
        top: 212px;
        background: transparent;
        border: none;
        z-index: 9;
    }

    .products_slider .slick-arrow.pre {
        left: -30px;
    }

    .products_slider .slick-arrow.next {
        right: -30px;
    }

    .products_slider .slick-list {
        margin-left: -12px;
        margin-right: -12px;
    }

    .products_slider .slick-track {
        display: flex;
        padding-bottom: 20px;
        padding-top: 10px;
    }

    .products_slider .slick-slide {
        height: auto;
    }

    .products_slider .product_item {
        height: 100%;
    }

    .products_slider .slick-slide {
        padding-left: 12px;
        padding-right: 12px;
    }

    .products_slider .product_item {
        box-shadow: 0px 0px 25px #efefef;
        padding-bottom: 10px;
    }

    /*--------------------------checkout page----------------*/

    .navbar .shipping a {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        margin-left: 5px;
    }

    .navbar .shipping {
        min-width: 144px;
    }

    .navbar .item_block a>i {
        margin-right: 5px;
        color: var(--gray);
    }

    .shopping_sec.inner {
        background-color: var(--light-white);
        padding-bottom: 40px;
    }

    .shopping_sec.inner .form_sec {
        width: 100%;
    }

    .shopping_sec.inner .form_sec form .form-group .form-control,
    .shopping_sec.inner .form_sec form .form-group .form-select {
        border-radius: 0;
        border: 1px solid var(--black);
        background-color: transparent;
        position: relative;
    }

    .shopping_sec.inner .form_sec form .form-group .form-label,
    .shopping_sec.inner .form_sec form .form-group .form-select,
    .shopping_sec.inner .form_sec form .form-check .form-check-label {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
    }

    .shopping_sec.inner .form_sec form .form-group .form-label span {
        color: var(--red);
    }

    .shopping_sec.inner .form_sec form .form-group .form-select {
        background-image: unset;
    }

    .shape_arrow {
        position: relative;
    }

    .shape_arrow:after {
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #000;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .shape_arrow:before {
        content: "";
        position: absolute;
        right: 45px;
        top: 50%;
        transform: translateY(-50%);
        width: 2px;
        height: 30px;
        background: var(--black);
    }

    .shopping_sec.inner .form_sec form .form-check .form-check-input {
        border: 1px solid var(--black);
        border-radius: 0;
    }

    .shopping_sec.inner .form_sec form .form-check .form-check-label {
        font-size: 13px;
    }

    .shopping_sec.inner .form_sec form .btn {
        max-width: 260px;
        width: 100%;
        height: 46px;
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background: #ff0000;
        border-radius: 5px;
        color: var(--white);
        font-size: 15px;
        text-align: center;
        font-weight: 400;
        border: none;
        margin-bottom: 30px;
        border: 1px solid var(--red);
        transition: all .5s;
        display: inline-block;
        line-height: 46px;
        padding: 0;
        margin-top: 15px;
        border-radius: 5px;
    }

    .shopping_sec.inner .form_sec form .btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .shopping_sec.inner .table_right_block {
        padding: 0;
    }

    .shopping_sec .table_right_block table thead tr th {
        font-size: 15px;
        font-weight: 600;
        line-height: 28px;
        color: var(--black);
    }

    .shopping_sec .table_right_block.shopping_cart table thead tr th {
        background: var(--white);
        padding: 30px;
    }

    .shopping_sec .table_right_block.shopping_cart table tr td {
        background: var(--white);
    }

    .shopping_sec.inner .table_right_block td,
    .shopping_sec.inner .table_right_block td .desc p,
    .shopping_sec.inner .table_right_block td .info p,
    .shopping_sec.inner .content_info .price p {
        font-size: 13px;
        font-weight: 300;
        line-height: 20px;
        color: var(--black);
        margin-bottom: 6px;
    }

    .shopping_sec.inner .table_right_block td {
        text-transform: uppercase;
    }

    .shopping_sec.inner .table_right_block td .desc {
        margin-left: 15px;
        width: calc(100% - 75px);
    }

    .shopping_sec.inner .content_info {
        display: flex;
        justify-content: left;
        align-items: normal;
    }

    .shopping_sec.inner .content_info .cart_img {
        width: 60px;
        object-fit: cover;
    }

    .shopping_sec.inner .content_info .cart_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .content_info .product_color {
        text-align: left;
        position: relative;
    }

    /*20 july css*/

    .inner_banner {
        padding: 10px 0;
        text-align: center;
        background-size: cover;
        background-position: center;
    }

    .inner_banner h1 {
        font-size: 35px;
        color: var(--red);
        margin-bottom: 10px;
        text-transform: uppercase;
    }

    .inner_banner li {
        font-size: 15px;
        display: inline-block;
        margin: 0 5px;
    }

    .inner_banner .slick-list {
        margin-left: -10px;
        margin-right: -10px;
    }

    .inner_banner .slick-list .slide_items {
        padding-left: 10px;
        padding-right: 10px;
    }

    .inner_banner .slide_img {
        width: 128px;
        height: 128px;
        overflow: hidden;
        /*border-radius: 100%;*/
        text-align: center;
        margin: 0 auto;
        overflow: hidden;
        display: inline-block;
        position: relative;
        z-index: 2;
    }

    .inner_banner .slide_img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        transition: all .5s;
        position: relative;
        z-index: 1;
    }

    .inner_banner .slide_img:hover img {
        transform: scale(1.2);
    }

    .inner_banner .slick-arrow {
        position: absolute;
        top: 48px;
        background: transparent;
        border: none;
        z-index: 9;
    }

    .inner_banner .slick-arrow.pre {
        left: 0;
    }

    .inner_banner .slick-arrow.next {
        right: 0;
    }

    .inner_banner .slide_items p {
        font-size: 14px;
        margin-top: 0px;
        color: var(--black);
        text-transform: uppercase;
    }

    .inner_banner .slide_items:hover .slide_img {
        border: 1px solid var(--red);
    }

    .inner_banner .slide_items .slide_img {
        border: 1px solid #c9c9c9;
        background: #fff;
    }

    .inner_banner .slide_items:hover p {
        color: var(--red);
    }

    .inner_banner .breadcrumb_d {
        margin-bottom: 20px;
    }

    .mobile_filter {
        display: none;
    }

    .apply-footer {
        display: none;
    }

    /*category product design*/

    .category_product {
        padding: 30px 0;
    }

    .category_product h2 {
        font-size: 23px;
        text-transform: uppercase;
        margin-bottom: 20px;
    }

    .category_product select {
        border-radius: 0;
        max-width: 205px;
        text-transform: uppercase;
        border: none;
        background-color: var(--light-white);
        font-size: 13px;
    }

    .category_product select option {
        text-transform: uppercase;
    }

    .category_product select:focus {
        background-color: var(--light-white);
    }

    .category_product .accordion {
        border: none;
    }

    .category_product .product_filter {
        position: sticky;
        top: 105px;
    }

    .category_product .product_filter button,
    .category_product .product_filter a.collection,
    .category_product .product_filter .accordion-button {
        font-size: 15px;
        text-transform: uppercase;
        color: var(--red);
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }

    .category_product .product_filter .accordion-button:not(.collapsed) {
        background: transparent;
        box-shadow: none;
        border-bottom: none;
    }

    .category_product .product_filter .accordion-button img {
        position: absolute;
        right: 0;
        top: 50%;
        max-width: 8px;
        transform: translateY(-50%) rotate(0deg);
        transition: all .5s;
        display: none;
    }

    .category_product .product_filter .accordion-button[aria-expanded="true"] img {
        transform: translateY(-50%) rotate(90deg);
    }

    .category_product .product_filter .accordion-button.collection img {
        transform: translateY(-50%) rotate(90deg);
    }

    .category_product .product_filter .accordion-button img {
        transform: translateY(-50%) rotate(0deg);
    }

    .category_product .accordion-item {
        border: none;
    }

    .category_product .accordion-body {
        padding: 0;
        max-height: 480px;
        height: 100%;
        overflow: auto;
        scrollbar-color: var(--red) #f1f1f1;
        scrollbar-width: thin;
    }

    .category_product #price .accordion-body {
        min-height: 100px;
    }

    .category_product .accordion-body::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
        background-color: #f1f1f1;
    }

    .category_product .accordion-body::-webkit-scrollbar {
        width: 5px;
        background-color: #605d5d;
    }

    .category_product .accordion-body::-webkit-scrollbar-thumb {
        background-color: #605d5d;
    }

    .category_product .accordion-body li {
        font-size: 12px;
        margin-bottom: 10px;
        color: var(--black);
        text-transform: uppercase;
        position: relative;
    }

    .category_product .accordion-body li svg {
        position: absolute;
        right: 15px;
        top: 0;
    }

    .category_product .accordion-body li>a {
        display: block;
    }

    .category_product .accordion-body li>a:focus {
        border: none;
        outline: none;
    }

    .category_product .accordion-body li>a:hover,
    .category_product .accordion-body li.active a {
        color: var(--red);
    }

    .category_product .accordion-body li>img {
        display: none;
        position: absolute;
        right: 20px;
        top: 3px;
        width: 8px;
        height: 8px;
        cursor: pointer;
    }

    .category_product .accordion-body li.active>img {
        display: block;
    }

    .category_product .sizes {
        display: inline-block;
    }

    .category_product .sizes li {
        display: inline-block;
        margin-right: 5px;
    }

    .category_product #size .accordion-body li svg {
        top: -3px;
        right: -3px;
    }

    .category_product .sizes li a {
        border: 1px solid var(--black);
        display: inline-block;
        padding: 5px 10px;
        color: var(--black);
        position: relative;
    }

    .category_product .sizes li a:hover,
    .category_product .sizes li a.active {
        color: var(--white);
        background: var(--red);
        border: 1px solid var(--red);
    }

    .category_product .product_item {
        width: 100%;
        position: relative;
        margin-bottom: 40px;
        box-shadow: 0px 0px 25px #efefef;
        padding-bottom: 10px;
        min-height: 404px;
    }

    .category_product .product_item img {
        width: 100%;
        height: 280px;
        object-fit: contain;
        transition: all 1s;
        position: absolute;
    }

    .category_product .product_item img.hover_img {
        opacity: 0;
    }

    .category_product .product_item .block:hover img {
        opacity: 0;
    }

    .category_product .product_item .block:hover img.hover_img {
        opacity: 1;
    }

    .category_product .product_item img {
        opacity: 1 !important;
    }

    .category_product .product_item img:last-child {
        opacity: 0 !important;
    }

    .category_product .product_item img:first-child {
        opacity: 1 !important;
    }

    .category_product .product_item .block:hover img:last-child {
        opacity: 1 !important;
    }

    .category_product .product_item .block {
        position: relative;
        z-index: 1;
        height: 280px;
        overflow: hidden;
    }

    .category_product .product_item .block span {
        display: inline-block;
        background: var(--red);
        padding: 4px 35px;
        font-size: 10px;
        color: var(--white);
        left: 0;
        top: 15px;
        position: absolute;
        z-index: 9;
        transform: translate(-24%, 31%) rotateZ(-45deg);
    }

    .category_product .product_item .block span.is_new {
        background: #ea00ff;
        transform: translate(-31%, -47%) rotateZ(-45deg);
    }

    .category_product .product_item .block span.new_color {
        background: var(--black);
        color: var(--white);
    }

    .category_product .slick-slide img {
        display: block;
        width: 100%;
        object-fit: cover;
    }

    .category_product .product_item a.add_bag {
        width: 100%;
        height: 0px;
        padding-top: 0px;
        overflow: hidden;
        transition: all 0.2s linear;
        margin-top: 300px;
        position: absolute;
        background-color: rgba(255, 255, 255, .9);
        font-size: 13px;
        font-weight: 400;
        left: 0;
        bottom: 0;
        line-height: 28px;
        text-align: center;
        color: var(--black);
        text-transform: uppercase;
        z-index: 11;
    }

    .category_product .product_item a.add_bag>i {
        margin-right: 5px;
    }

    .category_product .product_item a.add_bag>svg {
        margin-right: 5px;
        width: 15px;
        height: 15px;
    }

    .category_product .product_item .block:hover a.add_bag {
        margin-top: 200px;
        height: 49px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .category_product .product_item p,
    .category_product .product_item .price p {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        color: var(--black);
        margin: 10px 0;
        padding: 5px 10px;
    }

    .category_product .product_item .price p>a {
        position: relative;
        text-transform: initial;
        line-height: 1.5;
        color: var(--black);
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        height: 45px;
    }

    .category_product .product_item .price p>a:hover {
        color: var(--red);
    }

    .category_product .product_item .price {
        text-align: center;
    }

    .category_product .product_item .price p {
        font-weight: 500;
        margin: 0;
    }

    .category_product .product_item .price .color_sec {
        display: flex;
        justify-content: center;
        margin-top: 10px;
    }

    .category_product .product_item .price .color_sec>span,
    .category_product .product_item .price .color_sec .colorswatch {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        /*border: 1px solid var(--black);*/
        margin: 0 2px;
        position: relative;
        display: grid;
        place-content: center;
        margin-bottom: 10px;
    }

    .extraproductcolor {
        border: 1px solid var(--black);
    }

    .category_product .product_item .price .color_sec span span {
        width: 20px;
        height: 20px;
        background-color: var(--blue);
        border-radius: 50%;
        box-shadow: 0px 3px 5px rgb(0 0 0 / 50%)
    }

    .category_product .product_item .price .color_sec a:hover {
        border: 1px solid var(--red);
    }

    .category_product .product_item .price .color_sec span span.yellow {
        background-color: var(--yellow);
    }

    .category_product .product_item .price .color_sec span span.green {
        background-color: var(--green);
    }

    .category_product .product_item .price .color_sec span span.black {
        background-color: var(--black);
    }

    .category_product .product_item .price .color_sec span span.orange {
        background-color: var(--orange);
    }

    .category_product .product_item .heart-icon {
        width: 33px;
        height: 33px;
        background-color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        top: 10px;
        right: 10px;
        z-index: 1;
        padding: 0;
        border: 0.5px solid var(--red);
        color: #000;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -khtml-border-radius: 50%;
        vertical-align: middle;
        behavior: url(css/PIE.htc);
    }

    .category_product .product_item .heart-icon.wishlist {
        color: var(--red);
    }

    .category_product .product_item .heart-icon:hover,
    .category_product .product_item .heart-icon.wishlist {
        background-color: var(--red);
        color: var(--white);
    }

    .mobile_header_top {
        display: none;
    }

    .shopping_sec.inner .payment-block {
        width: 100%;
        position: relative;
        height: auto;
    }

    .shopping_sec.inner .col-lg-8 {
        padding-right: 40px;
    }

    .shopping_sec.inner .payment-block .btn {
        width: 100%;
        height: 50px;
        background: var(--red);
        color: var(--white);
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        display: flex;
        justify-content: left;
        align-items: center;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        border: none;
        border-color: var(--red);
        margin-bottom: 30px;
    }

    .shopping_sec.inner .payment-block .btn.text-start {
        height: initial;
        padding: 15px;
        max-width: initial;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .shopping_sec.inner .payment-block .btn.text-start:hover {
        background: var(--red);
        color: var(--white);
        border: 1px solid var(--red);
    }

    .shopping_sec.inner .payment-block .btn.text-start+p {
        padding-left: 20px;
        margin-bottom: 30px;
    }

    .shopping_sec.inner .payment-block .card-box {
        margin-bottom: 30px;
    }

    .shopping_sec.inner .payment-block .card-box img {
        margin-right: 12px;
    }

    .shopping_sec.inner .payment-block .btn svg,
    .shopping_sec.inner .payment-block .btn img {
        margin-right: 10px;
    }

    .shopping_sec.inner .payment-block .btn.white_bg {
        background: var(--white);
        color: var(--black);
        box-shadow: none;
        border-radius: 0;
        font-weight: 400;
    }

    .shopping_sec.inner .payment-block .order-btn,
    .order-btn.mobile {
        max-width: 260px;
        width: 100%;
        height: 46px;
        border: none;
        color: var(--white);
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        margin-top: 40px;
        margin-bottom: 30px;
        transition: all .5s;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
    }

    .order-btn.mobile {
        display: none;
    }

    .shopping_sec.inner .payment-block .order-btn:hover,
    .order-btn.mobile:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .shopping_sec.inner .payment-block .order-btn:active {
        -webkit-box-shadow: inset 1px 1px 10px #f00;
        -moz-box-shadow: inset 1px 1px 10px #f00;
        box-shadow: inset 1px 1px 10px #f00;
    }

    /*language header*/

    .header_language {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .shopping_sec .shiping_steps {
        text-align: center;
    }

    .shopping_sec .shiping_steps ul {
        display: inline-block;
        margin-bottom: 50px;
    }

    .shopping_sec .shiping_steps ul>li {
        font-size: 20px;
        padding: 0 30px;
        display: inline-block;
        padding-bottom: 15px;
        position: relative;
    }

    .shopping_sec .shiping_steps ul>li.active:before {
        transform: scale3d(1, 1, 1);
    }

    .shopping_sec .shiping_steps ul>li:before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: 4px;
        background: var(--red);
        transition: 0.5s transform ease;
        transform: scale3d(0, 1, 1);
        transform-origin: 50% 50%;
    }

    .shopping_sec .shiping_steps ul>li:hover::before {
        transform: scale3d(1, 1, 1);
    }

    /*About page css*/

    .about_banner {
        height: 200px;
        background-size: cover;
        background-position: center center;
    }

    .about_detail_sec {
        padding-bottom: 30px;
    }

    .about_detail_sec .about_content {
        background: var(--white);
        padding: 40px 30px;
    }

    .about_detail_sec .about_content span {
        color: var(--red);
        font-size: 13px;
        text-transform: uppercase;
    }

    .about_detail_sec .about_content h2 {
        font-size: 26px;
        margin-bottom: 20px;
        line-height: 1.5;
        text-transform: uppercase;
        font-weight: 600;
    }

    .about_detail_sec .about_content h3,
    .about_detail_sec .about_content h4,
    .about_detail_sec .about_content h5,
    .about_detail_sec .about_content h6 {
        font-size: 22px;
        margin-bottom: 10px;
        line-height: 1.5;
        text-transform: uppercase;
    }

    .about_detail_sec .about_content p {
        font-size: 15px;
        margin-bottom: 20px;
        color: var(--black);
    }

    .about_detail_sec .about_detail_img {
        padding-top: 30px;
    }

    .about_detail_sec .about_detail_img img {
        max-height: 416px;
        object-fit: cover;
        width: 100%;
    }

    .about_detail_sec.contact .about_content label {
        font-weight: 400;
        font-size: 14px;
        margin-bottom: 1px;
    }

    .about_detail_sec.contact .about_content input {
        border: 1px solid #DDDDDD;
        border-radius: 0;
        height: 46px;
    }

    .about_detail_sec.contact .about_content textarea {
        border: 1px solid #DDDDDD;
        border-radius: 0;
        height: 150px;
        resize: none;
    }

    .about_detail_sec.contact .about_content button {
        color: var(--white);
        border: none;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        font-weight: 500;
        margin-top: 30px;
        width: 170px;
        text-align: center;
        transition: all .5s;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
    }

    .about_detail_sec.contact .about_content button:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .about_detail_sec .contact_detail {
        padding-top: 30px;
    }

    .about_detail_sec .contact_detail h3 {
        font-size: 16px;
        text-transform: uppercase;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .about_detail_sec .contact_detail a {
        color: var(--black);
        font-size: 15px;
        font-weight: 300;
        display: flex;
        align-items: start;
        max-width: 250px;
        margin-bottom: 15px;
    }

    .about_detail_sec .contact_detail img {
        width: 15px;
        margin-right: 20px;
        margin-top: 5px;
    }

    .varity_table td,
    .varity_table th {
        text-align: center;
        vertical-align: middle;
        font-size: 13px;
        font-weight: 400;
        border: none;
        padding: 5px;
    }

    .varity_table td>img {
        width: 16px;
    }

    .varity_table td p {
        font-size: 13px;
        font-weight: 400;
        color: var(--black);
    }

    .varity_table td>label {
        color: var(--red);
        text-transform: uppercase;
    }

    .varity_table th>span {
        border: 1px solid #DDDDDD;
        display: inline-block;
        color: var(--white);
        text-align: center;
        padding: 5px;
        font-size: 13px !important;
        padding: 5px;
        color: var(--black);
        line-height: 1 !important;
    }

    .varity_table .color a,
    .varity_table .color .colorswatchproduct {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        /* border: 1px solid var(--black); */
        margin: 0 2px;
        position: relative;
        display: grid;
        place-content: center;
        background: none;
    }

    .varity_table .color span {
        width: 20px;
        height: 20px;
        border-radius: 100%;
        background: #FF9114;
        display: inline-block;
        box-shadow: 0px 3px 5px rgb(0 0 0 / 50%);
    }

    .varity_table .color.blue span {
        background: #052CAC;
    }

    .varity_table .color.pink span {
        background: #FD0E8D;
    }

    .varity_table .color.green span {
        background: #13D240;
    }

    .varity_table .qty .plus,
    .varity_table .qty .minus {
        width: 18px;
        height: 18px;
        font-size: 24px !important;
    }

    .cart_info_sec .varity_table table {}

    .size_modal .varity_table .qty .plus,
    .size_modal .varity_table .qty .minus {
        font-size: 16px !important;
    }

    .size_modal .varity_table .qty .minus {
        line-height: 13px;
        margin-right: 3px;
    }

    .cart_info_sec .products_item .products_varity span.plus {
        font-size: 18px !important;
        line-height: 17px;
    }

    .cart_info_sec .products_item .products_varity span.minus {
        font-size: 18px !important;
        line-height: 12px;
        margin-right: 10px;
    }

    .btn-close {
        opacity: 1;
        font-size: 13px;
        width: 60px;
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") right/1em auto no-repeat;
    }

    #address_modal .btn-close {
        background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") 49px/1em auto no-repeat;
    }

    .modal-header {
        border-bottom: none;
    }

    .contact_detail .contact_social {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #DDDDDD;
    }

    .contact_detail .contact_social li {
        display: inline-block
    }

    .contact_detail .contact_social a {
        height: 40px;
        width: 40px;
        text-align: center;
        background: var(--black);
        color: var(--white);
        font-size: 24px;
        border-radius: 100%;
        margin-right: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .5s;
    }

    .contact_detail .contact_social a:hover {
        background: var(--red);
    }

    #cart_modal .modal-header {
        position: relative;
    }

    #cart_modal .modal-header button {
        position: absolute;
        right: 35px;
        top: 15px;
        line-height: 1px;
    }

    #cart_modal .modal-header h2 {
        font-size: 22px;
        line-height: 1.5;
    }

    #cart_modal .cart_info_sec .products_item h1 {
        font-size: 22px;
    }

    .login_section.login {
        height: 100%;
        min-height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
    }

    .login_section.login img {
        min-height: 80vh;
        height: 100%;
    }

    .login_section.login .login_info .logo img {
        height: initial;
        max-width: 20vmin;
        min-height: initial;
        height: initial;
    }

    .login_section.login .login_info {
        min-height: 80vh;
        height: 100%;
    }

    .login_section #regForm {
        background-color: #ffffff;
        margin: 0px auto;
        font-family: Raleway;
        border-radius: 10px
    }

    .login_section .login_info form .form-control.invalid {
        background-color: #ffdddd;
        border: 1px solid var(--red);
    }

    .login_section .tab {
        display: none
    }

    .login_section button {
        width: 227px;
        height: 55px;
        background: var(--red);
        color: var(--white);
        font-size: 16px;
        line-height: 21px;
        font-weight: 300;
        text-align: center;
        border: none;
        margin: 60px 0;
        transition: all .5s;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%) !important;
        background: #ff0000;
        border-radius: 5px;
        position: relative;
        margin-bottom: 15px;
    }

    .login_section button:hover,
    .login_section button:focus {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%) !important;
    }

    .login_section .step {
        height: 15px;
        width: 15px;
        margin: 0 2px;
        background-color: #bbbbbb;
        border: none;
        border-radius: 50%;
        display: inline-block;
        opacity: 0.5
    }

    .login_section .step.active {
        opacity: 1
    }

    .login_section .step.finish {
        background-color: #4CAF50
    }

    .login_section .all-steps {
        text-align: center;
        margin-top: 30px;
        margin-bottom: 30px
    }

    .login_section .container {
        display: block;
        position: relative;
        padding-left: 35px;
        margin-bottom: 12px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    /* Hide the browser's default radio button */

    .login_section .container input[type="radio"] {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

    /* Create a custom radio button */

    .login_section .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #eee;
        border-radius: 50%;
    }

    /* On mouse-over, add a grey background color */

    .login_section .container:hover input~.checkmark {
        background-color: #ccc;
    }

    /* When the radio button is checked, add a blue background */

    .login_section .container input:checked~.checkmark {
        background-color: #2196F3;
    }

    /* Create the indicator (the dot/circle - hidden when not checked) */

    .login_section .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }

    /* Show the indicator (dot/circle) when checked */

    .login_section .container input:checked~.checkmark:after {
        display: block;
    }

    /* Style the indicator (dot/circle) */

    .login_section .container .checkmark:after {
        top: 9px;
        left: 9px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: white;
    }

    .login_section .thanks-message img {
        max-width: 120px;
    }

    .login_section .thanks-message a {
        color: var(--red);
    }

    .load_morebtn {
        padding: 0 25px;
        height: 50px;
        border: 1px solid var(--red);
        display: inline-block;
        color: var(--white);
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        transition: all .5s;
        line-height: 50px;
        width: 100%;
        max-width: 300px;
        border-radius: 0px;
        background: var(--red);
    }

    .load_morebtn:hover {
        background: var(--black);
        color: var(--white);
        border: 1px solid var(--black);
    }

    .whatsup_icon a {
        position: fixed;
        left: 15px;
        bottom: 20px;
        height: 50px;
        width: 50px;
        background: #41d251;
        border-radius: 100%;
        font-size: 33px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--white);
        box-shadow: 0 0 15px rgba(0, 0, 0, .29);
        z-index: 99;
    }

    .filter_arrow {
        position: relative;
        max-width: 205px;
        margin-left: auto;
    }

    .filter_arrow:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 50%;
        transform: translateY(-50%);
        background: url('../images/down-arrow.svg');
        width: 20px;
        height: 6px;
        background-repeat: no-repeat;
    }

    .cart_modal .form-check {
        display: flex;
        padding-left: 0;
    }

    .cart_modal .radio-input {
        visibility: hidden;
    }

    .cart_modal .radio-label {
        position: relative;
        padding-left: 35px;
    }

    .cart_modal .radio-label:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        left: 3px;
        top: 8px;
        border-radius: 50%;
    }

    .cart_modal .radio-border {
        width: 16px;
        height: 16px;
        display: inline-block;
        outline: solid 1px var(--black);
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 5px;
    }

    .cart_modal .radio-border:before {
        width: 16px;
        height: 16px;
        display: inline-block;
        outline: solid 1px var(--black);
        border-radius: 50%;
        position: absolute;
        left: 0px;
        top: 0px;
        content: "";
    }

    .cart_modal .radio-input:checked+.radio-label:after {
        transition: all 0.5s;
        background-color: var(--red);
    }

    /*My account page css*/

    .account_detail {
        padding: 30px 0;
    }

    .account_detail h2 {
        font-size: 26px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        margin-bottom: 40px;
        text-transform: uppercase;
    }

    .account_detail p,
    .address_list p {
        color: var(--black);
        font-size: 15px;
        margin-bottom: 10px;
    }

    .address_list p {
        max-width: 360px;
    }

    .account_detail p>a {
        font-weight: 700;
        color: var(--red);
    }

    .account_detail p>span {
        font-weight: 600;
    }

    .account_detail .slidebar li>a {
        padding: 15px 20px;
        color: var(--black);
        display: inline-block;
        width: 100%;
        text-transform: uppercase;
        font-size: 14px;
        border-bottom: 1px solid #DDDDDD;
        display: flex;
        align-items: center;
        padding-left: 0;
        position: relative;
    }

    .account_detail .slidebar li>a>img {
        position: absolute;
        right: 0;
        top: 50%;
        max-width: 8px;
        transform: translateY(-50%) rotate(90deg);
        transition: all .5s;
    }

    .account_detail .slidebar li#active>a>img {
        transform: translateY(-50%) rotate(0deg);
    }

    .account_detail .slidebar li:first-child>a {
        padding-top: 0;
    }

    .account_detail .slidebar li:first-child>a>img {
        top: 13px;
    }

    .account_detail .slidebar li>a svg {
        margin-right: 10px;
    }

    .account_detail .slidebar li#active>a,
    .account_detail .slidebar li>a:hover {
        color: var(--red);
    }

    .account_detail .main a.common_link,
    .common_link_btn {
        height: 46px;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        color: var(--white);
        transition: all .5s;
        text-transform: uppercase;
        padding: 0 20px;
        transition: all .5s;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
        padding: 15px 20px;
        line-height: 16px;
    }

    .account_detail .main a.common_link:hover,
    .common_link_btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .account_detail .main a.common_link.see {
        background: var(--red);
        color: var(--white);
    }

    .account_detail .main a.common_link.see:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .account_detail .main th {
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 600;
        padding: 1rem 0.5rem;
    }

    .account_detail .main th,
    .account_detail .main td {
        vertical-align: middle;
        text-align: left;
        white-space: nowrap;
    }

    .account_detail .main input,
    .account_detail .main select {
        width: 100%;
        height: 48px;
        padding: 0.375rem 0.75rem;
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
        color: var(--black);
        background-color: var(--light-white);
        border: none;
        border-radius: 0;
    }

    .account_detail .main input[type="file"]::file-selector-button {
        border: none;
        color: white;
        background-color: var(--red);
        height: 48px;
        cursor: pointer;
        transition: all .25s ease-in;
        cursor: pointer;
    }

    .account_detail .main input[type="file"]::file-selector-button:hover {
        background-color: var(--red);
    }

    .account_detail .main input[type="file"]:hover:not(:disabled):not([readonly])::file-selector-button {
        background-color: var(--red);
    }

    .account_detail .main .password_check input {
        display: none;
    }

    .account_detail .main .password_check label {
        position: relative;
        cursor: pointer;
    }

    .account_detail .main .password_check label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid var(--black);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 8px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
    }

    .account_detail .main .password_check input:checked+label:after {
        content: '';
        display: block;
        position: absolute;
        top: 7px;
        left: 7px;
        width: 5px;
        height: 12px;
        border: solid var(--red);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .account_detail .main button {
        height: 46px;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        line-height: 46px;
        transition: all .5s;
        color: var(--white);
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
        transition: all .5s;
        text-transform: uppercase;
        padding: 0 20px;
        border: none;
    }

    .account_detail .main button.nav-link {
        margin-left: 10px;
        background: transparent;
        border: 1px solid var(--red);
        color: var(--red);
    }

    .account_detail .main button.nav-link:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .account_detail .nav-pills .nav-link.active,
    .account_detail .nav-pills .show>.nav-link {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .account_detail .main button:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .account_detail .main label>span {
        color: var(--red);
    }

    .banner_block+.footer_sec,
    .about_sec+.footer_sec,
    .login_section+.footer_sec {
        padding-top: 60px;
    }

    .address_list h3 {
        font-size: 18px;
        text-transform: uppercase;
        margin-bottom: 10px;
        display: inline-block;
    }

    .address_list {
        border-bottom: 1px solid #ddd;
        margin-bottom: 35px;
        position: relative;
        padding-bottom: 0px;
    }

    .address_list .address_btns {
        position: absolute;
        right: 15px;
        top: 0px;
    }

    .ck label {
        float: left;
        width: 4.0em;
    }

    .ck label span {
        text-align: center;
        padding: 3px 0px;
        display: block;
    }

    .ck label input {
        position: absolute;
        top: -20px;
    }

    .ck input:checked+span {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: #fff;
    }

    .address_list .address_btns a {
        color: var(--red);
        font-size: 15px;
        margin: 0 10px;
    }

    .address_list .address_btns a:hover {
        text-decoration: underline;
    }

    .ck {
        background: var(--black);
        overflow: auto;
        cursor: pointer;
        overflow: hidden;
        border-radius: 0;
        border-radius: 5px;
        box-shadow: 0 5px 15px -5px rgb(0 0 0 / 80%);
        color: var(--white);
        transition: all .2s;
    }

    .ck:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: #fff;
    }

    .ck label {
        float: left;
        width: 100%;
        cursor: pointer;
    }

    .ck label span {
        text-align: center;
        padding: 3px 0px;
        display: block;
        padding: 10px 15px;
    }

    .ck label input {
        position: absolute;
        top: -20px;
        display: none;
    }

    .ck input:checked+span {
        background-color: var(--red);
        color: #fff;
        outline: none;
    }

    /*Language converter css*/

    .language {
        margin-right: 20px;
    }

    .language a {
        font-weight: 700;
        font-size: 15px;
        display: inline-block;
        padding: 0 8px;
        position: relative;
    }

    .language a:first-child {
        padding-left: 0;
    }

    .language a:first-child:before {
        content: "";
        position: absolute;
        right: -3px;
        top: 50%;
        transform: translateY(-50%);
        height: 12px;
        width: 2px;
        background: var(--black);
    }

    .language a.active {
        color: var(--red);
    }

    .language a:after {
        content: "";
        width: 15px;
        height: 2px;
        position: absolute;
        left: 50%;
        bottom: 0px;
        background: var(--red);
        transition: 0.5s transform ease;
        transform: scale3d(0, 1, 1) translateX(-50%);
        transform-origin: 50% 50%;
    }

    .language a:hover:after {
        transform: scale3d(1, 1, 1) translateX(-50%);
    }

    @keyframes btnanimation {
        0% {
            border: inset 0 0 0 0 transparent;
        }

        66% {
            box-shadow: inset 0 0 0 10px #000000, inset 0 0 0 12px rgb(255, 255, 255);
        }

        100% {
            box-shadow: inset 0 0 0 20px transparent, inset 0 0 0 22px transparent;
        }
    }

    .input-group .btn>i {
        color: var(--black);
    }

    .category_product .accordion-body li .sizes input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .category_product .accordion-body li .sizes label {
        position: relative;
        cursor: pointer;
    }

    .category_product .accordion-body li .sizes label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 2px solid var(--red);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 7px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
    }

    .category_product .accordion-body li .sizes input:checked+label:after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 5px;
        height: 10px;
        border: solid var(--red);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .category_product .accordion-body .colors {
        display: block;
    }

    .category_product .accordion-body .colors a {
        position: relative;
        padding-left: 30px;
        height: 20px;
        display: flex;
        align-items: center;
    }

    .category_product .accordion-body .colors a.active {
        color: var(--red);
    }

    .category_product .accordion-body .colors .color_border {
        /* border: 1px solid #000; */
        /* padding: 2px; */
        width: 20px;
        height: 20px;
        position: absolute;
        left: 4px;
        top: 0px;
        border-radius: 50%;
    }

    .category_product .accordion-body .colors span {
        width: 20px;
        height: 20px;
        background-color: var(--blue);
        border-radius: 50%;
        display: inline-block;
        box-shadow: 0px 3px 5px rgb(0 0 0 / 50%);
    }

    .category_product .accordion-body .colors span.orange {
        background-color: var(--orange);
    }

    .category_product .accordion-body .colors span.green {
        background-color: var(--green);
    }

    /* .category_product.wishlist .product_item .heart-icon {
        color: var(--red);
    } */

    .category_product.wishlist .product_item .heart-icon:hover {
        color: var(--white);
    }

    /*range slider css*/

    #price input[type="number"]::-webkit-inner-spin-button,
    #price input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
    }

    #price .range-slider {
        position: relative;
        width: 100%;
        height: 10px;
        border-radius: 15px;
        background: #f1f1f1;
    }

    #price .range-slider .progress {
        position: absolute;
        left: 25%;
        right: 0%;
        height: 100%;
        border-radius: 15px;
        background: var(--red);
    }

    #price .range-slider input[type="range"] {
        position: absolute;
        width: 100%;
        height: 10px;
        -webkit-appearance: none;
        pointer-events: none;
        background: none;
        outline: none;
    }

    #price .range-slider .range-min::-webkit-slider-thumb {
        pointer-events: auto;
        -webkit-appearance: none;
        width: 15px;
        height: 15px;
        background: #fcfcfc;
        border: 2px solid var(--black);
        border-radius: 100%;
        opacity: 1;
    }

    #price .range-slider .range-max::-webkit-slider-thumb {
        pointer-events: auto;
        -webkit-appearance: none;
        width: 15px;
        height: 15px;
        background: #fcfcfc;
        border: 2px solid var(--black);
        border-radius: 100%;
        opacity: 1;
    }

    .price_slider input {
        border: none;
        background: unset;
        font-size: 15px;
    }

    .min-value.numberVal,
    .max-value.numberVal {
        position: relative;
        padding-left: 12px;
    }

    .min-value.numberVal {
        margin-left: 13px;
    }

    .min-value.numberVal::before,
    .max-value.numberVal::before {
        content: "€‌";
        position: absolute;
        left: 0;
    }

    .product_filter .accordion-button::after {
        background-image: unset;
    }

    .modal {
        z-index: 99999;
    }

    .add_address_btn {
        max-width: 260px;
        width: 260px;
        height: 46px;
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background: #ff0000;
        border-radius: 5px;
        color: var(--white);
        font-size: 15px;
        text-align: center;
        font-weight: 400;
        border: none;
        transition: all .5s;
        display: inline-block;
        line-height: 46px;
        padding: 0;
        display: inline-block;
    }

    .add_address_btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255, 0, 0, 0.8);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .new_address_detail {
        display: none;
    }

    .new_address_detail.show {
        display: block;
    }

    .password_fields {
        display: none;
    }

    .password_fields.show {
        display: block;
    }

    .address_list input {
        display: none;
    }

    .address_list label {
        position: relative;
        cursor: pointer;
    }

    .address_list label:before {
        content: '';
        -webkit-appearance: none;
        background-color: transparent;
        border: 1px solid var(--black);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
        padding: 8px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        cursor: pointer;
        margin-right: 5px;
        margin-top: -5px;
    }

    .address_list input:checked+label:after {
        content: '';
        display: block;
        position: absolute;
        top: 4px;
        left: 7px;
        width: 5px;
        height: 12px;
        border: solid var(--red);
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .address_list .address_btns label:before {
        display: none;
    }

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

    .map_block iframe {
        width: 100%;
        height: 280px;
    }

    .login-logo-img {
        display: none;
    }

    .footer_sec .footer_menu a.app_link_btn {
        padding-left: 0;
    }

    .footer_sec .footer_menu a.app_link_btn>img {
        width: 100%;
        max-width: 150px;
        position: relative;
    }

    .app_linlks {
        margin-top: 30px;
    }

    .search-relative {
        position: relative
    }

    .serach-box-menu {
        position: absolute;
        visibility: hidden;
        width: 0px;
        right: -2px;
        top: -15px;
        opacity: 0;
        transition: 0.5s;
    }

    .serach-box-menu-open {
        visibility: visible;
        width: 290px;
        opacity: 1;
        position: absolute;
        right: -9px;
        border: 1px solid #000;
        border-radius: 42px;
    }

    .nav-info ul li a svg {
        height: 16.5px;
        width: 16.5px;
    }

    .serach-option {
        background: #fff;
        padding: 5px 5px 5px 25px;
        border-radius: 50px;
        height: 50px;
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .search-btn button,
    .search-btn a {
        border-radius: 100%;
        background: var(--red);
        border: none;
        color: #fff;
        height: 42px;
        width: 42px;
        display: grid;
        place-items: center;
        margin-left: 5px;
        transition: 0.5s;
    }

    .search-btn svg {
        position: absolute;
        right: 50px;
        top: 17px;
        cursor: pointer;
        display: none;
    }

    .search-btn button img,
    .search-btn a img {
        width: 16.5px;
    }

    .input-box {
        width: 95%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .input-box label {
        font-size: 10px;
        color: var(--text-purple);
        font-weight: bold;
    }

    .input-box input,
    .input-box select {
        border: none;
        outline: none;
        box-shadow: none !important;
        padding: 0;
        font-size: 16px;
        line-height: 1;
        color: var(--text-purple);
        font-weight: 300;
    }

    .input-box input::placeholder {
        color: var(--text-purple);
    }

    .serach-box-menu input {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        background-image: unset;
        border-radius: 0;
        border: none;
        background-color: transparent;
        position: relative;
    }

    .mobile_header_top .serach-box-menu-open {
        width: 180px;
    }

    header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: var(--white);
        box-shadow: 0px 0px 8px #ebebeb;
        z-index: 999;
    }

    header.sticky.home_header .logo img {
        max-width: 140px;
    }

    header.sticky .navbar .navbar-brand img {
        max-width: 120px;
    }

    .tooltip-inner {
        background-color: var(--red);
        box-shadow: 0px 0px 4px black;
        opacity: 1 !important;
        z-index: 9;
    }

    .tooltip.bs-tooltip-right .tooltip-arrow::before {
        border-right-color: var(--red) !important;
    }

    .tooltip.bs-tooltip-left .tooltip-arrow::before {
        border-left-color: var(--red) !important;
    }

    .tooltip.bs-tooltip-bottom .tooltip-arrow::before {
        border-bottom-color: var(--red) !important;
    }

    .tooltip.bs-tooltip-top .tooltip-arrow::before {
        border-top-color: var(--red) !important;
    }

    .tooltip.bs-tooltip-auto .tooltip-arrow::before {
        border-bottom-color: var(--red) !important;
    }

    .shopping_mobile {
        display: none;
        padding: 40px 0;
    }

    .btn.mobile {
        display: none;
    }

    .table_right_block h2 {
        font-size: 14px;
        text-transform: uppercase;
    }

    .product_mobile .product_title {
        display: flex;
        border-bottom: 1px solid #ddd;
        padding-bottom: 20px;
    }

    .product_mobile .product_title .cart_img {
        width: 80px;
    }

    .product_mobile .product_title .cart_img img {
        width: 100%;
    }

    .product_mobile .product_title .desc {
        width: calc(100% - 80px);
        padding-left: 20px;
        position: relative;
    }

    .account-detail_mobile {
        display: none;
        padding: 50px 0;
    }

    .arrow-area.mobile {
        display: none;
    }

    .cart_acc,
    .p_product_detail {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .product_mobile button {
        padding: 18px 5px;
        border: none;
        background: transparent;
        border-bottom: 1px solid #ddd;
        width: 100%;
        position: relative;
        padding-right: 30px;
    }

    .product_mobile .accordion-button:not(.collapsed) {
        background: transparent;
    }

    .product_mobile .color {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin: 0 2px;
        position: relative;
        display: inline-block;
    }

    .product_mobile .color span {
        width: 20px;
        height: 20px;
        background-color: var(--blue);
        border-radius: 50%;
        position: absolute;
    }

    .product_mobile .color span.orange {
        background-color: var(--orange);
    }

    .product_mobile .accordion-button.right_arrow {
        position: absolute;
        right: 6px;
        top: 50%;
        max-width: 8px;
        transform: translateY(-50%) rotate(0deg);
        transition: all .5s;
        padding: 0;
    }

    .product_mobile img.right_arrow {
        transform: translateY(-50%) rotate(0deg);
    }

    .product_mobile .accordion-button[aria-expanded="true"].right_arrow {
        transform: translateY(-50%) rotate(90deg);
    }

    .product_mobile .accordion-button::after {
        background-image: unset;
    }

    .product_mobile .accordion {
        border: none;
    }

    .product_mobile .accordion-item {
        border: none;
        border-bottom: 1px solid #dee2e6;
    }

    .navbar-nav .sub_menus {
        display: none;
    }

    .menu_arrow {
        display: none;
        transition: all .5s;
    }

    .cart_modal .ps-2 {
        padding-left: 36px !important;
    }

    .instruction_block p {
        margin-bottom: 15px;
        display: flex;
    }

    .instruction_block p>img {
        margin-right: 10px;
    }

    .shopping_sec.inner .form_sec form .form-group textarea.form-control {
        border: none;
        background: var(--white);
        border-radius: 12px;
        margin-bottom: 20px;
        resize: none;
    }

    .product_mobile table p {
        display: inline-block;
        border: 1px solid #DDDDDD;
        font-size: 14px;
        padding: 5px;
    }

    .product_mobile table {
        text-align: center;
    }

    .product_mobile table span {
        font-size: 12px;
    }

    .product_mobile table td,
    .product_mobile table th {
        vertical-align: middle;
    }

    .product_mobile table label {
        font-size: 15px;
        font-weight: 600;
    }

    .product_mobile table .qty {
        min-width: initial;
    }

    .product_mobile table .qty .count {
        width: 30px;
        text-align: center;
        min-width: initial;
        font-size: 13px;
    }

    .product_mobile .table-responsive {
        position: relative;
    }

    .product_mobile .table-responsive .close_icon {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 2;
    }

    .cart_acc .close_icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .product_mobile .product_title .desc p {
        max-width: 200px;
    }

    .navbar-nav .nav-item.logout {
        display: none;
    }

    .accordion-collapse {
        transition: all .5s ease-in-out !important;
    }

    .product_filter .accordion-collapse {
        padding-bottom: 10px;
    }

    .modal {
        z-index: 99999;
    }

    .modal-backdrop.fade {
        z-index: 9999;
    }

    .input-group {
        position: initial;
    }

    .input-group .form-control {
        position: initial;
    }

    body.overflow {
        overflow: hidden;
    }

    .loader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999999;
        top: 0;
        left: 0;
        display: grid;
        place-items: center;
    }

    .loader img {
        max-width: 100px;
    }

    .category_product .accordion-body li.dropdown>ul {
        position: relative !important;
        border: none;
        padding: 0;
        transform: unset !important;
        padding-top: 8px;
        padding-bottom: 10px;
    }

    .category_product .accordion-body li.dropdown>ul a {
        padding: 0;
        padding-left: 20px;
        font-size: 11px;
    }

    .category_product .accordion-body li.active>ul a {
        color: #909090;
    }

    .category_product .accordion-body li>ul a:hover {
        color: var(--red);
    }

    .category_product .accordion-body li.active>ul>li:last-child {
        margin-bottom: 0;
    }

    .category_product .accordion-body li.active>ul>li.active>a {
        color: var(--red);
    }

    .category_product .accordion-body li.dropdown>ul>li>ul>li>a {
        padding-left: 30px;
    }

    .category_product .accordion-body li.dropdown>ul>li>ul>li.active>a {
        padding-left: 30px;
    }

    .category_product .accordion-body li.dropdown>ul>li>ul {
        border: none;
        padding-top: 15px;
        position: relative;
    }

    .category_product .breadcrumb {
        padding-top: 0px;
    }

    .breadcrumb {
        padding-top: 15px;
        margin-bottom: 0;
    }

    .breadcrumb li {
        display: inline-block;
    }

    .breadcrumb li {
        font-size: 15px;
    }

    .breadcrumb li>svg {
        width: 20px;
        height: 10px;
    }

    .breadcrumb li>a {
        font-size: 15px;
    }

    .breadcrumb li>a:hover {
        color: var(--red);
    }

    .breadcrumb li.active>a {
        color: var(--red);
    }

    .category_product .accordion-body li>a.dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        background-image: url(../images/right-arrow.png);
        height: 10px;
        width: 10px;
        border: none;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        right: 15px;
        top: 3px;
        transition: all .5s;
    }

    .category_product .accordion-body li.active>a.dropdown-toggle::after {
        transform: rotate(90deg);
    }

    .category_product .accordion-body li>a.dropdown-toggle.show::after {
        transform: rotate(90deg);
    }

    .accordion-item:first-child .accordion-button {
        padding-top: 0;
    }

    .product_remove a:hover svg path {
        stroke: var(--red);
    }

    .navbar .shipping a:hover {
        color: var(--red);
    }

    .navbar .shipping a:hover svg path {
        stroke: var(--red);
    }

    .loupe {
        display: none;
        position: absolute;
        width: 300px;
        height: 300px;
        border: 1px solid black;
        background: rgba(0, 0, 0, 0.25);
        cursor: crosshair;
        overflow: hidden;
        border-radius: 100%;
    }

    .loupe img {
        position: absolute;
        right: 0;
    }

    /*New css*/

    .about_detail_sec .about_content {
        background: var(--white);
        padding: 30px 30px;
        display: flex;
        flex-direction: column;
        height: 100%;
    }

    .about_content .arrow-area {
        margin-top: auto;
        text-align: right;
    }

    .about_content .slick-arrow,
    .about_detail_img .slick-arrow {
        width: 48px;
        height: 48px;
        line-height: 48px;
        color: var(--black);
        background: var(--white);
        border: none;
        font-size: 24px;
        text-align: center;
    }

    .about_content .slick-arrow.pre,
    .about_detail_img .slick-arrow.pre {
        left: 0;
    }

    .about_content .slick-arrow.next,
    .about_detail_img .slick-arrow.next {
        left: 48px;
    }

    .about_content .slick-arrow:hover,
    .about_detail_img .slick-arrow:hover {
        color: var(--white);
        background: var(--red);
    }

    .about_detail_sec .about_detail_img {
        position: relative;
    }

    .login_error {
        color: #ff0000;
        font-size: 13px;
        padding: 0;
    }

    .account_detail .mobile {
        display: none;
    }

    .auto-complete {
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        box-shadow: 0px 0px 10px #f1f1f1;
        top: 51px;
        border-radius: 20px;
        overflow: auto;
        max-height: 700px;
    }

    .auto-complete a {
        display: flex;
        padding: 10px 23px;
        cursor: pointer;
        border-bottom: 1px solid #f1f1f1;
    }

    .auto-complete a>img {
        width: 30px;
        height: 30px;
        margin-right: 10px;
        object-fit: cover;
    }

    .auto-complete a:hover {
        background: var(--red);
        color: var(--white);
    }

    .alert.text-green-600 {
        font-size: 13px;
        color: #28a745;
        padding-left: 0;
    }

    .price-range-slider {
        width: 100%;
    }

    .price-range-slider .range-value {
        margin: 0;
    }

    .price-range-slider .range-value input {
        width: 100%;
        background: none;
        color: #000;
        font-size: 16px;
        font-weight: initial;
        box-shadow: none;
        border: none;
        margin: 0px 0 20px 0;
    }

    .price-range-slider .range-bar {
        border: none;
        background: #b0b0b0;
        height: 3px;
        width: 90%;
        margin-left: 8px;
        position: relative;
    }

    .price-range-slider .range-bar .ui-slider-range {
        background: #06b9c0;
    }

    .price-range-slider .range-bar .ui-slider-handle {
        border: none;
        border-radius: 25px;
        background: #fff;
        border: 2px solid var(--red);
        height: 17px;
        width: 17px;
        top: -0.52em;
        cursor: pointer;
        position: absolute;
    }

    .price-range-slider .range-bar .ui-slider-handle+span {
        background: var(--red);
    }

    .lines {
        position: relative;
        border-radius: 10px;
        background: #d9d9d9;
        overflow: hidden;
        margin-bottom: 5px !important;
    }

    .lines:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #f3f3f3;
        background-size: 450px 400px;
        background-repeat: no-repeat;
        z-index: 9;
        left: 0;
        top: 0;
    }

    @keyframes shimmer {
        0% {
            background-position: -450px 0px;
        }

        100% {
            background-position: 450px 0px;
        }
    }

    .lines:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: linear-gradient(to right, #f3f3f3 0%, #dddddd 30%, #f3f3f3 50%, #f3f3f3 100%);
        background-size: 450px 400px;
        background-repeat: no-repeat;
        animation: shimmer 1.4s linear infinite;
        left: 0;
        z-index: 10;
        top: 0;
    }

    .cart_empty {
        padding: 60px 0;
    }

    .cart_empty h2 {
        font-size: 26px;
        font-weight: 400;
        line-height: 28px;
        color: var(--black);
        text-transform: uppercase;
        margin-bottom: 30px;
    }

    .cart_empty a {
        width: 240px;
        height: 46px;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        display: inline-block;
        line-height: 46px;
        font-size: 15px;
        font-weight: 400;
        color: #fff;
        transition: all .5s;
        text-transform: uppercase;
        border: 0;
    }

    .cart_empty a:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .address_edit_btn {
        background: var(--black);
        overflow: auto;
        cursor: pointer;
        overflow: hidden;
        border-radius: 0;
        border-radius: 5px;
        box-shadow: 0 5px 15px -5px rgb(0 0 0 / 80%);
        color: var(--white) !important;
        transition: all .2s;
        display: inline-block;
        padding: 10px 15px;
    }

    #address_modal .modal-dialog {
        max-width: 600px;
    }

    #address_modal .billing_form {
        margin-top: 40px;
    }

    #address_modal .billing_form .header_sec {
        position: absolute;
        right: 15px;
        top: 15px;
    }

    .billing_form .form-control {
        width: 100%;
        height: 48px;
        padding: 0.375rem 0.75rem;
        font-size: 14px;
        font-weight: 300;
        line-height: 19px;
        color: var(--black);
        background-color: var(--light-white);
        border: none;
        border-radius: 0;
    }

    .billing_form button[type="submit"] {
        max-width: 260px;
        width: 260px;
        height: 46px;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        color: var(--white);
        font-size: 15px;
        text-align: center;
        font-weight: 400;
        border: none;
        transition: all .5s;
        display: inline-block;
        line-height: 46px;
        padding: 0;
        display: inline-block;
    }

    .billing_form button[type="submit"]:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .dvPassport {
        display: none;
    }

    .dvPassport.show {
        display: block;
    }

    .chkPassport {
        margin-bottom: 40px;
    }

    .chkPassport h3 {
        font-size: 12px;
    }

    .address_list .address_btns a.address_edit_btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
        text-decoration: none;
    }

    .order-detail h2 {
        font-size: 22px;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .order-detail span {
        color: #7e7e7e;
    }

    .order-detail th {
        color: #7e7e7e;
    }

    .order-detail th,
    .order-detail td {
        font-size: 15px;
        width: 25%;
    }

    .order-detail table {
        margin-top: 30px;
    }

    .order-detail .content_info {
        display: flex;
        justify-content: left;
        align-items: normal;
    }

    .order-detail .content_info .cart_img {
        width: 60px;
        object-fit: cover;
    }

    .order-detail .content_info .cart_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top;
    }

    .order-detail .content_info .desc {
        margin-left: 15px;
        width: calc(100% - 75px);
    }

    .navigation_links {
        margin: 20px 0;
        float: right;
    }

    .navigation_links .page-link {
        height: 46px;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        line-height: 46px;
        transition: all .5s;
        color: var(--white);
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
        transition: all .5s;
        text-transform: uppercase;
        padding: 0 20px;
        border: none;
    }

    .navigation_links .page-link:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .navigation_links .page-item {
        margin-right: 15px;
    }

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

    .navigation_links .page-item.active .page-link {
        height: 46px;
        display: inline-block;
        font-size: 15px;
        font-weight: 400;
        line-height: 46px;
        transition: all .5s;
        color: var(--white);
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
        transition: all .5s;
        text-transform: uppercase;
        padding: 0 20px;
        border: none;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .order_search {
        margin-bottom: 40px;
    }

    .account_detail .main .order_search input {
        width: 300px;
        margin-left: auto;
    }

    .product_missing {
        background: #fff0f0;
        position: relative;
        z-index: 1;
        width: 100%;
        left: 0;
        outline: 1px dashed #f00 !important;
    }

    .product_missing .qty .plus,
    .product_missing .qty .minus {
        position: relative;
        z-index: -1;
    }

    .product_missing .qty .plus:before,
    .product_missing .qty .minus:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent;
        z-index: 1;
    }

    .accordion-button:focus {
        box-shadow: none;
    }

    .overflow_hidden {
        overflow: hidden;
    }

    .payment_btn_all {
        max-width: 260px;
        width: 100%;
        height: 46px;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        color: var(--white);
        font-size: 15px;
        text-align: center;
        font-weight: 400;
        border: none;
        margin-bottom: 30px;
        border: 1px solid var(--red);
        transition: all .5s;
        display: inline-block;
        line-height: 46px;
        padding: 0;
        margin-top: 15px;
        border-radius: 5px;
    }

    .payment_btn_all:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }

    .input-group-append {
        position: relative;
    }

    .passwoerd_icon {
        position: absolute;
        right: 30px;
        top: 13px;
        border: none;
        background: none;
        z-index: 2;
    }

    .passwoerd_icon>i,
    .genrate_icon>i {
        color: var(--black);
    }

    .genrate_icon {
        position: absolute;
        right: 10px;
        top: 13px;
        border: none;
        background: none;
        z-index: 2;
    }

    /*New css 30-90-2022*/

    .single_size {
        text-align: center;
    }

    .single_size .qty {
        min-width: initial;
        justify-content: center;
    }

    .single_size .qty .minus {
        margin-right: 0 !important;
    }

    .products_slider .product_item .price .color_sec,
    .category_product .product_item .price .color_sec {
        flex-wrap: wrap;
    }

    .cart_info_sec .products_item .rating_block .heart-icon {
        width: 33px;
        height: 33px;
        background: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        z-index: 1;
        padding: 0;
        border: 0.5px solid var(--red);
    }

    .cart_info_sec .products_item .rating_block .heart-icon.wishlist {
        background: var(--red);
        color: var(--white);
    }

    .breadcrumb li>a:first-child {
        color: var(--bs-breadcrumb-item-active-color);
    }

    .breadcrumb-item.active {
        color: var(--red) !important;
    }

    .common_btn {
        width: 150px;
        height: 50px;
        background: #ff0000;
        color: var(--white);
        font-size: 15px;
        font-weight: 400;
        line-height: 28px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: all .5s;
        border-radius: 5px;
        border: none;
        box-shadow: 0 5px 15px -5px rgb(0 0 0 / 80%);
    }

    .common_btn:hover,
    .common_btn:focus {
        border: none;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    .comman_btn2 {
        width: 150px;
        height: 50px;
        background: transparent;
        color: var(--black);
        font-size: 15px;
        font-weight: 400;
        line-height: 28px;
        display: flex;
        border: 1px solid var(--black);
        justify-content: center;
        align-items: center;
        transition: all .5s;
        border-radius: 5px;
    }

    .comman_btn2:hover,
    .comman_btn2:focus {
        border: none;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
        color: var(--white);
    }

    #add_cart .modal-footer {
        border-top: none;
        justify-content: center;
        padding-bottom: 25px;
    }

    #add_cart p {
        font-size: 25px;
    }

    #add_cart .modal-body {
        padding-top: 0;
    }

    #add_cart .modal-body svg {
        width: 80px;
        height: 80px;
        color: var(--red);
        margin-bottom: 15px;
    }

    /*==== bottom to top button loader ===*/

    #back_to_top {
        display: inline-block;
        background-color: var(--red);
        width: 50px;
        height: 50px;
        text-align: center;
        border-radius: 4px;
        position: fixed;
        bottom: 85px;
        right: 30px;
        transition: background-color .3s, opacity .5s, visibility .5s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        border: none;
    }

    #back_to_top::after {
        content: "\f106";
        font-family: FontAwesome;
        font-size: 2.5em;
        line-height: 50px;
        color: var(--white);
    }

    #back_to_top:hover,
    #back_to_top:active {
        cursor: pointer;
        background-color: var(--black);
    }

    #back_to_top.show {
        opacity: 1;
        visibility: visible;
    }

    .zoom_img {
        position: relative;
        display: inline-block;
    }

    .zoom_img svg {
        width: 25px;
        height: 25px;
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .popup_product img {
        width: 100px;
        margin-right: 15px;
        margin-top: 5px;
    }

    .popup_display {
        display: flex;
        width: 100%;
    }

    .text-green-600 p {
        font-size: 13px;
    }

    .product_test_heading {
        width: 100%;
    }

    #cart_modal .product_test_heading {
        width: calc(100% - 115px);
    }

    .swal2-popup {
        width: 40rem !important;
    }

    .relativeView {
        position: relative;
    }

    .relativeView .input-group-append {
        position: initial;
    }

    .category_slider {
        visibility: hidden;
    }

    .category_slider.slick-initialized {
        visibility: visible;
    }

    .profile_image_front {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .profile_menu img {
        width: 20px;
        height: 20px;
        object-fit: cover;
        border-radius: 100%;
    }

    .error_address_cart {
        color: red;
        margin-bottom: 5px;
    }

    .error_address {
        color: red;
    }

    .login_info input::-webkit-contacts-auto-fill-button,
    .login_info input::-webkit-credentials-auto-fill-button {
        visibility: hidden;
        position: absolute;
        right: 0;
    }

    .account_detail .main input.not_editable {
        background-color: #e9ecef;
    }

    .navbar-brand {
        margin-right: 0;
    }

    .width-70 {
        width: 75%;
    }

    .width-30 {
        width: 25%;
    }

    .text_center.mobile {
        display: none;
    }

    .app_links {
        margin-bottom: 15px;
    }

    .app_links ul li {
        display: inline-block;
    }

    .app_links ul li img {
        max-width: 120px;
        margin-bottom: 10px;
    }

    .check_input_btn {
        position: relative;
    }

    .check_input_btn .input-group-append {
        position: absolute;
        right: 0;
        z-index: 9;
    }

    .check_input_btn .input-group-append button {
        margin: 0 !important;
        width: 100px !important;
        border-radius: 0 !important;
    }

    .customer_list_btn {
        color: var(--white);
        border: none;
        height: 46px;
        line-height: 46px;
        font-size: 15px;
        font-weight: 500;
        margin-top: 30px;
        width: 170px;
        text-align: center;
        transition: all .5s;
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background: #ff0000;
        border-radius: 5px;
        position: relative;
    }

    .customer_list_btn:hover {
        box-shadow: 0 5px 15px -5px rgb(255 0 0 / 80%);
        background-image: linear-gradient(135deg, #ff0000 10%, #130101 150%);
    }


    /* 13-10-23 gaurav ============== */
    .login_section .login_info form .form-group {
        margin-top: 10px;
    }

    .login_section .login_info form h2 {
        margin-bottom: 10px;
    }

    .login_section .login_info form h2,
    .login_section .login_info form .tab>span {
        display: block;
        text-align: center;
    }

    .login_section .form-group.has-error .help-block {
        text-align: left;
    }

    .login_section .login_info form .form-control,
    .login_section .login_info form .btn {
        height: 45px;
    }

    .passwoerd_icon,
    .genrate_icon {
        top: 8px;
    }


    .login_section button {
        margin: 0;
    }

    .login_section .submit_btn01 {
        display: flex;
        justify-content: space-between;
        flex-direction: row-reverse;
        margin-top: 20px;
    }

    .portal_street {
        flex-direction: column;
    }

    .portal_street .portal_code_check {
        display: flex;
        align-items: center;
    }

    .portal_code_check input {
        width: 50%;
    }

    /*========== 24 nov 2023 gaurav addtocart ====== */
    .varity_table .color.ny span {
        margin: auto;
        display: inline-block;
    }

    .color.ny p {
        font-size: 8px;
        font-weight: 600;
        white-space: nowrap;
    }

    .notify i {
        color: var(--red);
    }

    .notify.black i {
        color: #000;
    }

    .category_product .product_item .block .product_sale {
        background-color: #146c2f;
        display: block;
        max-width: 100px;
        text-align: center;
        border-radius: 1em;
        color: #fff;
        text-transform: uppercase;
        -webkit-animation-name: salePulse;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        margin: 0 auto;
        transform: none;
        padding: 2px 7px;
        width: auto;
        max-width: fit-content;
        font-size: 9px;
        left: 82%;
        top: 50px;
    }

    @-webkit-keyframes salePulse {
        from {}

        50% {
            -webkit-transform: scale(1.1);
        }

        to {}
    }

    del {
        color: var(--red);
    }
    .product_block .product_item{
        overflow: hidden;
    }
    .product_block .product_item .block span.out_of_stock,
    .product_block .product_item .block span{
        padding: 5px 29px;
        transform: translate(-22%, 23%) rotateZ(-45deg);
    }
	
	.whats_app_sec {
        background-image: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../../front/images/b2b-customer.jpeg');
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        padding-block: 60px;
        height: 100%;
        position: relative;
    }
    
    .whats_content, .whats_content div {
        font-size: 20px;
        line-height: 28px;
        color: #fff;
        max-width: 580px;
     }