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

@charset "utf-8";
/* CSS Document */
    
::selection { 
	background: #000; /* Safari */ 
	color:#fff;
}
  

body {font-family: "Roboto", sans-serif; font-weight:400;  margin:0; padding:0; overflow-x:hidden;} 
p { margin:0; padding:15px 0 0 0; font-family: "Roboto", sans-serif; font-weight:400; font-size:16px; line-height:24px; color: #333333; }
h1, h2, h3, h4, h5, h6  { margin:0; padding:0; font-weight:700; font-family: "Roboto", sans-serif; }
ul, li { margin:0; padding:0; font-family: "Roboto", sans-serif;}
a { text-decoration:none; color:var(--primarycolor); }
a:hover { color: var(--secondarycolor);}
.btn { font-size: 16px; color:#fff !important; padding: 10px 26px; border-radius:5px;  font-weight:bold; line-height:normal; margin-top:20px; background: var(--primarycolor); border:none;}
.btn:hover {  background: var(--secondarycolor) !important;}
.btn:active {  background: var(--secondarycolor) !important;}
.btn:disabled {background: var(--primarycolor);}
img { width:100%;}

h1 { font-size:clamp(26px, 5vw, 40px); line-height: clamp(36px, 5vw, 50px);}
h2 { font-size:clamp(20px, 5vw, 30px); line-height: clamp(30px, 5vw, 40px);}
h3 { font-size:clamp(18px, 5vw, 24px); line-height: clamp(24px, 5vw, 32px);} 
h4 { font-size:clamp(16px, 5vw, 20px); line-height: clamp(22px, 5vw, 26px);}
h5 { font-size:clamp(16px, 5vw, 18px); line-height: clamp(20px, 5vw, 24px);}
h6 { font-size:clamp(14px, 5vw, 16px); line-height: clamp(18px, 5vw, 22px);}
 
.form-control {font-size:16px; color:#81878D; border-radius:5px; min-height:46px; padding:11px 15px;  } 
.form-select {font-size:16px; color:#81878D; border-radius:5px; min-height:46px; padding:11px 15px; } 
  
.toast { min-width: 340px; border-radius: 12px; color: #fff; font-weight: 500; overflow: hidden;}
.toast-container { bottom: 2rem !important;}
.toast-success { background-color: #198754; color: #fff; }
.toast-error { background-color: #dc3545; color: #fff;}
.toast-warning {background-color: #ffc107; color: #212529;}
.toast-info {background-color: #0dcaf0; color: #212529;}
.toast-body { padding: 14px 18px; }
 
.alert { padding:5px 8px; font-size:14px; font-weight:600; text-transform:uppercase;} 
 
header {  width:100%; background:#fff;  -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease;}
header.sticky-top { z-index:999;}

.header_top { display: flex; justify-content: space-between; align-items: center; padding:5px 0;}
.logo {  width:20%; padding:10px 0;}
.logo img {  width:100%;}
.f-nav{ z-index: 999; position: fixed; top: 0; width: 100%; background:#fff;  }
.f-nav .page_headerlink { margin-bottom:0;}

.nav_right_side {display: flex; align-items: center;}
.nav_right_side a {   color:#333; margin:0 0 0 12px; font-size:30px; line-height:18px; position:relative; text-align:center; display: inline-flex;  flex-direction: column; align-items: center; justify-content: center; line-height: 1.2;}
.nav_right_side a .fa { font-size:28px; width:30px; height:30px;}
.nav_right_side a b { font-size:10px;}
.nav_right_side a br { display: none;}
.nav_right_side a span { background:#F00; border-radius:50%; font-size:12px; color:#fff; position:absolute; top:-8px; right:-7px; padding:0px 5px;}
.nav_right_side .btn { font-size:16px; padding:10px 20px; margin:0;}

.header_search_box { width:25%;   position:relative;}
.header_search_box .form-control { width:100%; height:42px; line-height:42px; border-radius:5px; border:1px solid #ccc; padding:0 10px 0 40px;}
.header_search_box .form-control:focus { box-shadow:none;}
.header_search_box button.btn { position:absolute; left:12px; top:-6px; font-size:15px; color:#fff; font-weight:400; background:transparent; padding:0;}
.header_search_box button.btn .fa-search { font-size:16px; margin-right:5px; color:#333; }
.ui-widget-content { list-style:none; margin:0; padding:0; border:1px solid #ccc; box-shadow:none; z-index:9999 !important;}
.ui-menu .ui-menu-item-wrapper { padding:8px 15px !important; font-size:14px !important; color:#333;}
.ui-menu-item .ui-menu-item-wrapper.ui-state-active {background:#e8e8e8 !important; border:1px solid #e8e8e8;  color:#000!important;} 
.ui-helper-hidden-accessible{ z-index:9999 !important;}
  
.sidenav { width:0; position: fixed; z-index:999 !important; top:0; right:0; background:#fff;  transition:0.5s; padding-top:70px; height:100dvh; box-shadow: 0 0 7px #ccc;}
.sidenav a {   width:80%; text-align:left; padding:16px 0;  margin:0 7% !important; text-decoration: none; font-size:18px; color:#848a90; display: block; transition:0.2s; font-family: 'PT Sans', sans-serif; font-weight:400; border-bottom:1px solid rgba(151,151,151,0.2);}
.sidenav a:hover {color: var(--primarycolor);}
.sidenav a img {  width:100%; border:none; margin-top:30px;}
.sidenav a.closebtn { position: absolute; top:20px; right:0; width:0; border:none;}
.sidenav a.closebtn  .fa-times::before { color:#000;}
.sidenav a.closebtn img { margin:0;}
.sidenav_open { width:22%;}
.sidenav_close { width:0; }
.sidenav a.register_button { position: absolute; top:20px; left:0; width:auto; font-size:18px; font-weight:700; color:#000; border:none;}
.sidenav a.contact_link { margin: 0 0 0 7% !important;  }
.sidenav .login_welcome_menu a {font-weight:bold;}
.sidenav .login_welcome_menu h4 a {  color:#40CFBB; font-size:30px;}
.sidenav .login_welcome_menu h4 a:hover { color:#40CFBB;}
#vertical-menu {width: 100%; }
#vertical-menu h3 {  width:80%; font-size:18px; color:#000; padding:12px 0;  margin:0 7%; cursor:pointer; border-bottom:1px solid rgba(151,151,151,0.2); }
#vertical-menu h3 span { float:right; font-size:34px; line-height:20px;  margin-top:3px;  font-family: 'pt_sansregular' !important; font-weight:700; color: var(--primarycolor);}
#vertical-menu h3:hover { color: var(--primarycolor);}
 
#vertical-menu li { list-style-type: none;}
#vertical-menu ul ul li a {   font-size:16px; color:#848a90; text-decoration: none; display: block; padding:6px 0 6px 0;   border:none;  }
#vertical-menu ul ul li a:hover { color: var(--primarycolor);}
 
#vertical-menu ul ul { display: none;  margin:10px 0 0 0;}
#vertical-menu li.active ul { display: block ;}
 
/*=======MENU==========*/
.site-navbar {text-align: center; margin-bottom: 0; background: var(--primarycolor); border-bottom: none; padding: 0;} 
.site-navbar .navbar-nav {    margin: 0; padding: 0; list-style: none; width:100%;}
.site-navbar .nav-item { position: relative; margin: 0; padding: 0 12px;}
.site-navbar .nav-link { position: relative; display: flex; align-items: center; padding:15px 3px !important; color: #fff; font-size:16px; font-weight: 500; line-height: 1.4; text-decoration: none; white-space: nowrap; transition: color 0.3s ease, background 0.3s ease;}
.site-navbar .nav-link.btn { margin:5px 0 0 0; padding:10px 26px !important; background:var(--secondarycolor);}

.menu-flex { display: flex; align-items: center;}
.menu-flex .nav-link { padding-right: 6px;}
.menu-check { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none;}
.mobile-toggle { display: flex; align-items: center; justify-content: center; width:12px; margin: 0; color: #fff; font-size: 11px; cursor: pointer; transition: color 0.3s ease;}
.mobile-toggle i { display: block; transition: transform 0.3s ease, color 0.3s ease;}
.menu-flex:hover .mobile-toggle { color: #fff;}

.dropdown  { position: relative;}
.dropdown-menu { position: absolute; top: 100%; left: 0; width:230px; min-width:230px; padding:0; margin: 0; background: #ffffff; border: 0; border-radius: 0; box-shadow: 0 12px 35px rgba(0, 0, 0, 0.13); opacity: 0; visibility: hidden; transform: translateY(10px); transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; z-index: 10000;}
.dropdown-menu ul { margin: 0; padding: 0; list-style: none;}
.dropdown-menu li { width: 100%; margin: 0; padding: 0;}
.dropdown-menu li a { position: relative; display: flex; align-items: center; width: 100%; padding:10px 15px; color:#333333; font-size:16px; font-weight:400; line-height: 1.4; text-decoration: none; transition: color 0.3s ease, background 0.3s ease, padding-left 0.3s ease;}
.dropdown-menu li a:hover { color:#fff; background:var(--primarycolor); }

.product-menu {  position: relative !important;}
.product-mega-menu { position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width:100VW; max-width: 1320px;  padding:30px; background: #ffffff; border: 0; border-radius: 0 0 10px 10px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; z-index: 9998; box-sizing: border-box;}
.product-mega-menu > .container { max-width: 100%;}
.product-mega-menu .row {  display: block !important; column-count: 4 !important;  column-gap: 20px !important;}
.product-mega-menu .mega-column {display: inline-block !important; width: 100% !important; margin-bottom: 20px !important; break-inside: avoid !important;} 
.mega-column h5 { position: relative; margin:0; padding:0 0 5px 0; font-size: 18px; font-weight:700; color:var(--primarycolor); }
.mega-column h5 a { color: #333333; text-decoration: none;}
.mega-column ul { margin: 0; padding:0 0 0 15px; }
.mega-column ul li  { list-style: disc; padding:10px 0 0 0; }
.mega-column ul li a { position: relative; display: block; padding:0; color: #555555; font-size: 16px; text-decoration: none; }
.mega-column ul li a:hover { color:var(--primarycolor); background:none; }
 
@media (min-width: 992px) { 
.dropdown:hover > .dropdown-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important;}
.dropdown:hover .mobile-toggle i { transform: rotate(180deg); }
.mobile-toggle { width: 20px;}
.menu-check { display: none !important; }
.site-navbar .nav-item.dropdown:hover > .dropdown-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; display: block !important; }
.site-navbar .nav-item.dropdown:hover .mobile-toggle i { transform: rotate(180deg) !important; }
.product-menu:hover .product-mega-menu { opacity: 1 !important; visibility: visible !important; transform: translateY(0) !important; display: block !important; } 
.product-menu:hover .mobile-toggle i { transform: rotate(180deg); }
}
 
@media (max-width: 991px) { 
.navbar-toggler {display: flex; align-self: center;  align-items: center; justify-content: space-between; width: 100%; padding:10px 0;  border: none; color: #fff;}
.navbar-toggler:focus { box-shadow:none;}  
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;}
.site-navbar .navbar-collapse { width: 100%;}
.site-navbar .navbar-nav { display: block; width: 100%; margin-top: 10px; padding: 0; }
.site-navbar .nav-item { display: block; width: 100%; border-bottom: 1px solid #eeeeee; padding:0 !important;}
.site-navbar .nav-item:last-child { border-bottom: 0;} 
.site-navbar .nav-link { width: 100%; padding: 13px 15px; font-size: 15px;}
    
.menu-flex { display: flex; width: 100%; align-items: center; justify-content: space-between;}
.menu-flex .nav-link { flex: 1; padding-right: 15px;}
.mobile-toggle { display: flex; flex-shrink: 0; width: 48px; height: 46px; font-size: 13px;}
    
.dropdown-menu { position: static; display: none; width: 100%; min-width: 100%; padding:5px 15px; background:#fff; border-radius: 0; box-shadow: none; opacity: 1; visibility: visible; transform: none; transition: none;}
    
.menu-check:checked ~ .dropdown-menu { display: block !important; }
.menu-check:checked ~ .menu-flex .mobile-toggle i { transform: rotate(180deg); }
.dropdown-menu li a { padding: 10px 30px; font-size: 14px;}
.dropdown-menu li a:hover { padding-left: 36px;}

.product-mega-menu { position: static !important; display: none; width: 100% !important; padding:15px; box-shadow: none;     opacity: 1; visibility: visible; transform: none; } 
.product-mega-menu .row { column-count: 2 !important;}
#all-mega-menu-check:checked ~ .product-mega-menu { display: block !important; } 
#all-mega-menu-check:checked ~ .menu-flex .mobile-toggle i {transform: rotate(180deg); } 
}
 
    
.travel_top_background {  width:100%; margin-top:0;  }
.travel_top_background #carouseltravelslider { background: var(--primarycolor); overflow:hidden;}
.travel_top_background .carousel-item { overflow:hidden !important; }

.home_section_bg .slick-slider {margin: 0 -15px;}
.home_section_bg h2 { text-align:center; padding:40px 0 0 0;}
.popular_gift_cards_bg .slick-track { padding-bottom:10px;}
.ecard_box_border { width:100%; border:1px solid #ccc; background:#fff; padding:0; border-radius:5px; margin:30px 0 0 0; position:relative; text-align:center;}
.ecard_box_border img {border-radius:5px 5px 0 0;}
.ecard_box_border:hover { box-shadow:0 5px 10px #ccc; }
.ecard_box_border p {   width:100%; font-size:14px; line-height:20px; color:#333 !important; text-align:center; padding:15px 10px 0 10px !important; font-weight:500; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ecard_box_border .save_text { width:100%; font-size: 14px; font-weight: bold; color: var(--primarycolor); padding:5px 0 0 0;}
.ecard_box_border a.btn { background: var(--secondarycolor); padding:8px 20px; border-radius:5px; color:#fff; font-size:15px; font-weight:bold; margin:10px 0 15px 0; }
.ecard_box_border a.btn:hover { background: var(--primarycolor) !important;}
.ecard_favorite {position: absolute; top:8px; right:8px;  z-index: 99; cursor: pointer; } 
.ecard_favorite a { cursor: pointer; color:#fff; font-size: 18px; border-radius:4px; background:rgba(0, 0, 0, 0.7); width:30px; height:30px; display:flex; align-items: center; justify-content: center;} 
.ecard_favorite a:hover{ color:#F00 !important;}
.ecard_favorite a.added{color:#F00 !important;}  
.slick-slider .slick-next {background: url(../images/aro-right1.svg) center center no-repeat; width:30px; height:30px; background-size:30px; right:0;} 
.slick-slider .slick-next::before { content:'';}
.slick-slider .slick-prev  {background: url(../images/aro-left1.svg) center center no-repeat; width:30px; height:30px; background-size:30px; left:0;}
.slick-slider .slick-prev::before { content:'';}

.offer_card_box { background:#fff; border:1px solid #DEDEDE; border-radius:5px; padding:10px; display:flex; align-items: center; margin-top:30px;}
.offer_card_box .left { width:47%; margin-right:5%;}
.offer_card_box .left img { width:100%; border-radius:5px; }
.offer_card_box .right { width:48%;}
.offer_card_box .right h6 {font-size:14px; color:#000; font-weight:400;}
.offer_card_box .right p { color:var(--primarycolor); font-size:12px; line-height:18px; font-weight:700; padding:5px 0 0 0; width:100%; }
 
.nav-tabs {justify-content: center; border:none; margin-top:30px;}
.nav-tabs .nav-link { border:none; background:none; font-size:18px; color:#000; padding:10px 25px; border-radius:5px; cursor:pointer; margin:0 2px;}
.nav-tabs .nav-link.active { background:var(--primarycolor); color:#fff;}
.nav-tabs .nav-link:hover { background:var(--primarycolor); color:#fff; }

.ecarddetail_main { width:100%;}

.ecarddetail_img_left { width:100%; margin-top:40px; border:1px solid #ccc; padding:10px; border-radius:20px;}
.ecarddetail_img_left .online_outlet { color:#119E00; font-size:16px; text-align:center; padding:2px 0 12px 0; display: flex; align-items: center; justify-content: center;}
.ecarddetail_img_left .online_outlet .fa-check-circle { color:#119E00; margin-left:8px; }
.ecarddetail_img_left img {   width:100%;  border-radius:20px;}
.ecarddetail_img_left .save { font-size:18px; font-weight:700; color:var(--primarycolor); padding:12px 0 2px 0; text-align:center;  width:100%;}
.ecarddetail_img_left p { width:100%; font-size:16px; line-height:26px; padding:25px 0 0 0;}

.ecarddetail_text_right {  width:100%; margin-top:40px;}
.ecarddetail_text_right .noUi-connect {background: var(--primarycolor);}
.ecarddetail_text_right h2 { color: var(--primarycolor); padding:0 0 10px 0;}
.ecarddetail_text_right p.address { font-size: 18px; color: #000; padding: 15px 0 10px 0;}
.ecarddetail_text_right p.address i {color: var(--primarycolor); font-size: 22px; margin-right: 10px;}
.ecarddetail_text_right .price_text { font-size: 28px; color: var(--primarycolor); font-weight: 700; padding:20px 0 0 0;  width: 100%;}
.ecarddetail_text_right .price_text span { font-weight: 400; color: #000; width: 220px;  }
.ecarddetail_text_right .choose_value { display: flex; align-items: center;  width:100%; padding: 15px 0 0 0;}
.ecarddetail_text_right .choose_value span { font-weight: bold; font-size: 16px; line-height: 21.86px; color: #000; width: 160px;}
.ecarddetail_text_right .choose_value_text {  width:100%; font-size:20px; color:#222; font-weight:bold; margin:20px 0 0 0;}
.ecarddetail_text_right .choose_card_value_box {  width:100%; margin:0;}
.ecarddetail_text_right .choose_card_value_box a {  width:86px; text-align:center; padding:12px 0; border:1px solid #666666; font-size:16px; font-weight:bold; color:#666666; margin:12px 12px 0 0; border-radius:5px; display: inline-block;}
.ecarddetail_text_right .choose_card_value_box a:hover { color:#fff; background:var(--primarycolor); border:1px solid var(--primarycolor);}
.ecarddetail_text_right .choose_card_value_box a.active { color:#fff; background:var(--primarycolor); border:1px solid var(--primarycolor);}
.ecarddetail_text_right .ecard_pay_text {  width:100%; font-size:20px; color:#222; padding:30px 0 0 0; font-weight:bold; text-align:left;}
.ecarddetail_text_right .ecard_pay_text p { font-size:20px; float:none; padding:0; width:auto; display:contents;  color: var(--primarycolor);}
.ecarddetail_text_right .ecard_pay_text p span.minprice { text-decoration:line-through;}
.ecarddetail_text_right .quantity_main { display: flex; align-items: center; width: 100%; padding: 15px 0 0 0;}
.ecarddetail_text_right .quantity_text {  width:160px; padding: 0; font-weight: bold; font-size: 16px; line-height: 21.86px; color: #000;}
.ecarddetail_text_right .quantity_box {  width:100%;}
.ecarddetail_text_right .quantity_box p { width:100%; font-size:16px; line-height:26px; padding:20px 0 0 0;}
.ecarddetail_text_right .quantity_box input[type="number"] { -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield;}
.ecarddetail_text_right .quantity_box input[type=number]::-webkit-inner-spin-button, 
.ecarddetail_text_right .quantity_box input[type=number]::-webkit-outer-spin-button {  -webkit-appearance: none;}
.ecarddetail_text_right .quantity_box .number-input { margin: 0;}
.ecarddetail_text_right .quantity_box .number-input button { -webkit-appearance: none; background-color:transparent;  border:none; align-items:center; justify-content:center; cursor: pointer; margin:0; position:relative;}
.ecarddetail_text_right .quantity_box .number-input button:before,
.number-input button:after { display:inline-block; position:absolute; content: ''; height:2px; transform:translate(-50%, -50%);}
.ecarddetail_text_right .quantity_box .number-input button.plus:after { transform:translate(-50%, -50%) rotate(90deg);}
.ecarddetail_text_right .quantity_box .number-input input[type=number] { text-align:center;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input { border:1px solid #ddd; width:166px; height:50px;  border-radius:30px; margin:10px 12px 0 0;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button { outline:none; width:48px; height:38px; padding-top: .8rem;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button.minus { padding-left:3px; }
.ecarddetail_text_right .quantity_box .md-number-input.number-input button.plus { padding-left: 2px;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input button:before,
.md-number-input.number-input button:after { width:1rem; background-color:#212121;}
.ecarddetail_text_right .quantity_box .md-number-input.number-input input[type=number] { max-width:4rem; padding:0; border:solid #ddd; border-width:0 2px; font-size: 2rem; height:48px; outline: none; font-size:18px !important; color:#333;}

.ecarddetail_text_right .total_price_bg { display:flex; justify-content:space-between; background:#f0f0f0; padding:7px 16px; margin-top:15px; border-radius:5px; }
.ecarddetail_text_right .discount_bg { display:flex; justify-content:space-between; background:#f0f0f0; padding:7px 16px; margin-top:15px; border-radius:5px;}
.ecarddetail_text_right .discount_bg span { font-size:18px; line-height:21.86px; color:var(--primarycolor); padding:0;}
.ecarddetail_text_right .btn { width:100%; }

.ecarddetail_text_right .addtocart_but a.added { color:#F00 !important;}
.ecarddetail_text_right .range_box_input {  width:100%; margin-top:30px; display: flex;  flex-wrap: wrap;}
.ecarddetail_text_right .range_box_input .input-group {  width:25%; margin:0 5% 0 0;}
.ecarddetail_text_right .range_box_input .uiminmax {  width:70%; margin:5px 0 0 0;}
.ecarddetail_text_right .range_box_input .uiminmax .uimin {  text-align:left; font-size:14px; text-transform:uppercase; color:#222; padding:10px 0 0 0; display: inline-block;}
.ecarddetail_text_right .range_box_input .uiminmax .uimax { float:right; text-align:right; font-size:14px; text-transform:uppercase; color:#222; padding:10px 0 0 0;}
.ecarddetail_text_right .range_box_input .noUi-target {  width:100%; margin:0;}
.ecarddetail_text_right .range_box_input .noUi-horizontal .noUi-handle {width: 34px; height: 34px; left: -17px; top: -10px; border-radius:50%;}
.ecarddetail_text_right .range_box_input  .amount_value {  font-size:26px; font-weight:bold;}
.ecarddetail_text_right .range_box_input  span.value_amount {  font-size:26px; padding-bottom:0; text-align:center; display:contents; font-weight:bold;}
.ecarddetail_text_right .range_box_input .input-group-text { line-height:2; border-radius:.375rem 0 0 .375rem;}
.ecarddetail_text_right .range_box_input .form-control { margin:0 auto; font-size:20px; height:46px !important; padding: 10px 8px;}
  
.addtocart_form_box { margin-top:15px;}
.addtocart_form_box .form-check { padding:7px 16px; margin-top:15px; border-radius:5px; border: 1px solid var(--primarycolor);;}
.addtocart_form_box .form-check .form-check-input {margin-left: 0; margin-right: 8px;}
.addtocart_form_box .form-check-label { font-weight:700;}
.addtocart_form_box .form-check-label .fa-gift { color:var(--primarycolor);}
.addtocart_form_box .addcart_btn { font-weight: 400; font-size: 16px; line-height: 21.86px; color: #fff; padding: 8px 0 6px 0; width: 100%; text-align: center;  margin: 0 2px; background:var(--secondarycolor); text-transform:uppercase; border:none; border-radius:30px;}
.addtocart_form_box .addcart_btn:hover {background:var(--primarycolor);} 
 
.egift_occasion_box {  width:100%; margin:10px 0 0 0; text-align:center; padding:0; background:#fff;  }
.egift_occasion_box img {  width:100%; margin:0; border-radius:5px;  }
.egift_occasion_box img:hover {   cursor:pointer;}
.egift_occasion_box label { position:relative;}
.egift_occasion_box h5 {  width:100%; font-size:14px; line-height:17px; color:#333; padding:5px 0; margin:0; text-align:center;}
.egift_occasion_box .parent { height: 100vh; }
.egift_occasion_box .parent>.row { display: flex; align-items: center; height: 100%; }
.egift_occasion_box .col img { height:100px; width: 100%; cursor: pointer; transition: transform 1s; object-fit: cover; }
.egift_occasion_box .col label { overflow: hidden; position: relative; }
.egift_occasion_box .imgbgchk:checked + label>.tick_container { opacity: 1;}
.egift_occasion_box .imgbgchk:checked + label>img { /*transform: scale(1.25);*/ opacity: 0.3;}
.egift_occasion_box .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; }
.egift_occasion_box .tick {  background-color: #4CAF50; color: white; font-size: 16px; padding:0; height:30px; width:30px;  border-radius: 100%; }
.egift_occasion_box .tick .fa-check { margin:7px 0 0 0; font-size:14px;}
.preview-wrapper { background: #f5f7fa; border: 1px solid #ddd; border-radius: 16px; padding: 20px; display: flex; justify-content: center;}
#giftPreview { width: 650px;  transform: scale(.90); /* Scale down */ transform-origin: top center;}

.ecarddetail_tab_main {  width:100%; margin-top:40px;}
.ecarddetail_tab_main .nav-tabs { border-bottom:none; margin:0; padding:0;}
.ecarddetail_tab_main .nav-tabs .nav-item { background:none; width:auto; padding:0; margin:0;}
.ecarddetail_tab_main .nav-tabs .nav-link { font-size:18px; color:#222; font-weight:bold; background:none; border:none; border-bottom:2px solid #ccc;}
.ecarddetail_tab_main .nav-tabs .nav-link:hover { border:none; border-radius:0; border-bottom:2px solid var(--primarycolor); }
.ecarddetail_tab_main .nav-tabs .nav-link.active { border:none; border-radius:0; border-bottom:2px solid var(--primarycolor);}
.ecarddetail_tab_main .online_details_tab_text {  width:100%; padding:5px 0 10px 0;}
.ecarddetail_tab_main .online_details_tab_text img {  width:100%;}
 
.people_also_like_bg { width:100%; margin:40px 0;}
.people_also_like_bg h2 { text-align:center;}

.ecard_filters_left {  width:100%; border: 1px solid #DEDEDE; background: #fff; padding:20px; border-radius: 5px; margin:50px 0 0 0;}
.ecard_filters_left h3 { color:#333; padding:0;}
.ecard_filters_left h3 span { display:none;}
.ecard_filters_left h3 span img { width:20px; float:right;}
.ecard_filters_left h3 a { float:right; font-size:12px; color:#F00;}
.ecard_filters_left h4 { margin-top:15px; font-size:18px; color:#333; border-top: 1px solid #DEDEDE; padding-top:15px;}
.ecard_filters_left .filter_search {  width:100%; margin:15px 0 0 0; position:relative;}
.ecard_filters_left .filter_search .search_input_box { border: 1px solid #DEDEDE; width:100%; padding:0 0 0 32px; height:42px;}
.ecard_filters_left .filter_search .fa-search { position:absolute; top:14px; left:10px; font-size:16px; color:#999;}
.search_category {  width:100%; margin-top:5px;}
.search_category .accordion-item { border:none; width: 100%;}
.search_category .accordion-header { width:100%;  display: flex; }
.search_category .accordion-button {  width:100%; font-size:16px; color:#343539; padding:0 12px; margin:2px 0 !important; border:none; background:#EFEFEF; border-radius: 2px !important; box-shadow:none; font-weight: 500;} 
.search_category .accordion-button:focus { box-shadow:none;}
.search_category .accordion-body .list-group { margin:0; padding:0;}
.search_category .accordion-body .list-group li { margin:0; padding:0; border:none; background:none;}
.search_category .accordion-body .list-group li a { margin:6px 10px !important; font-size:16px; width:auto; padding:0; border:none; font-weight: 500; color: #666;}
 
.loader_localshopsearch { width: 100%; height:50px; z-index: 9999; background: url('../images/contentLoader.gif') 50% 50% no-repeat rgb(255,255,255);  text-align:center; display:none;}
 
.ecard_filters_left .radio {padding:0; border-radius: 3px;position: relative; margin: 0 -2%; display: flex; flex-wrap: wrap;}
.ecard_filters_left .radio input {  width:46%; -webkit-appearance: none; -moz-appearance:none; appearance:none; outline: none; cursor: pointer; border-radius: 2px; padding:10px 0; margin:10px 2% 0 2%; background:var(--primarycolor); color:#fff; transition: all 100ms linear; font-size:15px;}
.ecard_filters_left .radio input:checked { color: #fff; background:var(--secondarycolor); }
.ecard_filters_left .radio input:before {content: attr(label);	display: inline-block;	text-align: center; width: 100%;}
.ecard_filters_left .sidenav { position:inherit; width: 100%; height: auto; padding-top: 0; box-shadow:none;}
.ecard_filters_left .sidenav a.closebtn { display:none;}
.ecard_filters_left .sidenav a.register_button { display:none;}
.ecard_filters_left .cartitem_right_side { padding:0;} 

.login_form_mian { padding:40px 0; min-height:calc(100dvh - 468px); }
.login_form_mian .input-container { margin-bottom: 0 !important; flex-wrap: wrap;}
.login_form_mian .form-control { margin:15px 0 0 0 !important; border-radius:5px;}
.login_form_mian .input-group-text {margin:15px 0 0 0 !important;}
.login_form_mian .field-icon { margin-top: -32px; margin-right:30px; position: absolute; right:0; font-size: 16px;}
.login_form_mian .forgotpin {float: right; color:#000; font-weight: 700; font-size: 14px; margin: 15px 0 0 0;}
.login_form_mian .digit-group {display: flex; justify-content: space-between; flex-wrap: wrap; }
.login_form_mian .digit-group .form-control { margin: 0;  width: 15%; text-align: center; border-radius:5px; }
.login_form_mian label { margin: 15px 0 0 0;}
.login_form_mian .resendotp { float: right; font-size: 14px;  color: var(--secondarycolor); font-weight: 700; margin-top: 10px;}
.login_form_mian .resendotp a {color: var(--secondarycolor);}
.login_form_mian .input-group .form-control {   border-radius:0 5px 5px 0 !important;}
.login_form_mian .form-check  label { margin:4px 0 0 0;}
.login_form_mian .btn { width:100%;}

footer {  width:100%; background:#222;}
.footer_logo_bottom  {  width:70%; margin-top:50px;}
.footer_logo_bottom img {  width:100%;}
.footer_box_main {  width:100%; margin-top:50px;}
.footer_box_main h5 {  width:100%; font-size:24px; color:#fff; padding-bottom:10px;}
.footer_box_main ul {  width:100%; list-style:none; padding:0 0 15px 0;}
.footer_box_main li {  width:100%; list-style:none; padding:15px 0 0 0;}
.footer_box_main li a {   font-size:16px; color:#fff; display: flex; align-items: center;}
.footer_box_main li a .fa { color:#fff; margin-right:5px;}
.footer_box_main .left_icon a { margin-top:15px; color:#fff; font-size:26px; margin-right:20px; text-align:center; }
.footer_box_main .left_icon a:hover { color:#fff; }
.footer_contact_icon  { float:right; width:100%; margin:15px 0 0 0;}
.footer_contact_icon a {  font-size:24px; color:#fff; margin:0 20px 0 0;} 
.footer_play_img li img {  width:70%; }

.footer_copyright_text {  width:100%; padding:25px 0 25px 0; font-size:14px; color:#fff; text-align:center; border-top:1px solid #C9C9C9; margin-top:40px;}
.scrollup { width:30px; height:30px; text-indent:-9999px; /*opacity:0.4;*/ position:fixed; bottom:10px; right:10px; display:none; background:url(../images/icon_top.svg) no-repeat; z-index:99; outline:none !important; }

.shopping_cart_main {margin-top: 20px;}
.shopping_cart_main .table td, .table th { padding:15px 0;}
.shopping_cart_main .remove-cart {background: var(--primarycolor); color:#fff !important; width:auto; padding:10px; margin:0;}
.shopping_cart_main .remove-cart:hover {background: var(--secondarycolor);}
.shopping_cart_main .rounded {width:50%;}
.checkout_main { margin-top:20px;}
.checkout_main .detail-box { background:var(--primarycolor); color:#fff; padding:7px 12px; border-radius:2px; margin:4px 0;}
.checkout_main .card h5 { padding-bottom:15px;}
.checkout_main .card.sticky-top { border:1px solid rgba(0, 0, 0, .175); background:none; z-index:1; top:162px;}
.checkout_main .form-check-label strong { background:var(--primarycolor); color:#fff; padding:5px; border-radius:3px;}
   
.checkout_main .payment-option{ border:1px solid #e5e7eb !important; border-radius:10px !important; background:#ffffff; transition:all .3s ease; overflow:hidden; position:relative; cursor:pointer; min-height:110px; margin:0;}
.checkout_main .payment-option .card-footer {border:1px solid #e5e7eb !important;}
.checkout_main .payment-option:hover{ border-color:var(--primarycolor) !important; transform:translateY(-2px);}
.checkout_main .payment-option .card-body{ padding:15px; min-height:110px;}
.checkout_main .payment-option .form-check-input{ width:20px; height:20px; margin-top:0; border:2px solid #cbd5e1; cursor:pointer; flex-shrink:0;}
.checkout_main .payment-option .form-check-input:checked{ background-color:var(--primarycolor); border-color:var(--primarycolor);}
.checkout_main .paymenticon{ width:60px !important; height:60px; object-fit:contain; margin-right:14px; flex-shrink:0; border:1px solid #e5e7eb; border-radius:3px;}
.checkout_main .payment-option strong{ display:block; font-size:16px; font-weight:700; color:#111827; line-height:1.2; margin-bottom:4px;}
.checkout_main .payment-option .text-muted{ font-size:14px; color:#6b7280 !important; line-height:1.4;}
.checkout_main .payment-option:has(.form-check-input:checked){ border-color:var(--primarycolor) !important;}
.checkout_main .payment-option:has(.form-check-input:checked)::before{ content:''; position:absolute; left:0; top:0; bottom:0; width:5px; background:var(--primarycolor);}

.members_account_box_bg { width:100%; border-radius:5px; background:#fff; border:1px solid rgba(0, 0, 0, 0.175); padding:20px; margin-top:20px;}
.members_account_box_bg h4 a.float-right { font-size:14px;}
.members_account_box_bg h4 a.float-right .fa-edit { font-size:16px; color: #000;  margin-right: 6px;}

.members_account_box_bg p { padding:0;}
.members_account_box_bg .form-group { margin-top:15px;}
.members_account_box_bg .form-group1 { margin-bottom:15px;}
.members_account_box_bg .note-editor .btn {float:none; background:none; font-size:inherit; color:inherit; padding:5px; border-radius:0; line-height: normal; margin-top:0; margin-right:0;}
.members_account_box_bg .note-fontsize ul { background:#fff; color:#222;}

.members_account_box_bg .selectradio { background:#BCBCBC; padding:10px; border-radius:5px;}
.members_account_box_bg .selectradio.active {background:#fff;}
.members_account_box_bg .selectradio label { color:#000 !important; font-weight:bold; width:100%; display: flex;  justify-content: space-between; align-items: center;}
.members_account_box_bg .selectradio input[type="radio"] {-ms-transform: scale(1.1); /* IE 9 */ -webkit-transform: scale(1.1); /* Chrome, Safari, Opera */  transform: scale(1.1); margin-top:4px;}
.members_account_box_bg .left_icon { width:100%; padding:10px 0 0 0;}
.members_account_box_bg .left_icon a { width:100%; margin: 10px 0 0 0; display: flex; align-items: center; font-weight: 700;}
.members_account_box_bg .left_icon img { width:40px; margin-right:12px;}
.members_account_box_bg .copy_link	{ width:100%; background:#CCC; border-radius:5px; padding:10px; margin-top:30px;}
.members_account_box_bg .copy_link span { font-size:16px; color:#000; padding:10px 0 0 0; }
.members_account_box_bg .copy_link a { float:right; font-size:16px; background:var(--secondarycolor); color:#fff; padding:8px 20px; border-radius:30px; font-weight:bold;}
.members_account_box_bg .copy_link a:hover { background: var(--primarycolor);}

.members_account_overview_bg { width:100%; background:#fff;  }
.members_account_overview_bg .card{ border:1px solid #e8e8e8; border-radius:10px; box-shadow:0 5px 20px rgba(0,0,0,.05); transition:.3s;}
.members_account_overview_bg .card-body{ padding:22px 15px;}
.members_account_overview_bg .card-body h6{ font-size:15px; font-weight:600; margin-bottom:10px;}
.members_account_overview_bg .card-body h3{ margin:0; font-size:30px; font-weight:700;}
.members_account_overview_bg .card.mt-4{ border-radius:10px; overflow:hidden; margin-top:35px !important;}
.members_account_overview_bg .card-header{  border-bottom:1px solid #ececec; padding:18px 20px;}
.members_account_overview_bg .card-header span{ font-weight:600; color:#333;}
.members_account_overview_bg .form-select{  height:42px; border-radius:8px;}
.members_account_overview_bg table{ margin:0;}
.members_account_overview_bg thead{ background:#f5f7fa;}
.members_account_overview_bg thead th{ font-size:16px; font-weight:700; color:#222; padding:16px; border-bottom:2px solid #ececec; white-space:nowrap;}
.members_account_overview_bg tbody td{ padding:14px 16px; vertical-align:middle; border-color:#f1f1f1; font-size:15px;}
.members_account_overview_bg tbody tr{ transition:.25s;}
.members_account_overview_bg tbody tr:hover{ background:#f5f7fa;}
.members_account_overview_bg .badge{ font-size:12px; font-weight:600; padding:8px 12px; border-radius:30px;}
.members_account_overview_bg .btn{  padding:8px 20px; transition:.3s; margin:0;}

.members_account_overview_bg .card-footer{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:15px; padding:18px 20px; background:#fff; border-top:1px solid #ececec;}
.members_account_overview_bg nav{ width:100%;}
.members_account_overview_bg nav>.d-none{ display:flex !important; justify-content:space-between; align-items:center; width:100%;}
.members_account_overview_bg nav>.d-none>div:first-child{ margin:0;}
.members_account_overview_bg nav>.d-none>div:last-child{ margin-left:auto;}
.members_account_overview_bg .small,
.members_account_overview_bg small{ margin:0; font-size:14px; color:#6c757d;}
.members_account_overview_bg .fw-semibold{ color:#222; font-weight:400;}
.members_account_overview_bg .pagination{ margin:0; display:flex; align-items:center; gap:6px;}
.members_account_overview_bg .page-item{ margin:0;}
.members_account_overview_bg .page-link{ width:40px; height:40px; padding:0; display:flex; justify-content:center; align-items:center; border-radius:8px; border:1px solid #dee2e6; background:#fff; color:#495057; font-weight:600; transition:.3s ease; box-shadow:none;}
.members_account_overview_bg .page-link:hover{ background:#dc3545; color:#fff; border-color:#dc3545;}
.members_account_overview_bg .page-item.active .page-link{ background:var(--primarycolor); border-color:var(--primarycolor); color:#fff;}
.members_account_overview_bg .page-item.disabled .page-link{ background:#f8f9fa; color:#adb5bd; border-color:#e9ecef; pointer-events:none;}
.members_account_overview_bg .page-link:focus{ box-shadow:none; outline:none;}	
 
.members_account_left_menu { width:100%; padding:5px 0 15px 0;}
.members_account_left_menu ul { width:100%; list-style:none;}
.members_account_left_menu li { width:100%; list-style:none; padding:0 0 24px 0; background:none !important;}
.members_account_left_menu li a { font-size:20px; line-height:24px; color:#052430; font-weight:bold;}
.members_account_left_menu li a:hover { color: var(--primarycolor);}
.members_account_left_menu li a.active { color: var(--primarycolor);}

.members_account_right_side { width:100%; padding:0;}
.members_account_right_side h2 { width:100%; font-size:30px; line-height:36px; color:#052430; padding:0 0 0 0;}
.members_account_right_side p { width:100%; font-size:16px; line-height:24px; color:#333; padding:15px 0 0 0;}
.members_account_right_side p a { font-weight:bold;  color: var(--primarycolor);}
.members_account_right_side ul { width:100%; list-style:none; padding:0 0 0 15px;}
.members_account_right_side li { width:100%; list-style:none; font-size:16px; line-height:26px; color:#333; padding:10px 0 0 15px;  background:url(../images/dotted4.png) left 18px no-repeat;}
.members_account_right_side li a {font-weight:bold; color:#000; }
.members_account_right_side ul.listname {justify-content: space-between; flex-direction: row; padding: 0; display: flex; list-style:none; flex-wrap: wrap;}
.members_account_right_side ul.listname li {list-style:none; font-size:14px; line-height:22px; color:#333; width:33%; padding:8px 0 8px 15px; list-style:none; background:#fff;}
.members_account_right_side ul.listname li .fa { font-size:16px; color:#000; margin-right:5px;}

.invoices_table_box {  width:100%; padding:10px 0;}
.invoices_table_box .title {padding:10px 0 10px 0;  text-align: left; color:#fff; font-size:16px; line-height:20px; font-weight:bold; border-radius:10px 10px 0 0 !important; text-transform:uppercase;  background: var(--secondarycolor);}
.invoices_table_box .title_bg {padding:10px 0 10px 0;  text-align: left; color:#fff; font-size:16px; line-height:20px; font-weight:bold; border-radius:0; text-transform:uppercase;  background: var(--secondarycolor);}

.invoices_table_box .btn {  font-size: 14px; color:#fff; padding: 6px 14px; font-weight:bold; margin-top:0px; background: var(--primarycolor);}
.invoices_table_box .row_odd { background:#F5F5F5; padding: 10px 0; color:#81878D; font-size: 16px; align-items: center;}
.invoices_table_box .row_even { background:#ffffff; padding: 10px 0; color:#81878D; font-size: 16px; align-items: center; }
.invoices_table_box .subtotal  { background:#ebebeb; padding: 10px 0; color:#052430; font-size:16px; font-weight:bold;}
.invoices_table_box span.label { color:#fff; padding:3px 5px; border-radius:3px; font-size:12px; font-weight:bold; background:#00CC00;}
.invoices_table_box .table { border-radius:10px 10px 0 0;}
.invoices_table_box .table td  { border:none; padding:16px .75rem ;}
.invoices_table_box .transaction_btn {  font-size: 14px; color: #fff; padding: 12px 25px; border-radius: 25px; font-weight: bold; margin-top:10px; background: var(--primarycolor);}
.invoices_table_box .table span.completed {background: rgba(0, 204, 102, 0.1); color:#0C6; border-radius:4px; font-size:14px; padding:5px 6px;}
.invoices_table_box .table span.pedding {background: rgba(255, 82, 82, 0.2); color: #ff5252; border-radius:4px; font-size:14px;  padding:5px 6px;}

.supportcenter_main {  width:100%; padding:40px 0;}
.supportcenter_main h3 {  width:100%;  color:#222; margin-top:15px; text-align:left;}
.supportcenter_main h3.center {  text-align:center;}
.supportcenter_main h5 {  width:100%; font-size:18px; color:#222; padding:15px 0 0 0;}
.supportcenter_main h6 {  width:100%; text-align:center; font-size:18px; color:#222; padding:10px 0 0 0;}
.supportcenter_main p { width: 100%; font-size: 16px; color: #333; line-height: 28px; padding:15px 0 0 0;}
.supportcenter_main p a {color: var(--primarycolor); font-weight:bold;}
.supportcenter_main p span.left1 {  padding-left:20px;}
.supportcenter_main p span.left2 {  padding-left:40px;}
.supportcenter_main p span.left1 strong {font-size: 26px; line-height:6px; margin:11px 5px 0 0; }
.supportcenter_main ul { width: 100%; list-style:none; padding:0 0 0 0;}
.supportcenter_main li { width: 100%; list-style:none; font-size: 16px; color: #333; line-height: 26px; padding:4px 0 0 18px; background:url(../images/dotted4.png) left 13px no-repeat; margin-left:20px;}
.supportcenter_main .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f068"; float: right; }
.supportcenter_main .accordion .card-header.collapsed:after { content: "\f067"; }
.supportcenter_main .card-body h3 { padding:0;}
.supportcenter_main .card { border:none;  width:100%;}
.supportcenter_main .card-header { padding:12px 20px; margin-top:20px; background:#EBEBEB; border-radius:5px; font-size:18px; font-weight:bold; border:none; cursor:pointer;}
.supportcenter_main .card-header > a::before { display:none;}

.faq_main { min-height:500px;}
.accordion { width:100%; margin-top:25px;}
.accordion .accordion-item { border:none; margin-top:10px;  border:1px solid #DDDDDD;}
.accordion .accordion-collapse {     transition: height 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.accordion .accordion-button { background:#fff;  font-size:18px; line-height:24px; color:#000; padding:12px 20px; }
.accordion .accordion-button:not(.collapsed) { background:var(--primarycolor) !important; color:#fff !important;}
.accordion .accordion-button::after { background-color:#fff; border-radius:50%; background-position: center center; background-size:14px; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }
.accordion .accordion-button:focus {box-shadow:0 0 5px #e8e8e8;}
.accordion .accordion-body { padding:0 20px 20px 20px;} 
/*.accordion .accordion-button::after { background:url(../images/plus-icon.svg) center center no-repeat #fff; width:24px; height:24px; border:1px solid #ccc;}
.accordion .accordion-button:not(.collapsed)::after {background:url(../images/minus-icon.svg) center center no-repeat #fff; width:24px; height:24px; transform: rotate(0); }*/
.accordion .accordion-body :is(h1, h2, h3, h4, h5, h6) { padding: 15px 0 0 0;}
.accordion .accordion-body p { color:#6A6A6A; padding:15px 0 0 0; font-size:16px; line-height:24px;}
.accordion .accordion-body ul {margin:0; padding:15px 0 0 15px;}
.accordion .accordion-body li { color:#6A6A6A; padding:0; font-size:16px; line-height:24px;}

.terms_of_use_main {  width:100%; }
.terms_of_use_main h2 { width:100%; margin:0 !important; }
.terms_of_use_main h4 { padding:15px 0 0 0 !important; }
.terms_of_use_main p span {  width:20px !important; font-weight:bold !important;}
.terms_of_use_main p a { font-weight:bold;} 
.terms_of_use_main ul { width:100%; padding:5px 0 0 15px; }
.terms_of_use_main li { width:100%; font-size:16px; line-height:22px; color:#666; padding:5px 0 0 0;}
.terms_of_use_main li ul li { background:none;} 
 
.shop_box_and_ads_bg { margin-top:20px;} 
.home_category_shop_box { width:100%; margin-top:30px; margin-bottom:22px; position:relative; border-radius:15px;}
.home_category_shop_box .os_hovereffect {overflow:hidden; border-radius:15px;}
.home_category_shop_box img { width:100%; border-radius:15px; transition: all 0.4s ease-in-out; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
.home_category_shop_box:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 

.home_category_shop_box .img_title { position:absolute; top:0; bottom:0; left:0; right:0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color:#fff;  }
.home_category_shop_box .img_title span {background: var(--primarycolor); font-size:22px; border-radius:15px; padding:8px 0; width:160px; color:#fff; font-weight:700;}
.home_category_shop_box a.title {  background: var(--secondarycolor); width:92%; margin:0 4%;  font-size:18px; text-align:center; padding:9px; color:#fff; border-radius:30px; position: absolute; bottom: -22px; left: 0; right: 0; font-weight:bold;} 
 
.discount_coupons_box { float:none !important;}
.discount_coupons_box .coupons_bg_bottom .viewoffer {background: var(--primarycolor) !important;}
.featured_box .border_bottom .catg img {background: var(--primarycolor) !important;}

/*============== coupons ===============*/
.home_discounts_coupons_bg { width:100%; margin:30px 0 50px 0;}
.home_discounts_coupons_bg .row {align-items: center;}
.home_coupons_box {  width:100%; position:relative; overflow:hidden; margin-top:30px; border-radius:5px;}
.home_coupons_box img {  width:100%; border-radius:5px; transition: all 0.4s; transition: all 0.4s; scale: 1.05 ;}
.home_coupons_box:hover img {transition: all 0.4s; scale: 1.00 ;  border-radius:5px;}
.home_coupons_box .save { position:absolute; top:12px; right:12px; background:#2AAA2A; color:#fff; font-size:12px; border-radius:25px; padding:5px 12px;}
.home_coupons_box .overlay { background:#000000; background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.03) 100%); width:100%; padding:20px;  border-radius:0 0 5px 5px; position: absolute; bottom:177px; left:0; transition:transform 0.3s ease; transform:translatey(180px);} 
.home_coupons_box .overlay h4 { width:100%; color:#fff; text-align:left; padding:3px 0 0 0; font-size:16px; line-height:22px;}
.home_coupons_box .overlay p { width:100%; display: flex; align-items: center; text-align: left; font-size:14px; padding:0; color:#fff; justify-content: space-between;}
.home_coupons_box:hover .overlay {transform: translatey(177px);} 
 
/*============== online Shop page ===============*/
.online_search_section { padding:10px 0; background:#f5f8fa; }
.online_search_input { position:relative; width:100%; max-width:600px; margin: 0 auto;}
.online_search_input .form-control { padding: 0 65px 0 20px;  border-radius:5px; font-size:16px; transition: all 0.3s ease;}
.online_search_input .form-control::placeholder {color: #999;}
.online_search_input .search_btn { position:absolute; top:1px; right:5px; width:45px; height:45px; border:0; background:none; color:#333; font-size:20px; cursor:pointer;}

.online_shop_section { margin-bottom:30px}
.online_shop_box { width: 100%; background: #fff; border: 1px solid #ccc; border-radius:5px; overflow: hidden;  transition: all 0.35s ease; position:relative; margin-top:30px;}
.online_shop_box:hover { transform: translateY(-5px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);}
.online_shop_img { position: relative; height: 230px; overflow: hidden; }
.online_shop_img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.online_shop_img .favorite {position: absolute; top:8px; right:8px;  z-index: 99; cursor: pointer; } 
.online_shop_img .favorite a { cursor: pointer; color:#fff; font-size: 18px; border-radius:4px; background:rgba(0, 0, 0, 0.7); width:30px; height:30px; display:flex; align-items: center; justify-content: center;} 
.online_shop_img .favorite a:hover{ color:#F00 !important;}
.online_shop_img .favorite a.added { color: #F00 !important;}
.online_shop_content { padding: 38px 18px 18px; position:relative;}
.online_shop_content .online_logo { position: absolute; left:0; right:0; top:-33px; margin:0 auto; width:120px; height: 62px; background: #fff;   border-radius: 5px; padding:0px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.14);}
.online_shop_content .online_logo img { width: 100%; height: 100%; object-fit: contain;}
.online_shop_content h6 { margin: 0 0 12px; font-weight: 700; color: #222; text-align:center;}
.onlineshop_cashback {   color: #168653; text-align:center; font-size:16px; font-weight: 600;}
.online_shop_buttons { display: flex; gap: 10px; margin-top: 18px;}
.online_shop_buttons a { flex: 1; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; background: var(--secondarycolor); padding: 8px 20px; border-radius: 5px; color: #fff; font-size: 15px; font-weight: bold;}
.online_shop_buttons a:hover { background:var(--primarycolor);}

 
 
@media only screen and (min-width:220px) and (max-width:1370px) {
 

}

@media only screen and (min-width:220px) and (max-width:1220px) { 
.product-mega-menu {width: calc(100vw - 100%);} 

}

@media only screen and (min-width:220px) and (max-width:1140px) { 
 
}

@media only screen and (min-width:220px) and (max-width:1080px) { 
.header_top {flex-wrap: wrap;}
.nav_right_side {width: 100%; justify-content: center; padding:10px 0 0 0;}
.nav_right_side a { margin:0 7px;}
.header_search_box { width:40%;}
.ecarddetail_text_right .choose_value {flex-wrap: wrap;}
.ecarddetail_text_right .range_box_input .input-group { width:170px; }  
.ecarddetail_text_right .range_box_input .uiminmax { width:100%; margin:30px 0 0 0;}
}

@media only screen and (min-width:220px) and (max-width:991px) {
  
.sidenav_open { width:40%;}
.site-navbar .nav-link.btn { margin:12px 0;}
}



@media only screen and (min-width:220px) and (max-width:860px) {
.logo { width:35%;} 

}
@media only screen and (min-width:220px) and (max-width:768px) {
.members_account_overview_bg .card-footer {justify-content:center; text-align:center; }
.members_account_overview_bg nav>.d-none {flex-direction:column; gap:15px; }
.members_account_overview_bg .pagination {justify-content:center; flex-wrap:wrap; }	
 	 
}

@media only screen and (min-width:220px) and (max-width:760px) {
 
 
  
}

@media only screen and (min-width:220px) and (max-width:720px) { 
 
}

@media only screen and (min-width:220px) and (max-width:700px) { 
 
}

@media only screen and (min-width:220px) and (max-width:660px) { 
.logo { width: 220px;  margin: 0 auto; padding: 5px 0 10px 0;}
.header_search_box { width:100%;} 
.ecarddetail_text_right .range_box_input { margin-top: 20px; }

}

@media only screen and (min-width:220px) and (max-width:640px) { 
.sidenav_open { width:100%;}
 

}

@media only screen and (min-width:220px) and (max-width:550px) { 
.nav_right_side {flex-wrap: wrap; } 
.nav_right_side .btn {  width: 100%; margin:0 0 15px 0;} 

}
@media only screen and (min-width:220px) and (max-width:420px) {
.product-mega-menu .row { column-count: 1 !important;} 

}

.reply-user {
    background: #f3f4f6;
    border-radius: 12px;
    padding: 10px 14px;
    max-width: 70%;
}

/* Admin reply */
.reply-admin {
    background: #dbeafe;
    border-radius: 12px;
    padding: 10px 14px;
    max-width: 70%;
    margin-left: auto;
}