@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
    html {
        scroll-behavior: smooth;
    }
    
    body {
        font-family: 'Bahij_TheSansArabic-Plain', sans-serif;
        overflow-x: hidden!important;
        overflow-y: auto;
        margin: 0;
        padding: 0;
        background-color: #fff;
        padding-top: 170px;
    }
    
    @media(max-width: 991px) {
        body {
            padding-top: 0;
        }
        .fixed-top {
            position: relative;
        }
        .modal-backdrop {
            position: relative;
        }
    }
    
    * {
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
    }
    
    @font-face {
        font-family: 'Bahij_TheSansArabic-Plain';
        font-style: normal;
        font-weight: normal;
        src: local('Bahij_TheSansArabic-Plain'), url('../fonts/Bahij_TheSansArabic-Plain.woff') format('woff');
    }
    
    @font-face {
        font-family: 'icomoon';
        src: url('fonts/icomoon.eot?kj17f0');
        src: url('../fonts/icomoon.eot?kj17f0#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?kj17f0') format('truetype'), url('../fonts/icomoon.woff?kj17f0') format('woff'), url('../fonts/icomoon.svg?kj17f0#icomoon') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: block;
    }
    
    [class^="icon-"],
    [class*=" icon-"] {
        /* use !important to prevent issues with browser extensions that change fonts */
        font-family: 'icomoon' !important;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    
    .icon-bag:before {
        content: "\e901";
        color: #505070;
        font-weight: bold;
    }
    
    .icon-cart:before {
        content: "\e900";
    }
    
    .menu-logo {
        background: #fff !important;
        border-radius: 0 0 52px 52px;
    }
    
    body::-webkit-scrollbar {
        width: 8px;
    }
    
    body.thin::-webkit-scrollbar {
        width: 2px;
    }
    
     ::-webkit-scrollbar-track {
        border-radius: 0;
        background-color: #f6f6f6;
    }
    
     ::-webkit-scrollbar-thumb {
        border-radius: 0px;
        background: #8b8b8b;
    }
    
     ::-webkit-scrollbar-thumb:window-inactive {
        background: #8b8b8b;
    }
    
    .form-control:focus {
        outline: none;
        box-shadow: none;
    }
    
    .btn {
        outline: none;
    }
    
    .main-section {
        padding-top: 60px;
        position: relative;
        overflow: hidden;
    }
    
    @media(max-width: 992px) {
        .main-section {
            padding-top: 30px;
        }
    }
    
    a {
        text-decoration: none !important;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }
    
    ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    
    button:focus,
    button:active,
    input:active,
    input:focus,
    select:active,
    select:focus,
    textarea:focus,
    textarea:active {
        box-shadow: none;
        outline: 0;
    }
    
    .main-title {
        font-size: 25px;
        margin-bottom: 36px;
        color: #3B3B3B;
        text-transform: capitalize;
        font-weight: bold;
        max-width: 380px;
        position: relative;
    }
    
    .main-center-title {
        font-size: 40px;
        margin-bottom: 70px;
        color: #333;
        text-transform: capitalize;
        font-weight: bold;
        text-align: center;
        position: relative;
    }
    
    @media(max-width:576px) {
        .main-center-title {
            font-size: 30px;
        }
    }
    
    .main-des {
        font-size: 14px;
        color: #555;
        margin-bottom: 30px;
    }
    
    .main-center-des {
        font-size: 14px;
        text-align: center;
        color: #555;
        margin-bottom: 30px;
    }
    
    p {
        color: #555;
    }
    /*start header navbar */
    
    .mob-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        background-color: #88c5f7;
        opacity: 0;
        visibility: hidden;
        transition: all .3s;
        z-index: 2900;
    }
    
    .mob-overlay.active {
        opacity: .85;
        visibility: visible;
        transition: all .3s;
    }
    
    .sidebar-wrapper {
        display: none;
    }
    
    @media(max-width: 992px) {
        .sidebar-wrapper {
            padding-top: 20px;
            position: fixed;
            display: block;
            background-color: #fff;
            color: #D4801E;
            right: 20px;
            top: 20px;
            width: 100%;
            height: 100vh;
            max-height: calc(100% - 40px);
            max-width: calc(100% - 40px);
            box-shadow: 0 0 15px rgb(0 0 0 / 10%);
            overflow: hidden;
            z-index: 3000;
            transition: transform 0.5s ease-in-out;
            -webkit-transition: transform 0.5s ease-in-out;
            -moz-transition: transform 0.5s ease-in-out;
            -ms-transition: transform 0.5s ease-in-out;
            -o-transition: transform 0.5s ease-in-out;
            transform: translateY(150%);
            -webkit-transform: translateY(150%);
            -moz-transform: translateY(150%);
            -ms-transform: translateY(150%);
            -o-transform: translateY(150%);
            border-radius: 20px;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            -ms-border-radius: 20px;
            -o-border-radius: 20px;
        }
        .sidebar-wrapper .m-head {
            padding: 20px;
            border-bottom: 2px dotted #666161;
            margin-bottom: 30px;
        }
        .sidebar-wrapper .m-head h3 {
            font-size: 20px;
        }
        .sidebar-show {
            transition: transform 0.5s ease-in-out;
            -webkit-transition: transform 0.5s ease-in-out;
            -moz-transition: transform 0.5s ease-in-out;
            -ms-transition: transform 0.5s ease-in-out;
            -o-transition: transform 0.5s ease-in-out;
            transform: translateY(0);
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
        }
        .sidebar-wrapper .nav-link {
            color: #D4801E !important;
            text-decoration: none;
            border-bottom: 1px solid #D4801E;
            font-weight: lighter;
            padding: 14px 0;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }
        .sidebar-wrapper .nav-link:hover {
            background-color: #fff;
            color: #E77E49;
        }
        .sidebar-wrapper .dropdown-menu {
            width: 100%;
            position: static !important;
            transform: translate3d(0, 0, 0) !important;
            background-color: transparent;
            text-align: center;
        }
        .sidebar-wrapper .dropdown-menu .dropdown-item {
            display: block;
            width: 100%;
            padding: .25rem 1.5rem;
            clear: both;
            font-weight: 400;
            color: #fff;
        }
        .navbar-nav .sub-collapse .dropdown-item {
            color: #fff;
        }
        #burgerBtn {
            border-top: none;
            height: 25px;
            width: 30px;
            box-sizing: border-box;
            position: absolute;
            z-index: 3000;
            top: 30px;
            cursor: pointer;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -khtml-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
        }
        #burgerBtn:before {
            content: "";
            display: block;
            position: absolute;
            height: 2px;
            width: 33px;
            background: #fff;
            top: 10px;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -khtml-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
        }
        #burgerBtn:after {
            content: "";
            display: block;
            position: absolute;
            height: 2px;
            width: 33px;
            bottom: 11px;
            background: #fff;
            -webkit-transition: all 0.3s ease-in;
            -moz-transition: all 0.3s ease-in;
            -khtml-transition: all 0.3s ease-in;
            -o-transition: all 0.3s ease-in;
            transition: all 0.3s ease-in;
            transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -ms-transform: rotate(135deg);
            -o-transform: rotate(135deg);
        }
        .navbar-nav {
            text-align: center;
        }
    }
    
    .navbar-nav .sub-collapse .dropdown-item {
        padding: 5px 0;
    }
    
    @media(min-width: 992px) {
        .navbar-nav .sub-collapse {
            position: absolute;
            right: 0;
            width: 100%;
            background-color: #fff;
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            z-index: 10000;
        }
        .navbar-nav .sub-collapse .dropdown-item {
            padding: 10px;
            color: #136776;
        }
    }
    /*page*/
    
    .top-bar {
        background-color: #D4801E;
        color: #fff;
        padding: 15px 0;
    }
    
    .top-bar .lang-des {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .welcome-to {
        font-size: 14px;
    }
    
    .lang-item>a {
        color: #fff;
        font-size: 13px;
    }
    
    .lang-item>a i {
        font-size: 20px;
    }
    
    .lang-link img {
        margin-inline-start: 10px;
    }
    
    .dropdown-menu {
        padding: 0 !important;
        border: none;
    }
    
    .dropdown-item {
        padding: 10px;
        background-color: #d4801e;
        color: #fff;
    }
    
    .dropdown-item:hover {
        background-color: #303030;
        color: #fff;
    }
    
    @media(min-width: 992px) {
        .top-bar>.container {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
    /*headerSearch*/
    
    .headerSearch {
        padding: 20px 0 24px 0;
    }
    
    .logo img {
        max-width: 99px;
    }
    
    @media(max-width: 992px) {
        .welcome-to {
            display: none;
        }
        .top-bar .lang-des {
            justify-content: flex-end;
        }
        .mob-mb-10 {
            margin-bottom: 10px;
        }
        .d_mob_none {
            display: none;
        }
        .only_search_btn {
            background-color: transparent;
            border: none;
            outline: none;
            font-size: 22px;
            color: #2f3193;
        }
    }
    
    @media(min-width: 992px) {
        .only_search_btn {
            display: none;
        }
    }
    
    .headerSearch .search-form {
        width: 85%;
    }
    
    .search-form .input-group {
        position: relative;
        display: flex;
        align-items: center;
        height: 55px;
        text-transform: capitalize;
        color: #808080;
        font-size: 14px;
        background-color: #F6F6F6;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
    
    .search-form .nice-select {
        display: flex;
        align-items: center;
        color: #3B3B3B;
        font-size: 14px;
        height: 55px;
        width: 142px;
        padding: 0 24px;
        border: none;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        border-start-end-radius: 0px;
        border-end-end-radius: 0px;
        background-color: #F6F6F6;
    }
    
    .nice-select:after {
        width: 11px;
        height: 11px;
        border-bottom: 2px solid #3B3B3B;
        border-right: 2px solid #3B3B3B;
    }
    
    .search-form .form-control {
        height: 32px;
        border: none;
        padding-inline-start: 24px;
        font-size: 14px;
        color: #808080;
        background-color: #F6F6F6;
        border-inline-start: 1px solid #707070;
    }
    
    .search-form .form-control::placeholder {
        font-size: 14px;
        color: #808080;
    }
    
    .search-form .search_btn {
        background: #F6F6F6;
        color: #808080;
        border: none;
        box-shadow: none;
        outline: none;
        height: 55px;
        width: 60px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 18px;
        transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        -moz-transform: scaleX(-1);
        -ms-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
    }
    
    #searchModal {
        background-color: rgba(212, 128, 30, 0.9);
        padding-right: 0 !important;
    }
    
    @media (min-width: 576px) {
        .modal-dialog {
            max-width: 700px;
        }
    }
    
    .modal-open {
        padding-right: 0 !important;
    }
    
    #searchModal .modal-content {
        background: transparent;
        border: none;
    }
    
    #searchModal .close {
        color: #fff;
        position: absolute;
        top: 20px;
        opacity: 1;
    }
    
    .call-center {
        color: #fff;
        font-size: 13px;
        margin-inline-end: 48px;
    }
    
    .call-center:hover,
    .lang-link:hover {
        color: #303030;
    }
    
    .call-center img {
        margin-inline-end: 10px;
    }
    
    .login-link {
        color: #3B3B3B;
        font-size: 18px;
    }
    
    .login-link:hover {
        color: #D4801E;
    }
    
    .login-link i {
        color: #3B3B3B;
        font-size: 16px;
        margin-inline-end: 12px;
    }
    
    .grey_btn {
        color: #212121;
        font-size: 24px;
    }
    
    .grey_btn .bag {
        width: 24px;
        position: relative;
    }
    
    .grey_btn .num-cart {
        background-color: #CF5A24;
        color: #fff;
        font-size: 14px;
        position: absolute;
        width: 20px;
        height: 20px;
        text-align: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        right: 0;
        bottom: 0;
    }
    
    .grey_btn .price-cart {
        color: #212121;
        font-size: 20px;
        margin-inline-end: 10px;
    }
    /* headerNav*/
    
    .navbar {
        padding: 0;
        width: 67%;
    }
    
    .navbar-toggler {
        background-color: transparent;
        border: none;
        font-size: 26px;
    }
    
    .bars-toggler-icon {
        color: #D4801E;
    }
    
    @media(min-width: 992px) {
        .navbar-expand-lg .navbar-nav {
            height: 50px;
            width: 100%;
            justify-content: space-between;
        }
        .navbar-toggler {
            display: none;
        }
        .navbar-expand-lg .navbar-nav .dropdown-menu {
            width: fit-content;
            padding: 0 5px;
        }
    }
    
    .headerNav {
        background-color: #fff;
        border-radius: 0 0 52px 52px;
    }
    
    .navbar-nav .nav-link {
        color: #3b3b3b;
        font-size: 16px;
        font-weight: 500;
    }
    
    .navbar-nav .nav-link:hover {
        color: #D4801E;
    }
    
    .navbar-nav>.nav-item {
        position: relative;
    }
    /* Start header*/
    
    .header-section {
        color: #fff;
        position: relative;
    }
    
    .carousel-indicators {
        bottom: 24px;
        margin-bottom: 0;
    }
    
    .carousel-indicators li {
        height: 8px;
        width: 8px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background-color: #ECECEC;
        opacity: 1;
        border-top: none;
        border-bottom: none;
        margin-left: 7px;
        margin-right: 7px;
    }
    
    .carousel-indicators .active {
        width: 35px;
        background-color: #D4801E;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    
    .header-section .top-img {
        width: 100%;
        height: 360px;
    }
    
    .top-section {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        padding-top: 47px;
    }
    
    .top-section h5 {
        font-size: 20px;
        color: #D4801E;
        font-weight: 500;
        margin-bottom: 24px;
        max-width: 264px;
    }
    
    .top-section h4 {
        font-size: 32px;
        color: #fff;
        font-weight: bold;
        margin-bottom: 24px;
        max-width: 462px;
        line-height: 1.5;
    }
    
    .top-section p {
        font-size: 16px;
        color: #fff;
        max-width: 342px;
        line-height: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    
    .shop_now_btn {
        margin-top: 60px;
        min-width: 167px;
        height: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: fit-content;
        color: #fff;
        border: 1px solid #D4801E;
        background: #D4801E;
        text-transform: capitalize;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
    }
    
    .shop_now_btn:hover {
        background: transparent;
        border: 1px solid #fff;
        color: #D4801E;
    }
    
    .hvr-sweep-to-right:before {
        background: #fff;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        color: #067CC5;
    }
    
    @media(min-width: 992px) {
        .header-section {
            height: 626px;
        }
        .header-section .top-img {
            height: 626px;
        }
    }
    
    @media(max-width: 992px) {
        .top-section {
            padding-top: 20px;
        }
        .top-section h5,
        .top-section h4 {
            font-size: 24px;
            margin-bottom: 20px;
        }
        .carousel-indicators {
            display: none;
        }
        .shop_now_btn {
            margin-top: 20px;
        }
    }
    /*** start section section ***/
    
    .section_card {
        position: relative;
        overflow: hidden;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
        height: 173px;
        padding: 24px;
        display: flex;
        align-items: flex-end;
        margin-bottom: 20px;
        background-color: #FFB12C;
    }
  
 
   

    
    .circle {
        width: 180px;
        border-radius: 50%;
        height: 180px;
        position: absolute;
        left: -50px;
        overflow: hidden;
        top: -50px;
    }
    
    .circle img {
        min-width: 100%;
        min-height: 100%;
    }
    
    .section_card:hover {
        opacity: 0.9;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
    
    .section_card .card_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }
    
    .section_card .card_title {
        position: relative;
        font-size: 24px;
        font-weight: bold;
        color: #212121;
    }
    /* start products section */
    
    .slick-slide {
        margin: 0 10px;
    }
    
    .slick-dots {
        display: none !important;
    }
    
    button.slick-arrow {
        position: absolute;
        top: -60px;
        background-color: transparent;
        border: none;
        color: #BCBCBC;
    }
    
    button.slick-arrow:hover {
        color: #D4801E;
    }
    
    .product_card {
        overflow: hidden;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        position: relative;
    }
    
    .product_sale {
        position: absolute;
        top: 16px;
        height: 29px;
        width: 81px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #E60008;
        color: #fff;
        font-size: 11px;
        font-weight: 500;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        -ms-border-radius: 24px;
        -o-border-radius: 24px;
        z-index: 3;
    }
    
    .product_card .top_img {
        display: block;
        height: 245px;
        overflow: hidden;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
    }
    
    .product_card .top_img img {
        width: 100%;
        height: 100%;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
    }
    
    .product_card:hover .top_img img {
        transform: scale(1.3)rotate(10deg);
        -webkit-transform: scale(1.3)rotate(10deg);
        -moz-transform: scale(1.3)rotate(10deg);
        -ms-transform: scale(1.3)rotate(10deg);
        -o-transform: scale(1.3)rotate(10deg);
    }
    
    .product_card .product_body {
        padding: 8px 11px;
        position: relative;
    }
    
    .product_card .product_label {
        display: block;
        font-size: 14px;
        color: #D4801E;
        margin-bottom: 4px;
    }
    
    .product_card .product_title {
        display: block;
        font-size: 18px;
        color: #3B3B3B;
        margin-bottom: 14px;
        max-width: 145px;
    }
    
    .product_card .product_price {
        font-size: 20px;
        color: #1A0405;
        margin-bottom: 5px;
    }
    
    .product_price span {
        font-size: 12px;
        color: #717171;
    }
    
    .price_delete {
        font-size: 12px;
        color: #B8B8B8;
        margin-bottom: 8px;
    }
    
    .product_footer {
        height: 40px;
        display: flex;
        justify-content: space-between;
    }
    
    .number-spinner {
        display: flex;
        align-items: center;
    }
    
    .number-spinner .pl-ns-value {
        height: 30px;
        width: 45px;
        border: none;
        text-align: center;
        font-size: 25px;
    }
    
    .number-spinner .ns-btn {
        width: 22px;
        height: 22px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        cursor: pointer;
    }
    
    .number-spinner .minus_btn {
        color: #9C9C9C;
        border: 2px solid #9C9C9C;
    }
    
    .number-spinner .plus_btn {
        color: #D4801E;
        border: 2px solid #D4801E;
    }
    .plus_btn a ,.minus_btn a{
        width:30px;
        cursor:pointer;
        height:30px;
        text-align:center;
    }
    .add_to_Cart_btn {
        height: 36px;
        width: 36px;
        border: none;
        background-color: #CF5A24;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .product_rate {
        font-size: 13px;
        font-weight: 500;
        color: #FFB300;
        position: absolute;
        top: 37px;
    }
    
    .product_rate i {
        margin-inline-end: 6px;
        font-size: 15px;
    }
    
    @media(max-width: 576px) {
        .product_card .top_img {
            height: 160px;
        }
        .product_card .product_title {
            font-size: 16px;
            max-width: 100px;
        }
    }
    /* start application section*/
    
    .discover_wrap {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 464px;
        color: #fff;
    }
    
    .discover_img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    
    .discover_content {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        padding: 20px;
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        -moz-transition: 0.3s ease-in-out;
        -ms-transition: 0.3s ease-in-out;
        -o-transition: 0.3s ease-in-out;
    }
    
    .discover_content:hover {
        opacity: 0.9;
        transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        -o-transform: scale(0.9);
    }
    
    .discover_title {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 24px;
        max-width: 476px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5;
    }
    
    .dicover_des {
        font-size: 16px;
        margin-bottom: 14px;
        color: #fff;
        max-width: 476px;
        margin-left: auto;
        margin-right: auto;
        line-height: 2;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    
    .login_btn {
        width: 167px;
        height: 55px;
        background-color: #D4801E;
        border: 2px solid #D4801E;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: bold;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .login_btn:hover {
        background-color: #fff;
        border: 2px solid #fff;
        color: #D4801E;
    }
    
    .app_title {
        font-size: 32px;
        font-weight: bold;
        margin-bottom: 12px;
        max-width: 283px;
        margin-left: auto;
        margin-right: auto;
        line-height: 1.5;
        color: #3B3B3B;
    }
    
    .app_wrap {
        padding: 30px 34px 0 34px;
        background-color: #E6EAED;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -ms-border-radius: 8px;
        -o-border-radius: 8px;
        text-align: center;
        overflow: hidden;
        cursor: pointer;
    }
    
    .app_des {
        font-size: 13px;
        font-weight: 500;
        color: #808080;
        margin-bottom: 16px;
    }
    
    .btns_wrapper {
        display: flex;
        justify-content: center;
        margin-bottom: 21px;
    }
    
    .app_btn {
        height: 30px;
        width: 95px;
        background-color: #fff;
        font-size: 9px;
        color: #3B3B3B;
        font-weight: 500;
        text-transform: capitalize;
        padding: 3px 7px;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }
    
    .app_btn:hover {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    
    .app_btn:first-of-type {
        margin-inline-end: 16px;
    }
    
    .app_btn img {
        margin-inline-start: 4px;
    }
    
    .screens_wrapper {
        display: flex;
        justify-content: center;
    }
    
    .screen_img {
        width: 132px;
    }
    
    .screen_img:first-of-type {
        margin-inline-end: 16px;
    }
    
    @media(min-width: 768px) and (max-width: 991px) {
        .btns_wrapper {
            display: block;
        }
        .app_btn:first-of-type {
            margin-inline-end: 0;
            margin-bottom: 10px;
        }
        .screen_img {
            width: 48%;
        }
        .app_title {
            font-size: 26px;
        }
        .discover_wrap {
            height: 424px;
        }
    }
    
    @media(max-width: 767px) {
        .discover_wrap {
            margin-bottom: 20px;
        }
    }
    /*** sign up section ***/
    
    .signup-section {
        background-image: url(../img/co.png);
        background-size: cover;
        height: 248px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align:center;
    }
    .signup-section h2{
        color:#fff;
        font-weight:bold;
        color:#fff;
        font-size:20px;
        padding:10px 0;
    }
    
    .signup_form .form-group {
        width: 33%;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        height: 41px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 26px;
        -webkit-border-radius: 26px;
        -moz-border-radius: 26px;
        -ms-border-radius: 26px;
        -o-border-radius: 26px;
    }
    
    .signup_form .form-group .form_input {
        height: 41px;
        border: none;
        width: 80%;
        padding-inline-start: 16px;
        border-start-start-radius: 26px;
        border-end-start-radius: 26px;
        outline: none;
        box-shadow: none;
    }
    
    .orange_btn {
        width: 20%;
        outline: none;
        box-shadow: none;
        border: none;
        background-color: #FF7701;
        color: #fff;
        font-size: 14px;
        text-transform: capitalize;
    }
    
    @media(max-width: 991px) {
        .signup_form .form-group {
            width: 90%;
        }
    }
    /* start footer*/
    
    .footer {
        background-color: #FEFCFB;
        position: relative;
        padding-top: 76px;
    }
    
    .ask_numbers {
        display: flex;
        align-items: center;
        margin-bottom: 32px;
    }
    
    .ask_content {
        padding-inline-start: 20px;
    }
    
    .ask_content small {
        color: #707070;
        font-size: 16px;
        display: block;
    }
    
    .ask_content a {
        color: #000000;
        font-size: 20px;
        display: block;
    }
    
    .all_links_wrapper {
        padding-bottom: 38px;
    }
    
    .footer_logo {
        margin-bottom: 34px;
        width:35%;
    }
    
    .footer-title {
        font-size: 21px;
        font-weight: 600;
        margin-bottom: 24px;
        color: #3B3B3B;
    }
    
    .footer_menu li {
        margin-bottom: 20px;
    }
    
    .footer-link {
        color: #3B3B3B;
        font-size: 15px;
    }
    
    .footer .social-link {
        margin-inline-end: 18px;
    }
    
    .footer a:hover {
        color: #D4801E;
    }
    
    .grid_menu {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    
    .info_contact {
        margin-bottom: 30px;
    }
    
    .footer_des {
        font-size: 11px;
        color: #666666;
    }
    
    .footer_btns_wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        font-size: 14px;
    }
    
    .download_btns {
        display: flex;
    }
    
    .footer_app_btn {
        margin-inline-start: 12px;
        font-size: 14px;
        color: #1A0405;
        min-width: 127px;
        height: 45px;
        padding: 3px 7px;
        display: flex;
        align-items: center;
    }
    
    .footer_app_btn img {
        margin-inline-start: 7px;
    }
    
    .copyrights {
        padding: 14px 0 10px 0;
        color: #fff;
        font-size: 14px;
        background-color: #D4801E;
    }
    
    .copyrights p,
    .copyrights a {
        color: #fff;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    
    .made_By {
        font-size: 11px;
        text-align: center;
    }
    
    .made_By small {
        font-size: 6px;
        display: block;
    }
    
    .made_By > a span {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .made_By > a span svg{
        width: 40%;
        margin: 0 10px;
    }
    
    @media(max-width: 576px) {
        .footer {
            padding-top: 40px;
        }
        .footer .mail-title {
            margin-bottom: 20px;
        }
        .footer_btns_wrapper {
            display: block;
        }
        .footer_btns_wrapper>span {
            display: block;
            margin-bottom: 16px;
        }
        .download_btns {
            justify-content: center;
        }
    }
    
    @media(max-width: 768px) {
        .mail_wrapper,
        .all_links_wrapper {
            padding-bottom: 20px;
        }
        .all_links_wrapper .col-12 {
            margin-bottom: 20px;
        }
    }
    
    .go-top {
        position: fixed;
        display: none;
        width: 50px;
        height: 50px;
        background: rgb(221, 213, 213);
        color: #d4801e;
        bottom: 140px;
        z-index: 2500;
        -webkit-box-shadow: 0 4px 18px 0px #00000085;
        box-shadow: 0 4px 18px 0px #00000085;
        text-align: center;
        line-height: 46px;
        transition: all 0.3s !important;
        -webkit-transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        -ms-transition: all 0.3s !important;
        -o-transition: all 0.3s !important;
    }
    
    .go-top:hover {
        background-color: #d4801e;
        color: #fff;
    }
    /* call us section */
    
    .call-us-now {
        position: fixed;
        width: 300px;
        height: 50px;
        color: #fff;
        border-radius: 50%;
        bottom: 40px;
        z-index: 1040;
        transition: all 0.3s !important;
        -webkit-transition: all 0.3s !important;
        -moz-transition: all 0.3s !important;
        -ms-transition: all 0.3s !important;
        -o-transition: all 0.3s !important;
    }
    
    .call-us-now .call-list {
        display: none;
    }
    
    .call-us-now .call-link {
        font-size: 22px;
        text-decoration: none;
        color: #fff;
        background-color: #d4801e;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        height: 50px;
        width: 50px;
        text-align: center;
        line-height: 50px;
    }
    
    .call-us-now .call-link:hover {
        color: #303030;
    }
    
    .toggle-call-list {
        cursor: pointer;
    }
    
    .toggle-call-list .fa {
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }
    
    @media(max-width: 992px) {
        .go-top {
            bottom: 90px;
        }
        .call-us-now {
            bottom: 20px;
        }
    }
    
    .main-title-white {
        color: #fff !important;
    }
    
    .main-title-grey {
        color: #ddd !important;
    }
    
    .loader-container {
        position: fixed;
        left: 0;
        right: 0;
        height: 100vh;
        background-color: #FFB12C;
        z-index: 10000;
        top: 0px;
        text-align: center;
        overflow: hidden;
    }
    
    .loader {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 60px;
        width: 60px;
        transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        animation: rotate 2s linear infinite;
        -webkit-animation: rotate 2s linear infinite;
    }
    
    .dot-1,
    .dot-2 {
        width: 60%;
        height: 60%;
        display: inline-block;
        position: absolute;
        background-color: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        animation: load 2s ease-in-out infinite;
        -webkit-animation: load 2s ease-in-out infinite;
    }
    
    .dot-1 {
        top: 0;
    }
    
    .dot-2 {
        bottom: 0;
        animation-delay: -1s;
    }
    
    @keyframes rotate {
        0% {
            transform: rotate(0);
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            -ms-transform: rotate(0);
            -o-transform: rotate(0);
        }
        100% {
            transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -moz-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            -o-transform: rotate(360deg);
        }
    }
    
    @keyframes load {
        0%,
        100% {
            transform: scale(0);
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            -o-transform: scale(0);
        }
        50% {
            transform: scale(1);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
        }
    }
    /* start personal page */
    
    .personal-login {
        font-size: 17px;
        margin-left: 10px;
    }
    
    .personal-item {
        display: flex;
    }
    
    .personal-page form.search-form.d_mob_none {
        margin-right: 50px;
    }
    
    .personal-login i {
        margin-inline-end: 8px;
    }
    
    @media(max-width: 992px) {
        .personal-page form.search-form.d_mob_none {
            margin-right: 0px;
        }
        .personal-login {
            font-size: 15px;
            margin-left: 0;
        }
    }
    /* End personal page */
    /* start four_product_carousel-page */
    
    .four_product_carousel-page {
        margin-bottom: 4 0px;
    }
    /* End four_product_carousel-page */
    /* start no products section */
    
    .nopro {
        padding: 100px;
    }
    
    .headerNav {
        box-shadow: 0 4px 2px rgb(0 0 0 / 12%), 0 0px 0px rgb(0 0 0 / 22)
    }
    
    .contant-nopro {
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .main-a {
        color: #000;
    }
    
    .contant-nopro {
        padding: 20px 0 0 0;
    }
    
    .contant-nopro h4 {
        font-size: 28px;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    
    .div-text {
        text-align: center;
    }
    
    .btn-nopr {
        color: #fff;
        transition: all .2s ease-in-out;
        background: #D4801E;
        padding: 10px 150px;
        margin-top: 32px;
        cursor: pointer;
        border-radius: 5px;
    }
    
    .btn-nopr:hover {
        color: #fff;
        background-color: #000;
    }
    
    @media(max-width: 992px) {
        .nopro {
            padding: 50px 0;
        }
        .btn-nopr {
            color: #fff;
            transition: all .2s ease-in-out;
            background: #D4801E;
            padding: 10px 70px;
            margin-top: 32px;
            cursor: pointer;
        }
    }
    /* End no products section */
    /* start contact-us  */
    
    .contact-us {
        padding: 100px 0;
    }
    
    .titlecont {
        text-align: center;
        padding-bottom: 30px;
    }
    
    .titlecont h3 {
        font-size: 26px;
        font-weight: bold;
    }
    
    .form-cont {
        padding: 30px 0 0 0;
    }
    
    .conta-p {
        font-size: 18px;
        color: #000;
        font-weight: bold;
    }
    
    .form-cont {
        width: 100%;
    }
    
    .form-cont input {
        width: 100%;
        background-color: #E5E5E5;
        border: none;
        outline: none;
        border-radius: 10px;
        padding: 10px 20px;
        margin-bottom: 20px;
    }
    
    .form-cont textarea {
        width: 100%;
        background-color: #E5E5E5;
        border: none;
        outline: none;
        border-radius: 10px;
        padding: 10px 20px;
        resize: none;
        height: 166px;
    }
    
    .sub {
        background-color: #D4801E !important;
        color: #fff;
        margin-top: 20px;
        transition: .2s all ease-in-out;
    }
    
    .sub:hover {
        background-color: #000 !important;
    }
    /* End contact-us  */
    /* start log in */
    
    .log-form-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        position: relative;
    }
    .cont-reg{
        width: 48%;
        display: flex;
   justify-content: center;
align-item: center;
    }
    .cont-reg label{

        font-size: 14px;
        white-space: nowrap;
        padding: 32px 0 0 0;
        border-bottom: 1px solid #BCBCBC;
        margin-bottom: 10px;
    }

    .log-form-content input {
        width: 100%;
        padding: 10px;
        margin: 10px 0;
        border: none;
        border-bottom: 1px solid #BCBCBC;
        transition: .5s all ease-in-out;
    }
    
    .log-form-content input:focus {
        border-bottom: 3px solid #D4801E;
    }


    .passhidden1 {
        position: absolute;
        bottom: 25px;
        right: 46%;
        cursor: pointer;
    }
    
    .passhidden2 {
        position: absolute;
        bottom: 90px;
        left: 0;
        cursor: pointer;
    }
    
    .sub-log input {
        text-align: center;
        padding: 10px 200px;
        margin-top: 50px;
        border: 0px;
        background-color: #D4801E;
        color: #fff;
        border-radius: 10px;
        transition: .3s all ease-in-out;
    }
    
    .sub-log input:hover {
        background-color: #000;
    }
    
    .p-sub {
        text-align: center;
    }
    
    .p-sub p {
        display: inline-block;
        margin-top: 20px;
    }
    
    .p-sub p a:hover {
        color: #D4801E;
    }
    
    .p-a1 {
        color: #666666;
    }
    
    .p-a2 {
        color: #000;
    }

    .error{
        color: red;
    }
    @media(max-width: 992px) {
        .cont-reg{
            width: 100%;
        }

        .sub-log input {
            text-align: center;
            padding: 10px 81px;
        }
        .passhidden1 {
            position: absolute;
            right: 96% !important;
        }
        .passhidden2 {
            position: absolute;
            bottom: 90px;
            left: 0;
        }
        .log-form-content {
            display: block;
        }
        .log-form-content input {
            width: 100%;
            padding: 10px;
            margin: 10px 0;
            border: none;
            border-bottom: 1px solid #BCBCBC;
            transition: .5s all ease-in-out;
        }
    }
    /* End log in */
    /* start sign up  */
    
    .form-cont-sign {
        margin-top: 60px;
    }
    
    .form-cont-sign input {
        background-color: transparent;
        width: 100%;
        padding: 20px 0;
        border: none;
        border-radius: 0px;
        border-bottom: 1px solid #BCBCBC;
        transition: .2s all ease-in-out;
    }
    
    .form-cont-sign .passhidden2 {
        position: absolute;
        top: 190px;
        left: 16px;
    }
    
    .form-cont-sign input:focus {
        border-bottom: 3px solid #D4801E;
    }
    
    .sub-sign {
        border: none;
        background-color: #D4801E !important;
        color: #fff;
        transition: .2s all ease-in-out;
        padding: 15px 0 !important;
        margin-top: 40px;
        border-radius: 10px !important;
    }
    
    .sub-sign:hover {
        background-color: #000;
    }
    /* End sign up  */
    /* start title */
    
    .basic-title {
        text-align: center;
    }
    
    .basic-title h3 {
        color: #D4801E;
        font-size: 26px;
        padding-bottom: 40px;
    }
    
    .Terms h5 {
        font-size: 16px;
        line-height: 1.7;
        font-weight: bold;
        color: #D4801E;
        margin: 20px 0;
    }
    
    .content-term p {
        line-height: 1.7;
        font-size: 14px;
        color: #707070;
    }
    
    .about p {
        line-height: 1.9;
        font-size: 14px;
        color: #707070;
    }
    /* start forgetpassword */
    
    .bisc-title-s {
        text-align: center;
    }
    
    .bisc-title-s h2 {
        font-weight: bold;
    }
    
    .bisc-title-s p {
        margin-top: 20px;
        line-height: 1.7;
    }
    /* verfiy code */
    
    .code-container {
        display: flex;
        align-items: center;
        justify-content: center;
        direction:ltr;
        margin: 40px 0;
    }
    
    .code {
        border-radius: 5px;
        font-size: 75px;
        height: 120px;
        width: 100px;
        border: 1px solid #eee;
        margin: 1%;
        text-align: center;
        background-color: #E5E5E5;
        font-weight: 300;
        -moz-appearance: textfield;
    }
    
    .code::-webkit-outer-spin-button,
    .code::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    
    .code:valid {
        box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.25);
    }
    
    .info {
        background-color: #eaeaea;
        display: inline-block;
        padding: 10px;
        line-height: 20px;
        max-width: 400px;
        color: #777;
        border-radius: 5px;
    }
    
    @media (max-width: 600px) {
        .code-container {
            flex-wrap: wrap;
        }
        .code {
            font-size: 60px;
            height: 80px;
            max-width: 70px;
        }
    }
    
    .ver .sub-sign {
        border: none;
        background-color: #D4801E !important;
        color: #fff;
        transition: .2s all ease-in-out;
        /* padding: 15px 0 !important; */
        margin-top: 40px;
        border-radius: 10px !important;
        width: -webkit-fill-available;
        padding: 11px 0;
    }
    /* start rest password */
    
    .passhidden11 {
        position: absolute;
        top: 123px;
        left: 15px;
        cursor: pointer;
    }
    
    .passhidden11 {
        position: absolute;
        top: 123px;
        left: 15px;
        cursor: pointer;
    }
    
    .con-im {
        margin: 10px;
        margin: auto;
    }
    /* sell page */
    
    .tit-sell {
        padding-bottom: 30px;
    }
    
    .sellpage {
        padding: 80px 0 80px !important;
    }
    
    .det-sell {
        width: 100%;
        background: #FCFCFC;
        padding: 20px;
    }
    
    .content-sell-det {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .content-sell-det:first-of-type {
        border-bottom: 1px solid #EAEAEA;
        margin-bottom: 10px;
        padding: 4px;
    }
    
    .num-sell {
        font-size: 14px;
    }
    
    .orange-p {
        color: #D4801E;
    }
    
    .num-sell-count {
        font-size: 14px;
    }
    /* sell-card */
    
    .sell-card {
        margin-bottom: 20px;
        padding: 20px 0;
        background-color: #FCFCFC;
        margin-bottom: 20px;
    }
    
    .img-sell-contaier img {
        max-width: 100%;
        height:100%;
    }
    
    .cont-sell-card {
        background-color: #fff;
        border-radius: 8px;
        padding: 10px 0;
        display: flex;
        align-items: center;
        padding: 0px 0;
        justify-content: start;
        margin-bottom: 20px;
    }
    
    .img-sell {
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
    }
    
    .cont-sell-card h6 {
        font-size: 18px;
    }
    
    .cont-sell-card p {
        font-size: 14px;
    }
    
    .img-sell-contaier {
        width: 140px;
        height: 140px;
        border-radius: 8px;
    }
    
    .text-sell {
        padding: 10px 14px;
        width: 40%;
    }
    
    .counter,
    .delete {
        margin: auto;
    }
    
    .fa-trash-alt {
        transition: .2s all ease-in-out;
        margin-left: 30px;
        cursor: pointer;
        font-size: 25px;
    }
    
    .fa-trash-alt:hover {
        color: #D4801E;
    }
    
    .counter .number-spinner .ns-btn {
        width: 30px;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        border-radius: 28%;
        -webkit-border-radius: 28%;
    }
    
    .sell-card form {
        text-align: center;
    }
    
    .sub-sell {
        width: 70%;
        margin: auto;
        text-align: center;
        padding: 15px 0;
        border: none;
        background-color: #D4801E;
        color: #fff;
        border-radius: 10px;
        transition: .2s all ease-in-out;
    }
    
    .sub-sell:hover {
        background: #000;
    }
    
    .sell-card h6 {
        padding: 20px;
        font-size: 20px;
    }
    
    @media(max-width: 992px) {
        .cont-sell-card {
            padding: 10px 0;
        }
        .img-sell-contaier {
            width: unset;
            height: 140px;
            border-radius: 8px;
        }
        .cont-sell-card {
            display: block;
            text-align: center;
        }
        .text-sell {
            padding: 0 14px;
            width: 100%;
        }
        .counter .number-spinner {
            justify-content: center;
            margin-top: 20px;
        }
        .fa-trash-alt {
            margin-left: 0px !important;
            margin-top: 20px;
        }
    }
    /* start pay  */
    
    .pay-h {
        padding: 20px;
        font-size: 24px;
        font-weight: bold;
    }
    
    .pro-dis {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0;
        border-bottom: 1px solid #CFCFCF;
        margin-bottom: 15px;
    }
    
    .pro-dis p {
        padding: 0px;
        margin: 10px 5px;
    }
    
    .head-title {
        font-size: 14px;
        font-weight: bold;
    }
    
    .img-con-pay {
        width: 40%;
    }
    
    .total-pay {
        width: 100%;
        padding: 20px 0;
        background: #717171;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
    }
    
    .help-con {
        margin: 20px 0;
    }
    
    .help-con p {
        font-size: 16px;
        font-weight: bold;
        color: #000;
    }
    
    .normal {
        font-weight: unset !important;
        font-size: 16px !important;
        margin: 20px 0 !important;
    }
    
    .btn-contact {
        width: 100%;
        border-radius: 10px;
        padding: 17px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #D4801E;
    }
    
    .btn-contact {
        color: #fff;
        transition: .2s all ease-in-out;
        color: #fff;
    }
    
    .btn-contact:hover {
        color: #D4801E;
    }
    
    .form-pay {
        padding: 20px;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
    }
    
    .title-form {
        font-size: 15px;
        text-align: right;
        margin-bottom: 15px;
    }
    
    .first-pay {
        width: 100% !important;
    }
    
    .cont-form-pay {
        width: 48%;
        height: 40px;
        margin: 30px 0;
    }
    
    .text-form {
        border-radius: 8px;
        border: none;
        width: 100%;
        padding: 5px 10px;
        height: 100%;
    }
    
    .textarea-pay {
        height: 200px;
        resize: none;
    }
    
    .textarea-pay textarea {
        resize: none;
        height: 100%;
        padding: 20px;
    }
    
    .sub-pay {
        margin-top: 30px;
    }
    
    .radio-btn {
        display: block;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
        padding: 10px;
        margin: 10px 0;
        align-items: center;
        display: flex;
    }
    
    .radio-btn h5 {
        padding-right: 10px;
        color: #707070;
        font-size: 14px;
    }
    
    .way {
        padding-top: 0px;
        padding-bottom: 0px;
        padding: 0px !important;
        padding: 0 10px;
    }
    
    .bor-way {
        border-bottom: 1px solid #E5E5E5;
    }
    
    .adress {
        background-color: #FCFCFC;
        padding: 20px;
        margin-bottom: 10px;
    }
    
    .address-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #E5E5E5;
        padding-bottom: 15px;
    }
    
    .text-addr {
        display: flex;
        align-items: center;
    }
    
    .text-addr h5 {
        display: flex;
        margin-top: 4px;
    }
    
    .text-addr .correct {
        font-size: 25px;
        color: #89E313;
        margin-left: 10px;
    }
    
    .logo-addr {
        font-size: 14px;
    }
    
    .details-adress {
        margin-top: 20px;
    }
    
    .details-adress p {
        font-size: 14px;
    }
    
    .auto {
        height: auto;
    }
    
    .title-form-pp {
        color: #C9C9C9;
        font-size: 14px;
        text-align: right;
        margin-bottom: 10px;
    }
    
    .pay-card {
        padding: 20px;
        background-color: #FCFCFC;
        display: none;
    }
    
    .block {
        display: block;
    }
    
    .pay-card h6 {
        font-size: 20px;
    }
    
    .pay-card p {
        color: #C9C9C9;
        font-size: 14px;
        text-align: right;
        margin-bottom: 10px;
    }
    
    .input-pay {
        width: 100%;
        padding: 10px 10px;
        border: 1px solid #E5E5E5;
        border-radius: 5px;
    }
    
    .contant-pay-card {
        margin: 20px 0;
    }
    
    .contant-pay-card-last {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }
    
    .half-text {
        font-size: 12px;
        color: #C9C9C9;
    }
    
    @media(max-width: 992px) {
        .contant-pay-card-last {
            display: block;
        }
    }
    
    .btn-card {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .btn-card a {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #D4801E;
        color: #fff;
        width: 60%;
        margin: auto;
        margin-top: 20px;
        padding: 13px 0;
        border-radius: 10px;
        transition: .3s all ease-in-out;
    }
    
    .btn-card a:hover {
        background-color: #000;
    }
    /* start accordion asl */
    
    .card {
        display: flex;
        justify-content: right;
        margin: 20px 0;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
        border: none
    }
    
    .card-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .card-body {
        line-height: 2;
        font-size: 14px;
        color: #707070;
        background-color: #d47f1e8a;
    }
    
    .card button {
        color: #000;
    }
    
    .arrow-card {
        color: #d4801e;
        font-weight: normal;
        font-size: 20px;
        transition: .2s all ease-in-out;
    }
    
    .card-header-orange {
        background-color: #d47f1e8a;
    }
    
    .rot {
        transform: rotate(180deg);
    }
    /* start section-sec */
    
    .sec-contant li {
        margin: 15px 0;
    }
    
    .sec-contant li a {
        color: #000;
    }
    
    .sec-contant li a:hover {
        color: #d4801e;
    }
    
    .sec-contant h3 {
        font-size: 18px;
        font-weight: bold;
    }
    
    .sec-contant-enter p {
        display: inline-block;
        font-weight: 16px;
        margin-right: 10px;
    }
    
    .sec-contant-enter li {
        margin: 0px;
    }
    
    .discount {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        /* height: 464px; */
        color: #fff;
        margin-top: 20px;
        padding: 10px;
        background-color: #FEF7EC;
    }
    
    .dis-h {
        font-size: 40px;
        color: tomato;
    }
    
    .dis-p {
        color: #000;
        width: 70%;
        margin: auto;
    }
    
    .discount form input {
        width: 100%;
        margin: 10px 0;
        padding: 10px 10px;
    }
    
    .or-d.details-adress {
        border-bottom: 1px dotted #000;
        padding: 20px 0;
    }
    
    .div .content-sell-det {
        border: none;
        padding: 0px;
        margin: 0px;
    }
    
    .sell-card h6 {
        padding: 13px 0;
        font-size: 20px;
    }
    
    .det-sell {
        padding: 10px;
        margin: 14px 0;
    }
    
    .price-de {
        padding: 0 40px;
        font-size: 25px !important;
        margin: 0px;
    }
    
    .ddd {
        justify-content: space-between;
    }
    
    .he-de {
        padding: 20px 0 0 0;
    }
    
    .logo-ready {
        display: flex;
        align-items: center;
    }
    
    .redd {
        color: red;
        font-size: 14px;
    }
    
    .logo-ready i {
        padding: 0px 6px 12px;
    }
    
    .green {
        color: #89E313;
    }
    /* start products card */
    
    .products-card {
        padding: 80px 0;
    }
    
    .card-det-body {
        background-color: #FCFCFC;
        padding: 40px;
        display: flex;
        justify-content: start;
    }
    
    .card-photo {
        border-radius: 9px;
        overflow: hidden;
        height: 561px;
        width: 47%;
    }
    
    .card-photo img {
        height: 100%;
    }
    
    .card-text {
        padding: 10px
    }
    
    .card-text-h {
        font-size: 24px;
        font-weight: bold;
    }
    
    .type-p {
        font-size: 16px;
        font-weight: normal;
        padding: 10px 0;
    }
    
    .checkbox-stars {
        margin: 0 5px;
    }
    
    .starts-content {
        position: relative;
    }
    
    .checkbox-stars[type="checkbox"] {
        position: absolute;
        top: 3px;
        z-index: 1;
        width: 30px;
        opacity: 0;
        right:-7px;
    }
    
    .label-star {
        position: absolute;
        right: 3px;
        color: #ECECEC;
        cursor: pointer;
    }
    
    .checkbox-stars[type="checkbox"]:checked+.label-star {
        color: #FFEE00;
    }
    
    .evaluation {
        display: flex;
    }
    
     .starts-content:hover .label-star,
    .starts-content:hover~div .label-star {
        color: #FFEE00;
    }
    
    .ltr {
        display: flex;
        direction: ltr;
    }
    .ee:hover .label-star {
        color: #ECECEC !important;
    }
    .starts-content {
        width: 30px;
        cursor: pointer;
        height: 25px;
        white-space: nowrap;
        color: #D4801E;
        transition: .2s all ease-in-out;
    }
    
    .starts-content a {
        color: #D4801E;
        padding-right: 10px;
    }
    
    .starts-content a:hover {
        text-decoration: underline !important;
    }
    
    .link-ev {
        font-size: 14px;
    }
    
    .desc-stars {
        padding-top: 20px;
        font-size: 16px;
    }
    
    .desc-stars {
        font-size: 18px;
    }
    
    .title-desc {
        font-size: 14px;
        line-height: 1.9;
    }
    
    .count-price {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 20px;
    }
    
    .counter-desc {
        margin: 0px;
    }
    
    .price-des {
        display: flex;
        align-items: center;
        justify-content: center;
        direction: ltr;
    }
    
    .det-product-price {
        font-size: 26px;
        color: #d4801e;
        margin: 0 10px;
    }
    
    .det-product-price span {
        font-size: 20px;
        color: #d4801e;
    }
    
    .det-product-delete {
        font-size: 19px;
        margin: 2px 0;
    }
    
    .product-tabs {
        margin-top: 20px;
    }
    
    .nav-tabs {
        border: none;
    }
    
    .nav-tabs .nav-link:hover {
        border-bottom: 2px solid #d4801e;
    }
    
    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        color: #000;
        background-color: transparent;
        border: none;
        padding: 0 20px;
        border-bottom: 2px solid #d4801e;
    }
    
    .nav-tabs .nav-link {
        color: #000;
        background-color: transparent;
        border: none;
        margin: 0 5px;
        padding: 0 20px;
        transition: .2s all ease-in-out;
    }
    
    .nav-tabs .nav-link {
        color: #000;
        background-color: transparent;
        border: none;
        padding: 0 20px;
    }
    
    .tab-content>.active {
        padding: 30px 0;
    }
    
    .label-radio {
        padding: 0 10px;
        color: #636363;
        font-size: 14px;
    }
    
    .addtocart {
        width: 70%;
        margin: auto;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px 0;
        border: #d4801e;
        background-color: #d4801e;
        color: #fff;
        border-radius: 10px;
        transition: .2S ALL ease-in-out;
    }
    
    .addtocart:hover {
        color: #000;
    }
    
    .addtocart i {
        margin: 0 10px;
    }
    
    @media(max-width: 992px) {
        .card-text  .nav-tabs{
            display:block;
        }
        .label-radio {
            padding: 0;
        }
        .nav-tabs .nav-link {
            font-size: 14px;
        }
        .count-price {
            display: block;
        }
        .counter-desc {
            margin: 10px 0;
        }
        .card-det-body {
            display: block;
        }
        .card-photo {
            height: 100%;
        }
    }
    /* start add-evo */
    
    .add-evo {
        background-color: #FCFCFC;
        padding: 40px;
        margin: 20px 0 0 0;
    }
    
    .content-evo {
        display: flex;
        justify-content: space-between;
    }
    
    .head-evo {
        font-size: 14px;
        margin-left: 10px;
    }
    
    .messege {
        width: 48%;
    }
    
    .evo-text {
        width: 100%;
        resize: none;
        height: 150px;
        border: none;
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        margin: 20px 0;
        padding: 10px;
    }
    
    .evo-text:focus {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
    }
    
    .messege-evo {
        text-align: center;
    }
    
    .rating {
        font-size: 70px;
        margin-bottom: 10px;
    }
    
    .evo-mes {
        display: flex;
        justify-content: center;
        padding-bottom: 20px;
    }
    
    .submesge {
        width: 100%;
        padding: 10px 0;
        color: #fff;
        background-color: #d4801e;
        transition: .2s all ease-in-out;
        border: none;
        border-radius: 10px;
    }
    
    .submesge:hover {
        color: #d4801e;
        background-color: #fff;
    }
    
    .mesge-info {
        padding: 12px 0 0 0;
    }
    
    .info-p {
        color: #000;
        line-height: 1.7;
        margin: 10px 0;
        font-size: 13px;
    }
    
    .customer-name {
        padding: 20px 0 10px 0;
        color: #000;
        font-size: 15px;
    }
    
    .data-customer {
        color: #707070;
        font-size: 15px;
        margin: 0 10px;
    }
    
    @media(max-width: 992px) {
        .messege {
            width: 100%;
        }
        .content-evo {
            display: block;
        }
    }
    /* start system */
    
    .system {
        background-color: #FCFCFC;
        padding: 20px;
        font-size: 15px;
        margin: 20px 0;
    }
    
    .active-sys {
        color: #d4801e !important;
    }
    
    .system i {
        padding: 0 10px;
    }
    
    .out {
        padding: 0 10px;
    }
    
    .download-app {
        background-color: #FCFCFC;
        padding: 20px;
    }
    
    .down-head {
        font-size: 15px;
        color: #000;
    }
    
    .normal-down {
        font-size: 14px;
        color: #3B3B3B;
    }
    
    .app-down {
        display: flex;
        justify-content: space-around;
    }
    
    .app {
        font-size: 13px;
        background-color: #fff;
        padding: 5px 20px;
        margin: 0 5px;
        transition: ease-in-out all .3s;
        color: #000;
        border-radius: 10px;
        cursor: pointer;
    }
    
    .app:hover {
        background-color: #d4801e;
        color: #fff;
    }
    
    .content-det-order {
        padding: 30px;
        background-color: #FCFCFC;
    }
    
    .content-det-order .nav-item {
        width: 50%;
        text-align: center;
    }
    
    .ready-det {
        margin: 0 13px 100px 13px;
    }
    
    .alert {
        padding: 20px;
        background-color: #FCFCFC;
        margin: 15px 0;
    }
    
    .sell-system {
        width: 60%;
    }
    
    @media(max-width: 992px) {
        .sell-system {
            width: 100%;
            margin: 20px 0;
        }
        .ready-det {
            margin: 20px 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
    
    .alert-card {
        padding: 20px;
        background-color: #fff;
        display: flex;
        justify-content: start;
        align-items: center;
        margin: 20px 0;
    }
    
    .alert-img {
        width: 20%;
    }
    
    .alert-p {
        margin: 0 10px;
        line-height: 1.5;
        color: #7E7E7E;
    }
    
    .alert-clock {
        direction: ltr;
        margin: 10px 10px;
        color: #B4B4B4;
        font-size: 13px;
    }
    
    @media(max-width: 992px) {
        .alert-card {
            padding: 20px;
            background-color: #fff;
            display: block;
        }
        .app {
            font-size: 10px;
        }
    }
    
    .head-account h4 {
        font-size: 16px !important;
    }
    
    .form-acount {
        padding: 20px 0 0 0;
    }
    
    .form-acount input {
        width: 100%;
        padding: 10px;
        border: 1px solid #E5E5E5;
        border-radius: 10px;
    }
    
    .form-acc {
        margin: 15px 0 0 0;
    }
    
    .system-section {
        margin: 20px 0 70px 0;
    }
    
    .form-sub {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 20px 0;
    }
    
    .form-sub input {
        padding: 10px 0;
        background-color: #d4801e;
        color: #fff;
        width: 70%;
        transition: .2s all ease-in-out;
    }
    
    .form-sub input:hover {
        color: #d4801e;
        background-color: #fff;
    }
    
    .sub-forget-password {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 0;
    }
    
    .pass-check {
        width: auto !important;
    }
    
    .pass-page {
        font-size: 14px;
        color: #d4801e;
    }
    
    .pass-page:hover {
        color: #000;
    }

    .btn-more {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .btn-more a {
        background: #D4801E;
        padding: 10px 20px;
        border-radius: 10px;
        color: #fff;
        margin: 25px 0 10px 0;
    }

    .btn-more a:hover {
        background-color: #fff;
        color: #D4801E;
    }
    
    .category_id{
        cursor:pointer;
    }
    .footer-logo {
        width:90px;
        margin:0 10px;
    }
    .btn-primary{
        width:100%;
        padding:10px 0;
        background:#D4801E;
        border:none;
    }
    
    
    
    .mesge-info-con {
        border-bottom: 1px solid #7a7a7a;
    }
    
    .titleop {
    border-radius: 10px;
    display: flex;
    justify-content: center;
    padding: 30px 0;
}
.divcont-contact {
    padding: 20px 0;
}

.titleop h2 {
    color: #fff;
    border-radius: 10px;
    background-color: #D4801E;
    font-weight: bold;
    padding: 20px;
    width: 30%;
    text-align: center;
}

.call-us-now {
    right: 10px;
}

.call-us-now .call-link {
    margin-left: 6px;
}



.call-us-now .call-link {
    margin-left: 6px;
}
.call-us-now .call-link {
    font-size: 22px;
    text-decoration: none;
    color: #fff;
    background-color: #d4801e;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
}

.call-us-now .call-list {
    display: none;
}
.checkflex {
    display:flex;
    margin-bottom:20px;
}
.checkflex div{
    width:30%  !important;
    margin:20px;
    
}