* { margin: 0; padding: 0; outline: 0; }
/* Theme Config */
:root{
    --font-one: "Josefin Sans", sans-serif;
    --font-two: 'Mulish', sans-serif;
    --font-three: "Open Sans", sans-serif;

    --color-red: 121 37 6;
    --color-gold: 219 168 68;
    --color-black: 18 18 18;
    --color-white: 255 255 255;
    --color-brown: 156 128 104;
    --color-darkbrown:168 122 56;
    --color-header: 238 238 238;
    --color-main:172 108 52;
    --color-black: 0 0 0;


    --color-face: 243 235 226;
    --color-dyellow: 206 165 1;
    --color-yellow: 247 188 42;
    /* --color-black: 0 0 0; */

    --text-shadow: 1px 1px 0px;
    --drop-shadow: 2px 4px 4px;
    --box-shadow: 0px 0px 15px -5px;
    --transition: 0.3s all ease-in-out;
  }
body { scroll-behavior: smooth; font-family: "Poppins", sans-serif; overflow-x: hidden;  }
ul, ol { list-style: none; }
a { display: inline-block; text-decoration: none; }
a:hover { text-decoration: none; }
button { outline: none; }
button:focus { outline: none !important; }
h1, h2, h3, h4, h5, h6, p, a, ul, ol, li, span { margin: 0; padding: 0; color: #353535; }
span, p { font-size: 16px; font-weight: 400; color: rgb(var(--color-black)); line-height: 27px; }
.container-fluid{ max-width: 1400px; }
/*====================== COMMON CSS START ========================*/
.common_btn {
    font: 400 14px/40px var(--font-three);
    text-transform: uppercase;
    font-weight: 600;
    color: rgb(var(--color-white));
    background: rgb(var(--color-red));
    padding: 0px 15px;
    border: none;
    border-radius: 2px;
    outline: none;
    transition: var(--transition);
}
.common_btn:hover { color: #fff; background: rgb(2, 82, 122); }
.see_btn { text-transform: capitalize; font-size: 16px; font-weight: 400; color: rgb(var(--color-gold)); border: 1px solid #eee; padding: 5px 23px 5px 10px; border-radius: 3px; background: #fff; position: relative; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.see_btn i { font-size: 14px; position: absolute; top: 11px; right: 12px; }
.see_btn:hover { color: #333; border: 1px solid #333; }
.shop_btn { color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 600; border: 2px solid #fff; padding: 5px 10px; border-radius: 3px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.shop_btn:hover { color: #fff; background: rgb(var(--color-gold)); border-color: rgb(var(--color-gold)); }
.add_cart { text-transform: uppercase; font-size: 12px; font-weight: 600; color: #fff; padding: 10px 15px; background: rgb(var(--color-gold)); border-radius: 3px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.add_cart:hover { color: rgb(var(--color-white)) !important; background: rgb(var(--color-black)); border: 1px solid rgb(var(--color-black)) !important; }
/*====================== COMMON CSS END ========================*/ /*====================== TOPBAR START ========================*/ #topbar { width: 100%; height: 45px; background: rgb(var(--color-gold)); }
.topbar_left { display: flex; line-height: 45px; align-items: center; }
.topbar_left li { margin-right: 30px; position: relative; }
.topbar_left li a { font-size: 13px; color: #fff; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.topbar_left li a i { font-size: 13px; margin-right: 5px; }
.topbar_left li a img { width: 15px; margin-top: -3px; }
.topbar_left li:hover a { color: #0b2c3d; }
.topbar_dropdown { background: #fff; line-height: 35px; overflow: hidden; transform: scaleY(0); transform-origin: top; transition: all linear 0.3s; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; position: absolute; z-index: 9999; width: 110px; top: 98%; left: -12px; border-top: 1px solid #aad8ff5e; border-bottom: 1px solid #aad8ff5e; border-radius: 5px; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); border: 1px solid #def0ff; }
.topbar_dropdown li { margin: 0 !important; }
.topbar_dropdown li a { width: 100%; padding-left: 10px; border-bottom: 1px solid #aad8ff73; line-height: 40px; color: #0b2c3d; }
.topbar_dropdown li:last-child a { border-bottom: none; }
.topbar_dropdown li a:hover { background: #aad8ff73; color: #007aff; }
.topbar_left li:hover .topbar_dropdown { transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); }
.topbar_right { display: flex; justify-content: end; line-height: 45px; }
.topbar_right li { margin-left: 30px; }
.topbar_right li a { font-size: 13px; font-weight: 400; text-transform: capitalize; color: #fff; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.topbar_right li a i { margin-right: 3px; }
.topbar_right li a:hover, .topbar_right li .active { color: #0b2c3d; }
/*====================== TOPBAR END ========================*/ /*====================== HEADER START ========================*/ header { width: 100%; background: #fff; padding: 15px 0px; height: 80px; border-bottom: 1px solid #fff; }
.categoryList li a img {
    width: 140px;
    height: 140px;
    object-fit: fill;
}
.search form { z-index: 1;width: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; border-radius: 8px; border: 1px solid rgb(var(--color-black) / 10%); box-shadow: var(--box-shadow) rgb(var(--color-black) / 30%); }
.category_search { width: 60%; }
.category_search .select2-container--default .select2-selection--single { border-radius: 0; padding: 0; }
.category_search .select2-container .select2-selection--single { height: 41px; border: none; border-right: 2px solid #eee; padding-left: 20px; }
.category_search .select2-container--default .select2-selection--single .select2-selection__rendered { color: #0b2c3d; line-height: 41px; font-size: 15px; text-transform: capitalize; font-weight: 400; }
.category_search .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 5px; }
.search input { line-height: 0; border: none; font-size: 15px; color: rgb(var(--color-gold)); width: 100%; padding: 10px 50px 10px 10px; font-weight: 400; }
.search button { line-height: 0; background: none; border: none; position: absolute; top: 50%; transform: translateY(-50%); right: 0px; background: rgb(var(--color-gold)); padding: 0px; border-radius: 0px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; outline: none; color: #fff; height: 100%; width: 50px; }
.call_icon_area { display: flex; justify-content: space-between; padding-left: 20px; }
.call_area { display: flex; width: auto; }
.call { /* font-size: 34px; */ /* color: #333; */ margin-right: 10px; font-size: 28px; color: rgb(var(--color-gold)); }
.call_text p { text-transform: capitalize; font-weight: 500; font-size: 13px; color: rgb(var(--color-black) / 70%); margin-bottom: 5px; line-height: normal; }
.call_text a { color: #0b2c3d; font-size: 17px; font-weight: 700; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.call_text a:hover { color: #007aff; }
.icon_area { display: flex; align-items: center; justify-content: flex-end; width: auto; }
.icon_area li { margin-right: 10px; margin-left: 10px; }
.icon_area li a { position: relative; text-align: center; background: #fff; width: 35px; height: 35px; line-height: 35px; background: none; color: rgb(var(--color-gold)); box-shadow: none; font-size: 24px; border: 1px solid transparent; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.icon_area li a span { position: absolute; top: -5px; right: -5px; border-radius: 50%; text-align: center; color: #fff; font-weight: 400; background: #d33; font-size: 12px; line-height: 20px; width: 20px; height: 20px; }
.mini_cart { position: fixed; top: 0; right: -370px; width: 350px; height: 100vh; background: #fff; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; padding: 20px; z-index: 9999; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; display: block; overflow: hidden; }
.mini_cart h4 { font-size: 18px; text-transform: uppercase; font-weight: 600; display: flex; justify-content: space-between; border-bottom: 1px solid #ddd; padding-bottom: 10px; }
.mini_cart h4 span { text-align: center; background: #dc3545; color: #fff; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; }
.mini_cart h4 span:hover { background: rgb(var(--color-gold)); }
.mini_cart ul { display: block; overflow-y: auto !important; scrollbar-width: thin; scrollbar-color: rgb(var(--color-gold)) #0b172d; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; padding-left: 5px; max-height: 500px; border-bottom: 1px solid #ddd; padding-bottom: 15px; }
.mini_cart li { margin-top: 20px; width: 100%; float: left; }
.mini_cart .cart_img { width: 70px; float: left; height: 70px; position: relative; border-radius: 3px; border: none; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; }
.mini_cart .cart_img img { height: 100%; }
.wsis__del_icon { position: absolute; top: -10px; left: -5px; color: #dc3545; font-size: 18px; width: 20px; height: 20px; text-align: center; line-height: 20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 50%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.wsis__del_icon:hover { color: rgb(var(--color-gold)); }
.mini_cart .cart_text { width: 200px; float: left; margin-left: 20px; }
.mini_cart .cart_text a { text-transform: capitalize; font-size: 14px; font-weight: 500; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.mini_cart .cart_text a:hover { color: rgb(var(--color-gold)); }
.mini_cart .cart_text p { font-size: 16px; font-weight: 600; color: #333; margin-top: 0; }
.mini_cart .cart_text p del { color: #dc3545; font-weight: 400; }
.mini_cart h5 { font-size: 16px; text-transform: capitalize; font-weight: 700; display: flex; justify-content: space-between; padding: 15px 0px 13px 0px; }
.mini_cart h5 span { color: #353535; font-weight: 700; }
.minicart_btn_area { display: flex; justify-content: space-between; align-items: center; }
.mini_cart.\.show_cart { right: 0; }
/*====================== HEADER END ========================*/ /*====================== MAIN MENU START ========================*/ .main_menu { width: 100%; height: 50px; background: #0b2c3d; background: #fff; box-shadow: rgb(100 100 111 / 20%) 0px 3px 15px 0; }
.wsus_menu_category_bar { color: #fff; align-items: center; justify-content: space-between; cursor: pointer; overflow: hidden; width: 50px; height: 50px; padding: 0; text-align: center; line-height: 48px; display: block; font-size: 20px; background: rgb(var(--color-gold)); position: relative; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s; }
.wsus_menu_category_bar p { text-transform: capitalize; font-weight: 600; font-size: 16px; color: #fff; }
.wsus_menu_category_bar p i { margin-right: 4px; }
.wsus_menu_category_bar span { color: #fff; }
.wsus_menu_cat_item { background: #fff; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; width: 100%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 570px; position: relative; z-index: 1; }
.wsus_menu_cat_item li .droap_arrow { position: relative; }
.wsus_menu_cat_item li .droap_arrow::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; position: absolute; content: "\f105"; top: 1px; right: 30px; color: #575757; font-size: 14px; border: none; }
.wsus_menu_cat_item li a { padding: 0px 30px; border-bottom: 1px solid #eeeeeede; width: 100%; font-size: 14px; font-weight: 400; text-transform: capitalize; color: #575757; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; line-height: 51px; }
.wsus_menu_cat_item li a i { width: 25px; }
.wsus_menu_cat_item li:last-child a { border-bottom: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.wsus_menu_cat_item>li:hover>a { color: #007aff; background: #aad8ff73; }
.wsus_menu_cat_item>li:hover .droap_arrow::after { color: #007aff; }
.wsus_menu_cat_droapdown { width: 250px; background: #fff; position: absolute; z-index: 1; top: 0; left: 105%; padding: 0; border: 1px solid #def0ff; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; opacity: 0; visibility: hidden; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; height: 100%; }
.wsus_menu_cat_droapdown li a { padding: 0px 20px; line-height: 40px; display: flex; align-items: center; justify-content: space-between; }
.wsus_menu_cat_droapdown li a i { width: auto; }
.wsus_menu_cat_droapdown li a:hover { color: #007aff; }
.wsus_menu_cat_item li:hover .wsus_menu_cat_droapdown { opacity: 1; visibility: visible; left: 100%; }
.sub_category { width: 250px; background: #fff; position: absolute; z-index: 1; top: 0; left: 105%; padding: 0; border: 1px solid #def0ff; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; opacity: 0; visibility: hidden; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; height: 570px; }
.wsus_menu_cat_droapdown li:hover .sub_category { opacity: 1; visibility: visible; left: 100%; }
.toggle_menu.\.show_category { display: block; }
.toggle_menu { display: none; }
.menu_item { line-height: 50px; /* position: relative; */ position: static; }
.menu_item_right { margin-left: auto; }
.menu_item li { margin-right: 0; margin-left: 25px; float: left; }
.menu_item li a { text-transform: capitalize; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; color: #333; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; font-size: 15px; }
.menu_item li a i { margin-left: 5px; }
.menu_item>li:hover>a, .menu_item li a.active { color: rgb(var(--color-gold)); }
.menu_item_right li { margin-right: 0; margin-left: 25px; }
.menu_fix { position: fixed; width: 100%; left: 0px; top: 0; z-index: 999; animation: menu_animate 1s; /* background: #0b2c3d; */ height: 50px; }
@keyframes menu_animate { from { transform: translateY(-100%); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }
to { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); -o-transform: translateY(0%); }
}
.mega_menu { position: absolute; background: #fff; width: 100%; padding: 20px; z-index: 999; top: 50px; left: 0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transform: scaleY(0); opacity: 0; transform-origin: top; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); }
.mega_menu_colum { position: relative; }
.mega_menu_colum_text { position: absolute; top: 20px; left: 20px; }
.mega_menu_colum_text h5 { font-size: 16px; text-transform: capitalize; font-weight: 400; }
.mega_menu_colum_text h5 span { font-size: 20px; text-transform: uppercase; font-weight: 600; color: #dc3545; }
.mega_menu_colum_text h3 { text-transform: capitalize; font-size: 25px; font-weight: 700; }
.mega_menu_colum_text .common_btn { line-height: 0; padding: 20px 20px; text-transform: uppercase; font-weight: 600; }
.mega_menu_colum h4, .wsus_menu_cat_droapdown h5 { font-size: 16px; text-transform: capitalize; font-weight: 700; margin-bottom: 5px; border-bottom: 1px solid #cae5fc; padding-bottom: 10px; }
.wsis__mega_menu_item { line-height: 35px; }
.wsis__mega_menu_item li { margin: 0; width: 100%; }
.wsis__mega_menu_item li a { color: #575757 !important; display: block; width: 100%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; font-size: 15px; font-weight: 400; }
.menu_item li:hover .mega_menu { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.relative_li { position: relative; }
.menu_droapdown { position: absolute; top: 50px; left: 0; background: #fff; z-index: 999; width: 215px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; line-height: 35px; transform: scaleY(0); -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transform-origin: top; opacity: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.menu_droapdown>li { margin: 0; width: 100%; position: relative; }
.menu_droapdown>li>a { color: #575757 !important; width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: 15px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; padding: 0px 20px; }
.menu_droapdown>li:last-child a { border: none; }
.menu_droapdown>li>a>i { font-size: 10px; margin-right: 5px; font-weight: 900; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.menu_droapdown>li:hover i { margin-right: 0; }
.menu_item li:hover .menu_droapdown { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); }
.menu_droapdown2 { width: 220px; position: absolute; top: -20px; left: 110%; background: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px; opacity: 0; transform: scaleY(0); transform-origin: top; -webkit-transform: scaleY(0); -moz-transform: scaleY(0); -ms-transform: scaleY(0); -o-transform: scaleY(0); transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.menu_droapdown2 li { width: 100%; }
.menu_droapdown2 li a { color: #575757; width: 100%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.menu_droapdown2>li>a:hover { color: #007aff; }
.menu_droapdown>li:hover .menu_droapdown2 { opacity: 1; transform: scaleY(1); -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); }
/*======================= MAIN MENU END ========================*/ /*========================= POP UP START ==========================*/ #pop_up { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }
.pop_up_center { width: 800px; padding: 80px 40px; background: url(../images/popup_img.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px 0px; border-radius: 10px; overflow: hidden; }
.pop_up_text { width: 50%; }
.pop_up_text img { width: 150px; border-radius: 10px; }
.pop_up_text #cross { position: absolute; top: 5px; right: 5px; font-size: 16px; cursor: pointer; width: 35px; height: 35px; line-height: 36px; background: rgb(var(--color-gold)); color: #fff; border-radius: 50%; text-align: center; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.pop_up_text h5 { text-transform: uppercase; display: flex; align-items: center; font-size: 20px; font-weight: 600; }
.pop_up_text h5 span { color: rgb(var(--color-gold)); font-size: 35px; font-weight: 700; margin-left: 10px; }
.pop_up_text h2 { font-weight: 700; font-size: 35px; margin-bottom: 20px; }
.pop_up_text p { margin-bottom: 20px; }
.pop_up_text form { position: relative; margin-bottom: 15px; }
.pop_up_text form .news_input { border: 1px solidrgb(var(--color-gold)); padding: 10px; color: #353535; border-radius: 30px; width: 100%; }
.pop_up_text form .common_btn { position: absolute; top: 2px; right: 2px; border: 0; border-radius: 30px; padding: 10.5px 25px; outline: none; }
.pop_up_text .form-check { margin: 0; }
.pop_up_text .form-check label { color: #797979; }
.pop_up_center:hover .pop_up_text #cross { color: #ed1b35; }
.pop_up_text #cross:hover { background: red; }
/*========================= POP UP END ===========================*/ /*========================= PRODUCT MODAL VIEW START ===========================*/ .product_popup_modal .modal-dialog { min-width: 1000px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; margin: 0; }
.product_popup_modal .modal-body { height: 500px; overflow-y: scroll; scrollbar-width: none; padding-left: 25px; }
.modal_slider_img { margin-right: 10px; }
.product_popup_modal .display { margin-top: 0 !important; }
.product_popup_modal .btn-close { position: absolute; top: 6px; right: 6px; width: 25px; height: 25px; background: red; color: #fff; opacity: 1; outline: none; line-height: 25px; z-index: 999; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.product_popup_modal .btn-close:hover { background: rgb(var(--color-gold)); }
.report_modal .btn-close { top: 14px; right: 10px; padding: 5px; }
.product_popup_modal .btn-close:focus { box-shadow: none; }
.quick_view_img { position: relative; }
.quick_view_img .modal-body { padding: 25px; }
.modal_slider_img img { border-radius: 5px; object-fit: cover; }
.modal_slider .prv_arr, .modal_slider .nxt_arr { position: absolute; top: 50%; left: 5px; background: rgb(var(--color-gold)); width: 35px; height: 35px; z-index: 1; transform: translateY(-50%); line-height: 35px; text-align: center; padding: 0; color: #fff; border-radius: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); font-size: 15px; cursor: pointer; }
.modal_slider .nxt_arr { left: auto; right: 15px; }
/*========================= PRODUCT MODAL VIEW END ===========================*/ /*====================== BANNER PART START ========================*/ .banner_content { position: relative; overflow: hidden; border-radius: 5px; width: 100%; box-shadow: var(--box-shadow) rgb(var(--color-black) / 20%); }
.banner_menu_cat_item { position: static; line-height: 24.6px; }
.banner_menu_cat_item li a { padding: 13px 30px; }
.single_slider { background-size: cover !important; background-position: center !important; background-repeat: no-repeat !important; padding: 160px 100px; width: 100%; }
.single_slider_text h3 { color: rgb(var(--color-gold)); text-transform: capitalize; font-weight: 600; font-size: 25px; }
.single_slider_text h1 { text-transform: capitalize; font-weight: 800; color: #333; margin: 10px 0px; font-size: 50px; }
.single_slider_text h6 { color: rgb(var(--color-gold)); text-transform: capitalize; font-weight: 600; font-size: 18px; margin-bottom: 22px; }
#banner .slick-dots { position: absolute; left: 0px; transition: var(--transition); right: 0; bottom: 30px; display: flex; visibility: hidden; opacity: 0; }
#banner:hover .slick-dots { visibility: visible; opacity: 1; }
#banner .slick-dots li button {font-size: 0;width: 10px;height: 10px;background: rgb(var(--color-yellow));border-radius: 50px;margin: 0 5px;outline: 0;border: none;}
#banner .slick-dots li.slick-active button { background: rgb(var(--color-black)); }
/*====================== BANNER PART END ========================*/ /*====================== BRAND SLIDER START ========================*/ #brand_sleder { margin-top: 70px; border: 1px solid #e5e4e4; border-left: 0; border-right: 0; background: #fff; /* box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; */ }
.brand_logo { margin: 2px 15px; }
#brand_sleder .nxt_arr, #brand_sleder .prv_arr { position: absolute; top: 50%; left: -15px; width: 35px; height: 35px; background: rgb(var(--color-gold)); opacity: .5; line-height: 35px; font-size: 15px; text-align: center; padding: 0; color: #fff; z-index: 99; border-radius: 50%; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; transform: translateY(-50%); }
#brand_sleder .nxt_arr { left: auto; right: 0; }
#brand_sleder .nxt_arr:hover, #brand_sleder .prv_arr:hover { background: rgb(var(--color-gold)); opacity: 1; }
/*====================== BRAND SLIDER END ========================*/ /*====================== FLASH SELL START ========================*/ #flash_sell { padding-top: 2rem; }
.section_header { display: flex; justify-content: space-between; border-bottom: 1px solid #eee; align-items: center; border-bottom-right-radius: 5px; }
.section_header h3 { text-transform: capitalize; font-weight: 600; font-size: 25px; display: inline; padding-bottom: 5px; }
.section_header .see_btn { margin-bottom: -1px; }
.offer_countdown { overflow: hidden; display: flex; align-items: center; }
.offer_countdown .end_text { font-size: 20px; font-weight: 600; text-transform: capitalize; color: rgb(var(--color-gold)); margin-right: 10px; }
.simply-countdown { display: flex; }
.section_header .simply-amount { display: block; color: #fff; font-size: 18px; font-weight: 700; }
.section_header .simply-word { color: #fff; text-transform: capitalize; font-size: 12px; font-weight: 600; display: none; }
.section_header .simply-days-section, .section_header .simply-hours-section, .section_header .simply-minutes-section, .section_header .simply-seconds-section { text-align: center; width: 50px; height: 30px; background: rgb(var(--color-gold)); margin: 0px 5px; border-radius: 3px; padding-top: 2px; }
.flash_coundown { display: flex; justify-content: space-between; align-items: center; background: #0000006e; border-radius: 5px; padding: 30px; }
.flash_coundown .end_text { color: #fff; text-transform: capitalize; font-weight: 600; font-size: 35px; margin-right: 30px; }
.flash_coundown .common_btn i { margin-left: 5px; }
.product_item { position: relative; }


.product_item .pro_link { position: relative; width: 100%; height: auto; overflow: hidden; padding: 10px;}
.products_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 8px;
    margin: 1rem auto;
    height: auto !important;
}
.products_list.products_list-fill {
    grid-template-columns: 1fr;
}
.products_list .products_list_item {
    position: static !important;
}
.product_item {
    margin-top: 0px;
    position: relative;
    overflow: hidden;
    min-height: 100%;
    border-radius: 0px;
    background: #fff;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s;
    -moz-transition: all linear 0.3s;
    -ms-transition: all linear 0.3s;
    -o-transition: all linear 0.3s;
    background: #fff;
    box-shadow: var(--box-shadow) rgb(var(--color-black) / 15%);
    border-radius: 8px;
    border: 1px solid rgb(var(--color-black) / 20%);
}
.minus, .new { position: absolute; height: 25px; text-align: center; line-height: 25px; top: 5px; color: #fff; font-size: 12px; font-weight: 500; border-radius: 0px; z-index: 1; padding: 0px 10px; }
.new {
    background-color: rgb(var(--color-red)) !important;
    width: auto;
    left: 5px;
    border-radius: 4px;
    text-transform: capitalize;
}
.minus {
    background: rgb(var(--color-red));
    width: 45px;
    left: 5px;
    text-transform: uppercase;
    top: 35px;
}
.product_item .pro_link img {
    width: 100%;
    height: 100%;
    /* object-fit: scale-down;
    max-height: 250px;
    min-height: 250px;
    object-position: top; */
}
.product_item .pro_link .img_1 { transition: all linear 0.5s; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.product_item .pro_link .img_2 { position: absolute; top: 0; left: 0; opacity: 0; visibility: hidden; transition: all linear 1s; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; }
.product_item:hover .pro_link .img_1 { opacity: 0; visibility: hidden; }
.product_item:hover .pro_link .img_2 { opacity: 1; visibility: visible; transform: scale(1.1); }
.single_pro_icon { position: absolute; top: 10px; right: 10px; opacity: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.single_pro_icon li a {
    padding: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 10px;
    border-radius: 2px;
    color: rgb(var(--color-red));
    font-size: 18px;
    transition: all linear 0.3s;
    -webkit-transition: all linear 0.3s ease;
    -moz-transition: all linear 0.3s ease;
    -ms-transition: all linear 0.3s ease;
    -o-transition: all linear 0.3s ease;
    background: rgb(var(--color-white) / 10%);
    border: 1px solid rgb(var(--color-red));
}
.product_item:hover .single_pro_icon { opacity: 1; }
.single_pro_icon li a:hover {
    color: #fff !important;
    border-color: rgb(var(--color-red));
    background: rgb(var(--color-red));
}
.product_details { padding: 0 10px 10px; position: relative; background: #fff; text-align: center; }
.product_details .category { text-transform: uppercase; color: rgb(var(--color-black)); width: 100%; font: 900 14px/normal var(--font-three); }
.product_details .pro_name { color: rgb(var(--color-black)); text-transform: capitalize; width: 100%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; margin-bottom: 2px; font: 500 16px/normal var(--font-three); }
.product_details .pro_name:hover { color: rgb(var(--color-gold)); }
.product_details .price {
    font-size: 18px;
    font-weight: 700;
    color: rgb(var(--color-red));
    opacity: 1;
    display: flex;
    align-items: center;
    visibility: visible;
    transition: var(--transition);
    -webkit-transition: var(--transition);
    -moz-transition: var(--transition);
    -ms-transition: var(--transition);
    -o-transition: var(--transition);
    font-family: var(--font-two);
    justify-content: center;
}
.product_details .price del { color: #f44336; margin-left: 10px; font-size: 16px; font-weight: 400; font-family: var(--font-two); }
.product_details .pro_rating { font-size: 12px; color: #aaa; }
.product_details .pro_rating span { font-size: 13px; text-transform: capitalize; }
.product_details .pro_rating i { color: #f6bc3e; }

/* .product_details .add_cart { position: relative; padding: 0px 5px; width: 100%; text-align: center; height: 35px; border-radius: 0px; max-width: 120px; margin: auto auto 5px; display: block; color: rgb(var(--color-black)); font: 600 13px/35px var(--font-one); border: 1px solid rgb(var(--color-gold)); } */
.product_details .add_cart {
    position: relative;
    padding: 0px 5px;
    width: 100%;
    text-align: center;
    height: 35px;
    max-width: 100%;
    margin: auto auto 5px;
    display: block;
    color: rgb(var(--color-black));
    font: 600 13px/35px var(--font-one);
    border: 1px solid rgb(var(--color-gold));
    border-radius: 4px;
    top: 0px;
    margin-bottom: -35px;
    visibility: hidden;
    opacity: 0;
}
.product_item:hover .add_cart{
    visibility: visible;
    opacity: 1;
    top: -35px;
}

/* .product_item:hover .product_details .add_cart { opacity: 1; }
.product_item:hover .product_details .price { opacity: 0; visibility: hidden; }
*/ #flash_sell .product_item { margin: 25px 12px 0px 12px; }
#flash_sell .nxt_arr, #flash_sell .prv_arr, #electronic2 .prv_arr, #electronic2 .nxt_arr, #electronic .prv_arr, #electronic .nxt_arr { position: absolute; top: 50%; left: 15px; width: 35px; height: 35px; background: rgb(var(--color-gold)); opacity: .5; line-height: 35px; font-size: 15px; text-align: center; padding: 0; color: #fff; z-index: 99; border-radius: 50%; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; transform: translateY(-50%); }
#flash_sell .nxt_arr, #electronic2 .nxt_arr, #electronic .nxt_arr { left: auto; right: 15px; }
#flash_sell .nxt_arr:hover, #flash_sell .prv_arr:hover, #electronic2 .nxt_arr:hover, #electronic2 .prv_arr:hover, #electronic .nxt_arr:hover, #electronic .prv_arr:hover { background: rgb(var(--color-gold)); opacity: 1; }
/*====================== FLASH SELL END ========================*/ /*====================== MONTHLY TOP PRODUCT START ========================*/ #monthly_top { margin-top: 2rem; margin-bottom: -5px; }
#monthly_top .section_header { border-bottom-right-radius: 0; }
.monthly_top_filter button, .monthly_top_filter2 button { background: none; border: none; text-transform: capitalize; color: #353535; border-bottom: 2px solid transparent; outline: none; padding: 2px 10px; font-size: 14px; border-radius: 3px; margin: 0px 5px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.monthly_top_filter button:last-child { margin-right: 0px !important; }
.monthly_top_filter button:first-child { margin-left: 0px !important; }
.monthly_top_filter button:hover, .monthly_top_filter button.active, .monthly_top_filter2 button:hover, .monthly_top_filter2 button.active { color: #fff; background: rgb(var(--color-gold)) !important; }
.monthly_top_banner { position: relative; width: 100%; height: auto; margin-bottom: 25px; }
.monthly_top_banner_img { position: relative; border-radius: 3px; overflow: hidden; width: 100%; height: 100%; }
.monthly_top_banner_img img { height: 100%; object-fit: cover; }
.monthly_top_banner_img span { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.7); }
.monthly_top_banner_text { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; text-align: center; }
.monthly_top_banner_text h4 { color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; }
.monthly_top_banner_text h3 { font-size: 30px; font-weight: 900; color: #fff; margin-top: 10px; margin-bottom: 15px; }
.monthly_top_banner_text h3 span { color: #dc3545; font-weight: 900; font-size: 30px; }
.monthly_top_banner_text h6 { text-transform: uppercase; color: #fff; font-size: 16px; font-weight: 500; margin-bottom: 30px; }
#monthly_top .grid { margin-top: 5px; }
.grid .hot_deals__single_img { width: 35%; height: 100%; }
.grid .hot_deals__single_img img { height: 100%; object-fit: cover; }
.grid .hot_deals__single_text { width: 65%; padding-left: 20px; }
#hot_deals .nxt_arr, #hot_deals .prv_arr { position: absolute; top: -25px; right: 12px; width: 25px; height: 25px; background: rgb(var(--color-gold)); line-height: 24px; font-size: 15px; text-align: center; padding: 0; color: #fff; z-index: 99; border-radius: 3px; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
#hot_deals .prv_arr { right: 42px; }
#hot_deals .nxt_arr:hover, #hot_deals .prv_arr:hover { background: #045c9f; }
/*====================== MONTHLY TOP PRODUCT END ========================*/ /*====================== ELECTRONIC PART START ========================*/ #electronic { margin-top: 60px; margin-bottom: 60px; }
#electronic2 .product_item, #electronic .product_item { margin: 25px 12px 0px 12px; }
/*====================== ELECTRONIC PART END ========================*/ /*====================== HOME BLOGS START ========================*/ .home_blogs { margin-top: 20px; }
/*====================== HOME BLOGS END ========================*/ /*====================== SINGLE BANNER START ========================*/ /* #single_banner { padding-top: 70px; }
*/ /* .single_banner_content { position: relative; }
*/ .single_banner_img { overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.single_banner_text { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); }
.single_banner_text h6 { color: #fff; font-size: 20px; font-weight: 600; text-transform: capitalize; display: flex; align-items: center; }
.single_banner_text h6 span { color: rgb(var(--color-gold)); font-weight: 900; font-size: 30px; margin-left: 10px; }
.single_banner_text h3 { text-transform: capitalize; color: #fff; font-weight: 700; font-size: 30px; margin: 7px 0px 15px 0px; }
.single_banner_2 h6, .single_banner_2 h3, .single_banner_2 .shop_btn { color: #353535; border-color: #353535; }
.single_banner_2 .shop_btn:hover { color: #fff; background: rgb(var(--color-gold)); border-color: rgb(var(--color-gold)); }
/*====================== SINGLE BANNER END ========================*/ /*====================== HOT DEALS START ========================*/
.hot_deals_offer { overflow: hidden; border-radius: 5px; margin: 25px 12px 0px 12px; margin-bottom: 5px; position: relative; height: 400px; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.hot_deals_img { width: 50%; float: left; position: relative; border-radius: 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; height: 100%; }
.hot_deals_offer .simply-days-section, .hot_deals_offer .simply-hours-section, .hot_deals_offer .simply-minutes-section, .hot_deals_offer .simply-seconds-section { text-align: center; padding: 0px 10px; }
.hot_deals_offer .simply-amount { display: block; color: #fff; font-size: 16px; font-weight: 700; margin-bottom: -8px; }
.hot_deals_offer .simply-word { color: #fff; text-transform: capitalize; font-size: 12px; font-weight: 600; }
.hot_deals_img .simply-countdown { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); display: flex; background: rgba(0, 0, 0, 0.7); padding: 8px 3px; width: 100%; justify-content: space-around; }
.hot_deals_text { width: 50%; float: left; padding-left: 20px; }
.hot_deals_text .hot_title { font-size: 20px; text-transform: capitalize; margin-bottom: 5px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; display: block; font-weight: 500; }
.hot_title:hover { color: rgb(var(--color-gold)); }
.hot_deals_text .rating { color: #ff9933; font-size: 13px; }
.hot_deals_text .rating span { font-size: 13px; text-transform: capitalize; }
.hot_deals_proce { color: #fff; font-size: 20px; font-weight: 600; margin: 10px 0px 10px 0px; }
.hot_deals_proce del { color: #ff0000b5; }
.hot_deals_text .details { font-size: 15px; }
.hot_deals_text ul { display: flex; align-items: center; margin-top: 20px; }
.hot_deals_text ul li:nth-child(2) a, .hot_deals_text ul li:nth-child(3) a { width: 40px; height: 40px; border: 1px solid #ddd; text-align: center; line-height: 40px; border-radius: 3px; margin-left: 10px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.hot_deals_text ul li:nth-child(2) a:hover, .hot_deals_text ul li:nth-child(3) a:hover { color: #fff; border-color: rgb(var(--color-gold)); background: rgb(var(--color-gold)); }
.hot_deals__single { /* border: 1px solid #eee; */ overflow: hidden; margin-top: 20px; padding: 10px; border-radius: 5px; /* margin: 25px 12px 0px 12px; */ background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.hot_deals__single_img { width: 25%; float: left; border-right: 1px solid #eee; }
.hot_deals__single_text { width: 75%; float: left; margin-top: 5px; padding-left: 25px; }
.hot_deals__single_text h5 { font-size: 14px; text-transform: capitalize; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.hot_deals__single_text .rating { font-size: 13px; color: #ff9933; margin: 2px 0px 0px 0px; }
.hot_deals__single_text .tk { color: #353535; font-weight: 600; }
.hot_deals__single_text .tk del { color: #aaa; font-weight: 400; margin-left: 10px; }
.hot_deals__single:hover h5 { color: rgb(var(--color-gold)); }
.hot_large_item { margin-top: 55px; }
.hot_large_item .section_header { border-radius: 0; }
.hot_small_item { margin-top: 50px; }
/*====================== HOT DEALS END ========================*/ /*====================== LARGE BANNER START ========================*/ /* #large_banner { padding-top: 65px; }
*/
section.home_Production { position: relative; }
section.home_Production:before {position: absolute;content: '';top: 0;bottom: 0;right: 0;left: 0;background: rgb(var(--color-black) / 50%);}
/* .large_banner_content { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; border-radius: 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.large_banner_content_overlay { background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; padding: 50px; }
.large_banner_text h3 { color: #fff; text-transform: capitalize; font-weight: 800; font-size: 40px; }
.large_banner_text h5 { color: #dc3545; font-size: 30px; font-weight: 900; text-transform: capitalize; }
.large_banner_text p { color: #fff; margin: 10px 0px 15px 0px; }
.large_banner_text_right { text-align: right; }
.large_banner_text_right h3 { text-transform: uppercase; font-weight: 700; font-size: 25px; } */
/*====================== LARGE BANNER END ========================*/ /*====================== WEEKLY BEST ITEM START ========================*/ #weekly_best { margin-top: 67px; }
#weekly_best .section_header h3 { font-size: 20px; }
.weekly_best .weekly_best { position: relative; }
#weekly_best .nxt_arr, #weekly_best .prv_arr { position: absolute; top: -30px; right: 12px; width: 30px; height: 30px; background: rgb(var(--color-gold)); line-height: 32px; font-size: 15px; text-align: center; padding: 0; color: #fff; z-index: 99; border-radius: 50%; opacity: .5; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; /* -webkit-border-radius: 3px; */ -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
#weekly_best .prv_arr { right: 45px; }
#weekly_best .nxt_arr:hover, #weekly_best .prv_arr:hover, .home_blogs .nxt_arr:hover, .home_blogs .prv_arr:hover { background: #045c9f; opacity: 1; }
.weekly_best .hot_deals__single { margin: 20px 12px 0px 12px; }
/*====================== WEEKLY BEST ITEM END ========================*/ /*====================== HOME SERVOCES START ========================*/ /* #home_services { margin-top: 65px; }
.home_services_single i { color: rgb(var(--color-gold)); font-size: 30px; margin-bottom: 20px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.home_services_single h5 { font-size: 17px; text-transform: capitalize; margin-bottom: 10px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; }
.home_services_single p { font-size: 14px; }
.home_services_single:hover h5 { color: rgb(var(--color-gold)); }
.home_services_single:hover i { color: #353535; }
*/ /*====================== HOME SERVOCES END ========================*/ /*====================== HOME BLOGS START ========================*/ #home_blogs { padding-top: 65px; }
.home_blog_slider .single_blog { margin: 25px 12px 0px 12px; width: auto; }
.home_blogs .nxt_arr, .home_blogs .prv_arr { position: absolute; top: 50%; left: 15px; width: 35px; height: 35px; background: #2a9df5; opacity: .5; line-height: 35px; font-size: 15px; text-align: center; padding: 0; color: #fff; z-index: 99; border-radius: 50%; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; transform: translateY(-50%); }
.home_blogs .prv_arr { right: 15px; left: auto; }
/*====================== HOME BLOGS END ========================*/ /*====================== SUBSCRIBE PART START ========================*/ #subscribe { margin-top: 70px; background: #0b2c3d; padding: 70px 0px; }
.subd_text h4 { color: #fff; font-size: 30px; font-weight: 700; text-transform: capitalize; }
.subd_text p { color: #fff; }
.subs_form { position: relative; width: 100%; height: 100%; }
.subs_form form { position: absolute; width: 100%; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.subs_form form input { width: 100%; padding: 17px 20px; border-radius: 5px; border: none; font-size: 16px; font-weight: 400; }
.subs_form form button { position: absolute; top: 0; right: 0; border: none; outline: none; width: auto; height: 100%; border-top-left-radius: 0; border-bottom-left-radius: 0; }
/*====================== SUBSCRIBE PART END ========================*/ /*====================== FOOTER PART START ========================*/ footer { background: #def0ff; padding-top: 70px; }
.footer_content img { width: 160px; margin-bottom: 7px; }
.footer_content .action, .footer_content p { display: block; font-size: 13px; margin-top: 10px; color: #353535; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.footer_content .action i { width: 20px; }
.footer_content p { position: relative; }
.footer_content p i { position: absolute; top: 8px; left: 0; }
.footer_content .action:hover { color: rgb(var(--color-gold)); }
.footer_social { display: flex; align-items: center; margin-top: 15px; }
.footer_social li { margin-right: 10px; }
.footer_social li a { width: 35px; height: 35px; text-align: center; line-height: 37px; border-radius: 50%; font-size: 15px; background: #fff; color: #353535; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.facebook:hover { background: #1b4f9b !important; color: #fff; }
.twitter:hover { background: #00adef !important; color: #fff; }
.whatsapp:hover { background: #26cb46 !important; color: #fff; }
.pinterest:hover { background: #c51f27 !important; color: #fff; }
.behance:hover { background: #1666f7 !important; color: #fff; }
.linkedin:hover { background: #0077b0 !important; color: #fff; }
.instagram:hover { background: #d51332 !important; color: #fff; }
.youtube:hover { background: #d51332 !important; color: #fff; }
.footer_content h5 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 5px;
    font-family: var(--font-three);
}
.footer_menu li { color: rgb(var(--color-gold)); }
.footer_menu li a { font-weight: 400; text-transform: capitalize; font-size: 13px; width: 100%; margin-top: 11px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.footer_menu li a i { margin-right: 5px; }
.footer_menu li a:hover { color: rgb(var(--color-black)) !important; }
.footer_bottom { padding: 10px 0px; margin-top: 50px; background:
    linear-gradient(rgba(var(--color-main), 0.3), rgba(var(--color-main), 0.3)),
    #ac6c34; border-top: 1px solid rgb(192, 192, 192); }
.copyright { display: flex; justify-content: space-between; flex-wrap: wrap; }
.copyright p { color: #fff; text-transform: capitalize; font-size: 15px; font-weight: 400; }
.copyright p img { width: 150px; margin-left: 15px; }
/*====================== FOOTER PART END ========================*/ /*====================== SCROLL BUTTON START ========================*/ .scroll_btn { width: 35px; height: 35px; line-height: 35px; text-align: center; color: #fff; right: 15px; bottom: 55px; font-size: 16px; position: fixed; cursor: pointer; z-index: 99; display: none; background: #353535; border-radius: 50%; animation: move linear 0.8s infinite alternate; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.scroll_btn:hover { color: #fff; background: rgb(2, 82, 122); }
/*====================== SCROLL BUTTON END ========================*/ /*====================== BREADCRUMB START ========================*/ #breadcrumb { background: url(../images/breadcrumb_bg.jpg); background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; }
.wsus_breadcrumb_overlay { background: #0b2c3dc9; padding: 100px 0px; }
#breadcrumb h4 { text-transform: capitalize; color: #fff; font-size: 35px; font-weight: 500; }
#breadcrumb ul { display: flex; align-items: center; margin-top: 15px; }
#breadcrumb ul li a { position: relative; text-transform: capitalize; font-size: 15px; font-weight: 400; color: #fff; margin-right: 40px; }
#breadcrumb ul li:last-child a { margin: 0; color: #54b3fd; }
#breadcrumb ul li:last-child a::after { display: none; }
#breadcrumb ul li a::after { font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; position: absolute; content: "\f138"; top: 1px; right: -25px; color: #fff; font-size: 14px; border: none; }
/*====================== BREADCRUMB END ========================*/ /*====================== PPRODUCT PAGE START ========================*/ .pro_page_bammer { position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 70px; }
.pro_page_bammer img { object-fit: cover; height: 100%; }
.pro_page_bammer_text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.pro_page_bammer_text_center { position: absolute; top: 50%; left: 40px; transform: translateY(-50%); border-radius: 5px; }
.pro_page_bammer_text_center p { color: #fff; font-size: 40px; font-weight: 700; text-transform: capitalize; background: #ffffff3d; padding: 15px 15px 20px 15px; display: inline-block; border-radius: 4px; margin-bottom: 15px; }
.pro_page_bammer_text_center p span { font-size: 40px; color: #ff0018; font-weight: 700; }
.pro_page_bammer_text_center h5 { color: #fff; text-transform: capitalize; font-size: 25px; font-weight: 600; }
.pro_page_bammer_text_center h3 { color: #fff; text-transform: capitalize; font-weight: 700; font-size: 35px; width: 100%; margin: 10px 0px 15px 0px; }
.pro_page_bammer_text_center .add_cart { padding: 15px 20px; font-size: 15px; }
.sidebar_filter { background: rgb(var(--color-red)); display: none; align-items: center; justify-content: space-between; padding: 10px; cursor: pointer; border-radius: 5px; }
.sidebar_filter p { font-size: 16px; color: #fff; text-transform: capitalize; font-weight: 700; }
.sidebar_filter .filter_icon { display: block; width: 30px; height: 30px; border: 1px solid transparent; text-align: center; line-height: 30px; position: relative; }
.sidebar_filter .filter_icon #minus, .sidebar_filter .filter_icon #plus { color: #fff; position: absolute; top: 50%; left: 50%; font-size: 20px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.sidebar_filter .filter_icon #plus { opacity: 1; }
.product_sidebar.show_filter { height: auto; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; opacity: 1; }
.show_plus { opacity: 0 !important; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.product_sidebar .accordion-item { /* margin-top: 0; */ /* margin-bottom: 20px; */ margin: 0; }
.product_sidebar {
    overflow: hidden;
    background: #fff;
    padding: 0px;
    z-index: 0;
    border: 1px solid rgb(var(--color-red));
    border-radius: 4px;
}
.product_sidebar .accordion-button:focus { box-shadow: none; }
.accordion-item { margin-top: 15px; }
.accordion-collapse p {
    color: rgb(var(--color-white));
}
.accordion-button:not(.collapsed) { color: #353535; background: none; }
.accordion-button.collapsed { border-top: 1px solid #fff; }
.accordion-button {
    padding: 10px;
    color: rgb(var(--color-black));
    background: transparent;
    text-transform: capitalize;
    font: 700 16px/normal var(--font-three);
}
.accordion-body {
    padding: 0.5rem 10px;
}
.accordion-button::after { background-image: url(../images/plus.png); }
.accordion-button:not(.collapsed)::after { background-image: url(../images/minus.png); transform: rotate(-180deg); }
.accordion-button[aria-expanded="false"]::after {content: '\f067' !important;
    font-family: 'Font Awesome 5 Pro';
    background: none;
    font-weight: 100;
    font-size: 20px;}
.form-check { margin-bottom: 20px; }
.form-check input { border-radius: 0 !important; }
.form-check-input:checked { background-color: rgb(var(--color-gold)); border-color: rgb(var(--color-gold)); }
.form-check label { font-size: 14px; font-weight: 400; text-transform: capitalize; width: 100%; cursor: pointer; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.form-check label:hover { color: #54b3fd; }
.form-check-input:focus { box-shadow: none; }
.product_sidebar ul li a {
    color: rgb(var(--color-black));
    width: 100%;
    text-transform: capitalize;
    transition: var(--transition);
    font: 400 14px/normal var(--font-three);
    padding: 5px 0;
}
.price_ranger form {
    display: flex;
    grid-gap: 10px;
}
.price_ranger > form button {
    height: 35px;
    padding: 0 10px;
    background-color: rgb(var(--color-red));
    line-height: 35px;
}
.product_sidebar ul li:last-child a { margin-bottom: 0px; }
.product_sidebar ul li a:hover { color: rgb(var(--color-gold)); }
.price_ranger label { width: 100%; }
.price_ranger label input { width: 100%; }
.price_ranger .price_ranger_tk { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; }
.price_ranger .price_ranger_tk button { padding: 5px 10px; text-transform: capitalize; font-weight: 400; border: none; outline: none; }
.price_ranger .price_ranger_tk output { color: #353535; }
.coustom_price .add_cart { border: none; outline: none; font-size: 16px; }
.accordion-item:last-of-type .accordion-button.collapsed { border-radius: 0; }
.accordion-body .form-check:last-child { margin-bottom: 0; }
.product_topbar { display: flex; justify-content: space-between; position: relative; border-radius: 5px; }
.product_topbar_left { display: flex; }
.product_topbar_left #v-pills-tab button { margin-right: 10px; background: rgb(var(--color-white)); border: 1px solid rgb(var(--color-red)); color: rgb(var(--color-black)); transition: var(--transition); outline: none; border-radius: 4px; width: 40px; height: 40px; line-height: 40px; padding: 0; }
.product_topbar_left #v-pills-tab button.active { background: rgb(var(--color-red)); color: rgb(var(--color-white)); }
.product_topbar .select2-container--default .select2-selection--single { border-radius: 30px; width: 200px; }
.topbar_select { display: flex; }
#pagination, #pagination2 { margin-top: 30px; }
#pagination nav ul { justify-content: center; }
#pagination nav ul li a, #pagination2 nav ul li a { width: 35px; height: 35px; padding: 0; text-align: center; line-height: 35px; font-size: 13px; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; border-radius: 50%; border: 1px solidrgb(var(--color-gold)); margin-right: 10px; }
#pagination nav ul li a i, #pagination2 nav ul li a i { font-size: 12px; }
#pagination nav ul li a.page_active, #pagination nav ul li a:hover, #pagination2 nav ul li a.page_active, #pagination2 nav ul li a:hover { background: rgb(var(--color-gold)); color: #fff; }
#pagination .page-link:focus, #pagination2 .page-link:focus { box-shadow: none; }
.list_view .pro_link {
    width: 250px;
    height: auto;
    float: left;
    padding: 10px;
}
.list_view .product_details {
    float: left;
    display: block;
    width: calc(100% - 250px);
    text-align: left;
}
.products_list.products_list-fill .list_description {
    font: 400 14px/normal var(--font-three);
    margin: 0.5rem auto 1rem;
}
.products_list-fill p.price {justify-content: left;margin: 0.5rem 0 0;font: 600 24px/normal var(--font-three);letter-spacing: normal;}
.list_view:hover .product_details .price { opacity: 1; visibility: visible; }
.list_view .single_pro_icon { opacity: 1; visibility: visible; position: static; display: flex; }
.list_view:hover .single_pro_icon { right: 0; opacity: 1; }
.list_view .product_details .add_cart { position: static; padding: 0px 19px; font-size: 16px; width: auto; height: 40px; /* color: #fff; */ /* border: none; */ /* background: rgb(var(--color-gold)); */ }
.list_view .single_pro_icon li a { width: 40px; height: 40px; line-height: 40px; margin-bottom: 0px; border-radius: 3px; font-size: 16px; margin-right: 10px; text-align: center; }
.list_view .product_details .pro_rating { font-size: 16px; color: #aaa; }
.list_view .product_details .pro_name {
    font: 600 20px/normal var(--font-three);
    margin: 1rem 0 0.5rem;
    width: calc(100% - 50px);
}
.products_list-fill .add_to_wishlist,
.products_list-fill .show_product_modal {
    height: 40px;
    width: 40px;
    display: inline-block;
    text-align: center;
    font: 600 16px/40px var(--font-one);
    background: rgb(var(--color-black));
    color: rgb(var(--color-white)) !important;
    border-radius: 4px;
    transition: var(--transition);
    border: 1px solid rgb(var(--color-black)) !important;
}
.products_list-fill .add_to_wishlist:hover,
.products_list-fill .show_product_modal:hover {
    background: transparent !important;
    color: rgb(var(--color-black)) !important;

}
.products_list-fill .list_view .new {
    left: 15px;
    right: unset;
    top: 15px;
}
.products_list-fill .list_description + .single_pro_icon {
    max-width: 400px;
    width: 100%;
    grid-gap: 10px;
}
.products_list-fill .list_description + .single_pro_icon .shopping-cart-form {width: 100%;}
.products_list-fill .list_description + .single_pro_icon .add_cart_two:hover {
    background-color: rgb(var(--color-black));
    color: rgb(var(--color-white));
    border: 1px solid rgb(var(--color-black));
}
.products_list-fill .list_description + .single_pro_icon .add_cart_two {
    width: 100%;
    border-radius: 4px;
    transition: var(--transition);
    color: rgb(var(--color-black));
    font: 600 16px/normal var(--font-three);
    text-transform: capitalize;
}
.details_bg {
    position: relative;
    z-index: 0;
}
.exzoom .exzoom_btn a {height: 35px;width: 35px;line-height: 35px;border-radius: 4px;top: -50px;background: rgb(var(--color-black) / 50%);}
.exzoom .exzoom_btn a:hover {background: rgb(var(--color-yellow));}
/* .products_list-fill .single_pro_icon { */
.list_view .product_details .price { font-size: 30px; }
.list_view .product_details .price del { font-size: 30px; font-weight: 500; }
.list_description { margin: 15px 0px 15px 0px; }
.list_view .new { left: auto; right: 10px; top: 45px; }
.preloader { width: 100%; height: 80vh; background: #fff; position: relative; z-index: 99; border: 1px solid #eee; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.preloader img { width: 350px !important; height: 350px !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
/*====================== PPRODUCT PAGE END ========================*/ /*====================== PRODUCT DETAILS START ========================*/
/* .details_bg { background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; padding: 20px; border-radius: 5px; } */
.pro_det_video { position: absolute; top: 5px; right: 5px; z-index: 10; width: 30px !important; height: 30px; line-height: 30px; text-align: center; background: rgb(var(--color-gold)); color: #fff; border-radius: 50%; font-size: 10px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.pro_det_video:hover { background: #2a9df5cb; color: #fff; }
.pro_details_text .title {
    font: 700 24px/normal var(--font-three);
    text-transform: capitalize;
    color: rgb(var(--color-black));
    transition: var(--transition);
}
.quentity h5, .pdp-title {
    display: block;
    width: 100% !important;
    margin-bottom: 1rem;
    font: 700 16px/normal var(--font-three) !important;
    margin-bottom: 0.5rem;
  }
.stock_area { text-transform: capitalize; font-size: 14px; font-weight: 600; margin-top: 0px; }
.stock_area .in_stock {
    background: green;
    color: rgb(var(--color-white));
    text-transform: capitalize;
    padding: 0 5px;
    border-radius: 2px;
    font: 700 12px/20px var(--font-three);
    display: inline-block;
}
.pro_details_text .brand_model { display: inline-block; margin-right: 20px; }
.pro_details_text .brand_model span { text-transform: capitalize; color: #333; }
.pro_details_text .review { color: #ff9f00; margin-bottom: 10px; }
.pro_details_text .review span { text-transform: capitalize; position: relative; padding-left: 30px; }
.pro_details_text .review span::after { position: absolute; content: ""; background: #797979; width: 2px; height: 70%; left: 14px; top: 15%; }
.pro_details_text .review span::before { position: absolute; content: ""; background: #797979; width: 2px; height: 70%; left: 10px; top: 15%; }
.pro_details_text .description { margin: 10px 0px 15px 0px; font-size: 15px; }
.pro_details_text h4 { font-size: 30px; font-weight: 700; color: rgb(var(--color-gold)); margin: 10px 0px 5px 0px; display: flex; align-items: center; }
.pro_details_text h4 del { color: red; font-size: 18px; margin-left: 10px; }
.wsus_pro_hot_deals { border-radius: 5px; display: flex; align-items: center; flex-wrap: wrap; }
.wsus_pro_hot_deals h5 { text-transform: capitalize; font-size: 18px; font-weight: 600; }
.wsus_pro_hot_deals .simply-countdown.simply-countdown-one { display: flex; }
.wsus_pro_hot_deals .simply-days-section, .wsus_pro_hot_deals .simply-hours-section, .wsus_pro_hot_deals .simply-minutes-section, .wsus_pro_hot_deals .simply-seconds-section { padding: 0; margin-left: 10px; }
.wsus_pro_hot_deals .simply-amount { color: #fff; font-size: 16px; font-weight: 600; display: block; background: rgb(var(--color-gold)); width: 40px; height: 30px; line-height: 30px; text-align: center; border: 1px dashedrgb(var(--color-gold)); border-radius: 2px; }
.wsus_pro_hot_deals .simply-word { display: none; }
.wsus_pro_det_color, .wsus_pro__det_size, .share_link, .quentity, .button_area, .pro_det_share, .selectbox { display: flex; align-items: center; flex-wrap: wrap; }

.wsus_pro_det_color h5,
.wsus_pro__det_size h5,
.share_link h5,
.quentity h5,
.button_area h5,
.pro_det_share h5,
.quentity h5,
.selectbox h5 {
  text-transform: capitalize;
  font-weight: 400;
  width: 100%;
  font-size: 16px;
}

.wsus_pro_det_color ul, .wsus_pro__det_size ul, .share_link ul { display: flex; align-items: center; flex-wrap: wrap; }
.selectbox { display: block; }
.report_modal .modal-body { height: auto !important; }
.wsus_pro_det_color ul li a { margin-right: 7px; display: block; color: #fff; text-transform: capitalize; font-size: 12px; line-height: 30px; width: 30px; height: 30px; border-radius: 50%; text-align: center; }
.wsus_pro_det_color ul li a i { opacity: 0; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; }
.wsus_pro_det_color ul li a:hover i { opacity: 1; }
.wsus_pro_det_color .blue { background: #1c93cb; }
.wsus_pro_det_color .orange { background: #ca6d00; }
.wsus_pro_det_color .yellow { background: #ffcc01; }
.wsus_pro_det_color .black { background: #333333; }
.wsus_pro_det_color .red { background: red; }
.wsus_pro_det_color ul li:last-child a { margin-right: 0; }
.wsus_pro__det_size ul li a { text-transform: capitalize; font-size: 13px; border: 1px solid #aaa; margin-right: 10px; font-weight: 600; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; height: 30px; line-height: 29px; width: 30px; text-align: center; border-radius: 50%; }
.wsus_pro__det_size ul li a:hover { color: #fff; border-color: rgb(var(--color-gold)); background: rgb(var(--color-gold)); }
.wsus_pro__det_size ul li:last-child a { margin-right: 0; }
.pro_details_text .title:hover { color: rgb(var(--color-gold)); }
.quentity h3 { font-size: 22px; font-weight: 600; margin-left: 20px; color: rgb(var(--color-gold)); }
.selectbox .select2-container--default .select2-selection--single {
    padding: 17px 20px;
    border-radius: 8px;
    height: 40px;
    line-height: 40px;
    z-index: 1!important;
    position: relative;
    box-shadow: var(--box-shadow) rgb(var(--color-black) / 20%);
}
.selectbox .select2-container--default .select2-selection--single .select2-selection__arrow { top: -7px; }
.button_area li .add_cart { padding: 10px 20px; font-size: 14px; margin-right: 10px; border: none; border-radius: 30px; }
.button_area li .buy_now, .ofer_det_footer_btn .buy_now { background: #ca6d00; padding: 10px 20px; border-radius: 30px; text-transform: uppercase; font-size: 14px; font-weight: 600; color: #fff; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.button_area li .buy_now:hover, .ofer_det_footer_btn .buy_now:hover { background: #915003; color: #fff !important; }
.button_area li:nth-child(3) a, .button_area li:nth-child(4) a { border: 1px solid #ddd; margin-left: 10px; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size: 16px; text-align: center; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.button_area li:nth-child(3) a:hover, .button_area li:nth-child(4) a:hover { color: #fff; border-color: rgb(var(--color-gold)); background: rgb(var(--color-gold)); }
.pro_det_share ul li a { width: 30px; height: 30px; line-height: 31px; text-align: center; border-radius: 50%; margin-right: 10px; color: #fff; background: #0088cc !important; font-size: 14px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.pro_report { text-transform: capitalize; font-size: 14px; color: rgb(var(--color-gold)); transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; margin-top: -5px; display: block; }
.pro_report i { margin-right: 5px; }
.pro_report:hover { color: #045c9f; }
.report_modal .modal-dialog { min-width: 600px; }
.report_modal label { display: block; text-transform: capitalize; font-size: 15px; margin-bottom: 5px; }
.report_modal input, .report_modal textarea { width: 100%; padding: 15px 20px; font-size: 15px; font-weight: 400; border-radius: 5px; margin-bottom: 25px; resize: none; border: 1px solid #eee; }
.wsus_pro_det_wholesell { border-radius: 4px; background: #e9f1f7; }
.wsus_pro_det_wholesell h3 { text-align: center; font-size: 22px; text-transform: capitalize; font-weight: 600; padding: 15px 0px; }
.wsus_pro_det_wholesell ul li { display: flex; align-items: center; border-top: 1px solid #fff; border-bottom: none; padding: 7px 13px; }
.wsus_pro_det_wholesell ul li:first-child span { color: #353535; font-weight: 600; }
.wsus_pro_det_wholesell ul li span { width: 50%; text-transform: capitalize; color: #525252; }
.wsus_pro_det_sidebar { border: 1px dashed #ddd; padding: 15px; border-radius: 5px; }
.wsus_pro_det_sidebar ul li { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px dashed #ddd; margin-bottom: 10px; padding-bottom: 10px; }
.wsus_pro_det_sidebar ul li:last-child { /* margin-bottom: 0; */ border-bottom: 0; }
.wsus_pro_det_sidebar ul li span { display: block; width: 40px; height: 40px; background: rgb(0, 136, 204); text-align: center; line-height: 40px; border-radius: 3px; color: rgb(255, 255, 255); font-size: 20px; }
.wsus_pro_det_sidebar ul li .text { width: 82%; }
.wsus_pro_det_sidebar ul li .text h4 { font-size: 16px; }
.wsus_pro_det_sidebar ul li .text p { font-size: 14px; line-height: 22px; margin-top: 5px; }
.det_sidebar_banner { height: 250px; position: relative; border-radius: 5px; overflow: hidden; }
.det_sidebar_banner img { height: 100%; object-fit: cover; }
.det_sidebar_banner_text_overlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.541); position: absolute; top: 0; left: 0; }
.det_sidebar_banner_text { position: absolute; width: 100%; top: 50%; left: 0; text-align: center; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.det_sidebar_banner_text p { color: #fff; font-size: 20px; font-weight: 600; text-transform: capitalize; }
.det_sidebar_banner_text h4 { font-size: 28px; color: #fff; text-transform: uppercase; font-weight: 900; margin: 13px 0px 18px 0px; }
.pro_det_description { padding-top: 70px; }
.description_area h2, .description_area h3, .description_area h4, .description_area h5, .description_area h6 { margin-top: 20px !important; }
.description_area p { font-size: 15px !important; margin-top: 20px !important; }
.description_area ul { margin-top: 20px !important; list-style: disc !important; padding-left: 16px !important; }
.description_area ul li { color: rgb(var(--color-black)) !important; font-size: 15px !important; margin-top: 15px !important; }
.vebdor_img { height: 100%; }
.pro_det_description img { border: 1px solid #ddd !important; border-radius: 5px !important; height: 100% !important; object-fit: cover !important; width: 100% !important; margin-top: 25px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; -ms-border-radius: 5px !important; -o-border-radius: 5px !important; }
.description_single { border: 1px solid #eee; padding: 30px; border-radius: 3px; margin-top: 30px; }
.description_single h6 { font-size: 18px; font-weight: 500; text-transform: capitalize; margin-bottom: 10px; }
.description_single h6 span { color: #333; width: 25px; height: 25px; text-align: center; line-height: 25px; display: inline-block; background: #d0e7fd; border-radius: 3px; font-size: 16px; font-weight: 600; margin-right: 5px; }
.description_single p { font-size: 15px; }
.pro_det_info { border: 1px solid #ddd; padding: 20px; border-radius: 3px; padding-bottom: 10px; }
.pro_det_info h4 { font-size: 18px; font-weight: 500; text-transform: capitalize; border-bottom: 2px solid #eee; margin-bottom: 10px; display: inline-block; padding-bottom: 5px; }
.pro_det_info p { display: flex; align-items: center; border-bottom: 1px solid #eee; padding: 10px 0px; font-size: 15px; }
.pro_det_info p:last-child { border-bottom: none; padding-bottom: 0px; }
.pro_det_info p span { width: 55%; }
.pro_det_review .main_comment { overflow: hidden; padding: 20px 20px 15px 20px; border: 1px solid #eee; margin-top: 30px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.pro_det_review .comment_img { width: 10%; float: left; }
.pro_det_review .comment_img img { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; width: 70px !important; height: 70px; border: none; }
.pro_det_review .comment_text { width: 90%; float: left; }
.pro_det_review .comment_text h6 span { border: 1px solid #eee; padding: 0px 10px; border-radius: 3px; font-weight: 600; }
.pro_det_review .comment_text h6 span i { color: #ff9f00; margin-left: 5px; }
.pro_det_review .comment_text span { display: block; color: #353535; font-size: 13px; }
.pro_det_review .comment_text ul { overflow: hidden; margin-top: 10px; }
.pro_det_review .comment_text ul li { width: 70px !important; height: 70px !important; margin-right: 10px; float: left; }
.pro_det_review .comment_text ul li img { height: 100%; object-fit: cover; }
.pro_det_review h4 { color: #0b2c3d; margin-top: 0 !important; }
.comment_area h4 span { display: inline-block; background: rgb(var(--color-gold)); color: #fff; padding: 0px 10px; font-size: 16px; text-align: center; margin-left: 10px; border-radius: 3px; font-weight: 600; }
.post_comment .rating, .vendor_review_modal .rating { font-size: 16px; color: #ff9f00; margin-bottom: 25px; text-transform: capitalize; }
.post_comment .rating i, .vendor_review_modal .rating i { cursor: pointer; }
.post_comment .rating span { text-transform: capitalize; color: #333; margin-right: 10px; font-size: 15px; }
.single_com input, .single_com textarea { width: 100%; padding: 10px 20px; border: 1px solid #eee; border-radius: 5px; margin-bottom: 25px; resize: none; }
.vendor_text h4 { text-transform: capitalize; font-size: 25px; font-weight: 600; }
.pro_det_vendor_text .rating { color: #ff9f00; margin: 5px 0px 25px 0px; }
.pro_det_vendor_text .see_btn { padding: 5px 10px 5px 10px; }
.pro_det_vendor_text .rating span { font-size: 15px; margin-left: 5px; color: #797979; text-transform: capitalize; }
.pro_det_vendor_text p { margin-bottom: 15px; }
.pro_det_vendor_text p span { width: 25%; display: inline-block; color: #333; font-weight: 500; text-transform: capitalize; font-size: 15px; }
.vendor_details { margin-top: 30px; }
.vendor_details p { font-size: 15px; }
.vendor_details p span { display: block; margin-top: 25px; }
.pro_det_comment .post_comment h4 { margin-top: 0 !important; }
/*====================== PRODUCT DETAILS END ========================*/ /*====================== CART VIEW PAGE START ========================*/
.cart_list { background: #fff; border-radius: 5px; overflow: hidden; /* border: 1px solid #eee; */ box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.cart_list table {
    caption-side: bottom;
    border-collapse: collapse;
    width: 100%;
    border: 1px solid gainsbaro;
}
.cart_list td,th{
    /* border-style:dotted; */
    border: 1px solid rgba(128, 128, 128, 0.173) !important;
}
.cart_list .img-fluid {
    object-fit: fill;
    height: 70px;
    width: 70px !important;
}
.cart_list table tbody tr { border-top: 1px solid #ddd;
     /* padding: 10px 0px;  */
    }
.cart_list table tbody tr:first-child { border-top: 0; padding: 0; }
.cart_list table tbody tr td { display: flex; justify-content: center; padding: 5px; border: 0; overflow: hidden; align-items: center; }
.cart_list .pro_img { width: 200px; }
.cart_list .pro_name { width: 250px; }
.cart_list td.pro_name { flex-direction: column; }
.cart_list .pro_status { width: 170px; }
.pro_status p { text-transform: capitalize; color: rgb(var(--color-gold)) !important; }
.pro_status span { text-transform: capitalize; color: #dc3545 !important; display: inline-block; }
.cart_list .pro_select { width: 155px; }
.cart_list .pro_tk { width: 243px; }
.cart_list .pro_tk h6 { color: #353535; font-size: 13px; font-weight: 600; }
.cart_list .pro_tk h6 del { color: #888; margin-right: 15px; }
.cart_list .pro_icon { width: 121px; border-right: none !important; }
.pro_icon .common_btn {
    font-size: 12px;
    text-transform: capitalize;
    font-weight: 600;
    background-color: rgb(var(--color-yellow));
    color: #000;
}
.pro_icon .common_btn:hover { color: #fff; }
.pro_icon a { color: #0b2c3d; font-size: 20px; transition: all linear 0.3s; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.pro_icon:hover a { color: #ed1b35; }
.cart_list table tr th {
    background: black;
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 500;
    padding: 4px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product_qty_wrapper .btn{
    border-radius: 0px;
    padding: .200rem .75rem;
}
.product_qty_wrapper .btn-danger{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.product_qty_wrapper .btn-success{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    border-color: #000;
    color: #000;
}
.product_qty_wrapper .btn:focus {
    outline-color: #fff !important;
    background-color: #fff;
    box-shadow: none;
}
.col-xl-4.cart-item-details {
    position: relative;
    margin-left: auto;
}
.cart_list table tbody tr td p { font-family: "Roboto", sans-serif; color: #0b2c3d; text-transform: capitalize; font-size: 15px; text-align: center; }
.pro_name span { text-transform: capitalize; color: #0b2c3d; font-size: 14px; }
.cart_summery { padding: 0 !important; border: 1px solid #ddd !important; margin-top: 0 !important; }
.cart_summery_text { padding: 10px; }
.cart_summery h5 { background: #def0ff; text-align: center; padding: 15px 0px 15px 0px !important; border-bottom: 1px solid #ddd !important; }
.cart_summery .sub_total { font-weight: 400 !important; border: none !important; padding: 0 !important; margin: 0 !important; }
.cart_summery .common_btn { width: 100%; text-align: center; border-radius: 0; }
.cart_summery .wsus_total_area { margin: 20px 0px 7px 0px; border-top: 1px solid #ddd; padding-top: 18px; }
.cart_summery .wsus_total_area .sub_total { font-weight: 600 !important; }
.cart_summery .wsus_total_area .sub_total span { font-weight: 600 !important; }
.cart_summery .form-check label { display: flex; justify-content: space-between; }
.cart_summery .form-check label span { color: #0b2c3d; }
.cart_page_rel_product { margin-top: 67px !important; }
.cart_list_footer { border-radius: 5px; background: #def0ff; }
.cart_list_footer_top { display: flex; align-items: stretch; flex-direction: column; height: 100%; justify-content: center; }
.cart_list_footer_button form { display: flex; justify-content: space-between; margin-top: 15px; }
.cart_list_footer_button input { width: 100%; padding: 10px 20px; font-size: 15px; font-weight: 400; border-radius: 30px; resize: none; border: 1px solidrgb(var(--color-gold)); -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.cart_list_footer_button button { text-transform: capitalize; font-size: 14px; margin-left: 10px; }
.cart_list_footer_button .common_btn i { margin-right: 5px; }
.cart_list_footer_button { background: #fff; border-radius: 5px; padding: 20px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.cart_list_footer_button h6 { border-bottom: 2px solid #fff; text-transform: capitalize; padding-bottom: 10px; margin-bottom: 20px; }
.cart_list_footer_button p { text-transform: capitalize; margin-top: 15px; display: flex; justify-content: space-between; color: #353535; font-size: 15px; }
.cart_list_footer_button p span { color: #353535; font-size: 15px; }
.cart_list_footer_button .total { border-top: 2px solid #fff; padding-top: 15px; color: #353535; }
.cart_list_footer_button .total span { font-weight: 600; }
.cart_empty p { text-transform: capitalize; font-size: 25px; color: #353535; }
/*====================== CART VIEW PAGE END ========================*/ /*====================== CHECKOUT PAGE START ========================*/ .check_form {
    /* background: #fff; */
     padding: 25px;
      /* border-radius: 5px; */
      /* box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; */
      }
.checkout_form h5 { font-size: 18px; font-weight: 600; text-transform: capitalize; margin-bottom: 15px; color: #0b2c3d; display: flex; justify-content: space-between; align-items: center; }
.checkout_form h5 a { color: #08c; font-size: 13px; font-weight: 400; border: 1px solid #08c; padding: 5px 10px 3px 10px; border-radius: 3px; transition: all linear .3s; }
.checkout_form h5 a:hover { background: #08c; color: #fff; }
.popup_address .modal-dialog { max-width: 800px; }
.check_single_form .form-check { margin: 0; }
.check_single_form .form-check-input { width: 15px; padding: 0; border-color: #08c; border-radius: 3px !important; }
.checkout_accordian .accordion-button::after { display: none; }
.checkout_accordian .accordion-button { padding: 0; border: none !important; background: none !important; }
.check_single_form .select2-container { margin-bottom: 25px; }
.check_single_form input, .check_single_form textarea { width: 100%; padding: 13px 20px; border: 1px solid #eee; margin-bottom: 25px; font-size: 15px; font-weight: 400; color: #0b2c3d; resize: none; border-radius: 5px; background: #fff; }
.check_single_form textarea { margin-bottom: 0; }
.check_single_form h5 { margin-top: 5px; }
.order_details { background: #f3faffc2; overflow: hidden; background: #fff; padding: 25px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.order_details_summery { border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin-bottom: 17px; }
.order_details_summery p { display: flex; justify-content: space-between; text-transform: capitalize; color: #0b2c3d; margin: 15px 0px; }
.order_details_summery p span { color: #0b2c3d; }
.order_details .product { font-size: 18px; font-weight: 600; text-transform: capitalize; color: #0b2c3d; /* padding-top: 15px; */ /* border-top: 1px solid #eee; */ }
.order_details .form-check { margin: 15px 0px; }
.order_details .form-check label { color: #0b2c3d; font-size: 15px; font-weight: 400; }
.order_details .form-check label span { display: block; font-size: 12px; }
.order_details .terms_area { margin-bottom: 15px; }
.order_details .form-check label a { color: rgb(var(--color-gold)); }
.checkout_form .select2-container--default .select2-selection--single { border-radius: 5px; }
.order_details .form-check-input[type="radio"] { border-radius: 50% !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; }
.order_details .common_btn { width: 100%; text-align: center; }
.checkout_single_address { border: 1px solid #eee; border-radius: 5px; padding: 15px 20px 15px 20px; margin-top: 20px; }
.checkout_single_address ul li { display: flex; align-items: center; margin-top: 5px; font-size: 15px; text-transform: capitalize; flex-wrap: wrap; width: 100%; color: #686868; }
.checkout_single_address ul li span { color: #0b2c3d; text-transform: capitalize; width: 30%; font-size: 15px; }
.checkout_single_address .form-check {background: rgb(var(--color-brown));border-radius: 3px;width: 100%;padding: 5px;padding-left: 35px;display: flex;align-items: center;grid-gap: 10px;color: rgb(var(--color-white));}
.checkout_single_address .form-check-input { border-radius: 50% !important; }
/*====================== CHECKOUT PAGE END ========================*/ /*====================== INVOICE PAGE SATAR ========================*/ .invoice_top { padding: 20px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); overflow: hidden; display: flex; justify-content: center; width: 350px; align-items: center; border-radius: 5px; margin: 0 auto; margin-bottom: 45px; }
.invoice_top i { font-size: 45px; color: rgb(var(--color-gold)); float: left; margin-right: 20px; }
.invoice_top_text h4 { font-size: 20px; font-weight: 600; text-transform: capitalize; color: #0b2c3d; }
.invoice_top_text p { font-size: 16px; font-weight: 400; margin-top: 10px; }
.invoice_area { background: #fff; padding: 40px; margin-top: 25px; border-radius: 10px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.invoice_single h5 { font-size: 16px; font-weight: 700; text-transform: capitalize; color: #0b2c3d; margin-bottom: 15px; }
.invoice_single h6 { color: #333; font-size: 16px; font-weight: 500; text-transform: capitalize; margin-bottom: 5px; }
.invoice_single p { font-size: 14px; font-weight: 400; }
.invoice_description { margin-top: 60px; border: 1px solid #eee; border-radius: 5px; margin-bottom: 20px; }
.invoice_description table { margin-bottom: 0 !important; }
.invoice_description .table>tbody { vertical-align: middle; }
.invoice_description .table tr { display: flex; }
.invoice_description table tr:last-child td { border-bottom: none; }
.invoice_description .images { width: 130px; }
.invoice_description .name { width: 400px; }
.invoice_description .name p { color: #0b2c3d; font-size: 17px; }
.invoice_description .name span { color: #0b2c3d; display: block; font-size: 14px; width: 100%; }
.invoice_description .amount { width: 229px; }
.invoice_description .quentity { width: 225px; }
.invoice_description .total { width: 230px; }
.invoice_description th { background: #0088cc14 !important; border: none; color: #353535; text-transform: capitalize; font-weight: 500; font-size: 14px; padding: 10px; text-align: center; }
.invoice_description td { text-transform: capitalize; font-size: 15px; color: #0b2c3d; padding: 15px 10px; text-align: center; border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.invoice_footer { padding: 20px; border-radius: 5px; background: #0088cc14; }
.invoice_footer p { font-size: 16px; color: #0b2c3d; }
.invoice_footer p span { text-transform: capitalize; font-size: 16px; width: 150px; display: inline-block; color: #5d5d5d; }
/*====================== INVOICE PAGE END ========================*/ /*====================== WISHLIST PAGE START ========================*/ .wishlist .pro_img { position: relative; width: 180px; }
.wishlist .pro_img a { position: absolute; background: red; width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 14px; top: 5px; right: 5px; color: #fff; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.wishlist .pro_img a:hover { background: rgb(var(--color-gold)); }
.wishlist .pro_name { width: 350px; }
.wishlist .pro_tk { width: 270px; }
.wishlist .pro_status { width: 150px; }
.wishlist .pro_select { width: 230px !important; }
.wishlist .pro_tk { width: 156px; }
.wishlist .pro_icon { width: 230px; }
.wishlist .common_btn { font-size: 16px; padding: 10px; color: #fff; width: auto; }
.wishlist .pro_icon:hover .common_btn { color: #fff; }
/*====================== WISHLIST PAGE END ========================*/ /*======================== COMPARE START =========================*/ #compare { padding-top: 70px; }
.compare_list { background: #fff; padding: 25px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.compare_list table { margin: 0; }
.compare_list table tbody tr td { width: 25%; display: flex; align-items: center; justify-content: center; text-transform: capitalize; padding: 15px; border: 1px solid #eee; }
.compare_list .compare_img { padding: 0; text-align: center; }
.compare_list .compare_img img { width: 120px !important; }
.compare_img p { text-transform: capitalize; font-size: 16px; font-weight: 600; color: #0b2c3d; }
.compare_text p { text-transform: capitalize; font-weight: 400; font-size: 16px; color: #093b55; text-align: center; width: 100%; }
.compare_text .compare_price { color: #093b55; font-weight: 400; }
.compare_text i { color: #f6bc3e; margin-right: 5px; text-transform: capitalize; }
.compare_stock { color: rgb(var(--color-gold)); font-weight: 400; text-transform: capitalize; }
.compare_stock_out { color: red; font-weight: 400; text-transform: capitalize; }
.compare_size { text-transform: capitalize; font-weight: 400; color: #093b55; }
.compare_text .n_a { text-transform: uppercase; font-weight: 400; color: #093b55; }
.compare_des { flex-direction: column; padding: 0px !important; }
.compare_des p { color: #797979; display: flex; flex-wrap: wrap; text-align: left; border-bottom: 1px solid #eee; padding: 7px 10px; font-weight: 400; }
.compare_des p:last-child { border: none; }
.compare_des p span { text-transform: capitalize; color: #093b55; width: 45%; }
#compare table tbody .del_area { padding: 0; }
.compare_text .compare_del { width: 100%; height: 100%; display: flex; align-items: center; font-size: 18px; justify-content: center; }
.compare_text .compare_del i { color: #0b2c3d; transition: all linear 0.3s; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.compare_text .compare_del:hover i { color: red; }
/*======================== COMPARE END =========================*/ /*======================== CONTACT START =========================*/ #contact { padding-top: 70px; }
.contact_area { background: #fff; padding: 25px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.contact_single { margin-bottom: 20px; background: #fff; padding: 25px; border-radius: 5px; border: 1px solid #eee; position: relative; }
.contact_single span { position: absolute; content: ""; background: #fff; width: 70px; height: 70px; line-height: 80px; text-align: center; top: -1px; right: -1px; }
.contact_single span i { opacity: .1; font-size: 60px; }
.contact_single i { color: rgb(var(--color-gold)); font-size: 25px; }
.contact_single h5 { text-transform: capitalize; font-weight: 600; font-size: 16px; margin: 20px 0px 5px 0px; }
.contact_single a { color: #353535; font-size: 16px; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.contact_single a:hover { color: rgb(var(--color-gold)); }
.contact_question h5 { text-transform: capitalize; font-weight: 600; font-size: 20px; margin-bottom: 20px; }
.contact_question .accordion-body { border: 1px solid #eee; }
.contact_question .accordion-button:focus { box-shadow: none; }
.contact_question .accordion-item:first-of-type .accordion-button { border-radius: 0 !important; }
.contact_question #accordionExample { border-radius: 5px; overflow: hidden; }
.con_form_single input, .con_form_single textarea { width: 100%; padding: 15px 20px; font-size: 15px; font-weight: 400; border-radius: 5px; margin-bottom: 20px; resize: none; border: 1px solid #eee; }
.con_map { overflow: hidden; border: 1px solid #eee; border-radius: 5px; height: 400px; margin-top: 63px; }
.con_map iframe { width: 100%; height: 100%; }
/*======================== CONTACT END =========================*/ /*======================== ABOUT US START =========================*/ .about_accordian { margin-top: 70px; }
.about_accordian h4, .about_client_boost h4, .about_award h4, .about_team h4, .faq_heading h4, .why_shop h3 { text-transform: capitalize; font-size: 30px; font-weight: 600; margin-bottom: 20px; }
.accordion-button:focus { box-shadow: none; }
.about_accordian .accordion-item:first-of-type .accordion-button { border-radius: 0 !important; }
.about_accordian .accordion-body { padding: 1rem 1.25rem; border: 1px solid #def0ff; }
.about_accordian .accordion-body p { font-size: 14px; }
.about_accordian img { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.about_accordian .accordion { border-radius: 5px; overflow: hidden; }
.about_counter_area { margin-top: 70px; }
.about_award { margin-top: 70px; background: #fff; padding: 70px 0px; }
.about_counter_single { border-radius: 5px; padding: 55px 40px 40px 40px; text-align: center; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.about_counter_single span { font-size: 40px; font-weight: 600; color: rgb(var(--color-gold)); }
.about_counter_single h2 { text-transform: capitalize; font-size: 16px; /* font-weight: 600; */ margin-top: 20px; }
.why_shop { margin-top: 65px; }
.why_shop h3 { text-align: center; }
.why_shop_single { border: 1px solid #eee; margin-top: 30px; border-radius: 5px; padding: 30px 15px; text-align: center; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.why_shop_single i { font-size: 60px; color: rgb(var(--color-gold)); margin-bottom: 20px; }
.why_shop_single p { color: #353535; font-weight: 500; font-size: 14px; }
.about_award_single { padding: 20px; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; background: #fff; margin-top: 30px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.about_award h4, .about_team h4 { text-align: center; }
.about_award_single img { border-radius: 50%; width: 100px !important; height: 100px; box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; }
.about_award_single p { font-size: 15px; font-weight: 600; text-transform: capitalize; color: #353535; margin-top: 20px; }
.about_team { padding-top: 65px; }
.team_single { border-radius: 10px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; margin-top: 30px; background: #fff; padding: 15px; }
.team_img { position: relative; overflow: hidden; border-radius: 10px; }
.team_single_overlay { position: absolute; width: 96%; height: 96%; background: rgb(var(--color-gold)); top: 2%; left: 2%; opacity: 0; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; border: 5px solidrgb(var(--color-gold)); border-radius: 10px; }
.team_img ul { display: flex; justify-content: center; position: absolute; bottom: -50px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.team_img ul li a { width: 35px; height: 35px; line-height: 35px; text-align: center; margin: 0px 3px; border-radius: 50%; color: rgb(var(--color-gold)); background: #fff; font-size: 18px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.team_img ul li a:hover { background: rgb(var(--color-gold)); color: #fff; }
.team_text { padding: 20px; position: relative; padding-bottom: 0; }
.team_text h5 { text-transform: capitalize; text-align: center; font-size: 18px; font-weight: 600; margin-bottom: 5px; }
.team_text p { text-align: center; text-transform: capitalize; font-weight: 400; font-size: 14px; }
.team_single:hover .team_single_overlay { opacity: .5; }
.team_single:hover .team_img ul { bottom: 20px; }
/*======================== ABOUT US END =========================*/ /*======================== TEAM DETAILS START =========================*/ .team_details { margin-top: 70px; }
.team_details_top { border-radius: 10px; padding: 20px; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.team_details_img { border-radius: 10px; overflow: hidden; height: 400px; }
.team_details_text { position: relative; width: 100%; height: 100%; /* background: #fff; */ /* border-radius: 10px; */ }
.team_det_text_center { position: absolute; width: 100%; left: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.team_details_text h4 { text-transform: capitalize; font-weight: 600; font-size: 35px; }
.team_details_text h6 { font-size: 16px; text-transform: capitalize; font-weight: 500; margin-top: 5px; }
.team_address { margin: 30px 0px; }
.team_address a, .team_address p { display: block; font-size: 16px; font-weight: 400; color: #797979; margin-top: 10px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.team_address a i, .team_address p i { width: 20px; }
.team_address a:hover { color: rgb(var(--color-gold)); }
.team_details_text ul li a { width: 30px; height: 30px; text-align: center; line-height: 32px; margin-right: 10px; border-radius: 50%; font-size: 14px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; background: #ddd; }
.team_det_service { margin-top: 70px; }
.team_det_service h3 { text-transform: capitalize; font-weight: 600; font-size: 25px; text-align: center; }
.team_service_single { background: #0b2c3d; border-radius: 5px; padding: 30px; text-align: center; margin-top: 30px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.team_service_single i { color: #fff; width: 70px; height: 70px; font-size: 30px; line-height: 70px; text-align: center; border-radius: 50%; background: rgb(var(--color-gold)); transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.team_service_single h4 { color: #fff; text-transform: capitalize; font-weight: 600; font-size: 20px; margin: 25px 0px; }
.team_service_single p { color: #fff; }
.team_service_single:hover { background: rgb(var(--color-gold)); }
.team_service_single:hover i { background: #0b2c3d; }
.team_service_single.hover { background: rgb(var(--color-gold)); }
.team_service_single.hover i { background: #0b2c3d; }
.team_det_review { margin-top: 70px; }
.team_det_review h3 { text-transform: capitalize; font-weight: 600; font-size: 25px; text-align: center; }
.team_det_rev_single { text-align: center; margin: 90px 15px 3px 15px; border-radius: 10px; padding: 20px; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.team_det_rev_single img { width: 100px !important; height: 100px; /* border: 1px solid rgb(var(--color-gold)); */ margin: -65px auto 0 auto; border-radius: 50%; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.team_det_rev_single h3 { text-transform: capitalize; font-size: 22px; font-weight: 600; margin-top: 15px; margin-bottom: 5px; }
.team_det_rev_single h6 { text-transform: capitalize; font-weight: 400; font-size: 16px; }
.team_det_rev_single p { font-size: 14px; color: #353535; }
.team_det_rev_single span { position: relative; margin: 25px 0px; display: block; z-index: 1; }
.team_det_rev_single span i { width: 60px; height: 60px; font-size: 25px; border-radius: 50%; line-height: 60px; text-align: center; background: rgb(var(--color-gold)); color: #fff; box-shadow: rgb(0 0 0 / 14%) 0px 3px 6px, rgb(0 0 0 / 16%) 0px 0px 7px; }
.team_det_rev_single span::after { position: absolute; content: ""; background: #eee; width: 100%; height: 2px; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: -1; }
/*======================== TEAM DETAILS END =========================*/ /*======================== 404 START =========================*/ #404 { margin-bottom: 125px; margin-top: 40px; }
.404_text { text-align: center; margin-top: 60px; }
.404_text h2 { font-size: 130px; font-weight: 700; color: #0b2c3d; margin-bottom: 10px; }
.404_text h4 { text-transform: capitalize; font-size: 35px; font-weight: 600; text-align: center; }
.404_text h4 span { color: rgb(var(--color-gold)); font-size: 35px; font-weight: 600; text-transform: capitalize; }
.404_text p { margin: 10px 0px 45px 0px; }
/*======================== 404 END =========================*/ /*======================== BLOGS PAGE START =========================*/ .single_blog { position: relative; box-shadow: var(--box-shadow) rgb(var(--color-black) / 40%); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; width: 100%; margin: 1rem 15px 2rem; }
.single_blog img { height: 100%; object-fit: cover; }
.blog_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: rgb(11, 44, 61); */ /* background: linear-gradient(0deg, rgba(11, 44, 61, 0.68) 20%, transparent 100%); */ }
.blog_text_center { width: 100%; position: static; background: #fff; padding: 10px 10px 5px; }
.blog_text_center a { display: block; color: rgb(var(--color-black)); font: 700 14px/18px var(--font-one); text-transform: capitalize; margin-bottom: 5px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; -webkit-box-orient: vertical; }
.blog_text_center a.blog-title { min-height: 36px; }
.blog_text_center > .blog_description > p { font: 400 14px/24px var(--font-three); color: rgb(var(--color-black) / 70%); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blog_text_center > .read-more { height: 40px; padding: 0 15px; background-color: rgb(var(--color-black)); color: #fff; font: 400 14px/40px var(--font-three); text-transform: uppercase; display: inline-block; margin: 10px 0 0px; }
.blog_text_center a.blog_category_name { text-transform: uppercase; color: rgb(156 128 104); font-weight: 900; }
.blog_text_center .date { color: #818181; text-transform: capitalize; font-size: 13px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.blog_text_center .date span { color: rgb(var(--color-gold)); text-transform: capitalize; font-size: 13px; font-weight: 400; margin-right: 10px; }
.single_blog .blog_top { position: absolute; top: 15px; left: 15px; color: #fff; padding: 5px 10px; font-size: 14px; font-weight: 600; text-transform: capitalize; border-radius: 3px; z-index: 1; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.single_blog .red { background: red; }
.single_blog .blue { background: rgb(var(--color-gold)); }
.single_blog .orange { background: orange; }
.single_blog .blog_top:hover { transform: scale(1.05); }
.blog_text_center a:hover { color: rgb(var(--color-gold)); }
/*======================== BLOGS PAGE END =========================*/ /*======================== BLOGS DETAILS START =========================*/ #blog_details { padding-top: 70px; position: relative; z-index: 0; }
.main_blog_img { border-radius: 0px; overflow: hidden; height: 500px; padding: 0; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.main_blog_img img { height: 100%; object-fit: cover; border-radius: 5px; }
.main_blog_header { text-transform: capitalize; margin: 25px 0px 15px 0px; }
.main_blog_header span { margin-right: 10px; font-size: 14px; color: #353535; }
.main_blog_header span i { color: rgb(var(--color-gold)); margin-right: 5px; }
.blog_description span { display: block; margin-top: 25px; }
.blog_quot_area { padding: 40px; border-radius: 5px; margin: 35px 0px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.blog_quot_area i { font-size: 40px; font-weight: 900; color: rgb(var(--color-gold)); }
.blog_quot_area p { text-transform: capitalize; font-size: 25px; color: #353535; font-weight: 600; margin: 15px 0px 13px 0px; }
.blog_quot_area span { color: #353535; text-transform: capitalize; font-size: 15px; font-weight: 500; }
.main_blog h5, .related_post h5, .comment_area h4, .post_comment h4, .blog_search h4, .blog_category h4, .blog_post h4, .popular_tag h4, .wsus_blog_calender h4, #faq h4, .forget_area h4, .change_password h4, .pro_det_vendor_text h4 { font-size: 22px; font-weight: 600; text-transform: capitalize; margin-bottom: 15px; }
.blog_list_text ul { padding-left: 35px; margin: 20px 0px; }
.blog_list_text ul li::after { font-family: "Font Awesome 5 Free"; font-weight: 600; font-style: normal; position: absolute; content: "\f0a4"; top: 1px; left: -24px; color: rgb(var(--color-gold)); font-size: 14px; border: none; }
.share_blog { display: flex; align-items: center; padding: 10px; border-radius: 5px; margin: 30px 0px; justify-content: center; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.share_blog p { text-transform: capitalize; color: #353535; font-size: 20px; font-weight: 400; margin-right: 10px; }
.share_blog ul { display: flex; }
.share_blog ul li a { width: 30px; height: 30px; text-align: center; line-height: 32px; color: #353535; margin-left: 5px; font-size: 14px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; background: #eee; }
.related_post { margin-bottom: 25px; }
.related_post .single_blog { margin: 0px 12px; width: auto; }
.blog_img { display: block; position: relative; height: 250px; transition: var(--transition); }
.blog_img:after { transform: translate(-50%, -50%) scale(0); content: '\f0c1'; font-family: "Font Awesome 5 Pro"; font-size: 19px; z-index: 10; position: absolute; display: flex; align-items: center; text-align: center; justify-content: center; background-color: rgb(var(--color-black)); color: #fff; height: 45px; width: 45px; border-radius: 50%; top: 50%; left: 50%; opacity: 0; transition: var(--transition); }
.blog_img::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgb(var(--color-black) / 50%); transform: scale(0); opacity: 0; transition: var(--transition); }
.blog_img::after:hover { background-color: rgb(var(--color-black) / 50%); }
.blog_img:hover::after { transform: translate(-50%, -50%) scale(1); opacity: 1; }
.blog_img:hover::before { transform: scale(1); opacity: 1; }
.related_post .slick-dots { display: flex; justify-content: center; }
.related_post .slick-dots li button { font-size: 0; width: 30px; height: 8px; background: #76c3ff; border-radius: 50px; margin: 0 5px; outline: 0; border: none; }
.related_post .slick-dots li.slick-active button { background: #0086ee; }
.comment_area { border: 1px solid #eee; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; padding: 20px; border-radius: 5px; }
.comment_area h4 { display: flex; justify-content: space-between; }
.main_comment { overflow: hidden; margin-top: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.comment_img { width: 10%; float: left; }
.comment_img img { border-radius: 50%; }
.comment_text { width: 90%; float: left; padding-left: 25px; }
.comment_text h6 { text-transform: capitalize; font-size: 17px; color: #0b2c3d; font-weight: 600; display: flex; align-items: center; justify-content: space-between; }
.comment_text h6 span { color: #0b2c3d; font-size: 14px; }
.comment_text p { font-size: 15px; }
.comment_text a { text-transform: capitalize; background: rgb(var(--color-gold)); padding: 2px 10px 2px 10px; border-radius: 3px; color: #fff; font-size: 13px; margin-top: 10px; /* font-weight: 400; */ transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.comment_text a:hover { background: #0363ae; }
.replay .accordion-body { padding: 0; padding-top: 15px; }
.replay .riv_edit_single { margin-bottom: 15px; }
.replay .common_btn { text-transform: capitalize; padding: 5px 10px; font-weight: 400; }
.com_replay { margin-left: 60px; }
.post_comment { border-radius: 5px; padding: 20px; border: 1px solid #eee; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; margin-top: 25px; }
.post_comment input, .post_comment textarea { font-size: 16px; font-weight: 400; color: #0b2c3d; }
.post_comment button { border: none; font-weight: 600; text-transform: capitalize; }
.blog_search { margin-bottom: 30px; padding: 20px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.blog_search form { position: relative; overflow: hidden; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.blog_search input { width: 100%; padding: 9px 20px; border: 1px solid #eee; border-radius: 5px; font-size: 16px; font-weight: 400; color: #353535; }
.blog_search button { position: absolute; top: 0; right: 0; border-radius: 0; border: none; }
.blog_category { margin-bottom: 30px; padding: 20px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.blog_category ul li a { font-size: 16px; font-weight: 400; text-transform: capitalize; color: #353535; width: 100%; border-top: 1px solid #eee; padding: 10px 10px 10px 0px; }
.blog_category ul li:last-child a { border-bottom: 0; padding-bottom: 0; }
.blog_post { margin-bottom: 30px; border-radius: 5px; padding: 20px 20px 1px 20px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.blog_post_single { display: flex; margin: 20px 0px 20px 0px; }
.blog_post_img { width: 25%; border-radius: 5px; overflow: hidden; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.blog_post_img img { width: 100%; height: auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; object-fit: cover; }
.blog_post_text { width: 75%; padding-left: 10px; margin-top: -5px; }
.blog_post_text a { font-size: 16px; font-weight: 500; margin-bottom: 5px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.blog_post_text p { font-size: 12px; }
.blog_post_text p span { font-size: 12px; margin-right: 15px; }
.blog_post_single a:hover { color: rgb(var(--color-gold)); }
.popular_tag { overflow: hidden; /* margin-bottom: 30px; */ }
.popular_tag ul li { float: left; }
.popular_tag ul li a { border: 1px solid #ddd; padding: 5px 10px; margin: 5px 10px 5px 0px; border-radius: 3px; font-size: 15px; text-transform: capitalize; font-weight: 400; color: #353535; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.popular_tag ul li a:hover { color: rgb(var(--color-gold)); border-color: rgb(var(--color-gold)); }
/*======================== BLOGS DETAILS END =========================*/ /*======================== FAQ START =========================*/ #faq { padding-top: 65px; }
#faq h4 { font-size: 30px; margin-bottom: 10px; }
.accordion-item:first-of-type .accordion-button { border-radius: 0 !important; }
.accordion-button:not(.collapsed) { border-top: 1px solid #fff; }
.accordion-collapse { border: none; }
#faq .accordion-body { padding: 1rem 1.25rem; border: none !important; }
.faq_text { padding: 30px; background: rgba(0, 136, 204, 0.08) !important; border-radius: 5px; margin-top: 75px; text-align: center; }
.faq_text h3 { text-transform: capitalize; font-size: 35px; font-weight: 600; }
.faq_text .common_btn { margin: 25px 0px 20px 0px; }
.faq_text .call { display: block; font-size: 27px; font-weight: 600; text-transform: capitalize; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.faq_text .call:hover { color: rgb(var(--color-gold)); }
/*======================== FAQ END =========================*/ /*======================== DASHBOARD START =========================*/ #dashboard { padding: 40px 30px 40px 0px; }
.dashboard_menu { display: flex; align-items: center; justify-content: end; padding: 5px 20px; background: #0b2c3d; }
.wsusd__dashboard_user { display: flex; align-items: center; }
.wsusd__dashboard_user img { width: 45px; height: 45px; margin-right: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.wsusd__dashboard_user p { text-transform: capitalize; font-size: 18px; font-weight: 600; color: #fff; }
.dashboard_sidebar { width: 15%; height: 100vh; background: #0b2c3d; position: fixed; top: 0; left: 0; z-index: 9; }
.dash_logo { width: 100%; text-align: center; }
.dash_logo img { padding: 1rem; border-radius: 5px; }
.dashboard_link {margin-bottom: 50px; width: 100%; height: 500px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(var(--color-gold)) #0b172d; }
.dashboard_link li a {
    font: 400 14px/normal var(--font-three);
    color: rgb(var(--color-brown));
    text-transform: capitalize;
    border-bottom: 1px solid rgb(var(--color-black) / 10%);
    width: 100%;
    padding: 8px 15px;
    transition: var(--transition);
}
.dashboard_link li:first-child a { border-top: 1px solid #fffefe24; }
.dashboard_link li a i { margin-right: 10px; }
.dashboard_link li a:hover, .dashboard_link li a.active { background: #051a25; }
/* .dashboard_content h3 { text-transform: capitalize; font-size: 30px; font-weight: 600; display: flex; align-items: center; margin-bottom: 15px; } */
.dashboard_content h3 i { font-size: 18px; color: rgb(var(--color-brown)); margin-right: 10px; }
.dashboard_item i { font-size: 40px; color: #fff; margin-bottom: 10px; }
.dashboard .red { background: #f91942; }
.dashboard .red { background: #f91942; }
.dashboard .green { background: #1ec38b; }
.dashboard .orange { background: #fd7e14; }
.dashboard .blue { background: #0072e3; }
.dashboard .sky { background: #61affd; }
.dashboard .purple { background: #7c007c; }
.dashboard_item:hover { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }
.message { padding: 20px; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 5px; margin-top: 30px; overflow: hidden; }
.message h4 { text-transform: capitalize; font-weight: 600; font-size: 20px; margin-bottom: 20px; }
.message_single { display: flex; justify-content: space-between; margin-bottom: 50px; }
.message .message_single:last-child { margin-bottom: 0; }
.message_img { width: 10%; float: left; overflow: hidden; }
.message_img img { width: 70px; height: 70px; border-radius: 50%; border: 2px solid #eee; }
.message_text { width: 85%; float: left; overflow: hidden; }
.message_text h6 { font-size: 16px; text-transform: capitalize; font-weight: 500; color: #0b2c3d; margin-bottom: 13px; }
.message_text span { display: block; font-size: 16px; font-weight: 400; color: #3e5d6c; margin: 7px 0px; }
.message_text p { font-size: 15px; font-weight: 400; }
.message_text p i { color: #1cb9c8; margin-top: 10px; }
.message_icon { width: 5%; float: right; text-align: center; overflow: hidden; }
.message_icon span { display: block; color: #0b2c3d; font-size: 16px; font-weight: 400; margin-bottom: 16px; cursor: pointer; }
.message_icon span i { transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.message_icon span i:hover { color: rgb(var(--color-gold)); }
.message .single_inout label { display: block; text-transform: capitalize; font-size: 16px; font-weight: 400; color: #3e5d6c; margin-bottom: 5px; }
.message .single_inout input, .message .single_inout textarea { width: 100%; border: 1px solid #eee; padding: 10px 20px; font-size: 16px; font-weight: 400; color: #0b2c3d; margin-bottom: 25px; border-radius: 5px; resize: none; }
.message button { border: none; }
.dashboard_order table { border: 1px solid #eee; margin: 0; }
.dashboard_order table tr { display: flex; }
.dashboard_order .table> :not(:last-child)> :last-child>* { border: none; }
.dashboard_order .table-hover>tbody>tr:hover { background: #cfe8fd; color: #353535; }
.dashboard_order table thead tr th { background: #cfe8fd; color: #353535; padding: 15px 10px; border-right: 1px solid #eee !important; font-size: 14px; font-weight: 600; text-transform: capitalize; text-align: center; }
.dashboard_order table tr td { padding: 15px 10px; border-right: 1px solid #eee; text-transform: capitalize; font-size: 14px; font-weight: 400; display: flex; justify-content: center; align-items: center; }
.dashboard_order .package { width: 150px; }
.dashboard_order .price { width: 150px; }
.dashboard_order .p_date { width: 150px; }
.dashboard_order .e_date { width: 150px; }
.dashboard_order .method { width: 166px; }
.dashboard_order .tr_id { width: 330px; }
.dashboard_order .status { width: 120px; text-align: center; }
.dashboard_order .status a { border: 1px solidrgb(var(--color-gold)); text-align: center; color: rgb(var(--color-gold)); border-radius: 5px; padding: 2px 15px; text-transform: capitalize; font-weight: 500; font-size: 14px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.dashboard_order .status a:hover { background: rgb(var(--color-gold)); color: #fff; }
.dashboard_download .common_btn { margin-top: 15px; }
.dashboard_download .common_btn i { margin-left: 10px; }
.dashboard_review_item { padding: 20px; border-radius: 5px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; overflow: hidden; margin-bottom: 30px; }
.dashboard_review_item.for_mar { margin-bottom: 0px; }
.dash_rev_img { width: 20%; float: left; border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.dash_rev_text { float: left; width: 80%; padding-left: 20px; }
.dash_rev_text h5 { text-transform: capitalize; font-size: 20px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.dash_rev_text h5 span { color: rgb(var(--color-gold)); font-weight: 500; font-style: italic; }
.dash_review { color: #f90; font-size: 14px; }
.dashboard_review_item ul { display: flex; align-items: center; margin-top: 10px; }
.dashboard_review_item ul li a { text-transform: capitalize; margin-right: 10px; padding: 4px 10px; border-radius: 3px; color: #fff; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; background: rgb(var(--color-gold)); font-size: 13px; }
.dashboard_review_item ul li a i { margin-right: 5px; }
.dashboard_review_item ul li a:hover { color: #000; }
.riv_edit_single { position: relative; margin-bottom: 20px; }
.riv_edit_single i { position: absolute; z-index: 1; top: 50%; left: 20px; transform: translateY(-50%); color: #858d91; font-size: 14px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.dash_rev_text .accordion-body { padding: 20px 0px 0px 0px; }
.dash_rev_text .select2-container--default .select2-selection--single { padding: 25px 20px 20px 50px; border-radius: 5px; }
.text_area i { transform: translate(0); top: 27px; -webkit-transform: translate(0); -moz-transform: translate(0); -ms-transform: translate(0); -o-transform: translate(0); }
.riv_edit_single textarea { width: 100%; resize: none; border: 1px solid #eee; border-radius: 4px; padding: 20px 20px 20px 50px; color: #63696c; font-size: 14px; }
.dash_pro_area, .dashboard_add {
    background: rgb(var(--color-black) / 2%);
    padding: 1rem;
    border-radius: 0px;
    border: 1px solid rgb(var(--color-black)/20%);
}
.dash_pro_area h4 { text-transform: capitalize; font-size: 20px; font-weight: 500; margin-bottom: 10px; }
.dash_pro_single { display: flex; align-items: center; margin-bottom: 30px; }
.dash_pro_single i { width: 57px; height: 47px; background: #fff; line-height: 45px; text-align: center; border-radius: 3px; margin-right: 10px; color: rgb(var(--color-gold)); border: 1px solid #eee; }
.dash_pro_single input, .dash_pro_single textarea, .medicine_row_input input { width: 100%; padding: 10px; border-radius: 3px; font-size: 16px; font-weight: 400; color: #353535; resize: none; border: 1px solid #eee; }
/* .dash_pro_img { border-radius: 5px; border: 1px solid #eee; overflow: hidden; position: relative; } */
.dash_pro_img input {
    /* position: absolute;  */
    bottom: 0; left: 0; background: #6fbcfb85; width: 100%; padding: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.dash_add_single { border: 1px solid #eee; border-radius: 5px; overflow: hidden; }
.dash_add_single h4 { text-transform: capitalize; font-size: 20px; font-weight: 500; background: #def0ff; padding: 15px 20px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; }
.dash_add_single h4 span { color: rgb(var(--color-gold)); text-transform: capitalize; font-weight: 500; border: 1px solidrgb(var(--color-gold)); background: #fff; padding: 0px 10px; border-radius: 4px; }
.dash_add_single ul { padding: 10px 20px 20px 20px; }
.dash_add_single ul li { display: flex; align-items: center; margin-top: 15px; font-size: 16px; text-transform: capitalize; flex-wrap: wrap; }
.dash_add_single ul li span { color: #353535; text-transform: capitalize; font-weight: 500; width: 30%; }
.address_btn { border-top: 1px solid #eee; background: #f2f9ff; display: flex; justify-content: space-between; }
.address_btn a { text-transform: capitalize; font-size: 14px; font-weight: 500; display: block; text-align: center; color: #fff; padding: 5px; width: 100%; background: rgb(var(--color-gold)); }
.address_btn a i { margin-right: 5px; }
.add_address_btn { margin-top: 15px; }
.add_address_btn i { margin-right: 5px; }
.add_address_single { margin-bottom: 25px; }
.add_address_single label { text-transform: capitalize; margin-bottom: 5px; }
.add_address_single label b { color: red; }
.add_address_single input, .add_address_single textarea { width: 100%; padding: 15px 20px; font-size: 15px; font-weight: 400; border-radius: 5px; resize: none; border: 1px solid #eee; }
.add_address_single .select2-container--default .select2-selection--single { border-radius: 5px; }
.add_address button { border: none; }
.close_icon { width: 40px; height: 40px; background: rgb(var(--color-gold)); text-align: center; line-height: 40px; color: #fff; position: absolute; top: 0px; right: -40px; cursor: pointer; display: none; font-size: 25px; z-index: 99; }
.close_icon .dash_bar, .close_icon .dash_close { position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; background: rgb(var(--color-gold)); font-size: 20px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.close_icon .dash_close { background: red; opacity: 0; }
.far.fa-times.dash_close.dash_opasity { opacity: 1; }
#dashboard .pro_img { width: 170px; }
#dashboard .wishlist .pro_select { width: 210px; }
#dashboard .pro_icon { width: 160px; }
/*======================== DASHBOARD END =========================*/ /*====================== TERMS & CONDITION START ========================*/ #terms_condition { margin-top: 67px; }
#terms_condition h2 { font-size: 35px; margin-bottom: 35px; text-transform: capitalize; font-weight: 600; }
.terms_text h4 { font-size: 20px; font-weight: 600; text-transform: capitalize; margin-bottom: 20px; }
.terms_text ul { margin-bottom: 25px; }
.terms_text ul li { margin: 20px 0px; font-size: 15px; color: #777; }
.terms_text p { margin-bottom: 20px; font-size: 15px; }
.terms_text p:last-child { margin-bottom: 0; }
.terms_text p a { text-transform: capitalize; font-size: 16px; font-weight: 500; color: rgb(var(--color-gold)); }
/*====================== TERMS & CONDITION END ========================*/ /*====================== FORGET PASSWORD START ========================*/ .forget_area { border: 1px solid #eee; padding: 30px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; background: #fff; }
.forget_area .qiestion_icon { display: block; text-align: center; }
.forget_area .qiestion_icon i { font-size: 40px; color: rgb(var(--color-gold)); margin-bottom: 15px; }
.forget_area h4 { color: red; margin-bottom: 20px; text-align: center; }
.forget_area p { text-transform: capitalize; text-align: center; }
.forget_area p span { text-transform: uppercase; color: rgb(var(--color-gold)); font-weight: 700; display: block; }
.forget_area .login_input { margin-bottom: 25px; }
.forget_area .see_btn { padding: 8px 10px; display: block; text-align: center; }
/*====================== FORGET PASSWORD END ========================*/ /*====================== CHANGE PASSWORD START ========================*/ .change_password { padding: 50px; background: #fff; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.change_password h4 { margin-bottom: 35px; }
.single_pass { margin-bottom: 25px; }
.single_pass label { text-transform: capitalize; font-size: 16px; font-weight: 400; margin-bottom: 5px; }
.single_pass input { width: 100%; padding: 15px 20px; font-size: 15px; font-weight: 400; border-radius: 5px; resize: none; border: 1px solid #eee; }
.change_password button { width: 100%; }
/*====================== CHANGE PASSWORD END ========================*/ /*====================== PAYMENT PAGE START ========================*/ .pay_info_area .nav-pills .nav-link { margin-bottom: 10px; padding: 15px 0px; background: rgb(var(--color-gold)); border-radius: 30px; }
.payment_menu { padding: 15px; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; border-radius: 5px; }
.payment_menu .nav-pills button:last-child { margin-bottom: 0; }
.pay_info_area .nav-pills .nav-link.active, .pay_info_area .nav-pills .nav-link:hover { background: rgb(2, 82, 122); }
.pay_info_area .tab-pane { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; padding: 20px; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.pay_caed_header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.pay_caed_header h5 { text-transform: capitalize; font-size: 16px; font-weight: 600; }
.pay_caed_header img { width: 80px; border-radius: 5px; }
.payment_area .input { color: #353535; background: none; width: 100%; padding: 5px 0px; font-size: 15px; font-weight: 400; margin-bottom: 20px; resize: none; border: none; border-bottom: 1px solid #eee; }
.payment_area .input::placeholder { color: #000; opacity: .3; }
.save_payment { display: flex; align-items: center; margin-bottom: 15px; flex-wrap: wrap; }
.save_payment h6 { font-size: 14px; font-weight: 500; }
.save_payment h6 i { margin-right: 5px; }
.save_payment img { width: 50px; margin-left: 10px; border-radius: 3px; }
.save_card { display: flex; align-items: center; }
.save_card label { font-weight: 400; font-size: 14px; }
.payment_area button { font-weight: 600; width: 100%; border-radius: 30px; }
.payment_area .form-check input { border-radius: 10px !important; }
.pay_info_area p { font-size: 15px; margin-bottom: 20px; }
.pay_info_area ul { margin-bottom: 25px; }
.pay_info_area ul li { color: #797979; font-size: 15px; margin: 10px 0px; padding-left: 30px; position: relative; }
.pay_info_area ul li::after { font-family: "Font Awesome 5 Free"; font-weight: 600; font-style: normal; position: absolute; content: "\f00c"; top: 1px; left: 0; color: rgb(var(--color-gold)); font-size: 14px; border: none; }
.pay_info_area .input_area input, .pay_info_area .input_area textarea { width: 100%; padding: 15px 20px; border-radius: 5px; margin-bottom: 20px; resize: none; border: 1px solid #ddd; }
.pay_info_area .select2-container--default .select2-selection--single { border-radius: 5px; border: 1px solid #ddd; }
.pay_booking_summary { padding: 20px; background: #fff; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.pay_booking_summary h5 { border-bottom: 2px solid #fff; padding-bottom: 10px; margin-bottom: 15px; }
.pay_booking_summary p { color: #353535; text-transform: capitalize; display: flex; justify-content: space-between; margin-bottom: 10px; }
.pay_booking_summary p span { color: #353535; }
.pay_booking_summary h6 { text-transform: capitalize; display: flex; justify-content: space-between; font-weight: 700; border-top: 2px solid #fff; padding-top: 15px; margin-top: 15px; }
.pay_booking_summary h6 span { color: #353535; font-weight: 700; }
/*====================== PAYMENT PAGE END ========================*/ /*====================== TRACKING ORDER START ========================*/ .tack_form { background: #fff; padding: 40px; text-align: center; margin-bottom: 62px; border-radius: 10px; overflow: hidden; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; }
.tack_form h4 { text-transform: capitalize; font-size: 25px; font-weight: 600; }
.tack_form p { text-transform: capitalize; margin-bottom: 50px; }
.track_input label { text-transform: capitalize; text-align: left; color: #353535; }
.track_input input { width: 100%; padding: 15px 20px; font-size: 15px; font-weight: 400; margin-bottom: 25px; resize: none; border-radius: 5px; border: 1px solid #eee; }
.tack_form button { width: 100%; margin: 0 !important; }
.track_header_text { /* border: 1px solid #eee; */ /* padding: 20px; */ border-radius: 5px; margin-top: 10px; }
.track_header_single { border-right: 1px solid #eee; background: #fff; padding: 20px; border-radius: 5px; overflow: hidden; box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px; }
.track_header_single.border_none { border: none; }
.track_header_single h5 { text-transform: capitalize; font-size: 18px; }
.track_header_single p { text-transform: capitalize; font-size: 15px; color: #353535; }
.progtrckr { margin: 50px 0px 57px 0px; }
.progtrckr li { display: inline-block; text-align: center; width: 24.75%; text-transform: capitalize; font-size: 18px; font-weight: 700; padding-bottom: 30px; position: relative; }
.progtrckr li::before { position: absolute; font-family: "Font Awesome 5 Free"; left: 50%; content: "\f00c"; color: silver; background: #fff; font-size: 23px; bottom: -23px; width: 45px; height: 45px; line-height: 43px; border-radius: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); border: 2px solid silver; z-index: 1; }
.progtrckr li::after { position: absolute; content: ""; width: 102%; height: 4px; background: silver; bottom: -4px; left: 0; }
.progtrckr li:nth-child(1)::before { content: "\f061"; }
.progtrckr li:nth-child(1)::after { background: rgb(var(--color-gold)); }
.progtrckr li:nth-child(2)::before { content: "\f2f1"; }
.progtrckr li:nth-child(3)::before { content: "\f0d1"; }
.check_mark::before { background: rgb(var(--color-gold)) !important; color: #fff !important; border-color: rgb(var(--color-gold)) !important; }
.check_mark::after { background: rgb(var(--color-gold)) !important; }
.red_mark::before { content: "\f00d" !important; background: #dc3545 !important; border-color: #dc3545 !important; color: #fff !important; }
.red_mark::after { background: #dc3545 !important; }
/* .progtrckr li:last-child::after { width: 100%; }
.progtrckr li:nth-child(1)::before { content: "\f058"; }
.progtrckr li:nth-child(2)::before { content: "\f013"; }
.progtrckr li:nth-child(3)::before { content: "\f0d1"; }
.progtrckr li:nth-child(4)::before { content: "\f06b"; }
.progtrckr li.progtrckr_done::before { content: "\f00c"; background:rgb(var(--color-gold)); color: #fff; border-color:rgb(var(--color-gold)); }
.progtrckr li.progtrckr_done::after { background:rgb(var(--color-gold)); }
*/ .track_area .common_btn { margin-top: 25px; }
/*====================== TRACKING ORDER END ========================*/ /*====================== VENDORS PAGE START ========================*/ .vendor_sidebar { padding: 20px; }
.vendor_sidebar form { position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 30px; }
.vendor_sidebar form input { width: 100%; padding: 10px; font-size: 16px; font-weight: 400; color: #353535; border: 1px solid #eee; border-radius: 5px; }
.vendor_sidebar form button { position: absolute; top: 0; right: 0; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }
.vendor_sidebar_select { margin-top: 15px; }
.vendor_sidebar_select h4 { font-size: 16px; font-weight: 600; text-transform: capitalize; margin-bottom: 10px; }
.vendor_sidebar .select2-container--default .select2-selection--single { border-radius: 5px; }
.vendor_sidebar_select form { margin-bottom: 15px; }
.vendor_single { position: relative; border-radius: 5px; overflow: hidden; margin-top: 30px; width: 100%; height: 302px; }
.vendor_single img { width: 100% !important; height: 100% !important; object-fit: cover; }
.vendor_text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #0000004a; }
.vendor_text_center { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.vendor_text_center h4 { color: #fff; text-transform: capitalize; }
.vendor_text_center .vendor_rating { color: #ff9f00; margin: 15px 0px 0px 0px; }
.vendor_text_center a { color: #fff; display: block; margin: 5px 0px; }
.vendor_text_center a i { width: 25px; }
.vendor_text_center .common_btn { display: inline-block; margin: 14px 0px 0px 0px; }
/*====================== VENDORS PAGE END ========================*/ /*====================== VENDORS DETAILA START ========================*/ .vendor_det_banner_text { background: linear-gradient(90deg, rgba(11, 44, 61, 1) 0%, rgba(6, 120, 148, 0) 50%, rgba(11, 44, 61, 0) 100%); }
.vendor_det_banner_text .vendor_location, .vendor_det_banner_text .open_store { color: #fff; text-transform: capitalize; }
.vendor_det_banner_text .vendor_location i, .vendor_det_banner_text .open_store i { width: 25px; }
.vendor_det_banner_text .vendor_text_center { width: 40%; }
.vendor_det_banner_text ul { display: flex; margin-top: 10px; }
.vendor_det_banner_text ul li a { width: 35px; height: 35px; line-height: 37px; text-align: center; border-radius: 50%; margin-right: 10px; background: #eee; color: #353535; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.modal-title { text-transform: capitalize; }
.vendor_review_modal .rating { margin-bottom: 15px; }
/*====================== VENDORS DETAILA END ========================*/ /*====================== CATEGORY PAGE START ========================*/ .category_topbar .select2-container--default .select2-selection--single { width: 100%; }
.category_topbar .topbar_select { border-radius: 5px; overflow: hidden; width: 32%; }
.category_topbar .topbar_select2 { border-right: 1px solid #eee; }
.category_topbar button { width: 32%; border: none; }
/*====================== CATEGORY PAGE END ========================*/ /*====================== CUSTOM PAGE START ========================*/ .custom_pages p { margin-top: -7px; }
.custom_pages p span { display: block; margin-top: 20px; }
/*====================== CUSTOM PAGE END ========================*/ /*====================== DAILY DEALS START ========================*/ #daily_deals { margin-top: 43px; }
.daily_deals_single { border: 1px solid #eee; overflow: hidden; background: #def0ff; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; margin-top: 30px; background: #fff; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.daily_deals_single_img { overflow: hidden; position: relative; }
.daily_deals_single_img .link_img { width: 100%; height: 240px; }
.daily_deals_single_img .link_img img { width: 100% !important; height: 100% !important; object-fit: cover; }
.daily_deals_single_img p { text-transform: capitalize; font-size: 20px; font-weight: 700; color: #fff; width: 100%; text-align: center; background: rgb(var(--color-gold)); padding: 8px 0px 10px 0px; }
.daily_deals_single_img .live { background: red; color: #fff; position: absolute; top: 5px; right: 5px; padding: 5px; border-radius: 3px; text-transform: capitalize; font-size: 13px; font-weight: 600; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.daily_deals_single_img .live:hover { background: #ae0a0a; }
.daily_deals_text { padding: 20px; }
.daily_deals_text .deals_title { text-transform: capitalize; font-weight: 600; font-size: 18px; margin-bottom: 15px; display: block; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.daily_deals_text p { text-transform: capitalize; font-size: 14px; }
.daily_deals_text .common_btn { margin-top: 20px; padding: 8px 15px; text-transform: capitalize; display: inline-block; }
.daily_deals_text .deals_title:hover { color: rgb(var(--color-gold)); }
/*====================== DAILY DEALS END ========================*/ /*====================== DAILY DEALS DETAILS START ========================*/ .offer_details_banner { border-radius: 5px; overflow: hidden; margin-bottom: 70px; position: relative; width: 100%; height: 230px; }
.offer_details_banner img { height: 100%; object-fit: cover; }
.offer_details_banner_text { position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 40%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.offer_details_banner_text p { color: #fff; text-transform: uppercase; font-size: 16px; margin-bottom: 7px; font-weight: 600; }
.offer_details_banner_text span { display: block; color: #fff; padding: 5px 0px; font-weight: 600; text-transform: uppercase; font-size: 25px; margin-top: 10px; }
.offer_details_area .simply-seconds-section { margin-right: 0; }
.offer_det_single { border: 1px solid #eee; border-radius: 5px; margin-top: 25px; background: #fff; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; }
.offer_det_single .product_item { border: none; margin-top: 0; box-shadow: none; }
.offer_progress { padding: 0px 15px 15px 15px; }
.offer_progress p { display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; }
.offer_progress p span { text-transform: capitalize; font-size: 14px; font-weight: 600; }
.offer_progress .progress { height: 15px; font-size: 11px; border-radius: 30px; font-weight: 600; }
.offer_progress .progress-bar { background-color: rgb(var(--color-gold)); }
/*====================== DAILY DEALS DETAILS END ========================*/ /*====================== BRANDS PAGE START ========================*/ #brands { margin-top: 40px; }
.single_brand { box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 5px; border-radius: 5px; overflow: hidden; display: block; width: 100%; height: 150px; position: relative; margin-top: 30px; }
.single_brand img { height: 100%; object-fit: cover; }
.single_brand::after { position: absolute; content: ""; background: rgb(var(--color-gold)); width: 70%; height: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.single_brand:hover::after { width: 100%; height: 100%; opacity: .5; }
.single_brand .new { position: absolute; top: 0; left: 0; background: rgb(var(--color-gold)); color: #fff; text-transform: capitalize; font-size: 14px; font-weight: 600; padding: 0px 10px; border-bottom-right-radius: 5px; z-index: 1; }
.single_brand .rating { position: absolute; bottom: 0; right: 0; background: #f6bc3e; color: #fff; text-transform: capitalize; font-size: 14px; font-weight: 600; padding: 0px 10px; border-top-left-radius: 5px; z-index: 1; }
/*====================== BRANDS PAGE END ========================*/ /*====================== HOME PAGE 2 START ========================*/ header .dropdown .nav-link { width: auto; height: 40px; padding: 0px 10px; border-radius: 30px; }
header .dropdown-menu { padding: 0; border: 1px solid #aad8ff73; border-radius: 5px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; min-width: 6rem; margin-top: 5px !important; }
header .dropdown-menu li { margin: 0px !important; }
header .dropdown-menu a { width: auto !important; height: auto !important; box-shadow: none; padding: 5px 0px; text-transform: uppercase; font-size: 14px; border-bottom: 1px solid #aad8ff73 !important; font-weight: 600; border-radius: 0 !important; color: #333 !important; background: #fff !important; }
header .dropdown-menu a:hover { background: #aad8ff73 !important; }
header .search button:hover { background: rgb(var(--color-gold)) !important; color: #fff !important; }
.main_menu .cat_icon { width: 50px; height: 50px; line-height: 50px; text-align: center; float: left; background: #5897fb; color: #fff; font-size: 23px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
.main_menu .cat_icon:hover { background: #316089 !important; }
.menu_item_right li:first-child { margin-left: 0px; }
.menu_item li:last-child { margin-right: 0px; }
.relative_contect { position: relative; }
header .call_text a:hover { color: #316089 !important; }
.menu_item li a:hover { color: rgb(var(--color-gold)) !important; }
.mini_cart h4 span { width: 30px; height: 30px; line-height: 30px; border-radius: 50%; margin-top: -5px; font-size: 16px; }
.wsis__del_icon { opacity: 0; }
.mini_cart ul li:hover .wsis__del_icon { opacity: 1; }
.wsus_menu_cat_item { width: 250px; height: 575px; position: absolute; top: 99%; left: 0; border-radius: 5px; }
.wsus_menu_cat_item::-webkit-scrollbar { scrollbar-width: thin !important; background: #353535; height: 4px; width: 4px; border-radius: 30px; }
.wsus_menu_cat_item>li:hover>a, .wsus_menu_cat_droapdown>li:hover>a { color: rgb(var(--color-gold)) !important; background: none; }
/* banner 2 start */ #banner .slick-dots { justify-content: center; }
/* .single_banner_content { height: 270px; border-radius: 5px; overflow: hidden; }
*/ .single_banner_content .single_banner_img { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; width: 100%; height: 100%; }
.single_banner_content .single_banner_img img { object-fit: cover; height: 100%; }
/* product start */ /* .minus { width: 50px; border-radius: 0px; opacity: 1; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
*/ .product_item:hover .new, .product_item:hover .minus { opacity: 1; }
.product_item:hover .product_details .price { opacity: 1; visibility: visible; }
.product_details .price { margin-bottom: 5px; }
/* .single_pro_icon li a { background: #fff; } */
/* .single_pro_icon li a:hover { color: #fff !important; } */
.monthly_top_2 .grid .hot_deals__single_img { width: 100% !important; height: auto; border-right: 0; }
.monthly_top_2 .grid .hot_deals__single_text { width: 100% !important; padding-left: 0 !important; }
.monthly_top_2 .monthly_top_banner_text { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.monthly_top_2 .monthly_top_banner_text h3 { font-size: 40px; margin: 0px 25px; }
.monthly_top_2 .monthly_top_banner_text h3 span { font-size: 40px; }
.monthly_top_2 .monthly_top_banner_text h6 { font-size: 20px; margin-bottom: 0; margin-right: 25px; }
.monthly_top_2 .monthly_top_banner_text h4 { font-size: 20px; }
.brand_slider_2 .brand_logo { margin: 0px 12px; overflow: hidden; }
.hot_deals_2 .hot_deals_img { width: 100% !important; position: relative; }
.hot_deals_2 .hot_deals_img img { object-fit: cover; }
.hot_deals_2 .hot_deals_text { width: 100% !important; padding-left: 0; padding-top: 0; position: absolute; top: 0; left: 0; background: #00000696; height: 100%; text-align: center; display: flex; opacity: 0; flex-direction: column; align-items: center; justify-content: center; transition: all linear .5s; -webkit-transition: all linear .5s; -moz-transition: all linear .5s; -ms-transition: all linear .5s; -o-transition: all linear .5s; }
.hot_deals_offer:hover .hot_deals_text { opacity: 1; }
.hot_deals_2 .hot_deals_text .hot_title, .hot_deals_2 .hot_deals_text .rating span { color: #fff; }
.hot_deals_2 .hot_deals_text .details { color: #fff; width: 85%; }
.hot_deals_2 .hot_deals_text ul li:nth-child(2) a, .hot_deals_2 .hot_deals_text ul li:nth-child(3) a { border-color: #fff; color: #fff; }
.hot_deals_2 .hot_deals_text ul li:nth-child(2) a:hover, .hot_deals_2 .hot_deals_text ul li:nth-child(3) a:hover { border-color: rgb(var(--color-gold)) !important; }
.hot_deals_2 .simply-countdown { margin-top: 15px; }
.hot_deals_2 .hot_deals_offer .simply-days-section, .hot_deals_2 .hot_deals_offer .simply-hours-section, .hot_deals_2 .hot_deals_offer .simply-minutes-section, .hot_deals_2 .hot_deals_offer .simply-seconds-section { border: 1px solid #fff; width: 70px; height: 47px; margin: 0px 5px; border-radius: 3px; }
/* .single_banner_2 .single_banner_content .single_banner_img { border-radius: 5px; }
*/ .single_banner_content a { display: block; }
.single_banner_content a > img{ width: 100%; }
.hot_small_item_2 .hot_deals__single_img { width: 100% !important; border-right: 0; }
.hot_small_item_2 .hot_deals__single_text { width: 100% !important; margin-top: 0; padding-left: 0 !important; /*! text-align: center; */ }
.hot_small_item_2 .hot_deals__single { border-color: #eee; }
.home_2_single_banner .banner_1 { height: 600px; border-radius: 5px; overflow: hidden; }
.banner_1 .single_banner_text { background: #00000096; width: 100%; height: 100%; top: 0; left: 0; transform: translate(0); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.banner_1 .single_banner_text h6 { font-size: 35px; flex-wrap: wrap; justify-content: center; }
.banner_1 .single_banner_text h6 span { font-size: 67px; font-weight: 900; color: rgb(var(--color-gold)); margin-left: 10px; }
.banner_1 .single_banner_text h3 { font-size: 55px; }
.banner_1 .shop_btn { font-size: 16px; padding: 15px 40px; }
.weekly_best2 .hot_deals__single_img { width: 100% !important; border-right: 0; }
.weekly_best2 .hot_deals__single_text { width: 100% !important; margin-top: 0; padding-left: 0 !important; /*! text-align: center; */ }
.weekly_best2 .hot_deals__single { margin: 25px 12px 0px 12px; }
/* .home_service_2 { margin-top: 90px !important; }
*/ /* .home_service_single_2 { border: none; background: #fff; position: relative; padding: 50px 0px 25px 0px; border-radius: 5px; box-shadow: rgb(50 50 93 / 15%) 0px 0px 5px 0px; text-align: center; }
*/ /* .home_service_single_2.border_left { border: none; }
*/ /* .home_service_single_2 p { font-size: 15px; }
*/ /* .home_service_single_2 i { font-size: 25px; margin: 0px; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; background: rgb(var(--color-gold)); position: absolute; top: -25px; left: 50%; transform: translateX(-50%); color: #fff !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
*/ .single_blog_2 .blog_text { position: relative; }
.single_blog_2 .blog_text_center a:hover { color: rgb(var(--color-gold)); }
.single_blog_2 .blog_top { top: -20px; left: auto; right: 20px; }
.offer_time { background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.offer_time::after { position: absolute; content: ""; width: 100%; height: 100%; background: #000; top: 0; left: 0; z-index: -1; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.flash_sell_2 .simply-section.simply-days-section, .flash_sell_2 .simply-section.simply-hours-section, .flash_sell_2 .simply-section.simply-minutes-section, .flash_sell_2 .simply-section.simply-seconds-section { width: 90px; height: 90px; line-height: 40px; text-align: center; border-radius: 5px; margin: 0px 5px; background: #00000066; }
.flash_sell_2 .simply-amount { display: block; font-size: 40px; font-weight: 900; color: #fff; border-bottom: 1px dashed #ddd; height: 55px; line-height: 55px; }
.flash_sell_2 .simply-word { color: #fff; text-transform: capitalize; height: 35px; line-height: 35px; display: block; font-size: 13px; }
.footer_2 form { position: relative; width: 100%; margin: 15px 0px 25px 0px; }
.footer_2 form input {
    width: 100%;
    padding: 0px 50px 0 10px;
    border-radius: 4px;
    border: none;
    height: 45px;
    font: 400 16px/normal var(--font-three);
    border: 1px solid lightgray;
}
.footer_2 form button { font-family: 'Font Awesome 5 Free'; position: absolute; margin: 2px; right: 0px; height: calc(45px - 4px); border-radius: 4px; text-transform: uppercase; background-color: rgb(var(--color-black)); padding: 0 20px; }
.footer_2 form button > i {font-style: normal;}
.footer_content_2 h3 { font-weight: 900; font-size: 25px; color: rgb(var(--color-black)); }
.footer_content_2 p { padding: 0px; margin-top: 22px; }
.footer_payment p { margin: 0px 0px 10px 0px; text-transform: capitalize; }
.footer_payment img { width: auto; }
.footer_2 .footer_social li a { background: rgb(var(--color-black)); color: #fff; }
.footer_2_logo { width: 100%; border-radius: 5px; padding: 0px 10px 10px 10px; margin-bottom: 10px; }
.footer_2 .footer_content img { margin-bottom: 0; }
.footer_2 .footer_content h5 { border-bottom: 0px solid rgb(var(--color-black)); display: inline-block; }
.footer_2 .footer_content h5, .footer_2 .footer_content p, .footer_2 .footer_menu li a, .footer_2 .footer_content .action, .footer_2 .footer_content p, .footer_2 .footer_bottom p { color: rgb(var(--color-black)); }
.footer_payment img { width: 100%; }
/*====================== HOME PAGE 2 END ========================*/ /*====================== DASHBOARD CHAT START ========================*/ .chatlist, .chat_main_area { height: 64vh; border-radius: 5px; background: #fff; box-shadow: rgba(0, 0, 0, 0.27) 0px 1px 4px; overflow: hidden; }
.chatlist_body { text-align: center; max-height: 645px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(var(--color-gold)) #0b172d; width: 100%; }
.chatlist h2, .chat_area_header h2 { text-transform: capitalize; font-size: 18px; padding: 10px; color: #fff; font-weight: 600; background: rgb(var(--color-gold)); text-align: center; width: 100%; }
.chatlist #v-pills-tab { width: 100%; margin: 0 !important; }
.chatlist button { width: 100%; border: none; border-radius: 0 !important; text-align: left; outline: none; background: none; align-items: center; display: flex; padding: 15px 10px; }
.chatlist .nav-pills .nav-link.active { background-color: #eeeeeeb3; }
.chatlist .wsus_chat_list_img { width: 60px; height: 60px; float: left; position: relative; margin-right: 15px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px; border: 5px solid #fff; }
.chatlist .wsus_chat_list_img img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.wsus_chat_list_img span { background: rgb(var(--color-gold)); color: #fff; width: 20px; height: 20px; display: block; border-radius: 50%; text-align: center; line-height: 20px; font-size: 12px; font-weight: 600; top: -3px; left: -8px; position: absolute; }
.chatlist .wsus_chat_list_text { width: 295px; }
.chatlist .wsus_chat_list_text h4 { text-transform: capitalize; font-size: 16px; margin-bottom: 5px; color: #5c5c5c; font-weight: 500; }
.chatlist .wsus_chat_list_text .status { color: #999; text-transform: capitalize; display: block; position: relative; padding-left: 20px; font-size: 14px; }
.chatlist .wsus_chat_list_text .status::after { position: absolute; content: ""; background: #b0b0b0; width: 13px; height: 13px; top: 50%; left: 0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.chatlist .wsus_chat_list_text .status.active { color: #5ba835; }
.chatlist .wsus_chat_list_text .status.active::after { background: #5ba835; }
.chat_area_body { max-height: 400px; height: 400px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: rgb(var(--color-gold)) #0b172d; }
.chat_single { overflow: hidden; padding: 15px 15px 0px 15px; display: flex; flex-wrap: wrap; width: 100%; }
.chat_single_img { width: 60px; height: 60px; overflow: hidden; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; margin-right: 15px; box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 8px; border: 5px solid #fff; }
.chat_single_img img { width: 100%; height: 100%; object-fit: cover; }
.chat_single_text { width: 80%; text-align: left; }
.chat_single_text p { text-align: left; padding: 10px; background: #eeeeeeb3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; display: inline-block; font-size: 15px; box-shadow: rgba(0, 0, 0, 0.05) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; }
.chat_single_text span { display: block; text-align: left; color: #b8b8b8; text-transform: capitalize; font-size: 12px; font-weight: 600; margin-top: 5px; }
.chat_single.single_chat_2 { flex-direction: row-reverse; float: right; }
.single_chat_2 .chat_single_text { text-align: right; }
.single_chat_2 .chat_single_img { margin-right: 0; margin-left: 15px; }
.single_chat_2 .chat_single_text span { text-align: right; }
.single_chat_2 .chat_single_text p { background: rgb(var(--color-gold)); color: #fff; }
.chat_area_footer form { position: relative; overflow: hidden; width: 100%; }
.chat_area_footer form input { width: 100%; padding: 15px 20px; font-size: 15px; border: 1px solid #eee; }
.chat_area_footer form button { position: absolute; top: 7px; right: 7px; width: 40px; height: 40px; border-radius: 50%; border: none; background: rgb(var(--color-gold)); color: #fff; padding-right: 2px; transition: all linear .3s; -webkit-transition: all linear .3s ease; -moz-transition: all linear .3s ease; -ms-transition: all linear .3s ease; -o-transition: all linear .3s ease; }
.chat_area_footer form button:hover { background: #5ba835; }
/*====================== DASHBOARD CHAT END ========================*/ /* extra css start here */ .modal_btn { display: flex; width: 150px; }
.modal_btn input { width: 100%; margin: 0px 5px; text-align: center; background: #fff !important; border: 1px solid #ddd; border-radius: .25rem; padding: .375rem .75rem; }
.modal_btn input:focus { border-color: #ddd; box-shadow: none; }
.modal_btn button { outline: none; padding: 0px 12px; font-size: 20px; }
.modal_btn button:focus { color: #fff; background-color: #157347; border-color: #146c43; box-shadow: none; }
.modal_btn button:focus { box-shadow: none; }
.modal_btn .btn-danger:focus { background-color: #dc3545; border-color: #dc3545; }
.quentity h3 span { margin-left: 5px; display: inline-block; font-size: 23px; color: rgb(var(--color-gold)); font-weight: 600; }
.pro_details_text h4 span { margin-left: 5px; display: inline-block; font-size: 30px; color: rgb(var(--color-gold)); font-weight: 700; }
.login_link { color: #d33; text-transform: capitalize; font-size: 15px; transition: all linear .3s; -webkit-transition: all linear .3s; -moz-transition: all linear .3s; -ms-transition: all linear .3s; -o-transition: all linear .3s; }
.login_link:hover { color: rgb(var(--color-gold)); }
.invoice_print i { margin-right: 5px; }
.select_number .number_area { width: 65px; border-radius: 30px; margin: 0px 5px; }
.brand_logo a { margin-top: 5px; }
a:not([href]):not([class]), a:not([href]):not([class]):hover { color: rgb(var(--color-gold)); }
/* extra css end here */ .input input{ width: 100%; padding: 10px; border-radius: 3px; font-size: 16px; font-weight: 400; color: #353535; resize: none; border: 1px solid #eee; margin-bottom: 10px; }
.input select{ width: 100%; padding: 10px; border-radius: 3px; font-size: 16px; font-weight: 400; color: #353535; resize: none; border: 1px solid #eee; margin-bottom: 10px; }
.input textarea{ width: 100%; padding: 10px; border-radius: 3px; font-size: 16px; font-weight: 400; color: #353535; resize: none; border: 1px solid #eee; margin-bottom: 10px; }
.input label{ margin-bottom: 5px; }
.create_button { text-align: right; margin-bottom: 10px; }
#flexSwitchCheckDefault { height: 20px !important; width: 50px !important; }
.delete-item { margin-left: 4px !important; }
.btn-space-right { margin-right: 5px; color: #fff; }
.page-item.disabled > .page-link { width: 35px; height: 35px; padding: 0; text-align: center; line-height: 35px; font-size: 13px; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; border-radius: 50%; border: 1px solid rgb(var(--color-gold)); margin-right: 10px; }
.page-item.active > .page-link{ width: 35px; height: 35px; padding: 0; text-align: center; line-height: 35px; font-size: 13px; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; border-radius: 50%; border: 1px solid rgb(var(--color-gold)); margin-right: 10px; }
.page-item > .page-link{ width: 35px; height: 35px; padding: 0; text-align: center; line-height: 35px; font-size: 13px; font-weight: 400; transition: all linear 0.3s; -webkit-transition: all linear 0.3s; -moz-transition: all linear 0.3s; -ms-transition: all linear 0.3s; -o-transition: all linear 0.3s; border-radius: 100% !important;; border: 1px solid rgb(var(--color-gold)); margin-right: 10px; }
/* .new { border-radius: 30px; opacity: 1; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; }
*/ #sticky_pro_zoom { z-index: 9999 !important; }
.product_qty_wrapper { display: flex; }
.product_qty_wrapper>.product-qty {
    width: 43px;
    height: 36px;
    padding-left: 5px;
    border-radius: 0px !important;
    border: 1px solid black;
}
.cart_list .pro_name { width: 334px; }
.mini_cart .cart_img img { height: 70px; object-fit: cover; }
#card-element { padding: 18px; }
.razorpay-payment-button { font-size: 14px; text-transform: capitalize; font-weight: 600; color: #fff; background: rgb(var(--color-gold)); padding: 12px 25px; border: none; border-radius: 30px; outline: none; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; width: 100%; }
.add_cart_two { position: static; padding: 0px 19px; font-size: 16px; width: auto; height: 40px; color: #fff; border: 1px solid rgb(var(--color-gold)); background: rgb(var(--color-gold)); margin-right: 10px; }
.add_cart_two:hover { color: rgb(var(--color-gold)); border: 1px solid rgb(var(--color-gold)); background: #fff; }
.pro_det_review .comment_text ul li { width: 20% !important; height: 20% !important; margin-right: 10px; float: left; }
.hot_deals__single_img img { width: 200px !important; height: 150px !important; object-fit: cover; }
.add_cart { border: 0px !important; }
/* Loader */ .loader { width: 16px; height: 16px; box-shadow: 0 30px, 0 -30px; border-radius: 4px; background: currentColor; display: block; margin: -50px auto 0; position: relative; color: #FFF; transform: translateY(30px); box-sizing: border-box; animation: animloader 2s ease infinite; }
.loader::after, .loader::before { content: ''; box-sizing: border-box; width: 16px; height: 16px; box-shadow: 0 30px, 0 -30px; border-radius: 4px; background: currentColor; color: #FFF; position: absolute; left: 30px; top: 0; animation: animloader 2s 0.2s ease infinite; }
.loader::before { animation-delay: 0.4s; left: 60px; }
@keyframes animloader { 0% { top: 0; color: white; }
50% { top: 30px; color: rgba(255, 255, 255, 0.2); }
100% { top: 0; color: white; }
}
.msg-notification { border: 5px solid #08c !important; }
.chat_area_footer { width: 100% !important; bottom: 0 !important; /* position: absolute !important; */ }
.buy_now { text-transform: uppercase; font-size: 12px; font-weight: 600; color: #fff; padding: 10px 15px; background: #3ea475; border-radius: 3px; transition: all linear 0.3s; -webkit-transition: all linear 0.3s ease; -moz-transition: all linear 0.3s ease; -ms-transition: all linear 0.3s ease; -o-transition: all linear 0.3s ease; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; }
.product_details .buy_now{ position: relative; top: 0px; left: 0; padding: 0px 10px !important; width: 100%; text-align: center; height: 35px; margin-bottom: 5px; border-radius: 4px !important; border: 0px !important; }
.buy_now:hover { color: #fff; background: #198754; }
.cstmname, .wsus_choose_font{ display: flex; margin: 20px 0px; align-items: center; flex-wrap: wrap; }
.cstmname h5{ text-transform: capitalize; font-weight: 400; width: 135px; font-size: 16px; }
.wsus_choose_font h5{ text-transform: capitalize; font-weight: 400; width: 215px; font-size: 16px; }
html,body{ min-height: 100vh; min-width: 100vw; }
.parent{ height: 100vh; }
.parent>.row{ display: flex; align-items: center; height: 100%; }
.col img{ height:100px; width: 100%; cursor: pointer; transition: transform 1s; object-fit: cover; }
.col label{ overflow: visible; position: relative; }
.imgbgchk:checked + label>.tick_container{ opacity: 1; }
/* aNIMATION */ .imgbgchk:checked + label>img{ transform: scale(1.03); opacity: 0.3; }
.tick_container { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); cursor: pointer; text-align: center; }
.tick { background-color: #4CAF50; color: white; font-size: 16px; padding: 6px 12px; height: 40px; width: 40px; border-radius: 100%; }
.zoom_image:hover { transform: scale(3.5); overflow: hidden; }

/* Page Enquiry Page Starts */
.check_form tbody tr, td {
    border: 1px solid gainsboro !important;
}
.check_form td {
    font-size: 14px;
    text-align: center;
}
.check_form th{
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    background-color: black;
    color:#fff;
}
/* .check_form .btn-danger{
    border-left: 1px solid black;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
} */
/* .check_form .btn {
    padding: 0.180rem 0.75rem !important;
    color: black;
    background-color: #fff;
    border-color: black;
    border-radius: 4px;
    font-size: 18px;
    font-weight: bold;
}
.check_form .btn:focus {
    outline-color: #fff !important;
    box-shadow: none;
} */
.check_form label{
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 10px;
}
button.btn.btn-primary.submit {
    /* padding: 0.375rem 0.90rem !important; */
    border-radius: 0px;
    font-weight: 100;
    font-size: 14px;
    background-color: #000;
    color: #fff;
    line-height: 35px;
    /* border-color: red; */
}
button.btn.btn-primary.submit:hover{
    background-color: #fff;
    color: #000;
    font-weight: 900 !important;
}
.date_type{
    font-size:14px;
}


@media (min-width: 1440px) {
    .chat_area_body {
        max-height: 50vh;
        min-height: 250px;
    }
}


@media (min-width: 1024px) and (max-width: 1439px) {
    .chat_area_body {
        max-height: 45vh;
        padding: 20px;
        min-height: 180px;
    }
}


@media (min-width: 768px) and (max-width: 1023px) {
    .chat_area_body {
        max-height: 35vh;
        padding: 20px;
        min-height: 180px;
    }
}