*,
*::before,
*::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box;
   outline: none;
   /* appearance: none;
   -webkit-appearance: none;
   -moz-appearance: none; */
}

body,
html {
   -webkit-text-size-adjust: none;
   width: 100%;
   color: var(--textColor);
   font-family: var(--current-font-family);
}

a,
button {
   border: 0;
   text-decoration: none !important;
   outline: none !important;
   cursor: pointer;
}

a {
   color: #0a5fa1;
}

dl, ol, ul, h1, h2, h3, h5, h6 {
	margin: 0;
   padding: 0;
}

figure {
   margin: 0;
}

p {
   margin-top: 0;
   margin-right: 0;
   margin-bottom: 0;
   margin-left: 0;
}

hr {
   margin: 15px 0;
	color: inherit;
	border: 0;
	border-top: 1px solid #aaa;
	opacity: 1;
}
/*====| Common CSS |=======================================*/

.full-width {
   display: block;
   width: 100%;
}

.radius-10 {
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.block-element {
   display: block;
   padding: 15px 0;
   width: 100%;
   max-width: 1320px;
   margin: 0 auto;
}

.container {
   position: relative;
   padding: 25px 0;
   margin: 0 auto;
}
/* 28-03-2025 */
/* @media (min-width: 1350px) {
   .container {
       max-width: 1320px;
   }
} */

.text-left {
   text-align: left !important;
}

.text-center {
   text-align: center !important;
}

.text-right {
   text-align: right !important;
}

.width-920 {
	display: block;
	width: 90%;
	/* max-width: 920px; */
   max-width: 750px;
   position: relative;
   margin: 0 auto;
}

.no-pad {
   padding: 0 !important;
}

.pad-all-25 {
   padding: 25px !important;
}

.pad-tb-25 {
   padding: 25px 0 !important;
}

.pad-lr-25 {
   padding: 0 25px !important;
}

.pad-top-25 {
   padding-top: 25px !important;
}

.pad-right-25 {
   padding-right: 25px !important;
}

.pad-left-25 {
   padding-left: 25px !important;
}

.pad-bottom-25 {
   padding-bottom: 25px !important;
}

.pad-bottom-0 {
   padding-bottom: 0 !important;
}

.pad-top-0 {
   padding-top: 0 !important;
}


.no-margin {
   margin: 0 !important;
}

.margin-all-25 {
   margin: 25px !important;
}

.margin-tb-25 {
   margin: 25px 0 !important;
}

.margin-lr-25 {
   margin: 0 25px !important;
}

.margin-top-25 {
   margin-top: 25px !important;
}

.margin-right-25 {
   margin-right: 25px !important;
}

.margin-left-25 {
   margin-left: 25px !important;
}

.margin-bottom-25 {
   margin-bottom: 25px !important;
}

.no-bg {
   background: none !important;
}

/*====| Header & Navigation CSS |=======================================*/

/* .desktop-header {
   display: block;
   padding: 12px 0;
}
   26-03-2025   
*/
.desktop-header {
   display: flex !important;
   align-items: center;
   max-height: 84px;
   padding: 12px 0;
   z-index: 9;/* z-index: 9999; */
   /* 17-04-2025 */
   position: relative;
   
}

.desktop-header .d-flex {
   align-items: center;
}

.mobile-header,
.mobile-footer,
.mobile-menu-container {
   display: none;
}

.desktop-header .container {
   padding: 0;
   position: unset !important;
}

.desktop-header .logo {
   display: inline-block;
   height: auto;
   width: auto;
   margin-right: 10px;
}

.desktop-header .logo img {
   display: inline-block;
   height: 100%;
   /* max-width: 100%; 26-03-2024 */
   width: auto;
}

.desktop-header ul.d-flex {
   margin: 0;
   gap: 20px;
}

.desktop-header ul.d-flex li {
   list-style: none;
   position: relative;
   margin-right: 0;
}

.desktop-header ul.d-flex li a {
   display: block;
   padding: 0;
   font-size: 12px;
   white-space: nowrap;
   color: var(--textColor);
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.desktop-header ul.d-flex li a .cart-count {
   display: block;
   position: absolute;
   top: -10px;
   right: -7px;
   z-index: 99;
   background-color: var(--firstColor);
   color: #FFF;
   font-size: .6rem !important;
   width: 20px;
   height: 20px;
   text-align: center;
   line-height: 20px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
}

.desktop-header ul.d-flex li a figure {
   display: block;
   text-align: center;
   padding-bottom: 5px;
}

.desktop-header ul.d-flex li a figure svg {
   display: inline-block;
   width: auto;
   height: 20px;
}

.desktop-header ul.d-flex li a figure .svgNormal {
   display: inline-block;
   fill: var(--topNavSvgColor);
}

.desktop-header ul.d-flex li a figure .svgSelected {
   display: none;
}

.desktop-header ul.d-flex li a.selected figure .svgNormal,
.desktop-header ul.d-flex li a.selected-heart figure .svgNormal {
   display: none;
}

.desktop-header ul.d-flex li a.selected figure .svgSelected {
   display: inline-block;
   fill: var(--topNavSvgSelectedColor);
}



.desktop-header ul.d-flex li a.selected-heart figure .svgSelected {
   display: inline-block;
   fill: var(--heartSelectedColor);
}

.desktop-header ul.d-flex li a:hover {
   transform: scale(1.05);
   -webkit-transform: scale(1.05);
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
}

.desktop-header ul.d-flex li ul {
   display: none;
   position: absolute;
   top: 46px;
   right: 0;
   z-index: 10000;
   background: #fff;
   padding: 10px 20px;
   min-width: 175px;
   -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.desktop-header ul.d-flex li ul li a {
   padding: 7px 0;
}

.mobile-header {
   display: none;
}


.desktop-nav {
   display: block;
   background: var(--navBGColor);
}

.desktop-nav .container {
   padding: 0;
}

.desktop-nav ul {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start ;
   align-items: center;
   margin: 0;
   padding: 0;
   list-style: none;
}

.desktop-nav ul li {
   position: relative;
   margin-right: 20px;
}

.desktop-nav ul li a {
   display: block;
   padding: 10px 5px;
   font-size: 16px;
   position: relative;
   color: var(--textColor);
}

.desktop-nav ul li a i {
   font-size: 14px;
}

.desktop-nav ul li a::before {
   content: "";
   width: 100%;
   height: 4px;
   position: absolute;
   left: 0;
   bottom: 0;
   background: #fff;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   transform: scale3d(0,1,1);
   transform-origin: 50% 50%;
   background: var(--firstColor);
}
 
 .desktop-nav ul li a:hover::before{
   transform: scale3d(1,1,1);
 }

.desktop-nav ul li > ul {
   display: none;
   position: absolute;
   top: 44px;
   right: 0;
   z-index: 9;
   width: fit-content;
   min-width: 200px;
   background: var(--navBGColor);
   -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.15);
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.15);
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
} 

.desktop-nav ul li a#extra_links::before {
   display: none !important;
} 

.desktop-nav ul li:has(#extra_links) i:hover {
   transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -ms-transform: scale(1.2);
   -o-transform: scale(1.2);
}

.desktop-nav ul li > ul li {
   margin: 0;
}

.desktop-nav ul li > ul li a {
   padding: 10px;
}

.desktop-nav ul li > ul li a:hover {
   font-weight: 600;
   color : var(--firstColor) !important;
}

/*=====| Menu CSS Start |===== */

.desktop-menu {
   display: block;
   width: 100%;
   background: var(--navBGColor);
}

.desktop-menu .container {
   display: block;
   padding: 0;
}

.navbar {
   display: block;
   width: 100%;
   padding: 0;
}
.navbar_w {
   display: block;
   width: fit-content !important;
   padding: 0;
}

.more li a:hover::before {
   transform: scale3d(1, 1, 1) !important;
}

.menu li.drop-down a {
   display: block;
   position: relative;
   padding: 0 20px;
}

/* .menu .dropdown-menu li.drop-down > a span:after {
   content: "";
   display: inline;
   position: absolute;
   right: 10px;
   top: 18px;
   left: auto;
   width: 12px;
   height: 12px;
   background: url(../images/menu-down-arrow-icon.svg) no-repeat;
   background-size: 12px;
   transform: rotate(-90deg);
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   -ms-transform: rotate(-90deg);
   -o-transform: rotate(-90deg);
} */

.menu li.drop-down > ul {
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 9999;
	width: 200px;
	min-width: max-content;
	background: var(--navBGColor);
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	-ms-border-radius: 0 0 10px 10px;
	-o-border-radius: 0 0 10px 10px;
	overflow: hidden;
}

.menu li.drop-down:hover > ul {
    display: block;
}

.menu li.drop-down > ul li {
   display: block;
}

.menu li.drop-down > ul li a {
   text-align: left;
}

.menu .flyout-right > ul,
.menu .flyout-left > ul {
   display: none;
	position: absolute;
	top: 0;
	z-index: 9;
	width: fit-content;
	min-width: 200px;
	background: var(--navBGColor);
	-webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
}

.menu .flyout-right > ul {
   left: 100%;
}

.menu .flyout-left > ul {
   right: 100%;
}

.menu li.drop-down > ul li:hover > ul {
   display: block;
}

.menu li.dropdown a {
   padding: 10px 20px 10px 10px;
}

.menu li.dropdown.flyout-right > ul,
.menu li.dropdown.flyout-left > ul {
   top: 100%;
}

.menu li.dropdown .dropdown-menu {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   z-index: 99;
   width: max-content;
   min-width: 200px;
   padding: 0;
   background: var(--navBGColor);
   -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
   border-radius: 0 0 10px 10px;
   -webkit-border-radius: 0 0 10px 10px;
   -moz-border-radius: 0 0 10px 10px;
   -ms-border-radius: 0 0 10px 10px;
   -o-border-radius: 0 0 10px 10px;
}

.menu li.dropdown .dropdown-menu a {
   text-align: left;
}

.menu li.dropdown:hover .dropdown-menu {
   display: block !important;
}

.menu li.dropdown:hover .dropdown-menu > li {
   display: block !important;
}

.menu li.dropdown .drop-down ul {
   right: 100%;
	left: auto;
	top: 0;
}

.main_line .main_menu .main_dropdown_menu li a{
   padding: 12px 20px;
}
/* .main_line .menu > li.dropdown:before {
   content: "";
   display: inline;
   position: absolute;
   right: 2px;
   top: 20px;
   width: 12px;
   height: 12px;
   background: url(../images/menu-down-arrow-icon.svg) no-repeat;
   background-size: 12px;
   z-index: 3;
} */
.main_line .menu {
   list-style-type: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
}

.main_line .menu > li {
   flex: 0 0 auto;
   position: relative;
}

/* .main_line .menu > li.drop-down:before {
   content: "";
   display: inline;
   position: absolute;
   right: 2px;
   top: 20px;
   width: 12px;
   height: 12px;
   background: url(../images/menu-down-arrow-icon.svg) no-repeat;
   background-size: 12px;
   z-index: 3;
} */

.main_line .menu li.drop-down,
.main_line .menu li.dropdown,
.main_line .menu .flyout-right,
.main_line .menu .flyout-left {
   position: relative;
}
.main_line .menu li a {
   display: block;
   padding: 0px 20px;
   font-size: 16px;
   color: var(--textColor);
   text-decoration: none;
   text-align: center;
   position: relative;
   cursor: pointer;
}
.svg_arrow_down svg{
   width: 11.5px;
   display: flex;
   height: auto;
   align-items: center;
   justify-content: center;
}
.svg_arrow_down svg{
   fill: var(--textColor);
}
/* .main_line .menu li a::before {
   content: "";
   width: 100%;
   height: 3px;
   position: absolute;
   left: 0;
   bottom: -24px;
   background: #fff;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   transform: scale3d(0, 1, 1);
   transform-origin: 50% 50%;
   background: var(--firstColor);
} */

.menu li a:hover::before {
   transform: scale3d(1, 1, 1);
}
.main_line .more_nav a{
   padding: 10px 10px 10px 6px !important;
}


/* effect_one */
.effect_one .menu li a {
   display: block;
   padding: 10px 10px;
   font-size: 14px;
   color: var(--textColor);
   text-decoration: none;
   text-align: center;
   position: relative;
   cursor: pointer;
}
.effect_default .menu li a:hover{
   color: var(--firstColor);
}

.effect_one .menu li a::before {
   content: "";
   width: 100%;
   height: 4px;
   position: absolute;
   left: 0;
   bottom: -14px;
   background: #fff;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   transform: scale3d(0, 1, 1);
   transform-origin: 50% 50%;
   background: var(--firstColor);
}

.effect_one li a:hover::before {
   transform: scale3d(1, 1, 1);
}

.effect_one .main_dropdown_menu li.drop-down,
.effect_one .main_dropdown_menu li.dropdown,
.effect_one .main_dropdown_menu .flyout-right,
.effect_one .main_dropdown_menu .flyout-left {
   position: relative;
}
.effect_one .main_dropdown_menu li a {
   display: block;
   padding: 0px 15px;
   font-size: 14px;
   color: var(--textColor);
   text-decoration: none;
   text-align: center;
   position: relative;
   cursor: pointer;
}

.effect_one .main_dropdown_menu li a::before {
   content: "";
   width: 100%;
   height: 4px;
   position: absolute;
   left: 0;
   bottom: 0px;
   background: #fff;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   transform: scale3d(0, 1, 1);
   transform-origin: 50% 50%;
   background: var(--firstColor);
}
.effect_one .main_dropdown_menu li a:hover::before {
   transform: scale3d(1, 1, 1);
}
/* effect_one */


/* arrow_none */
.arrow_d_none .menu > li.drop-down:before{
   display: none;
}
.arrow_d_none .svg_arrow_down{
   display: none;
}
.arrow_d_none .more_nav .svg_arrow_down{
   display: block;
}
/* arrow_none */

/* effect_two */
.effect_two .menu li a {
   background: 
   linear-gradient(90deg, var(--firstColor) 50%, var(--white) 0) 
   var(--_p,100%)/200% no-repeat;
   -webkit-background-clip: text;
            background-clip: text;
   transition: 2s;
 }
 .effect_two .menu li a:hover {
   --_p: 0%;
 }
/* effect_two */

/* effect_three */
 .effect_three .main_menu a {
   /* color: var(--firstColor) !important; */
   transition:all 0.3s ease;
   background-position:right top;
}
.effect_three .main_menu a:hover {
   background: linear-gradient(to right, var(--firstColor)50%, rgba(0, 0, 255, 0) 50%);
   background-size: 200% 100%;
   background-position:left top;
   transition:all 1s ease;
   color: var(--white) !important;
 }
 .effect_three .more_nav a .svg_arrow_down svg {
   fill: var(--firstColor) !important;
   transition:all 0.3s ease;
}
.effect_three .more_nav a:hover .svg_arrow_down svg  {
   fill: var(--white) !important;
   transition:all 2s ease;
}
/* effect_three */


/* effect_four */
 .effect_four .main_menu a:hover{
   background: var(--white);
 }
/* effect_four */

/* effect_five */
 .effect_five .menu li a{
   transition: all 0.2s ease-out;
   transform: scale(0.9);
}
.effect_five .menu li a:hover{
   transform: scale(1);
}
.effect_five .menu li a::before{
   bottom: -14px !important;
}
.effect_five .main_dropdown_menu li a::before{
   bottom: 2px !important;
}
/* effect six */
.effect_six .main_menu li a::before {
   content: '';
   display: block;
   height: 3px !important;
   background-color: var(--firstColor);
   position: absolute;
   top: 0;
   left: inherit;
   right: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .effect_six .main_menu li a:hover::before {
   width: 100%;
 }
 
 .effect_six .main_menu li a::after {
   content: '';
   display: block;
   left: 0;
   height: 3px;
   background-color: var(--firstColor);
   position: absolute;
   bottom: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .effect_six .main_menu li a:hover::after {
   width: 100%;
 }
 .effect_six .main_menu li .more_nav a::after{
   background-color: transparent;
 }

 .effect_six .main_dropdown_menu li a::before {
   content: '';
   display: block;
   height: 0px !important;
   background-color: var(--firstColor);
   position: absolute;
   top: 0;
   left: inherit;
   right: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .effect_six .main_dropdown_menu li a:hover::before {
   width: 0%;
 }
 
 .effect_six .main_dropdown_menu li a::after {
   content: '';
   display: block;
   left: 0;
   height: 0px;
   background-color: var(--firstColor);
   position: absolute;
   bottom: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .effect_six .main_dropdown_menu li a:hover::after {
   width: 12px;
 }
 .effect_six .main_dropdown_menu li .more_nav a::after{
   background-color: transparent;
 }

 .effect_six .main_dropdown_menu li a::before {
   content: '';
   display: block;
   height: 3px !important;
   background-color: var(--firstColor);
   position: absolute;
   top: 0;
   left: inherit;
   right: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .effect_six .main_dropdown_menu li a:hover::before {
   width: 100%;
 }
 
 .effect_six .main_dropdown_menu li a::after {
   content: '';
   display: block;
   left: 0;
   height: 3px;
   background-color: var(--firstColor);
   position: absolute;
   bottom: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .effect_six .main_dropdown_menu li a:hover::after {
   width: 100%;
 }
 
 .effect_six .main_dropdown_menu li .more_nav a::after{
   background-color: transparent;
 }
/* effect six */

/* effect_seven */
.effect_seven .menu li a {
   display: block;
   padding: 6px 10px;
   font-size: 14px;
   color: var(--textColor);
   text-decoration: none;
   text-align: center;
   position: relative;
   cursor: pointer;
   border-radius: 8px 8px 0 0;
   background-color: transparent;
   transition: all 0.3s ease-out;
}
.effect_seven .menu li.drop-down > ul {
   border-radius: 10px;
   -webkit-border-radius: 10px;
}
.effect_seven .menu li a:hover {
   background-color: var(--firstColor);
   color: var(--white);
}
.effect_seven .menu li.drop-down > ul {
   top: 34px;
}
.effect_seven .main_menu .main_dropdown_menu li a {
    padding: 8px 20px;
}
.effect_seven .more_nav a{
  padding: 6px 6px !important;
}
.effect_seven .menu li.dropdown .dropdown-menu{
   border-radius: 8px;
   -webkit-border-radius: 8px;
}
.effect_seven .menu .more_nav .main_dropdown_menu li.drop-down > ul{
   top: 6px;
}
/* effect_seven */

/* effect_eight */
.effect_eight .menu li a {
   display: block;
   padding: 6px 10px;
   font-size: 14px;
   color: var(--textColor);
   text-decoration: none;
   text-align: center;
   position: relative;
   cursor: pointer;
   border-radius: 8px;
   background-color: transparent;
   transition: all 0.3s ease-out;
}
.effect_eight .menu li.drop-down > ul {
   border-radius: 10px;
   -webkit-border-radius: 10px;
}
.effect_eight .menu li a:hover {
   background-color: var(--firstColor);
   color: var(--white);
   box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5)
}
.effect_eight .menu li.drop-down > ul {
   top: 34px;
}
.effect_eight .main_menu .main_dropdown_menu li a {
    padding: 8px 20px;
}
.effect_eight .more_nav a{
  padding: 6px 6px !important;
}
.effect_eight .menu li.dropdown .dropdown-menu{
   border-radius: 8px;
   -webkit-border-radius: 8px;
}
.effect_eight .menu .more_nav .main_dropdown_menu li.drop-down > ul{
   top: 6px;
}
/* effect_eight */

/* line two */

 .line_two_effect_one .menu li a::before{
   bottom: 0 !important;
 }
 /* .line_two_effect_one .menu > li.dropdown:before{
   right: -10px !important;
 } */
 .line_two_effect_one li.drop-down a{
   padding: 10px !important;
 }
 .line_two_effect_one .more_nav a {
   padding: 10px 10px 10px 10px !important;
}
.more_nav .svg_arrow_down{
   rotate: -90deg;
}
.svg_arrow_down_more{
   rotate: 0deg !important;
}
/* line two */

/*=====| Menu CSS End |===== */

.notification-popup {
   display: none;
   position: absolute;
   top: 73px;
   right: -10px;
   z-index: 9999;
   width: 460px;
}

.notification-popup .title {
   display: block;
   width: 100%;
   padding: 10px 15px;
   position: relative;
   font-size: 14px;
   font-weight: 500;
   color: #FFF;
   background: var(--firstColor);
}

.notification-popup .title:before {
   content: "";
   position: absolute;
   top: -8px;
   right: 36px;
   z-index: 99;
   background: var(--firstColor);
   width: 15px;
   height: 15px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
}

.notification-popup .content {
   display: block;
   width: 100%;
   background: var(--secondColor);
   -webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.2);
   box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.2);
   padding: 5px 0 20px;
}

.notification-popup .content .listing-container {
   display: block;
   max-height: 500px;
	overflow: auto;
} 

.notification-popup .content .listing-container > div {
   display: flex;
   display: -webkit-flex;
   justify-content: flex-start;
   align-items: flex-start;
   grid-gap: 10px;
   padding: 15px;
   border-bottom: 1px solid var(--thirdColor);
}

.notification-popup .content .listing-container > div figure,
.notification-popup .content .listing-container > div p,
.notification-popup .content .listing-container > div p b {
   display: block;
}

.notification-popup .content .listing-container > div figure {
   width: 46px;
   height: 46px;
   position: relative;
}

.notification-popup .content .listing-container > div figure svg {
   display: block;
   position: absolute;
   width: 32px;
   height: 32px;
   top: 4px;
   left: 3px;
   z-index: 1;
   fill: #000;
}

.notification-popup .content .listing-container > div figure .notification-icon-bg {
   top: 0;
   left: 0;
   width: 43px;
   height: 43px;
   fill: var(--svgIconColor);
   opacity: 0.4;
   z-index: 0;
}

.notification-popup .content .listing-container > div p {
   display: block;
   font-size: 12px;
   font-weight: 500;
   width: calc(100% - 50px);
}

.notification-popup .content .listing-container > div p b {
   font-size: 15px;
   font-weight: 600;
}

.notification-popup .content .small-button {
   width: fit-content;
   height: 25px;
   line-height: 24px;
   margin: 10px auto 0 15px;
   padding: 0 15px;
   font-size: 12px;
   background: transparent;
   color: var(--buttonBg);
   font-weight: 600;
   border: 1px solid var(--buttonBg);
} 

/* Swiper Slider common CSS */

.slider-button-next, 
.slider-button-prev  {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   cursor: pointer;
   color: #FFF;
   height: 30px;
   width: 30px;
   background: rgba(0,0,0,0.3);
   text-align: center;
   line-height: 27px;
   border-radius:100%;
   -webkit-border-radius:100%;
   -moz-border-radius:100%;
   -ms-border-radius:100%;
   -o-border-radius:100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.slider-button-next {
   right: 10px;
}

.slider-button-prev {
   left: 10px;
}

.slider-button-next svg, 
.slider-button-prev svg {
   width: 9px;
   fill: #FFF;
   /* fill: var(--firstColor); */
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.slider-button-next svg {
   margin-left: 3px;
}

.slider-button-prev svg {
   margin-right: 3px;
}

.slider-button-next:hover,
.slider-button-prev:hover {
   background: var(--firstColor);
}

.slider-button-next:hover svg,
.slider-button-prev:hover svg {
   fill: #FFF;
}

.home-slider-container {
   padding: 0 !important;
}

.home-slider {
   width: 100%;
   height: 100%;
}

.home-slider .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;

   /* below code to set no img in banner-27-12-2024 */
   height: auto;

}

.home-slider .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider .swiper-pagination {
   bottom: 0;
}
.slider_bullet_out .swiper-pagination {
   bottom: -8px;
   position: relative;
}
.slider_bullet_none .swiper-pagination {
   display: none;
}
.slider_bullet_out .autoplay-progress{
   bottom: 30px !important;
}
.home-slider .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider .home-slider-button-next,
.home-slider .home-slider-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider .home-slider-button-next svg,
.home-slider .home-slider-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}
.home-slider .swiper-pagination{
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 6px 0;
}
.home-slider .swiper-pagination-bullet-active {
   background: var(--firstColor);
   height: 18px;
   width: 18px;
}

/* home-slider-coverflow */

.home-slider-coverflow .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-coverflow .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-coverflow .swiper-pagination {
   bottom: 0;
}
.home-slider-coverflow .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-coverflow .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-coverflow .home-slider-coverflow-button-next,
.home-slider-coverflow .home-slider-coverflow-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-coverflow .home-slider-coverflow-button-next svg,
.home-slider-coverflow .home-slider-coverflow-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-coverflow .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-coverflow .swiper-pagination-bullet-active {
   background: var(--firstColor);
}

/* home-slider-cube */

.home-slider-cube .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-cube .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-cube .swiper-pagination {
   bottom: 0;
}
.home-slider-cube .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-cube .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-cube .home-slider-cube-button-next,
.home-slider-cube .home-slider-cube-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-cube .home-slider-cube-button-next svg,
.home-slider-cube .home-slider-cube-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-cube .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-cube .swiper-pagination-bullet-active {
   background: var(--firstColor);
}


/* home-slider-fade */

.home-slider-fade .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-fade .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-fade .swiper-pagination {
   bottom: 0;
}
.home-slider-fade .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-fade .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-fade .home-slider-fade-button-next,
.home-slider-fade .home-slider-fade-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-fade .home-slider-fade-button-next svg,
.home-slider-fade .home-slider-fade-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-fade .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-fade .swiper-pagination-bullet-active {
   background: var(--firstColor);
}

/* home-slider-flip */

.home-slider-flip .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-flip .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-flip .swiper-pagination {
   bottom: 0;
}
.home-slider-flip .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-flip .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-flip .home-slider-flip-button-next,
.home-slider-flip .home-slider-flip-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-flip .home-slider-flip-button-next svg,
.home-slider-flip .home-slider-flip-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-flip .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-flip .swiper-pagination-bullet-active {
   background: var(--firstColor);
}


/* home-slider-creative */

.home-slider-creative .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-creative .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-creative .swiper-pagination {
   bottom: 0;
}
.home-slider-creative .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-creative .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-creative .home-slider-creative-button-next,
.home-slider-creative .home-slider-creative-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-creative .home-slider-creative-button-next svg,
.home-slider-creative .home-slider-creative-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-creative .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-creative .swiper-pagination-bullet-active {
   background: var(--firstColor);
}

/* home-slider-creative-second */

.home-slider-creative-second .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-creative-second .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-creative-second .swiper-pagination {
   bottom: 0;
}
.home-slider-creative-second .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-creative-second .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-creative-second .home-slider-creative-second-button-next,
.home-slider-creative-second .home-slider-creative-second-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-creative-second .home-slider-creative-second-button-next svg,
.home-slider-creative-second .home-slider-creative-second-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-creative-second .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-creative-second .swiper-pagination-bullet-active {
   background: var(--firstColor);
}
/* home-slider-creative-three */

.home-slider-creative-three .swiper-slide {
   text-align: center;
   font-size: 18px;
   background: #fff;
   display: flex;
   display: -webkit-flex;
   justify-content: center;
   align-items: center;
}

.home-slider-creative-three .swiper-slide img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.home-slider-creative-three .swiper-pagination {
   bottom: 0;
}
.home-slider-creative-three .autoplay-progress {
   position: absolute;
   right: 16px;
   bottom: 16px;
   z-index: 10;
   width: 30px;
   height: 30px;
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   color: #fff;
}

.home-slider-creative-three .autoplay-progress svg {
   --progress: 0;
   position: absolute;
   left: 0;
   top: 0px;
   z-index: 10;
   width: 100%;
   height: 100%;
   stroke-width: 4px;
   stroke: #fff;
   fill: none;
   stroke-dashoffset: calc(125.6px * (1 - var(--progress)));
   stroke-dasharray: 125.6;
   transform: rotate(-90deg);
}

.home-slider-creative-three .home-slider-creative-three-button-next,
.home-slider-creative-three .home-slider-creative-three-button-prev {
   width: 45px;
   height: 45px;
   text-align: center;
   line-height: 42px;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.home-slider-creative-three .home-slider-creative-three-button-next svg,
.home-slider-creative-three .home-slider-creative-three-button-prev svg {
   width: 12px;
   /* fill: var(--firstColor); */
}

.home-slider-creative-three .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.home-slider-creative-three .swiper-pagination-bullet-active {
   background: var(--firstColor);
}
.swiper-transition {
   -webkit-transition-timing-function: linear;
   -o-transition-timing-function: linear;
   transition-timing-function: linear;
 }
.swiper-wrapper {
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
.todays-rate-slider {
   display: block;
   background: var(--firstColor);
   padding: 12px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
}

.todays-rate-slider .swiper-slide {
   display: block;
   /*border-left: 2px dashed #FFF;
   */padding: 10px;
   cursor: move;
   background-color: rgba(0,0,0,0.2);
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
}

.todays-rate-slider .swiper-slide > div {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   grid-gap: 5px;
   width: 100%;
}

.todays-rate-slider .swiper-slide > div img {
   display: block;
   width: 40px;
   height: auto;
   margin-right: 7px;
}

.todays-rate-slider .swiper-slide > div span {
   font-size: 15px;
   color: #FFF;
}

.todays-rate-slider .swiper-slide > div b {
   display: inline-block;
   text-align: center;
   font-size: 15px;
   color: #FFF;
   font-weight: 600;   
}

/* .todays-rate-slider .tr-slider-button-next svg,
.todays-rate-slider .tr-slider-button-prev svg {
   width: 10px;
} */

.product-slider {
   display: block;
   padding: 2px 0;
}

.product-slider .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   border: 1px solid var(--thirdColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;

   /* below code to set no img in banner-27-12-2024 */
   height: auto !important;
}

.product-slider .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 14px;
   font-weight: 500;
	background: rgba(255, 255, 255, 0.7);
	color: #000;
	padding: 1vh 5px;
}

.product-slider .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0;

   /* below code to set no img in banner-27-12-2024 */
   display: flex;
   height: 100%;
}

.product-slider .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   /* object-fit: contain; */

   /* below code to set no img in banner-27-12-2024 */
   object-fit: cover;
}



.product-slider-category {
   display: block;
   padding: 2px 0;
}

.product-slider-category .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;

   /* below code to set no img in banner-27-12-2024 */
   height: auto;
}
.product-slider-category .card .card-img-top{
   border: 1px solid var(--thirdColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;

   /* below code to set no img in banner-27-12-2024 */
   object-fit: cover;
   height: 100%;
}
.product-slider-category .card{
   height: 100% !important;
}
.product-slider-category .card .card_main_text_title{
   color: #000;
   font-size: 14px;
   font-weight: 500;
   text-transform: uppercase;
}
.product-slider-category .card .card_text_title{
   color: #000;
   font-size: 14px;
   font-weight: 400;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.product-slider-category .swiper-slide .category_main_div {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   z-index: 9;
   height: 100%;
   width: 100%;
   background: rgb(0 0 0 / 70%);
   border-radius: 10px;
   color: #000;
   border: 1px solid var(--thirdColor);
}
.product-slider-category .swiper-slide .category_main_div .last_catagory{
   position: absolute;
   top: 55%;
   left: 50%;
   transform: translate(-50%, -50%);
   text-align: center;
   display: flex;
   flex-direction: column;
   gap: 10px;
   width: 100%;
   align-items: center;
}
.last_catagory span{
   font-size: 19px;
}
.card_view_more {
   font-size: 14px; 
   letter-spacing: 1px;
}
.product-slider-category .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0;
}

.product-slider-category .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
}
.product-slider-category .slider-button-next, .product-slider-category .slider-button-prev {
   top: 45%;
}

.product-slider-video {
   display: block;
   /* padding: 2px 0; */
}

.product-slider-video .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   /* border: 1px solid var(--thirdColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px; */
}
.product-slider-video .swiper-slide{
   position: relative;
   overflow: hidden;
   height: auto;
   align-items: center;
   display: flex;
   background: rgb(0 0 0 / 16%);
   border-radius: 16px;
}
.product-slider-video .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 14px;
   font-weight: 500;
	background:#f4f3f3;
	color: #000;
	padding: 1vh 5px;
}

.product-slider-video .swiper-slide figure {
   display: flex;
   width: 100%;
   overflow: hidden;
   margin: 0;
   height: 100%;
}

.product-slider-video .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
}
.video_tag{
   height: auto;
   -o-object-fit: cover !important;
   object-fit: cover !important;
   overflow: hidden !important;
   width: 100%;
   border-radius: 16px;
}
.video_tag_model{
   height: auto;
   -o-object-fit: cover !important;
   object-fit: cover !important;
   overflow: hidden !important;
   border-radius: 16px;
}
.product-slider-video-horizontal {
   display: block;
   padding: 2px 0;
}

.product-slider-video-horizontal .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   /* border: 1px solid var(--thirdColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px; */
}
.product-slider-video-horizontal .swiper-slide{
   position: relative;
   overflow: hidden;
   height: auto;
   align-items: center;
   display: flex;
   background: rgb(0 0 0 / 16%);
   border-radius: 16px;
}
.product-slider-video-horizontal .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 14px;
   font-weight: 500;
	background:#f4f3f3;
	color: #000;
	padding: 1vh 5px;
}

.product-slider-video-horizontal .swiper-slide figure {
   display: contents;
   width: 100%;
   overflow: hidden;
   margin: 0;
   height: 100%;
}

.product-slider-video-horizontal .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
}

.product-slider-video-youtube {
   display: block;
   padding: 2px 0;
}

.product-slider-video-youtube .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   /* border: 1px solid var(--thirdColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px; */
}
.product-slider-video-youtube .swiper-slide{
   position: relative;
   overflow: hidden;
   height: auto;
   align-items: center;
   display: flex;
   background: rgb(0 0 0 / 16%);
   border-radius: 16px;
}
.product-slider-video-youtube .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 14px;
   font-weight: 500;
	background:#f4f3f3;
	color: #000;
	padding: 1vh 5px;
}

.product-slider-video-youtube .swiper-slide figure {
   display: contents;
   width: 100%;
   overflow: hidden;
   margin: 0;
   height: 100%;
}

.product-slider-video-youtube .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
}
.gold-offer-container {
   display: flex;
   display: -webkit-flex;
   align-items: center;
   justify-content: center;
   padding:0;
}

.gold-offer-container a {
   display: inline-block;
   margin: 0 15px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.gold-offer-container a:hover {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
}

.gold-offer-container img {
   display: block;
   width: 230px;
}

.section-title-container {
   display: block;
   position: relative;
   text-align: center;
   padding-bottom: 0;
}

.section-title {
   display: inline-block;
   position: relative;
   color: var(--textColor);
   font-size: 27px;
	font-weight: 500;
   padding: 0 145px;
   line-height: 1.6;
   background: url(../images/title-left-line-img.png) left center no-repeat, url(../images/title-right-line-img.png) right center no-repeat;
}
.section_title_one, .section_title_second, .section_title_second, .section_title_three {
   background: none !important;
   position: relative;
}
.section_title_one::before{
   content: "";
   background-color: var(--firstColor);
   position: absolute;
   width: 20px;
   height: 20px;
   top: 3px;
   left: 100px;
   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.section_title_one::after{
   content: "";
   background-color: var(--firstColor);
   position: absolute;
   width: 20px;
   height: 20px;
   top: 3px;
   right: 100px;
   clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.section_title_second::before{
   content: "";
   background-color: var(--firstColor);
   position: absolute;
   width: 20px;
   height: 20px;
   top: 3px;
   left: 100px;
   clip-path: polygon(100% 48%, 0 0, 0 100%);
}
.section_title_second::after{
display: none;
}
.section_title_three::before{
   content: "";
   background-color: var(--firstColor);
   position: absolute;
   width: 85%;
   height: 4px;
   top: -12px;
   left: 0;
   border-radius: 100px;
}
.section_title_three::after{
   content: "";
   background-color: var(--firstColor);
   position: absolute;
   width: 85%;
   height: 4px;
   bottom: -12px;
   right: 0;
   border-radius: 100px;
}
.section_title_four {
   display: inline-block;
   position: relative;
   color: var(--textColor);
   font-size: 27px;
	font-weight: 500;
   padding: 0 100px;
   line-height: 25px;
   background: url(../images/svg-icons/gem.svg) left center no-repeat, url(../images/svg-icons/gem.svg) right center no-repeat;
   background-size: contain;
}
.section_title_five {
   display: inline-block;
   position: relative;
   color: var(--textColor);
   font-size: 27px;
	font-weight: 500;
   padding: 0 100px;
   line-height: 25px;
   background: url(../images/svg-icons/ring-diamond.svg) left center no-repeat, url(../images/svg-icons/ring-diamond.svg) right center no-repeat;
   background-size: contain;
}

.shop-by-category-slider {
   display: block;
}

.shop-by-category-slider .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.shop-by-category-slider .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 16px;
   font-weight: 500;
	background: rgba(0, 0, 0, 0.7);
	color: #FFF;
	padding: 1.5vh 5px;
}

.shop-by-category-slider .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0;
}

.shop-by-category-slider .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   /* object-fit: contain; */

   /* below code to set no img in banner-27-12-2024 */
   object-fit: cover;
}

/* below code to set no img in banner-27-12-2024 */
.shop-by-category-slider .swiper-slide{
   height: auto !important;
}
/* below code to set no img in banner-27-12-2024 */
.shop-by-category-slider .swiper-slide figure{
   display: flex;
   height: 100%;
}


.optional-slider {
   display: block;
}

.optional-slider .swiper-slide img {
   display: block;
   width: 100%;
   height: auto;
   /* object-fit: contain; */
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;  
   
/* below code to set no img in banner-27-12-2024 */
   object-fit: cover;
}

/* below code to set no img in banner-27-12-2024 */
.optional-slider .swiper-slide{
   height: auto !important;
}

/* below code to set no img in banner-27-12-2024 */
.optional-slider .swiper-slide a{
   display: flex;
   height: 100%;
}

.collage-slider {
   display: block;
}

.collage-slider .swiper-slide img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}
.new-arrivals-slider {
   display: block;
}

.card_rect{
   display: block;
   align-items: center;
   /* border: 1px solid #ebebeb; */
   border-radius: 6px;
   justify-content: center;
   background-color:rgb(0 0 0 / 16%);
}
.multi_squer{
   display: block;
   width: 100%;
   height: auto;
   aspect-ratio: 2/2;
   object-fit: cover;
   max-width: 100%;
}
.instagram_cards_squer{
   display: block ;
   align-items: center;
   /* border: 1px solid #ebebeb; */
   justify-content: center;
   background-color: rgb(0 0 0 / 16%);
   border-radius: 6px;
}
.figure_new {
   /* height: 320px; */
   display: flex;
   align-items: center;
   /* border: 1px solid #ebebeb; */
   justify-content: center;
   background-color:rgb(0 0 0 / 16%);
   aspect-ratio: 2/2;
}
.new-arrivals-slider .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   
   /* below code to set no img in banner-27-12-2024 */
   height: auto !important;
}
.new-arrivals-slider .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0;

   /* below code to set no img in banner-27-12-2024 */
   display: flex;
   height: 100%;
}
.new-arrivals-slider .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   /* object-fit: contain; */

   /* below code to set no img in banner-27-12-2024 */
   object-fit: cover;
}
.new-arrivals-slider .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 18px;
   font-weight: 600;
	background: #0000001a;
	color: #000;
	padding: 2vh 5px;
}

.modal_inner_scroll{
   height: 420px;
   overflow-y: auto;
}

.instagram_reel_slider {
   display: block;
}

.instagram_reel_slider .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}
.instagram_reel_slider .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 18px;
   font-weight: 600;
	background: #0000001a;
	color: #000;
	padding: 2vh 5px;
}

.instagram_reel_slider .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0;
}
.modal_inner_scroll{
   height: 420px;
   overflow-y: auto;
}
.instagram_reel_slider .swiper-slide figure img {
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   object-fit: contain;
}
.squer_slider_insta {
   display: block;
}

.squer_slider_insta .swiper-slide {
   display: block;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}
.squer_slider_insta .swiper-slide span {
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 9;
   width: 100%;
   text-align: center;
	font-size: 18px;
   font-weight: 600;
	background: #0000001a;
	color: #000;
	padding: 2vh 5px;
}

.squer_slider_insta .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0;
}
.squer_slider_insta .swiper-slide figure img{
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   aspect-ratio: 2/2;
   object-fit: cover ;
}

/* .offer-zoom-container .slider-button-next svg, 
.offer-zoom-container .slider-button-prev svg {
   fill: #000;   
} */

.offer-zoom-container {
   padding: 0;
}

.offer-zoom-slider {
   padding: 80px 0;
}

.offer-zoom-slider .swiper-container {
   width: 100%;
   margin: 40px 0;
   padding: 45px 0;
}

.offer-zoom-slider .swiper-slide {
   opacity: 0.5;
   overflow: hidden;
   -webkit-transition: all 0.7s ease-out;
   -moz-transition: all 0.7s ease-out;
   -ms-transition: all 0.7s ease-out;
   -o-transition: all 0.7s ease-out;
   transition: all 0.7s ease-out;

   /* below code to set no img in banner-27-12-2024 */
   height: auto !important;
}

/* below code to set no img in banner-27-12-2024 */
.offer-zoom-slider .swiper-slide a{
   display: flex;
   height: 100%;
}

.offer-zoom-slider .swiper-slide img {
   width: 100%;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.offer-zoom-slider .swiper-slide-active {
   opacity: 1;
   z-index: 1;
   transform: scale(1.7) !important;
   -webkit-transform: scale(1.7) !important;
   -moz-transform: scale(1.7) !important;
   -ms-transform: scale(1.7) !important;
   -o-transform: scale(1.7) !important;
}

.customer-view-container {
   padding: 10px 50px;
}

/* .customer-view-container .slider-button-next svg, 
.customer-view-container .slider-button-prev svg {
   fill: #000;   
} */

.customer-view-container .slider-button-next, 
.customer-view-container .slider-button-prev {
   transform: translateY(-160%);
}

.customer-view-slider .swiper-slide {
   display: flex;
   display: -webkit-flex;
   align-items: center;
   padding: 20px;
   height: auto;
   -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.customer-view-slider .swiper-slide .customer-view-box {
   display: flex;
   display: -webkit-flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   width: 100%;
   cursor: move;
   padding: 0px;
   /* -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px; */
}

.customer-view-slider .swiper-slide .customer-view-box figure {
   display: block;
   width: 100px;
   height: 100px;
   margin: 0 auto 30px;
   background: url(../images/default-user-pic.jpg) no-repeat center #b7b7b7;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
}

.customer-view-slider .swiper-slide .customer-view-box h5 {
   display: block;
   width: 100%;
   text-align: center;
   margin: 0 0 15px;
   font-size: 20px;
}

.customer-view-slider .swiper-slide .customer-view-box p {
   display: block;
   text-align: center;
   font-size: 14px;
   padding: 0 25px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.customer-view-slider .swiper-pagination {
   display: block;
   position: relative;
   padding: 30px;
}

.customer-view-slider .swiper-pagination .swiper-pagination-bullet {
   background: var(--thirdColor);
}

.customer-view-slider .swiper-pagination .swiper-pagination-bullet-active {
   background: var(--firstColor);
}
.product-slider-video-youtube .swiper-pagination .swiper-pagination-bullet-active {
   background: var(--firstColor);
}

.product-slider-video-youtube .swiper-pagination .swiper-pagination-bullet {
   background: var(--thirdColor);
}
.customer-view-slider-testimonial .swiper-slide {
   display: flex;
   display: -webkit-flex;
   align-items: center;
   padding: 20px;
   height: auto;
   -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.customer-view-slider-testimonial .swiper-slide .customer-view-box {
   display: flex;
   display: -webkit-flex;
   flex-direction: column;
   justify-content: flex-start;
   /* align-items: center; */
   width: 100%;
   cursor: move;
   padding: 0px;
   height: 100%;
   /* -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   box-shadow: 0 0 10px 5px rgba(0,0,0,0.05);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px; */
}

.customer-view-slider-testimonial .swiper-slide .customer-view-box figure {
   display: block;
   width: 100px;
   height: 100px;
   margin: 0 auto 30px;
   background: url(../images/default-user-pic.jpg) no-repeat center #b7b7b7;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
}

.customer-view-slider-testimonial .swiper-slide .customer-view-box h5 {
   display: block;
   width: 100%;
   text-align: center;
   margin: 0 0 15px;
   font-size: 20px;
}

.customer-view-slider-testimonial .swiper-slide .customer-view-box p {
   display: block;
   text-align: center;
   font-size: 14px;
   padding: 0px;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.customer-view-slider-testimonial .swiper-pagination {
   display: block;
   position: relative;
   padding: 25px 0 0;
}
.customer-view-slider-testimonial-button-next , .customer-view-slider-testimonial-button-prev{
   top: 60% !important;
}

.customer-view-slider-testimonial .swiper-pagination .swiper-pagination-bullet {
   background: var(--thirdColor);
}

.customer-view-slider-testimonial .swiper-pagination .swiper-pagination-bullet-active {
   background: var(--firstColor);
}
.desktop-footer {
   display: block;
   position: relative;
   background: var(--footerBG);
   margin-top: 100px;
}

/* .desktop-footer .footer-grid {
   display: grid;
   grid-template-columns: 390px 1fr 1fr 1fr;
   align-items: flex-start;
   grid-gap: 20px;
} */

.desktop-footer .footer-grid .contact-details {
   display: block;
   /* display: -webkit-flex;
   flex-direction: column;
   justify-content: center;
   align-items: flex-start; */
   padding-top: 43px;
   /* width: 100%; */
}

.desktop-footer .footer-grid .contact-details .logo {
   display: block;
   padding-bottom: 20px;
}

.desktop-footer .footer-grid .contact-details .address,
.desktop-footer .footer-grid .contact-details .contact {
   padding: 0 0 20px 25px;
   position: relative;
}  

.desktop-footer .footer-grid .contact-details .address i,
.desktop-footer .footer-grid .contact-details .contact i {
   position: absolute;
   top: 3px;
   left: 0;
   font-size: 20px;
}

.desktop-footer .footer-grid .contact-details .contact i {
   font-size: 18px;
}

.desktop-footer .footer-grid .contact-details .social-icons {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
}  

.desktop-footer .footer-grid .contact-details .social-icons a {
   display: block;
   width: 35px;
   height: 35px;
   text-align: center;
   line-height: 37px;
   font-size: 20px;
   margin-right: 10px;
   color: var(--white);
   background-color: var(--firstColor);
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.desktop-footer .footer-grid .contact-details .social-icons a:hover {
   color: #FFF;
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -ms-transform: scale(1.1);
   -o-transform: scale(1.1);
}

.desktop-footer .footer-grid .footer-quick-links {
   display: block;
   padding-top: 40px;
}

.desktop-footer .footer-grid .footer-quick-links h6 {
   font-size: 20px;
   font-weight: 600;
   color: var(--textColor);
} 

.desktop-footer .footer-grid .footer-quick-links ul {
   list-style: none;
   padding: 0;
   margin: 0;
}

.desktop-footer .footer-grid .footer-quick-links ul li a {
   display: block;
   padding: 5px 0;
}

.desktop-footer .footer-grid .download-apps {
   display: flex;
   display: -webkit-flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   padding-top: 40px;
}

.desktop-footer .footer-grid .download-apps h5 {
   display: block;
   width: 100%;
   margin-bottom: 10px;
   font-size: 20px;
   font-weight: 600;
   color: var(--textColor);
}

/* .desktop-footer .footer-grid .download-apps p {
   line-height: 20px;
   margin-bottom: 10px;
} */

.desktop-footer .footer-grid .download-apps img {
   display: inline-block;
   max-width: 145px;
   margin: 0 0 3px auto;
}

.desktop-footer .footer-grid .footer-mobile {
	display: block;
	margin-top: -100px;
   text-align: center;
}

/*====| Form Input Label Buttons CSS |=======================================*/

.form-container {
   display: block;
   padding: 10px;
}

.form-container .input-container {
   display: block;
   padding-bottom: 25px;
   position: relative;
}

.form-container .input-container label {
   display: block;
   font-size: 13px;
   padding-bottom: 10px;
   color: var(--textColor);
   font-weight: 500;
}

.form-select,
.form-container .input-container .input {
   display: block;
   width: 100%;
   /* border: 1px solid var(--inputBorderColor); 27-03-2025 */
   border: 1px solid var(--firstColor);
   min-height: 50px;
   padding: 10px;
   font-size: 14px;
   color: var(--textColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.form-container .number span {
   display: block;
	position: absolute;
	top: 42px;
	left: 10px;
	z-index: 9;
   width: 40px;
	font-size: 14px;
	color: var(--textColor);
	border-right: 1px solid var(--inputBorderColor);
	padding-right: 5px;
}

.form-container .number input {
   padding-left: 53px !important;
}

.form-container .error {
   border: 1px solid #FF0000 !important;
}

.form-container .error-msg {
   display: block;
   font-size: 13px;
   color: #FF0000;
   padding: 3px 0;
}
.form_container .error-msg {
   display: block;
   font-size: 13px;
   color: #FF0000;
   padding: 3px 0;
}
.form-container .button {
   display: block;
   width: 275px;
   /* height: 35px; */
   height: 40px;
   font-size: 14px;
   text-align: center;
   color: #FFF;
   font-weight: 500;
   background-color: var(--buttonBg);
   border: 1px solid var(--buttonBg);
   margin: 15px auto 25px;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.form-container .button.small {
   width: 175px;
} 

.form-container .button.bordered {
   background: #FFF !important;
   color: var(--textColor) !important;
   width: auto !important;
   padding: 0 30px;
}

.big-button {
   display: block;
   width: 100%;
   max-width: 350px;
   height: 50px;
   line-height: 47px;
   margin: 10px auto;
   text-align: center;
   font-size: 24px;
   color: #FFF;
   background: var(--buttonBg);
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.big-button.bordered {
   color: var(--buttonBg);
   background: #FFF;
   border: 2px solid var(--buttonBg);
} 

.form-container .button:hover,
.big-button:hover {
   color: #FFF !important;
   background: var(--firstColor) !important;
}

.midium-button {
   display: block;
   width: 100%;
   max-width: 350px;
   /* height: 40px; */
   line-height: 40px;
   margin: 10px auto;
   text-align: center;
   font-size: 20px;
   color: #FFF;
   background: var(--buttonBg);
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.midium-button.bordered {
   color: var(--buttonBg);
   background: #FFF;
   border: 2px solid var(--buttonBg);
}

.midium-button:hover {
   color: #FFF !important;
   background: var(--firstColor) !important;
}

.small-button {
   display: block;
   width: 100%;
   max-width: 350px;
   height: 36px;
   line-height: 34px;
   margin: 10px auto;
   text-align: center;
   font-size: 15px;
   color: #FFF;
   background: var(--buttonBg);
   border-radius: 40px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   -ms-border-radius: 40px;
   -o-border-radius: 40px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.small-button.bordered {
   color: var(--buttonBg);
   background: #FFF;
   border: 2px solid var(--buttonBg);
} 

.small-button:hover {
   color: #FFF !important;
   background: var(--firstColor) !important;
}

.disabled-grey {
   background-color: #b3b3b3 !important;
}

.disabled-button {
   background: var(--footerBG);
   pointer-events: none;
}

.btn-row {
   display: block;
   width: 100%;
}

.btn-row .big-button,
.btn-row .small-button {
   display: inline-block;
   margin: 10px;
}

.btn-row.flex {
   display: flex;
   display: -webkit-flex;
   grid-gap: 10px;
   justify-content: center;
   align-items: center;
}



/*====| Custome Popup CSS |=======================================*/

/* Outer */
.popup {
   width: 100%;
   height: 100%;
   display: none;
   position: fixed;
   top: 0px;
   left: 0px;
   background: rgba(0, 0, 0, 0.75);
   z-index: 99999;
}

/* Inner */
.popup-inner {
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
   padding: 25px;
   background: #fff;
   z-index: 9999;
   max-height: 85vh;
   overflow: auto;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

/* Close Button */
.popup-close {
   position: absolute;
   top: 14px;
   right: 20px;
   width: 14px;
   height: 14px;
   z-index: 999;
   opacity: 1;
}

.popup-close svg {
   display: block;
   width: 100%;
   height: 100%;
   opacity: 0.5;
   fill: var(--firstColor);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.popup-close:hover svg {
   opacity: 1;
}

.popup-inner figure {
   display: block;
   text-align: center;
   padding:15px;
}

.popup-inner figure img {
   display: inline-block;
   height: 60px;
   width: auto;   
}

/* .popup-inner h3 {
   display: block;
   text-align: center;
   padding:15px 15px 20px;
   color: #313131;
   font-size: 20px;
   font-weight: 600;
}
   27-03-2025   
*/
.popup-inner h3 {
   display: block;
   text-align: center;
   padding:15px 15px 20px;
   color: var(--firstColor);
   font-size: 20px;
   font-weight: normal;
}

.popup-inner p {
   font-size: 14px;
}

.popup-inner .flex-row {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
   padding: 10px 0;
}

.popup-inner .flex-row .button {
	width: 100% !important;
	padding: 0;
	margin: 0 0 0 10px;
}

.popup-inner .flex-row .button.bordered {
	margin-left: 0;
	margin-right: 10px;
}

.popup-inner .form-container {
	display: block;
   margin: 0 auto;
	padding: 15px 15px 0;
   /* max-height: 550px;
	overflow: auto; */
}

.popup-inner .form-container .input-container label {
   padding-bottom: 5px;
}

.popup-inner .flex-row {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start ;
   align-items: center;
}

.popup-inner .flex-row .button {
   display: block;
   width: 100% !important;
   padding: 0;
   margin-left: 10px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	background-color: var(--buttonBg);
	border: 1px solid var(--buttonBg);
   margin-left: 10px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.popup-inner .flex-row .button.bordered {
   background: #FFF !important;
   color: var(--textColor) !important;
   padding: 0 30px;
   margin-left: 0;
   margin-right: 10px;
}

.login-popup .form-container {
   width: 500px !important;
}

.login-popup .form-container .input-container .input-number {
   width: 360px;
   padding: 10px 85px 10px 60px !important;
}


.login-popup .form-container .number .change {
   position: absolute;
	top: 39px;
	right: 10px;
   display: block;
   width: fit-content;
   padding: 3px 8px;
   background: #efefef;
   color: var(--firstColor);
   font-size: 14px;
   font-weight: 500;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
}

.login-popup .form-container .resend-otp {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #2d2d2d;
	padding: 0 0 2px;
}

.login-popup .form-container .resend-otp span {
	display: block;
	text-align: center;
	font-size: 16px;
}


/* .otp-popup {
   padding-bottom: 50px;
} */

.otp-popup .sell-otp-section {
   display: block;
   height: 274px;
}

.otp-popup .success-otp-section {
   display: none;
   height: 274px;
}

.otp-popup .sell-otp-section,
.otp-popup .success-otp-section {
   min-height: 275px;
}

.otp-popup .form-container .input-container .input {
   width: 100%;
	font-size: 20px;
	letter-spacing: 5px;
   font-weight: 600;
	text-align: center;
}

.otp-popup p {
   display: block;
   text-align: center;
   font-size: 16px;
   padding: 10px;
}

.otp-popup .success-otp-section p {
   padding: 20px 10px 0;
}

.redeems-coins-popup {
   display: block;
   width: 700px !important;
   padding: 50px;
}

.redeems-coins-popup h5 {
   font-size: 25px;
}

.redeems-coins-popup p {
   font-size: 18px;
   text-align: center;
   padding-bottom: 25px;
}

.redeems-coins-popup p img {
   display: inline-block;
   width: 50px;
   margin-right: 10px;
}

.redeems-coins-popup .input-form {
   display: block;
}

.redeems-coins-popup .redeem-code-section {
   display: none;
}

.redeems-coins-popup .box-element {
   display: block;
   width: 100%;
   border: 1px solid #757575;
   padding: 25px;
   text-align: center;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.redeems-coins-popup .box-element input {
	display: inline-block;
   width: 200px;
	padding: 12px;
	text-align: center;
	font-size: 24px;
	margin: 25px 0;
	border: 1px solid #757575;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.redeems-coins-popup .redeem-code-section p {
   padding: 0;
}

.redeems-coins-popup .redeem-code-section .form-container .button {
   line-height: 34px;
}


/*====| Inner Page CSS |=======================================*/

.minute {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   position: absolute;
   top: 15px;
   right: 15px;
   background: var(--fourTabsBg);
   color: #FFF;
   font-size: 13px;
   padding: 3px 15px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.minute svg {
   display: inline-block;
   width: 11px;
   height: 11px;
   margin-right: 5px;
}

.radio-checkbox {
   display: inline-block;
   margin: 0 15px 10px 0;
   vertical-align: bottom;
}

.radio-checkbox input {
   display: none;
}

.radio-checkbox label {
   display: block;
   position: relative;
   cursor: pointer;
   height: 24px;
   min-width: 150px;
   line-height: 24px;
   padding: 0 10px 0 33px;
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   color: var(--fourTabsBg);
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
}

.radio-checkbox .radio:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   appearance: none;
   -webkit-appearance: none;
   background-color: #FFF;
   border: 2px solid var(--fourTabsBg);
   width: 25px;
   height: 24px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   border-radius: 25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   -o-border-radius: 25px;
}

.radio-checkbox input[type="radio"]:checked + .radio:after {
   content: "";
   display: block;
   position: absolute;
   top: 6px;
   left: 6px;
   width: 12px;
   height: 12px;
   background: var(--fourTabsBg);
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
}

.radio-checkbox label.checkbox {
   min-width: fit-content;
   padding: 0 0 0 25px;
}

.radio-checkbox .checkbox:before {
   content: "";
   position: absolute;
   top: 3px;
   left: 0px;
   appearance: none;
   -webkit-appearance: none;
   border: 1px solid var(--fourTabsBg);
   padding: 9px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.radio-checkbox input[type="checkbox"]:checked + .checkbox:after {
   content: "";
   display: block;
   position: absolute;
   top: 5px;
   left: 7px;
   width: 7px;
   height: 13px;
   border: solid var(--fourTabsBg);
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
}


h1.page-section-title {
   display: block;
   text-align: center;
   font-size: 24px;
   font-weight: 600;
   color: var(--textColor);
   padding-bottom: 15px;
}

.BSLR-tabs-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   background-color: var(--fourTabsBg);
   text-align: center;
   padding: 15px 5px 8px;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   margin-bottom: 20px;
}

.BSLR-tabs-container a {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   grid-gap : 10px;
   width: 100%;
   padding: 0 5px;
   border-right: 1px solid #FFF;
   font-size: 15px;
   font-weight: 500;
   color: #FFF !important;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.BSLR-tabs-container a figure {
   display: block;
   text-align: center;
   padding-bottom: 5px;
}

.BSLR-tabs-container a figure svg {
   display: inline-block;
   height: 35px;
   width: auto;
   fill: #FFF;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.BSLR-tabs-container a:hover,
.BSLR-tabs-container a.active {
   color: var(--tabHoverColor) !important;
} 

.BSLR-tabs-container a:hover figure svg,
.BSLR-tabs-container a.active figure svg {
   fill: var(--tabHoverColor);
}

.BSLR-tabs-container a:last-child {
   border-right: 0;
}

.beneifits-list-container {
   display: block;
}

.beneifits-list-container ul {
   display: block;
   list-style: none;
}

.beneifits-list-container ul li {
   display: block;
   position: relative;
   margin-bottom: 28px;
   /* background: url(../images/Bullet-icon.png) no-repeat;
   background-size: 40px;
   background-position: left top; */
   font-size: 19px;
   line-height: 40px;
   padding-left: 55px;
}

.beneifits-list-container ul li svg {
   position: absolute;
   top: 0;
   left: 0;
   width: 35px;
   height: 35px;
   fill: var(--fourTabsBg);
}

.beneifits-list-container h6 {
   display: block;
   font-size: 25px;
}


.faq-tabs-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start ;
   align-items: center;
   background-color: var(--fourTabsBg);
   text-align: center;
   padding: 15px 5px;
   margin: 25px 0 5px;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
}

.faq-tabs-container .nav-item {
   text-align: center;
}

.faq-tabs-container a {
   display: block;
   width: 100%;
   padding: 0 5px;
   font-size: 18px;
   color: #FFF !important;
   text-align: center;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.faq-tabs-container a b {
   display: inline-block;
   padding: 0 5px;
   position: relative;
}

.faq-tabs-container a b::after {
   content: "";
   position: absolute;
   bottom: -15px;
   left: 0;
   width: 100%;
   height: 3px;
   opacity: 0;
   background: #FFF;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.faq-tabs-container a:hover b::after,
.faq-tabs-container a.active b::after {
   opacity: 1;
   bottom: -3px;
}

.faq-tabs-content-container {
   display: block;
   width: 100%;
   position: relative;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}

.faq-tabs-content-container .tab-content {
	display: none;
	width: 100%;
}

.faq-tabs-content-container .tab-content.current {
	display: block;
}

.faqs-list-container {
   display: block;
   padding-top: 0 !important;
}

.faqs-list-container ul li {
   display: block;
   border-bottom:1px solid #cbcbcb;
}

.faqs-list-container ul li a {
   display: block;
   position: relative;
   padding: 20px 20px 20px 30px;
   font-size: 20px;
   color: var(--textColor);
}

.faqs-list-container ul li a:hover {
   color: #000;
}

.faqs-list-container ul li a::before {
   content: "";
   position: absolute;
   top: 28px;
   left: 0;
   width: 13px;
   height: 13px;
   background: var(--firstColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.faqs-list-container ul li a::after {
   content: "";
   position: absolute;
   top: 26px;
   right: 2px;
   width: 13px;
   height: 13px;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   background: #FFF;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.faqs-list-container ul li a.open::before {
   transform: scale(1.5);
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -ms-transform: scale(1.5);
   -o-transform: scale(1.5);
}

.faqs-list-container ul li a.open::after {
   transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
   -moz-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   -o-transform: rotate(225deg);
}

.faqs-list-container ul li p.content{
   display: none;
   /* display: block; */
   position: relative;
   /* padding: 5px 5px 25px 30px; */
   padding: 0 0 15px 30px;
   text-align: justify;
   font-size: 20px;
   margin: 0;
}

/* faq accordion css started  */

.faqs-list-container .accordion{
   --bs-accordion-transition : color 0.3s ease-in-out,background-color 0.3s ease-in-out,border-color 0.3s ease-in-out,box-shadow 0.3s ease-in-out,border-radius 0.3s ease;
   overflow: visible;
}

.faqs-list-container .accordion-item{
   border: unset;
   border-bottom: 1px solid #cbcbcb;
}

.faqs-list-container .accordion-button{
   border: unset;
   display: block;
   position: relative;
   padding: 20px 20px 20px 30px;
   font-size: 20px;
   color: var(--textColor);
   background-color: white !important;
   box-shadow: unset !important;
}


.faqs-list-container .accordion-button::before{
   content: "";
   position: absolute;
   top: 25px;
   left: 0;
   width: 13px;
   height: 13px;
   background: var(--firstColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}



.faqs-list-container .accordion-button:not(.collapsed)::before{
   transform: scale(1.5);
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -ms-transform: scale(1.5);
   -o-transform: scale(1.5);
}

.faqs-list-container .accordion-button::after{
   content: "";
   position: absolute;
   top: 26px;
   right: 2px;
   width: 13px;
   height: 13px;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   background: #FFF;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.faqs-list-container .accordion-button:not(.collapsed)::after{
   transform: rotate(225deg);
   -webkit-transform: rotate(225deg);
   -moz-transform: rotate(225deg);
   -ms-transform: rotate(225deg);
   -o-transform: rotate(225deg);
}

.faqs-list-container .accordion-item .accordion-body{
   padding-top: 0px;
}

.faqs-list-container .accordion-item p.content{
   text-align: justify;
   font-size: 20px
}

/* faq accordion css ended  */

.gradient-container {
   display: block;
   width: 100%;
   /* max-width: 750px; */
   margin: 0 auto 20px;
   padding: 15px;
   background: var(--gradient);
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.gradient-container h4 {
   display: block;
   text-align: center;
   font-weight: 400;
   font-size: 18px;
   padding-bottom: 10px;
   margin: 0;
}

.gradient-container .grid-box {
   /* display: grid;
   grid-template-columns: 1fr 1fr; */
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   grid-gap: 15px;
}

.gradient-container .grid-box p {
   display: block;
   width: 100%;
   background: #FFF;
   padding: 10px;
   text-align: center;
   font-size: 16px;
   font-weight: 600;
   margin: 0;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.gradient-container .grid-box p img {
   display: inline-block;
   width: 40px;
   margin-right: 10px;
   vertical-align: middle;
}

.gradient-container-2 {
   display: block;
   width: 90%;
   /* max-width: 920px; */
   max-width: 750px;
   padding: 15px;
   margin: 0 auto 20px;
   background: var(--gradient2);
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
}

.gradient-container-3 {
   display: block;
   width: 100%;
   /* max-width: 920px; */
   max-width: 750px;
   padding: 15px;
   margin: 0 auto 20px;
   background: var(--gradient3);
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.transactions-container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: flex-start;
   grid-gap: 45px 30px;
   padding-top: 50px;
}

.transactions-container .transaction-box {
   display: block;
   position: relative;
   border: 2px solid #ececec;
   margin-top: 15px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.transactions-container .transaction-box .top-box {
   display: block;
   position: absolute;
   top: -15px;
   left: 50%;
   -webkit-transform: translate(-50%, 50);
   transform: translate(-50%, 0);
   font-size: 15px;
   font-weight: 500;
   color: #FFF;
   width: max-content;
   padding: 4px 15px;
   text-align: center;
   z-index: 99;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -moz-transform: translate(-50%, 50);
   -ms-transform: translate(-50%, 50);
   -o-transform: translate(-50%, 50);
}

.transactions-container .transaction-box .purchased {
   background: #998e86;
}

.transactions-container .transaction-box .pSold {
   background: #ddab5d;
}

.transactions-container .transaction-box .leased {
   background: #c26c4b;
}

.transactions-container .transaction-box .redeem,
.transactions-container .transaction-box .booking {
   background: #614334;
}

.transactions-container .transaction-box .giftCard {
   background: #ddab5d;
}

.transactions-container .transaction-box .grid-box-grey {
   display: grid;
   align-items: flex-start;
   background: #ececec;
   padding: 25px 15px 5px;
   border-radius: 15px 15px 0 0;
   -webkit-border-radius: 15px 15px 0 0;
   -moz-border-radius: 15px 15px 0 0;
   -ms-border-radius: 15px 15px 0 0;
   -o-border-radius: 15px 15px 0 0;
}

.transactions-container .transaction-box .grid-3col {
   grid-template-columns: 1fr 1fr 1fr;
   padding: 20px 5px 5px;
}

.transactions-container .transaction-box .grid-2col {
   grid-template-columns: 1fr 1fr;
}

.transactions-container .transaction-box .grid-box-grey span,
.transactions-container .transaction-box .grid-box-grey b {
   display: block;
   text-align: center;
   font-size: 18px;
   padding: 15px 5px;
}

.transactions-container .transaction-box .grid-box-grey span {
   border-bottom: 1px solid #a1a1a1;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 210px;
}

.transactions-container .transaction-box .grid-box-grey span br {
   display: none;
}

.transactions-container .transaction-box .grid-box-white {
   display: grid;
   align-items: flex-start;
   grid-gap: 5px;
   padding: 15px;
   background: #FFF;
}

.transactions-container .transaction-box .grid-box-white span {
   font-size: 15px;
   font-weight: 500;
   padding-bottom: 5px;
}

.transactions-container .transaction-box .grid-box-white span:nth-child(even) {
   text-align: right;
}

.transactions-container .transaction-box .cancelled {
   color: #ce0005;
}

.transactions-container .transaction-box .success {
   color: #098800;
}

.transactions-container .transaction-box .download-doc-btn,
.transactions-container .transaction-box .cancel-lease-btn,
.transactions-container .transaction-box .gift-someone-btn
 {
   display: block;
   margin: 5px 15px 25px auto;
   width: fit-content;
   height: 30px;
   font-size: 13px;
   font-weight: 500;
   padding: 5px 20px;
   color: var(--buttonBg);
   background: #FFF;
   border: 1px solid var(--buttonBg);
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.transactions-container .lease-box .btns-container {
   padding: 0 15px 10px;
}

.transactions-container .lease-box .btns-container .cancel-lease-btn,
.transactions-container .transaction-box .btns-container .gift-someone-btn {
   margin: 5px 15px 10px 0;
}

.transactions-container .lease-box .btns-container .download-doc-btn {
   margin: 5px 0 10px auto;
}


.transactions-container .transaction-box .download-doc-btn:hover,
.transactions-container .transaction-box .cancel-lease-btn:hover,
.transactions-container .transaction-box .gift-someone-btn:hover {
   background: var(--firstColor);
   color: #FFF;
}

.transactions-container .transaction-box .btns-container .redeemed {
   font-size: 20px;
   font-weight: 600;
   color: var(--fourTabsBg);
}

.transactions-container .transaction-box .redeem-btn {
   max-width: 250px;
   font-size: 14px;
   font-weight: 500;
   padding: 5px 20px;
   height: 30px;
   line-height: 21px;
   margin: 0 auto 20px;
}

.transactions-container .transaction-box .redeem-btn .fa-plus {
   display: inline-block;
}

.transactions-container .transaction-box .redeem-btn .fa-check-circle {
   display: none;
}

.transactions-container .transaction-box .redeem-btn.selected .fa-plus {
   display: none;
}

.transactions-container .transaction-box .redeem-btn.selected .fa-check-circle {
   display: inline-block;
}

.transactions-more-btn {
   display: block;
   width: 150px;
   margin: 0 auto;
   font-size: 14px;
   font-weight: 600;
   padding: 1px 20px;
   color: var(--buttonBg);
   background: #FFF;
   border: 3px solid var(--buttonBg);
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.transactions-more-btn:hover {
   background: var(--firstColor);
   color: #FFF;
   border: 3px solid var(--firstColor);
}

.my-profile-page .new_addres {
   display: block;
   text-align: center;
   font-size: 24px;
   font-weight: 600;
   color: var(--textColor);
   padding-bottom: 15px;
}

.my-profile-page h4 {
   display: block;
   text-align: center;
   font-size: 20px;
   font-weight: 500;
   color: var(--textColor);
   padding-bottom: 15px;
   margin: 0;
}

.my-profile-page .profile-pic-container {
   display: block;
   width: 125px;
   margin: 15px auto;
   /* margin: 25px auto; */
   position: relative;
}

.my-profile-page .profile-pic-container figure {
	display: block;
	width: 125px;
	height: 125px;
   overflow: hidden;
   border: 2px solid #858585;
   background: url(../images/default-user-pic-mobile.jpg) no-repeat;
   background-size: cover;
	border-radius: 125px;
	-webkit-border-radius: 125px;
	-moz-border-radius: 125px;
	-ms-border-radius: 125px;
	-o-border-radius: 125px;
}

.my-profile-page .profile-pic-container .edit-icon {
   display: block;
   position: absolute;
   width: 40px;
   height: 40px;
   text-align: center;
   line-height: 40px;
   background: var(--buttonBg);
   color: #FFF;
   bottom: 8px;
   right: -4px;
   z-index: 99;
   border-radius: 40px;
   -webkit-border-radius: 40px;
   -moz-border-radius: 40px;
   -ms-border-radius: 40px;
   -o-border-radius: 40px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.my-profile-page .profile-pic-container .edit-icon:hover {
   background: var(--firstColor);
}

.form-container {
   display: grid;
	grid-gap: 30px 60px;
   /* grid-gap: 40px 60px; */
	grid-template-columns: 1fr 1fr;
   max-width: 820px;
   width: 100%;
   margin: 30px auto;
}

.form-container .box {
   display: block;
}

.form-container .full-row {
	grid-column: 1 / 3;
}

.form-container .input-container.bottom-border {
   border-bottom: 1px solid #000;
}

.form-container .input-container label {
   display: block;
   font-size: 15px;
   color: #707070;
   padding: 0;
}

.form-container .input-container label span {
   color: #FF0000;
}

.form-container .input-container input {
   display: block;
   width: 100%;
   border: 0px;
   border-bottom: 1px solid #000;
   padding: 3px 0;
   /* padding: 5px 0; */
   font-size: 18px;
   /* font-size: 20px; */
   color: #000;
   font-weight: 500;
}

.form-container .input-container select {
   display: block;
   width: 100%;
   border: 0px;
   border-bottom: 1px solid #000;
   padding: 5px 0;
   font-size: 18px;
   /* font-size: 20px; */
   color: #000;
   font-weight: 500;
}

.form-container .input-container input.error {
   border: 0 !important;
   border: 1px solid #FF0000 !important;
}

.form-container .input-container .nationality input[type="radio"] {
   display: none;
}

.form-container .input-container .nationality label {
   padding: 0 10px 0 33px;
}

.form-container .mobile-number {
   display: flex;
   display: -webkit-flex;
   justify-content: flex-start;
   align-items: flex-start;
   width: 100%;
}

.form-container .mobile-number .country-code {
   display: block;
   width: 53px;
   margin-right: 15px;
}

.form-container .upload-pan {
   display: inline-block;
   padding: 10px 25px;
   font-size: 15px;
   color: var(--textColor);
   margin: 20px 20px 20px 0;
   width: 290px;
   text-align: center;
   -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
   box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.form-container .upload-pan svg {
   display: block;
   width: 20px;
   height: auto;
   padding-bottom: 5px;
   margin: 0 auto;
}

.gold-silver-buy-tabs-container {
   display: block;
   width: 90%;
   max-width: 750px;
   margin: 0 auto 50px;
} 

.gold-silver-buy-tabs-container .tabs-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	background-color: var(--fourTabsBg);
	text-align: center;
	padding: 10px;
	margin: 0 0 15px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

.gold-silver-buy-tabs-container .tabs-container a {
	display: block;
	width: 100%;
	padding: 0 5px;
	font-size: 15px;
	color: #FFF !important;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.gold-silver-buy-tabs-container .tabs-container a b {
   display: inline-block;
   padding: 0 20px;
   position: relative;
}

.gold-silver-buy-tabs-container .tabs-container a b::after {
   content: "";
   position: absolute;
   bottom: -15px;
   left: 0;
   width: 100%;
   height: 3px;
   opacity: 0;
   background: #FFF;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.gold-silver-buy-tabs-container .tabs-container a:hover b::after,
.gold-silver-buy-tabs-container .tabs-container a.active b::after {
   opacity: 1;
   bottom: -3px;
}

.gold-silver-buy-tabs-container .tab-content-container {
   display: block;
}

.gold-silver-buy-tabs-container .tab-content-container .tab-content {
   display: none;
   width: 100%;
}

.gold-silver-buy-tabs-container .tab-content-container .tab-content.current {
	display: block;
}

.gold-silver-buy-tabs-container .buying-rate-box {
	display: block;
	padding: 15px;
	border: 1px solid var(--fourTabsBg);
	position: relative;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.gold-silver-buy-tabs-container .buying-rate-box label {
   display: block;
   font-size: 16px;
   font-weight: 600;
   color: var(--textColor);
   padding-bottom: 5px;
}

.gold-silver-buy-tabs-container .buying-rate-box .rate {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start ;
   align-items: center;
}

.gold-silver-buy-tabs-container .buying-rate-box .rate b {
   display: inline-block;
   color: var(--fourTabsBg);
   font-size: 16px;
   font-weight: bold;
}

.gold-silver-buy-tabs-container .buying-rate-box .rate span {
   display: inline-block;
   font-size:14px;
   font-weight: 500;
   color: var(--textColor);
   border-left: 2px solid var(--textColor);
   padding-left: 12px;
   margin-left: 12px;
   line-height: 14px;
}

.gold-silver-buy-tabs-container .container414 {
   display: block;
   width: 100%;
   max-width: 414px;
   margin: 0 auto;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.gold-silver-buy-tabs-container .flex-row {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start ;
   align-items: flex-end;
}

.gold-silver-buy-tabs-container .flex-row .item {
   display: block;
   width: 100%;
}

.gold-silver-buy-tabs-container h6 {
   display: block;
   font-size: 14px;
   font-weight: 500;
   text-align: left;
   padding: 20px 0 10px;
}  

.gold-silver-buy-tabs-container .red-text-warrning {
   display: block; 
   text-align: left; 
   color: red; 
   font-size: 12px; 
   font-weight: 500; 
   padding: 5px 0;
}

.gold-silver-buy-tabs-container .big-button {
   max-width: 100%;
   font-size: 16px;
   margin: 10px auto 0;
   height: 40px;
	line-height: 40px;
}

.gold-silver-buy-tabs-container .radio-options-container {
   padding: 30px 0 15px;
}  

.gold-silver-buy-tabs-container .radio-options-container .radio-checkbox {
   margin: 0 15px 0px 0;
}

.gold-silver-buy-tabs-container .buy-gold-amt,
.gold-silver-buy-tabs-container .buy-silver-amt,
.gold-silver-buy-tabs-container .book-gold-amt,
.gold-silver-buy-tabs-container .book-silver-amt,
.gold-silver-buy-tabs-container .redeem-22kt-amt,
.gold-silver-buy-tabs-container .redeem-24kt-amt {
   display: block;
}

.gold-silver-buy-tabs-container .buy-gold-gram,
.gold-silver-buy-tabs-container .buy-silver-gram,
.gold-silver-buy-tabs-container .book-gold-gram,
.gold-silver-buy-tabs-container .book-silver-gram,
.gold-silver-buy-tabs-container .redeem-22kt-gram,
.gold-silver-buy-tabs-container .redeem-24kt-gram {
   display: none;
}

.gold-silver-buy-tabs-container .calculation-box {
   display: flex;
   display: -webkit-flex;
   width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid var(--fourTabsBg);
	position: relative;
   justify-content: space-between;
   align-items: center;
}

.gold-silver-buy-tabs-container label.label {
   display: block;
   padding: 10px 0 0;
   font-size: 12px;
   color: #8b8b8b;
}

.gold-silver-buy-tabs-container .calculation-box b {
   font-size: 30px;
   font-weight: 600;
   line-height: 30px;
}

.gold-silver-buy-tabs-container .calculation-box p {
	display: flex;
   display: -webkit-flex;
   justify-content: flex-start;
   align-items: center;
	position: relative;
   font-size: 16px;
   font-weight: 600;
   padding: 0;
} 

.gold-silver-buy-tabs-container .calculation-box p input {
   display: inline-block;
	width: 100px;
	border: 0;
	font-size: 16px;
	font-weight: 600;
   margin: 0 4px;
}

.gold-silver-buy-tabs-container .calculation-box span {
   font-size: 16px;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams {
   display: block;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container {
   display: block;
	width: 414px;
	margin: 0 auto;
	position: relative;
	padding: 0 12px 10px;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options .swiper-slide a {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #313131;
	font-weight: 600;
	height: 26px;
	line-height: 26px;
	background: var(--gramOptionBgGradient);
	margin: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	cursor: pointer;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options .swiper-slide a.selected {
   color: #FFF;
   background: var(--gramOptionSelectedBgGradient);
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-next {
   right: 0;
   text-align: right;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-prev {
   left: 0;
   text-align: left;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-next, 
.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-prev {
   background: none;
   width: 14px;
   height: 26px;
   line-height: 24px;
   top: 40%;
}

.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-next svg, 
.gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-prev svg {
	fill: #000;
   width: 6px;
}

/* .gold-silver-buy-tabs-container .buy-gram p {
   width: auto;
	margin-right: 10px !important;
   padding: 12px 15px;
} */

.gold-silver-buy-tabs-container .buy-gram span {
   font-weight: 500;
}

.gold-silver-buy-tabs-container .buy-gram p input {
   width: 80px;
   margin-right: 5px;
}

.gold-silver-buy-tabs-container p {
   display: block;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding: 20px 0 10px;
}

.total-payment-box {
	border: 1px solid var(--fourTabsBg);
   margin: 25px auto 25px;
   overflow: hidden;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.total-payment-box .customer-name {
   display: block;
   padding: 20px;
}

.total-payment-box .customer-name label {
   display: block;
   font-size: 18px;
   font-weight: 500;
}

.total-payment-box .customer-name span {
   display: block;
   font-size: 18px;
   font-weight: 600;
}

.total-payment-box hr {
   display: block;
   width: calc(100% - 50px);
   margin: 0 auto;
}

.total-payment-box .flex-row {
   display: flex;
   display: -webkit-flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding: 5px 0;
}

.total-payment-box .billing-details {
   display: block;
   padding: 15px 25px;
}

.total-payment-box span.small {
   display: block;
   font-size: 18px;
}

.total-payment-box .billing-details span,
.total-payment-box .total-payable-amt span {
   font-size: 18px;
   font-weight: 500;
}

.total-payment-box .billing-details span span {
   display: block;
   font-size: 14px;
   font-weight: 500;
}

.total-payment-box .billing-details b,
.total-payment-box .total-payable-amt b {
   font-size: 18px;
   font-weight: 600;
   text-align: right;
}

.total-payment-box .billing-details .radio-checkbox label {
	font-size: 18px;
}

.total-payment-box .billing-details .grid-row input {
	width: 100px;
	border: 1px solid #acacac;
	padding: 7px 10px;
	text-align: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.total-payment-box .total-payable-amt {
   display: block;
   padding: 12px 25px;
   background: var(--buttonBg);
}

.total-payment-box .total-payable-amt span,
.total-payment-box .total-payable-amt b {
   color: #FFF;
}

.total-payment-box .grid-row {
	display: grid;
	grid-template-columns: 1fr 300px;
	align-items: flex-start;
	grid-gap: 10px;
	padding: 10px 0;
	font-size: 18px;
}

.total-payment-box .grid-row .radio-checkbox {
	margin: 0;
}

.total-payment-box .grid-row span {
   display: block;
	font-size: 16px;
}

.total-payment-box .grid-row > div:nth-child(even) {
	text-align: right;
}

.total-payment-box .grid-row input {
	border: 1px solid #acacac;
	padding: 10px 15px;
	text-align: right;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
}

.terms {
   display: block;
   font-size: 14px;
   font-weight: 500;   
}

.terms p {
   display: inline-block;
   padding: 0;
}

.terms .radio-checkbox {
   margin: 0;
}

.terms .radio-checkbox label {
   height: 25px;
   margin-right: 3px;
}

.terms a {
   display: inline-block;
   color: #344d98 !important;
   padding: 0 3px;
   border-bottom: 1px solid #e6e9f8;
}

.terms .error {
   display: none;
   margin-left: 5px;
   color: #ff0000;
}

.gold-silver-buy-tabs-container .container414 .terms {
   padding: 5px 0;
}


.payment-successfull {
   display: block;
   width: 100%;
   text-align: center;
   padding-top: 10px;
}

.payment-successfull h5 {
   display: block;
   font-size: 22px;
   font-weight: 500;
}

.payment-successfull figure {
   display: block;
   width: 260px;
   margin: 0 auto;
}

.payment-successfull figure svg {
   display: block;
   width: 100%;
   height: auto;
}

.payment-successfull h2 {
   display: block;
   font-size: 28px;
   font-weight: 500;
   padding: 15px 0;
}

.payment-successfull p {
   display: block;
   font-size: 22px;
   font-weight: 500;
   padding: 25px 0 10px;
}

.payment-successfull p a {
   font-size: 18px;
}

.payment-successfull .transaction-details {
   display: block;
   width: 100%;
   text-align: center;
   padding: 20px 0;
}

.payment-successfull .transaction-details .total_payment_title {
   display: block;
   width: 100%;
   text-align: center;
   padding: 0 0 10px;
   font-size: 28px;
}

.payment-successfull .download-invoice {
   display: block;
   text-align: center;
   padding: 5px 0;
   font-size: 24px;
   font-weight: 500;
}

.payment-successfull .download-invoice figure {
   display: block;
   width: 60px;
   margin: 25px auto 20px;
}

.payment-successfull .download-invoice figure img {
   display: block;
   width: 100%;
   height: auto;
}

.payment-successfull .download-invoice .big-button,
.payment-successfull .download-invoice .small-button {
   max-width: 300px;
   height: 50px;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bank-details h2 {
   display: block;
   font-size: 22px;
   font-weight: 600;
   padding: 15px 0 20px;
}

.bank-details .form-container {
   max-width: 100%;
   padding: 0 0 50px;
   margin: 0;
}

.lease-gradient-box {
   text-align: center;
}

.lease-gradient-box .item {
   display: inline-block;
   width: 24.5%;
   text-align: center;
   padding: 0 20px;
   border-right: 1px solid #766a63;
}

.lease-gradient-box .item span,
.lease-gradient-box .item b {
   display: block;
   text-align: center;
   font-size: 20px;
}

.lease-gradient-box .item:last-child {
   border-right: 0;
}

.earn-upto {
   background: #ededed;
   padding: 15px 50px;
   margin-bottom: 0px;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
}

.earn-upto .earn-upto-grid {
   display: grid;
   grid-template-columns: 150px 1fr;
   align-items: flex-start;
   grid-gap: 30px;
}

.earn-upto .earn-upto-grid .offer {
   display: block;
   text-align: center;
}

.earn-upto .earn-upto-grid .offer img {
   display: block;
   width: 100%;
}

.earn-upto .earn-upto-grid .offer span {
   display: block;
   text-align: center;
   font-size: 24px;
}

.earn-upto .earn-upto-grid .offer .earning {
   display: block;
   text-align: center;
   color: #a56b4e;
   font-size: 36px;
   font-weight: bold;
   vertical-align: baseline;
} 

.earn-upto .earn-upto-grid .offer .earning span {
   display: inline-block;
   font-size: 20px;
   font-weight: 400;
   color: var(--textColor);
}

.earn-upto .get-upto {
   display: block;
   text-align: center;
}

.earn-upto .get-upto > div {
   display: block;
   text-align: center;
   font-size: 21px;
   padding: 15px 20px;
   background: #FFF;
   border: 1px solid #aaaaaa;
   margin: 14px 0;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
} 

.lease-calculations {
   display: grid;
	grid-template-columns: 375px 1fr;
	align-items: flex-start;
	grid-gap: 25px;
   padding: 25px 0;
}

.lease-calculations .calculation-box {
   display: block;
	padding: 20px;
	border: 1px solid var(--fourTabsBg);
	position: relative;
	width: 100%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.lease-calculations .calculation-box h6 {
   display: block;
   font-size: 19px;
   padding-bottom: 25px;
}

.lease-calculations .calculation-box .gram-calculation {
   display: grid;
	grid-template-columns: 180px 1fr;
	align-items: flex-start;
}

.lease-calculations .calculation-box .gram-calculation .calculation {
   display: block;
   border: 2px solid var(--fourTabsBg);
   position: relative;
   padding: 12px 15px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.lease-calculations .calculation-box .gram-calculation .calculation input {
   display: inline-block;
   width: calc(100% - 45px);
	border: 0;
	font-size: 21px;
   font-weight: 600;
}

.lease-calculations .calculation-box .gram-calculation .calculation b {
   font-size: 21px;
   font-weight: 600;
}

.lease-calculations .calculation-box .gram-calculation span {
   display: block;
   font-size: 22px;
   font-weight: 500;
   padding: 12px 0px 12px 15px;
}

.lease-calculations .duration-box {
   display: block;
}

.lease-calculations .duration-box h6 {
   font-size: 18px;
}

.lease-calculations .duration-box .duration-lease-container {
   display: block;
	width: 350px;
	margin: 13px auto;
	position: relative;
	padding: 0 25px;
}

.lease-calculations .duration-box .duration-lease-container .slider-button-prev {
   left: 0;
}

.lease-calculations .duration-box .duration-lease-container .slider-button-next {
   right: 0;
}

.lease-calculations .duration-box .duration-lease-container .slider-button-next, 
.lease-calculations .duration-box .duration-lease-container .slider-button-prev {
   height: 25px;
	width: 25px;
   line-height: 22px;
}

.lease-calculations .duration-box .duration-lease-container .slider-button-next svg, 
.lease-calculations .duration-box .duration-lease-container .slider-button-prev svg {
   fill: #000;
   width: 7px;
}

.lease-calculations .duration-box .duration-lease-container a {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 12px;
	color: #313131;
	font-weight: 600;
	line-height: 18px;
	background: var(--gramOptionBgGradient);
	margin-right: 5px;
	padding: 7px 0;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-ms-border-radius: 7px;
	-o-border-radius: 7px;
	cursor: pointer;
}

.lease-calculations .duration-box .duration-lease-container a:last-child {
   margin: 0;
}

.lease-calculations .duration-box .duration-lease-container a span {
   display: block;
}

.lease-calculations .duration-box .duration-lease-container a.selected {
	color: #FFF;
	background: var(--gramOptionSelectedBgGradient);
}

.lease-calculations .duration-box .maturity-balance {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	border: 1px solid var(--fourTabsBg);
	position: relative;
	padding: 12px 25px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
}

.lease-calculations .duration-box .maturity-balance span {
   font-size: 17px;
   font-weight: 600;
}

.redeem-page .gold-silver-buy-tabs-container {
   margin: 0 auto 25px;
}

.redeem-tab-content .gradient-container {
   width: 100%;
}

.redeem-tab-content .gradient-container h4 {
   color: #000;
}

.redeem-tab-content .gradient-container h4 img {
	display: inline-block;
	width: 40px;
	margin-right: 5px;
	vertical-align: middle;
}

.redeem-tab-content .gradient-container .grid-box {
   grid-template-columns: 500px 1fr;
	grid-gap: 15px;
   align-items: flex-start;
}

.gradient-container .redeem-gold-grid-box {
   display: grid;
   grid-template-columns: 435px 1fr;
   align-items: center;
   grid-gap: 15px;
}

.gradient-container .redeem-gold-grid-box > div,
.redeem-tab-content .gradient-container .grid-box > div {
   width: 100%;
}

.gradient-container .redeem-gold-grid-box .white-box,
.redeem-tab-content .gradient-container .grid-box .white-box {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: flex-start;
	background: #FFF;
	padding: 10px;
   text-align: center;
	margin: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.gradient-container .redeem-gold-grid-box .white-box > div,
.redeem-tab-content .gradient-container .grid-box .white-box > div {
   display: block;
   width: 100%;
   font-size: 14px;
}

.gradient-container .redeem-gold-grid-box .white-box span, 
.redeem-tab-content .gradient-container .grid-box .white-box span {
   display: block;
   font-size: 14px;
   font-weight: 600;
}

.silver-tab .gradient-container .grid-box {
   display: block;
	margin: 0 auto;
}

.redeem-page .branch-list-container {
   padding-bottom: 25px;
}

.redeem-page .branch-list-container select {
   display: block;
   width: 100%;
   padding: 15px 20px;
   font-size: 21px;
   font-weight: 500;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.redeem-page .branch-list-container h6 {
   display: block;
   text-align: center;
   padding: 0 0 15px;
   font-size: 21px;
}

.redeem-calculation-container {
   display: grid;
	grid-template-columns: 430px 1fr;
	align-items: flex-end;
}

.redeem-calculation-container > div {
   display: block;
   width: 100%;
}

.redeem-calculation-container .calculation-box {
	display: grid;
	grid-template-columns: 180px 1fr;
	align-items: center;
	padding: 25px;
	border: 1px solid var(--fourTabsBg);
	position: relative;
	width: 98%;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.redeem-calculation-container .calculation-box > div {
   display: block;
   position: relative;
}

.redeem-calculation-container .calculation-box .gm {
   position: absolute;
   top: 6px;
   right: 25px;
   font-size: 28px;
   font-weight: 600;
}

.redeem-calculation-container .calculation-box select {
	display: block;
	width: 100%;
	padding: 15px 80px 15px 20px;
	font-size: 21px;
	font-weight: 500;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.redeem-calculation-container .calculation-box .price {
   display: block;
   padding-left: 15px;
   font-size: 21px;
	font-weight: 500;
}

.redeem-calculation-container .big-button {
   margin-bottom: 0;
   max-width: 85%;
}

.redeem-code-popup {
   width: 475px;
}

.redeem-code-popup p {
   display: block;
   text-align: center;
   font-size: 16px;
   color: #313131;
}

.redeem-code-popup .code {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   padding: 15px;
}

.redeem-code-popup .code span {
   display: inline-block;
   font-size: 28px;
   font-weight: bold;
   padding-right: 8px;
}

.redeem-code-popup .code svg {
   width: 40px;
   fill: var(--firstColor);
}

.redeem-code-popup .redeemed-successfylly-section {
   display: none;
}

.redeem-code-popup .warning-section {
   display: none;
}

.redeem-code-popup .warning-section span.icon {
   display: block;
   text-align: center;
   font-size: 36px;
}

.redeem-code-popup .warning-section span.icon.red {
   color: var(--bs-red);
}

.redeem-code-popup .warning-section span.icon.green {
   color: var(--bs-green);
}

.redeem-code-popup .warning-section span.icon.yellow {
   color: var(--bs-yellow);
}

.redeem-code-popup .warning-section .btn-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   grid-gap : 20px;
   padding: 10px;

}

.redeem-code-popup .redeemed-successfylly-section p {
   padding: 25px 50px;
}

/*====| Ecommerce Catloge CSS |=======================================*/

.inner-title {
   font-size: 20px;
   font-weight: 600;
   padding: 10px 0 0;
}

.heart {
   position: absolute;
	top: 0;
	right: 0;
	z-index: 9;
   cursor: pointer;
}

.heart svg {
   display: none;
   width: 25px;
   height: auto;
   position: absolute;
   top: 0;
   right: 0;
}

.heart svg.svgNormal {
   display: block;
   fill: var(--buttonBg);
}

.heart svg.svgSelected {
   display: none;
   fill: var(--heartSelectedColor);
   z-index: 1;
}

.heart.selected svg.svgNormal {
   display: none;
}

.heart.selected svg.svgSelected {
   display: block;
}

.box-shadow {
   display: block;
   padding: 20px 0;
   overflow: hidden;
   -webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
   box-shadow: 0 0 5px 5px rgba(0,0,0,0.05);
   border-radius: 25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   -o-border-radius: 25px;
}

.box-shadow .grid-2col {
   display: grid;
   grid-template-columns: 1fr 1fr;
   align-items: flex-start;
   list-style: none;
   grid-gap: 0 100px;
   margin-top: 5px;
   background: url(../images/1px-line.jpg) repeat-y center;
   
}

.box-shadow .grid-2col li {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   padding: 10px 0 5px;
}
.box-shadow .pd_accordion_style li {
   padding: 5px 0 0 0 !important;
}

.box-shadow .grid-2col li span {
   display: block;
   width: 100%;
}


.circle-thumbpic-slider {
   padding: 25px 10px 0;
}

.circle-thumbpic-slider .swiper-slide {
   text-align: center;
}

.circle-thumbpic-slider .swiper-slide figure {
   display: block;
   width: 125px;
   height: 125px;
   overflow: hidden;
   margin: 0 auto;
   position: relative;
   -webkit-box-shadow: 0 0 0 1px var(--firstColor);
   box-shadow: 0 0 0 1px var(--firstColor);
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.circle-thumbpic-slider .swiper-slide figure img {
	display: block;
	width: 101%;
	height: 101%;
	object-fit: cover;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}

.circle-thumbpic-slider .swiper-slide span {
   display: inline-block;
   text-align: center;
   font-size: 16px;
   color: #2d2d2d;
   font-weight: 500;
   line-height: 20px;
   padding: 15px 0 3px;
   border-bottom: 2px solid transparent;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}

.circle-thumbpic-slider .swiper-slide:hover figure,
.circle-thumbpic-slider .swiper-slide.selected figure {
   -webkit-box-shadow: 0 0 0 5px var(--firstColor);
   box-shadow: 0 0 0 5px var(--firstColor);
}

.circle-thumbpic-slider .swiper-slide:hover span,
.circle-thumbpic-slider .swiper-slide.selected span {
   color: var(--firstColor);
   border-bottom: 2px solid var(--firstColor);
}

.circle-thumbpic-slider .slider-button-next, 
.circle-thumbpic-slider .slider-button-prev {
   top: 48%;
   transform: translateY(-48%);
   -webkit-transform: translateY(-48%);
   -moz-transform: translateY(-48%);
   -ms-transform: translateY(-48%);
   -o-transform: translateY(-48%);
}

.circle-thumbpic-slider .slider-button-next {
   right: 0;
}

.circle-thumbpic-slider .slider-button-prev {
   left: 0;
}


.circle-thumbpic-slider .slider-button-next svg, 
.circle-thumbpic-slider .slider-button-prev svg {
	fill: #000;
   width: 10px;
}

.single-toggle-container {
   display: block;
}

.single-toggle-container .single-toggle-btn {
   display: flex;
   display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 0px;
   color: var(--textColor);
   font-weight: 500;
}

.single-toggle-container .single-toggle-btn span {
   display: inline;
   padding-left: 5px;
}

.single-toggle-container .single-toggle-btn svg {
   background-image: url("../images/svg-icons/minus-small.svg");
   background-repeat: no-repeat;
   background-size: 24px;
   width: 22px;
   height: 22px;
   background-position: center;
   border: 1px solid #AAA;
   border-radius: 5px;
}

.single-toggle-container.open .single-toggle-btn svg {
   background-image: url("../images/svg-icons/plus-small.svg");
   background-repeat: no-repeat;
   background-size: 24px;
   width: 22px;
   height: 22px;
   background-position: center;
   border: 1px solid #AAA;
   border-radius: 5px;
}


.single-toggle-container .single-toggle-option {
   display: none;
}
.single-toggle-container .single-toggle-option .search_filter_icon{
   padding: 10px 0px 6px 10px;
}
.single-toggle-container .single-toggle-option .inner_feilds{
   padding: 10px 16px 0px 12px;
   max-height: 300px;
   overflow-y: auto;
   margin-right: 4px;
}
.single-toggle-container .single-toggle-option .inner_feilds::-webkit-scrollbar-track
{
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
}
.single-toggle-container .single-toggle-option .inner_feilds::-webkit-scrollbar
{
   width: 8px;
   background-color: #F5F5F5;
}
.single-toggle-container .single-toggle-option .inner_feilds::-webkit-scrollbar-thumb
{
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #555;
}
.filter_padding .single-toggle-option{
   padding: 10px 16px 0px 12px;
   max-height: 300px;
   overflow-y: auto;
   margin-right: 6px;
}
.filter_padding .single-toggle-option::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.filter_padding .single-toggle-option::-webkit-scrollbar
{
	width: 8px;
	background-color: #F5F5F5;
}
.filter_padding .single-toggle-option::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
	background-color: #555;
}
.single-toggle-container .single-toggle-option label {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
   padding-bottom: 10px;
   font-size: 15px;
}

.single-toggle-container .single-toggle-option label input {
   width: 18px;
   height: 18px;
   margin-right: 10px;
}
.padding_20_main_details{
   padding: 20px !important;
}
.filter-section {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
}

.filter-section .filter-btn {
   color: var(--textColor);
   font-size: 18px;
}

.filter-section .filter-btn img {
   width: 24px;
	margin-right: 10px;
}

.filter-section .sort-by {
   display: grid;
	grid-template-columns: 80px 1fr;
	align-items: center;
   font-size: 18px;
}

.filter-section .sort-by select {
   display: inline-block;
   margin-left: 10px;
   padding: 7px 10px;
   min-width: 200px;
   font-size: 16px;
   border-radius: 12px;
   -webkit-border-radius: 12px;
   -moz-border-radius: 12px;
   -ms-border-radius: 12px;
   -o-border-radius: 12px;
}

.transaction-filter {
   padding: 0;
}

.filter-popup-container {
   display: none;
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
}

.filter-popup-container .filter-container {
   display: block;
   width: 360px;
   height: 100%;
   background: #FFF;
   overflow: auto;
   margin-left: -100%;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.filter-popup-container .filter-container::-webkit-scrollbar-track
{
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
}
.filter-popup-container .filter-container::-webkit-scrollbar
{
   width: 8px;
   background-color: #F5F5F5;
}
.filter-popup-container .filter-container::-webkit-scrollbar-thumb
{
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
   background-color: #555;
}

.filter-popup-container.open .filter-container {
   margin-left: 0;
}

.filter-popup-container .filter-container .header {
   display: flex;
   display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 20px 25px;
	background: #f6f6f6;
	border-bottom: 1px solid #888888;
}

.filter-popup-container .filter-container .header .filter-popup-close {
   color: var(--textColor);
}

.filter-popup-container .filter-container .filter-options section {
   display: block;
   padding: 15px;
   border-bottom: 1px solid #ddd;
}

.filter-popup-container .filter-container .filter-options .btn-row {
   display: flex;
   display: -webkit-flex;
	flex-direction: row;
	justify-content: space-between;
   width: 100%;
   padding: 25px 15px;
}

.filter-popup-container .filter-container .filter-options .btn-row .small-button {
   margin: 0 7px;
}

.filter-options .single-toggle-container .single-toggle-btn {
   justify-content: flex-start;
}

.ec-product-listing-container {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   grid-gap: 5px;
}

.ec-product-listing-container a {
   display: block;
   padding: 10px;
   background: #fff;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   transition: all .4s ease 0s !important;
   -webkit-transition: all .4s ease 0s !important;
   -moz-transition: all .4s ease 0s !important;
   -ms-transition: all .4s ease 0s !important;
   -o-transition: all .4s ease 0s !important;
   border: 1px solid #0000; /* ADD 26-03-2025 */
}

.ec-product-listing-container a:hover {
   box-shadow: 0 4px 12px 4px rgba(0, 0, 0, .08);
   border: 1px solid var(--imgBorder); /* ADD 26-03-2025 */
   background: #f9f9f9; /* ADD 26-03-2025 */
}

.ec-product-listing-container a figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0 0 20px;
   border: 1px solid var(--imgBorder);
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
}

.ec-product-listing-container a figure img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}
.new_image_catloge a figure img{
   /* height: 250px !important; */
	object-fit: cover !important;
}
.ec-product-listing-container a b , .ec-product-listing-container a p{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: auto;
}

.ec-product-listing-container .product-details {
   display: grid;
   position: relative;
}

.ec-product-listing-slider {
   padding: 0;
}

.ec-product-listing-slider .swiper-wrapper {
   padding: 0px 0 15px 0;
}

.ec-product-listing-slider a {
   display: block;
   padding: 10px;
   background: #fff;
   border-radius: 15px;
   margin: 0 5px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   transition: all .4s ease 0s !important;
   -webkit-transition: all .4s ease 0s !important;
   -moz-transition: all .4s ease 0s !important;
   -ms-transition: all .4s ease 0s !important;
   -o-transition: all .4s ease 0s !important;
}

.ec-product-listing-slider a:hover {
   box-shadow: 0 4px 12px 4px rgba(0, 0, 0, .08);
}

.ec-product-listing-container a b {
   display: block;
   color: #2d2d2d;
   font-size: 18px;
   font-weight: 500;
   padding-right: 26px;
   line-height: 22px;
}

.ec-product-listing-container a p {
   color: #2d2d2d;
   font-size: 13px;
   font-weight: 400;
   padding: 2px 0;
}

.ec-product-listing-slider .swiper-slide figure {
   display: block;
   width: 100%;
   overflow: hidden;
   margin: 0 0 20px;
   border: 1px solid var(--imgBorder);
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
}

.ec-product-listing-slider .swiper-slide figure img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.ec-product-listing-slider .swiper-slide b {
   display: block;
   color: #2d2d2d;
   font-size: 18px;
   font-weight: 500;
   padding-right: 26px;
   line-height: 22px;
}

.ec-product-listing-slider .swiper-slide p {
   color: #2d2d2d;
   font-size: 13px;
   font-weight: 400;
   padding: 2px 0;
}

.ec-product-listing-slider .slider-button-next, 
.ec-product-listing-slider .slider-button-prev {
   top: 38%;
   transform: translateY(-38%);
   -webkit-transform: translateY(-38%);
   -moz-transform: translateY(-38%);
   -ms-transform: translateY(-38%);
   -o-transform: translateY(-38%);
}

.ec-product-listing-slider .slider-button-next svg, 
.ec-product-listing-slider .slider-button-prev svg {
	fill: #000;
}

.ec-product-listing-slider .product-details {
   position: relative;
}

.ec-home-slider {
   padding: 25px 0 !important;
}

.ec-product-detail-container {
   display: grid;
   grid-template-columns: 620px 1fr;
   align-items: flex-start;
}

.ec-product-detail-container .ec-product-slider-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
}

.ec-product-detail-container .ec-product-thumbnail-slider-container {
   display: block;
   padding: 10px 0;
   position: relative;
}

.ec-product-detail-container .ec-product-thumbnail-slider {
   display: block;
   width: 130px;
   height: 400px;
   padding: 10px 0;
   margin: 0 20px 0 0;
}

/* .ec-product-detail-container .ec-product-thumbnail-slider a {
   margin-bottom: 8px;
} */

.ec-product-detail-container .ec-product-thumbnail-slider figure {
   display: block;
   width: 120px;
   height: 120px;
   overflow: hidden;
   border: 1px solid var(--imgBorder);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.ec-product-detail-container .ec-product-thumbnail-slider figure img {
   display: block;
   width: 100%;
   height: 100%;
}

.ec-product-detail-container .ec-product-thumbnail-slider-container .ec-product-thumbnail-slider-button-prev,
.ec-product-detail-container .ec-product-thumbnail-slider-container .ec-product-thumbnail-slider-button-next {
   height: 20px;
	width: 20px;
   background: rgba(255, 255, 255, 0.7);
}

.ec-product-detail-container .ec-product-thumbnail-slider-container .ec-product-thumbnail-slider-button-prev {
   top: 0;
   left: calc(50% - 25px);
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}

.ec-product-detail-container .ec-product-thumbnail-slider-container .ec-product-thumbnail-slider-button-next {
   bottom: -10px;
   top: auto;
   left: calc(50% - 25px);
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -ms-transform: rotate(90deg);
   -o-transform: rotate(90deg);
}

.ec-product-detail-container .ec-product-thumbnail-slider-container .ec-product-thumbnail-slider-button-prev svg,
.ec-product-detail-container .ec-product-thumbnail-slider-container .ec-product-thumbnail-slider-button-next svg {
   width: 7px;
   margin-top: -9px;
   fill: #000;
}

.ec-product-detail-container .ec-product-slider {
   display: block;
   width: 415px;
   margin: 0;
}

.ec-product-detail-container .ec-product-slider .swiper-pagination-bullet {
   width: 14px;
   height: 14px;
   background: var(--thirdColor);
   border: 2px solid #FFF;      
   opacity: 1;
}

.ec-product-detail-container .ec-product-slider .swiper-pagination-bullet-active {
   background: var(--firstColor);
}

.ec-product-detail-container .ec-product-slider a figure {
   display: block;
   width: 415px;
   height: 415px;
   overflow: hidden;
   border: 1px solid var(--imgBorder);
   border-radius: 25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   -o-border-radius: 25px;
}

.ec-product-detail-container .ec-product-slider a figure img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
.ec-product-detail-container .elevatezoom-gallery img {
   aspect-ratio: 1/1;
   object-fit: cover;
}
.ec-product-detail-container .product_view_img img {
   object-fit: contain;
   width: auto;
   margin: auto;
}

.ec-product-detail-container .ec-product-detail {
   position: relative;
}

.ec-product-detail-container .ec-product-detail b,
.ec-product-detail-container .ec-product-detail label,
.ec-product-detail-container .ec-product-detail span,
.ec-product-detail-container .ec-product-detail p {
   display: block;
}

.ec-product-detail-container .ec-product-detail b {
   font-size: 23px;
   font-weight: 600;
}

.ec-product-detail-container .ec-product-detail label {
   padding-right: 30px;
   font-size: 23px;
   font-weight: 400;
}

.ec-product-detail-container .ec-product-detail span.all-taxes {
   font-size: 13px;
   font-weight: 500;
   padding-bottom: 20px;
}

.ec-product-detail-container .ec-product-detail p {
   font-size: 20px;
   padding-bottom: 5px;
   font-weight: 500;
}

.ec-product-detail-container .ec-product-detail p.desc {
   font-weight: 400;
}

.ec-product-detail-container .ec-product-detail p.stock {
   font-weight: 600;
   font-size: 18px;
}

.ec-product-detail-container .ec-product-detail p.stock.green {
   color: #4d7712;   
}

.ec-product-detail-container .ec-product-detail p.stock.red {
   color: #e81d30;   
}

.ec-product-detail-container .ec-product-detail .big-button {
   font-size: 18px;
	max-width: 206px;
	height: 42px;
	line-height: 40px;
   margin: 10px 5px 0 0;
}

.price-breakup {
   padding-bottom: 0;
}

.price-breakup h6 {
   display: block;
   padding: 10px 20px 5px;
   font-weight: bold;
}

.price-breakup ul {
   display: block;
   padding: 0 20px;
   list-style: none;
}

.price-breakup ul li {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
   padding: 15px 0 13px;
   border-bottom: 1px solid #d6d6d6;
}

.price-breakup ul li:last-child {
   border: 0;
}

.price-breakup ul li b,
.price-breakup ul li span {
   font-size: 18px;
   font-weight: 500;
}

.price-breakup ul.grand-total {
   background: var(--firstColor);
   border-radius: 12px;
}

.price-breakup ul.grand-total li {
   color: #FFF;
   padding: 15px 0;
}

.addresses-list {
   display: block;
	padding: 0 5px 50px 0;
	/* max-height: 550px;
	overflow: auto; */
}

.addresses-list .address {
   display: grid;
   grid-template-columns: 1fr 35px;
   align-items: flex-start;
   padding-bottom: 25px;
   border-bottom: 1px solid #d3d3d3;
   margin-top: 25px;
}

.addresses-list .address .add-details {
   display: block;
   font-size: 16px;
   font-weight: 500;
   line-height: 40px;
   width: 100%;
}

.addresses-list .address .radio-checkbox {
   width: 34px;
   margin: 0;
}

.addresses-list .address .radio-checkbox label {
   min-width: auto;
   padding: 0;
}

.addresses-list .address .add-details i {
   display: inline-block;
   margin-right: 5px;
}

.addresses-list .address .add-details .small-button {
	display: inline-block;
	margin: 10px 15px 0 0;
	width: fit-content;
	height: 30px;
   line-height: 30px;
	font-size: 13px;
	font-weight: 500;
	padding: 0 30px;
	color: var(--buttonBg);
	background: #FFF;
	border: 1px solid var(--buttonBg);
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-ms-border-radius: 50px;
	-o-border-radius: 50px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.google-map-container {
   padding-bottom: 0px;
}

.google-map-container iframe {
   width: 100%;
   height: 200px;
}

.addresses-list .address .store-address {
   display: block;
   width: 100%;
}

.addresses-list .address .store-address b {
   display: block;
   font-size: 20px;
   padding-bottom: 5px;
}

.addresses-list .address .store-address p {
   display: block;
   font-size: 16px;
   padding-bottom: 5px;
}

.addresses-list .address .store-address a {
   display: inline-block;
   color: #0a5fa1;
   font-size: 16px;
   margin: 0 15px 10px 0;
}

.ec-cart-2col-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   grid-gap: 25px;
   padding: 10px 0;
}

.cart-item-list {
   display: block;
   padding-bottom: 25px;
}

.cart-item-list .cart-item {
   display: grid;
   grid-template-columns: 165px 1fr;
   align-items: flex-start;
   padding-bottom: 25px;
   border-bottom: 1px solid #d3d3d3;
   margin-bottom: 25px;
}

.cart-item-list .cart-item:last-child {
   margin-bottom:0;
}

.cart-item-list .cart-item figure {
   display: inline-block;
   width: 150px;
   height: 150px;
   overflow: hidden;
   border: 1px solid var(--imgBorder);
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.cart-item-list .cart-item figure img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

/* .cart-item-list .cart-item .item .item-details {
   display: block;
   padding: 25px 0 0 50px;
   text-align: left;
} */

.cart-item-list .cart-item .item {
   display: block;
}

.cart-item-list .cart-item .item h6 {
   padding-bottom: 10px;
}
.cart-item-list .cart-item .item b {
   font-size: 18px;
   font-weight: 600;
}

.cart-item-list .cart-item .item p {
   display: block;
   padding-top:5px;
   font-size: 14px;
}

.cart-item-list .cart-item .item .small-button {
   display: inline-block;
   max-width: 150px;
   height: 30px;
	line-height: 27px;
	margin: 10px 10px 0 0;
   font-size: 13px;
}

/*================================================*/

.cart-item-list-row {
   display: block;
   padding-bottom: 25px;
}

.cart-item-list-row .cart-item {
   display: grid;
   grid-template-columns: 1fr auto;
   align-items: flex-start;
   padding-bottom: 25px;
   border-bottom: 1px solid #d3d3d3;
   margin-top: 25px;
}

.cart-item-list-row .cart-item .item {
   display: grid;
   grid-template-columns: 150px 1fr;
   align-items: flex-start;
}

.cart-item-list-row .cart-item .item figure {
   display: inline-block;
   width: 150px;
   height: 150px;
   overflow: hidden;
   border: 1px solid var(--imgBorder);
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.cart-item-list-row .cart-item .item figure img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
}

.cart-item-list-row .cart-item .item .item-details {
   display: block;
   padding: 0px 0 0 0px;
   text-align: left;
}

.cart-item-list-row .cart-item .item .item-details p {
   display: block;
   padding-top:10px;
   font-size: 14px;
}

.cart-item-list-row .cart-item .item-price {
   display: block;
   text-align: right;
}

.cart-item-list-row .cart-item .item-price b {
   font-size: 18px;
   font-weight: 600;
}

.cart-item-list-row .cart-item .item-price .small-button {
   max-width: 160px;
   height: 30px;
	line-height: 27px;
	margin: 10px 0 10px auto;
   font-size: 13px;
}

------------------------------------------------

.shiping-method-container {
   display: block;
   background: #f8f8f8;
   padding: 35px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
}

.shiping-method-container h1.page-section-title {
   font-size: 18px;
   text-align: left;
   padding-bottom: 10px;
}

.shiping-method-container .address-options {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   grid-gap: 20px;
   padding: 10px 0 15px;
}

.shiping-method-container .radio-checkbox {
   margin: 0;
}

.shiping-method-container h5 {
   font-size: 18px;
}

.shiping-method-container .home-delivery-address {
   display: block;
}

.shiping-method-container .in-store-address {
   display: none;
}

.shiping-method-container .big-button {
   font-size: 18px;
   max-width: 206px;
   height: 42px;
	line-height: 40px;
}

.shiping-method-container .grid-row {
   display: grid;
   grid-template-columns: 1fr 180px;
   align-items: flex-start;
   grid-gap: 5px 10px;
   padding: 10px 0;
   font-size: 14px;
}

.shiping-method-container .grid-row label,
.shiping-method-container .grid-row b,
.shiping-method-container .grid-row span {
   display: block;
   font-size: 14px;
}

.shiping-method-container .grid-row > div:nth-child(even) {
   text-align: right;
} 

.shiping-method-container .grid-row .big-button {
   margin: 0 0 10px;
}

.shiping-method-container .radio-checkbox label {
   font-size: 18px;
}

.shiping-method-container .grid-row .small-button {
   display: inline-block;
	max-width: 100px;
	height: 30px;
	line-height: 27px;
	margin: 0;
	font-size: 13px;
}

.shiping-method-container .grid-row input {
	width: 100px;
	border: 1px solid #acacac;
	padding: 7px 10px;
	text-align: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.ec-payment-successfull figure {
   width: fit-content;
}

.ec-payment-successfull .grid-row > div {
   font-size: 20px;
   font-weight: 500;
   text-align: left;
}

.ec-payment-successfull .grid-row > div:nth-child(even) {
   font-size: 18px;
   font-weight: 600;
}


.wallet-pages-container {
   padding: 5px 0 25px;
   max-width: 920px;
   width: 100%;
   margin: 0 auto;
}

.wallet-pages-container h1.page-section-title {
   padding-bottom: 25px;
}

.wallet-pages-container .coins-balance-box {
   display: grid;
   grid-template-columns: 1fr 100px;
   align-items: center;
   width: 100%;
   background: var(--gradient);
   padding: 15px 20px;
   font-size: 22px;
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

.wallet-pages-container .coins-balance-box img {
   display: inline-block;
   width: 83px;
   height: auto;
   margin-right: 10px;
}

.wallet-pages-container .coins-balance-box .small-button {
   height: 30px;
	line-height: 28px;
   /* background: transparent; */
   color: #000;
   font-weight: 500;
}

.wallet-pages-container .grid-row {
   display: grid;
   grid-template-columns: 1fr 300px;
   align-items: flex-end;
   width: 100%;
   font-size: 20px;
   font-weight: 500;
   grid-gap: 5px;
}

.wallet-pages-container .singal-item {
   grid-template-columns: 1fr;
   text-align: center;
}

.wallet-pages-container h4 {
   font-size: 20px;
   font-weight: 600;   
}

.wallet-pages-container hr {
   margin: 15px 0;
}  

.wallet-pages-container .grid-row > div {
   padding: 2px 0;
}

.wallet-pages-container .grid-row > div:nth-child(even) {
   text-align: right;
}

.wallet-pages-container .grid-row span {
   display: block;
   font-weight: 400;
}

.wallet-pages-container .coins-summery {
   padding: 25px 0;
}

.wallet-pages-container .coins-summery .grid-row {
   font-weight: 400;
   align-items: flex-start;
} 

.wallet-pages-container .coins-summery .grid-row b {
   display: block;
}

.wallet-pages-container .coins-summery .grid-row > div:nth-child(even) {
   font-weight: 700;
}

.gift-card-page {
   display: block;
}

.gift-card {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
	align-items: center;
	padding: 40px 0 70px 40px;
   background: url(../images/Gift-card_Top-patch.png) no-repeat;
   background-size: cover;
   background-position: 0 100%;
}

.gift-card img {
   display: block;
   width: 100%;
   max-width: 400px;
   border-radius: 30px;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   -ms-border-radius: 30px;
   -o-border-radius: 30px;
}

.gift-card .gift_card_title {
   font-size: 30px;
   color: #FFF;
   padding-left: 70px;
   font-weight: 500;
}

.jewelles-gift-card {
   display: block;
   padding: 10px 0 50px;
   text-align: center;
}

.jewelles-gift-card .gift_crad_ornate {
   display: block;
   text-align: center;
   font-size: 22px;
   font-weight: 600;
   padding: 10px 0;
}

.jewelles-gift-card p {
   display: block;
   padding: 10px 50px;
   text-align: center;
   font-size: 20px;
 }

.gift-card-purchase {
   display: block;
   text-align: left;
   padding: 10px 0 20px;
}

.gift-card-purchase .form-container {
	display: grid;
	grid-gap: 30px 60px;
	grid-template-columns: 1fr 1fr;
	padding: 0;
}

.gift-card-purchase .form-container label {
   font-size: 19px;
   font-weight: 500;
   padding-bottom: 5px;
}

.gift-card-purchase .form-container .input-container {
	display: grid;
   grid-template-columns: 20px 1fr;
   align-items: center;
   min-height: 60px;
	padding-bottom: 5px;
   border-bottom: 1px solid #000;
}

.gift-card-purchase .form-container .input-container b,
.gift-card-purchase .form-container .input-container input {
   border: 0;
   font-size : 22px;
}

.gift-card-purchase .form-container .quantity-box .input-container {
   grid-template-columns: 1fr;
}

.gift-card-purchase .form-container .quantity-box .input-container input {
   display: inline-block;
   width: 70px;
   border: 1px solid #acacac;
   padding: 5px 10px;
   font-size: 22px;
   font-weight: 500;
   text-align: center;
   margin: 0 5px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.gift-card-purchase p {
   display: block;
   text-align: left;
   padding: 15px 0 0;
   font-size: 19px;
   color: #305495;
   margin: 0;
}

.how-to-use {
   display: block;
   width: 100%;
   background: #ededed;
   padding: 50px 0;
}

.terms-and-conditions {
   display: block;
   width: 100%;
   background: #FFF;
   padding: 50px 0;
}

.how-to-use .list-container,
.terms-and-conditions .list-container {
   display: block;
   padding: 25px 0;
}

.how-to-use .list-container .list-item,
.terms-and-conditions .list-container .list-item {
   display: block;
   padding: 10px 0 30px 40px;
   position: relative;
   color: #313131;
}

.how-to-use .list-container .list-item::before,
.terms-and-conditions .list-container .list-item::before {
	content: "";
	position: absolute;
	top: 17px;
	left: 0;
	width: 13px;
	height: 13px;
	background: var(--firstColor);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.how-to-use .list-container .list-item ol {
   display: block;
   padding: 10px 20px;
}

.how-to-use .list-container .list-item ol li {
   padding: 0 0 5px 5px;
}

.terms-and-conditions .section-title-container {
   padding: 25px 0;
}

.multiple-redemption-box {
	display: grid;
   grid-template-columns: 1fr 200px;
   align-items: flex-end;
	padding: 25px;
	width: 100%;
	border: 1px solid var(--fourTabsBg);
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
}

.multiple-redemption-box label {
   display: block;
   font-size: 20px;
   font-weight: 500;
}

.multiple-redemption-box b {
   display: block;
   font-size: 28px;
}


.total-payment-box .gift-card-details {
   display: grid;
   grid-template-columns: 200px 1fr;
   grid-gap: 15px;
   padding: 25px;
}

.total-payment-box .gift-card-details img {
   display: block;
   width: 100%;
}

.total-payment-box .gift-card-details > div {
   display: block;
   padding: 10px 0;
   font-size: 20px;
   font-weight: 600;
   line-height: 32px;
}

.receivers-details-container {
   display: none;
   padding: 25px 0;
}

.receivers-details-container h5 {
   padding-bottom: 25px;
}

.receivers-details-container .form-container {
   display: grid;
	grid-gap: 30px 60px;
	grid-template-columns: 1fr 1fr;
   padding: 0;
}

.receivers-details-container .form-container .box {
	display: block;
}

.receivers-details-container .form-container .input-container {
	display: block;
	position: relative;
	padding: 0;
}

.receivers-details-container .form-container .input-container label {
	display: block;
	font-size: 15px;
	color: #707070;
	padding: 0;
}

.receivers-details-container .form-container .input-container input {
	display: block;
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #000;
	padding: 3px 0;
	font-size: 18px;
	color: #000;
	font-weight: 500;
}

.receivers-details-container .form-container .mobile-number {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.receivers-details-container .form-container .mobile-number .country-code {
	display: block;
	width: 40px;
	margin-right: 15px;
}

.receivers-details-container .form-container .input-container p {
	display: block;
   font-size: 16px;
	padding-top: 15px;
}

.send-someone {
   display: block;
}

.my-gold-booking-balance {
   padding: 15px 0;
}

.my-gold-booking-balance h6 {
   display: block;
   font-size: 18px;
   text-align: center;
   font-weight: bold;
   padding: 0 0 10px;
}

.my-gold-booking-balance .grid-4col {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
	align-items: flex-start;
	padding: 0;
}

.my-gold-booking-balance .grid-4col span, 
.my-gold-booking-balance .grid-4col b {
	display: block;
	text-align: center;
	font-size: 15px;
}

.my-gold-booking-balance .grid-4col span {
	border-bottom: 1px solid #494949;
   font-weight: 500;
   padding: 5px;
}

.my-gold-booking-balance .grid-4col b {
   padding: 5px 5px 0;
}

.gold-sip .big-button {
   display: inline-block;
   width: fit-content;
	max-width:none;
	font-size: 16px;
	margin: 10px auto 0;
	height: 40px;
	line-height: 40px;
   padding: 0 100px;
}

.gold-sip-multi-banner {
   display: flex;
   display: -webkit-flex;
   width: 100%;
   grid-gap: 25px;
   justify-content: center;
   align-items: flex-start;
   flex-wrap: wrap;
   padding-bottom: 25px;
}

.gold-sip-multi-banner img {
   display: block;
   width: 500px;
   height: auto;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
} 


.single-question-container {
   display: flex;
   display: -webkit-flex;
   width: 100%;
   grid-gap: 10px;
   justify-content: space-between ;
   align-items: center;
   padding: 15px 25px;
   font-size: 20px;
   color: #FFF;
   background: var(--firstColor);
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.single-question-container a {
   display: block;
   font-size: 13px;
   padding: 5px 15px;
   border: 2px solid #fff;
   border-radius: 25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   -o-border-radius: 25px;
}

.single-question-container a:hover {
   background-color: rgba(0,0,0,0.2) ;
}

.why-gold-sip {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: center;
   align-items: flex-start;
   grid-gap: 25px;
   padding: 25px 0;
}

.why-gold-sip > div {
   flex-grow: 1;
   text-align: center;
}

.why-gold-sip figure {
   display: block;
   width: 100%;
   text-align: center;
   padding-bottom: 10px;
}

.why-gold-sip figure svg {
   display: inline-block;
   height: 60px;
   width: auto;
   fill: var(--thirdColor);
}

.why-gold-sip b {
   display: block;
   font-size: 18px;
   padding-bottom: 10px;
}

.why-gold-sip p {
   font-size: 16px;
}

.gold-sip-listing-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   flex-wrap: wrap;
   grid-gap: 25px;
   justify-content: flex-start;
   align-items: flex-start;
}

.gold-sip-listing-container.singal-center {
   justify-content: center;
}

.gold-sip-listing-container .sip-item {
   display: block;
   width: calc(50% - 15px);
   background-color: #ededed;
   overflow: hidden;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.gold-sip-listing-container .sip-item h5 {
   font-size: 18px;
   font-weight: bold;
}

.gold-sip-listing-container .sip-item .grid-box {
   display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: flex-start;
   font-size: 14px;
   padding: 7px 0;
   grid-gap: 15px 5px;
}

.gold-sip-listing-container .sip-item .grid-box > div:nth-child(odd) {
   text-align: left;
}

.gold-sip-listing-container .sip-item .grid-box > div:nth-child(even) {
   text-align: right;
}

.gold-sip-listing-container .sip-item .grid-box span {
   display: block;
   font-size: 18px;
}

.gold-sip-listing-container .sip-item .grid-box b {
   display: inline-block;
   font-size: 18px;
}

.gold-sip-listing-container .sip-item .header {
   display: block;
   padding: 20px 20px 10px;
   border-bottom: 1px solid #9b9b9b;
}

.gold-sip-listing-container .sip-item .content {
   display: block;
   padding: 7px 20px 10px;
}

.gold-sip-listing-container .sip-item .footer {
   display: block;
   padding: 5px 20px;
   color: #FFF;
   background-color: #acacac;
}

.gold-sip-listing-container .sip-item .footer .grid-box {
   align-items: center;
}

.gold-sip-listing-container .sip-item a {
   display: inline-block;
   font-size: 13px;
   padding: 2px 20px;
   border: 2px solid #fff;
   border-radius: 25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px;
   -ms-border-radius: 25px;
   -o-border-radius: 25px;
}

.gold-sip-listing-container .sip-item a:hover {
   background-color: rgba(0,0,0,0.2) ;
}

.gold-sip .gold-sip-scheme-name {
   display: block;
	padding: 20px;
}

.gold-sip .gold-sip-scheme-name b {
	display: block;
	font-size: 21px;
	font-weight: 600;
}

.gold-sip .gold-sip-scheme-name span {
	display: block;
	font-size: 18px;
	font-weight: 400;
}

.gold-sip h5 {
   display: block;
   text-align: center;
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 30px;
}

.gold-sip .installment-listing-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-gap: 30px;
	justify-content: flex-start;
	align-items: flex-start;
	width: 100%;
}

.gold-sip .installment-listing-container .installment-box {
	display: block;
	width: calc(50% - 15px);
	background: #FFF;
	padding: 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
}

.gold-sip .installment-listing-container .installment-box ul {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: flex-start;
   grid-gap: 5px;
   list-style: none;
}

.gold-sip .installment-listing-container .installment-box ul li:nth-child(1) {
   text-align: left;
}

.gold-sip .installment-listing-container .installment-box ul li:nth-child(2) {
   text-align: right;
   min-width: 125px;
}

.gold-sip .installment-listing-container .installment-box ul li,
.gold-sip .installment-listing-container .installment-box ul li span {
   display: block;
   font-size: 12px;
}

.gold-sip .installment-listing-container .installment-box ul li b {
   display: block;
   padding-bottom: 10px;
}

.gold-sip .installment-listing-container .installment-box ul li p,
.gold-sip .installment-listing-container .installment-box ul li b {
   font-size: 14px;
}

.gold-sip .installment-listing-container .installment-box ul li p,
.gold-sip .installment-listing-container .installment-box ul li span {
   padding-bottom: 5px;
}

.gold-sip .installment-listing-container .installment-box ul li span.red {
   color: #c73030;
}

.gold-sip .installment-listing-container .installment-box ul li .small-button {
   display: inline-block;
   width: fit-content;
	padding: 0 15px;
	height: 30px;
	line-height: 29px;
   font-size: 14px;
   margin: 0;
}

.ref-code-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
   padding: 0 0 20px;
   font-size: 14px;
   font-weight: 500;
}

.ref-code-container input {
	width: 175px;
	border: 1px solid #acacac;
	padding: 7px 10px;
	text-align: right;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.installment-summery h5 {
   font-size: 20px;
   font-weight: 600;
}

.installment-summery .flex-row {
	display: grid;
   grid-template-columns: 1fr 1fr;
	width: 100%;
	align-items: stretch;
	border-bottom: 1px solid #000;
	padding: 12px 0;
}

.installment-summery .flex-row div {
	display: flex;
   display: -webkit-flex;
   flex-direction: column !important;
	justify-content: space-between;
	align-items: flex-start;
   text-align: left;
   grid-gap: 3px;
}

.installment-summery .flex-row p {
   display: block;
   width: 100%;
   font-size: 18px;
   font-weight: 500;
}

.installment-summery .flex-row span {
   display: block;
   width: 100%;
   font-size: 14px;
   font-weight: 400;
}

.installment-summery .flex-row div:nth-child(even) p,
.installment-summery .flex-row div:nth-child(even) span {
   text-align: right;
}

.installment-summery .flex-row.missed p {
   color:#b30e0e;
}

.saubscribers-details .section-title-container {
   padding: 0 0 25px;
}

.saubscribers-details .para {
   display: block;
   text-align: center;
   font-size: 18px;
   padding-bottom: 25px;
}

.gold-sip-types {
   padding: 25px 0;
}

.gold-sip-types .para {
   display: block;
   text-align: center;
   font-size: 14px;   
   font-weight: 500;
   padding: 25px 0;
} 

.gold-sip-types .big-button {
   display: block;
   width: 100%;
   padding: 0 10px;
}

.gold-sip-types .sip-type2 p input {
	width: 80px;
	margin-right: 5px;
}

.gold-sip-types .sip-type2 .calculation-box {
   margin-bottom: 15px;
}

.gold-sip-types select {
	display: block;
	width: 100%;
	border: 0px;
	border-bottom: 1px solid #000;
	padding: 5px 0;
	font-size: 18px;
	color: #000;
	font-weight: 600;
   margin-bottom: 10px;
}

.gold-sip-types .redeemption-after-maturity {
   display: block;
   width: 100%;
   padding: 20px;
   margin: 30px 0;
   border: 1px solid #acacac;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.gold-sip-types .redeemption-after-maturity p {
   display: block;
   text-align: left;
   padding: 0;
   font-size: 14px;
}

.gold-sip-types .redeemption-after-maturity .grid-box {
	display: grid;
	grid-template-columns: 1fr 120px;
	align-items: flex-start;
	font-size: 12px;
	padding: 0;
	grid-gap: 10px 5px;
}

.gold-sip-types .redeemption-after-maturity .grid-box > div:nth-child(even) {
	text-align: right;
}

.gold-sip-types .redeemption-after-maturity .grid-box span {
	display: block;
	font-size: 14px;
}

.my-orders hr {
   margin: 25px 0;
}


.my-orders-tabs-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   background-color: var(--myOrdersTabsBg);
   text-align: center;
   padding: 10px 5px;
   border-radius: 100px;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   -ms-border-radius: 100px;
   -o-border-radius: 100px;
   margin-bottom: 20px;
}

.my-orders-tabs-container a {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   align-items: center;
   justify-content: center;
   grid-gap : 10px;
   width: 100%;
   padding: 8px 5px;
   border-right: 1px solid #FFF;
   font-size: 18px;
   font-weight: 500;
   color: #FFF !important;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.my-orders-tabs-container a figure {
   display: block;
   text-align: center;
   padding-bottom: 5px;
}

.my-orders-tabs-container a figure svg {
   display: inline-block;
   height: 35px;
   width: auto;
   fill: #FFF;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}

.my-orders-tabs-container a:hover,
.my-orders-tabs-container a.active {
   color: var(--tabHoverColor) !important;
} 

.my-orders-tabs-container a:hover figure svg,
.my-orders-tabs-container a.active figure svg {
   fill: var(--tabHoverColor);
}

.my-orders-tabs-container a:last-child {
   border-right: 0;
}

.my-orders-listing-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-gap: 30px;
	justify-content: flex-start;
	align-items: flex-start;
   width: 100%;
}

.my-orders-listing-container .order {
   display: block;
   width: calc(50% - 15px) ;
   background: #FFF;
   padding: 20px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
   box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
}

.my-orders-listing-container .order ul {
   display: grid;
   grid-template-columns: 1fr 150px;
   list-style: none;
   grid-gap: 10px 5px;
   align-items: center;
}

.my-orders-listing-container .order ul li {
   display: block;
   font-size: 14px;
   font-weight: 500;
}

.my-orders-listing-container .order ul li:nth-child(even) {
   text-align: right;
} 

.my-orders-listing-container .order svg {
   display: inline-block;
   width: 60px;
   height: 60px;
}

.my-orders-listing-container .order .shopping-bag {
   width: 60px;
   height: 60px;
}

.my-orders-listing-container .order .cart {
   width: 20px;
   height: auto;
   vertical-align: bottom;
}

.my-orders-listing-container .order ul li h6 {
   display: block;
   font-size: 20px;
   padding-bottom: 15px;
   font-weight: 600;
}

.my-orders-listing-container .order ul li .small-button {
	display: inline-block;
	max-width: 70px;
	height: 30px;
	line-height: 27px;
	margin: 0;
	font-size: 13px;
}

.my-orders-listing-container .order ul li .big-button {
	display: inline-block;
	max-width: fit-content;
	height: 30px;
	line-height: 29px;
	margin: 0;
	font-size: 13px;
   padding: 0 14px;
}

.my-orders-listing-container .order .order-placed,
.order-detail-summery .order-placed,
.my-orders-listing-container .order .received {
   color: #7b7b7b;
   font-weight: 600;
}

.my-orders-listing-container .order .order-confirmed,
.order-detail-summery .order-confirmed,
.my-orders-listing-container .order .in-production {
   color: #ccae44;
   font-weight: 600;
}

.my-orders-listing-container .order .ready-to-dispatch,
.order-detail-summery .ready-to-dispatch {
   color: #2e76ac;
   font-weight: 600;
}

.my-orders-listing-container .order .cancelled,
.order-detail-summery .cancelled {
   color: #a92b2b;
   font-weight: 600;
}

.my-orders-listing-container .order .delivered,
.order-detail-summery .delivered {
   color: #75a92b;
   font-weight: 600;
}

.my-orders .order-detail-header {
   display: flex;
	display: -webkit-flex;
	flex-direction: row;
	grid-gap: 10px;
	justify-content: space-between;
	align-items: center;
   width: 100%;
   font-size: 20px;
   font-weight: 600;
   padding-bottom: 15px;
}

.my-orders-listing-container .order .order-detail {
   display: grid;
   grid-template-columns: 105px 1fr;
   grid-gap: 20px;
   align-items: flex-start;
}

.my-orders-listing-container .order .order-detail figure {
   display: inline-block;
   width: 100%;
   height: auto;
   overflow: hidden;
   border: 1px solid var(--imgBorder);
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}

.my-orders-listing-container .order .order-detail figure img {
   display: block;
   width: 100%;
   height: auto;
   object-fit: contain;
}

.my-orders-listing-container .order .order-detail span {
   display: block;
   font-size: 14px;
}

.my-orders-listing-container .order .order-detail b {
   display: block;
   font-size: 18px;
   font-weight: 600;
   padding: 3px 0;
}

.my-documents-listing-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-gap: 30px;
	justify-content: flex-start;
	align-items: flex-start;
   width: 100%;
}

.my-documents-listing-container .document {
   display: block;
   width: calc(50% - 15px) ;
   background: #FFF;
   padding: 20px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
   box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
}

.my-documents-listing-container .document ul {
	display: grid;
	grid-template-columns: 50px 1fr 50px 50px;
	list-style: none;
	grid-gap: 10px;
	align-items: flex-start;
}

.my-documents-listing-container .document .doc-details {
   display: block;
   padding-left: 15px;
}

.my-documents-listing-container .document .doc-details h6 {
   display: block;
	font-size: 20px;
   padding-bottom: 5px;
   font-weight: 600;
}

.my-documents-listing-container .document .doc-details span {
   display:block;
   font-size: 14px;
   padding: 5px 0;
   font-weight: 500;
}

.my-documents-listing-container .document a {
   display: block;
   width: 50px;
   height: 50px;
   line-height: 45px;
   text-align: center;
   background: #f4f2f2;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}

.my-documents-listing-container .document a:hover {
   background: var(--navBGColor);
}

.my-documents-listing-container .document a svg {
   display: inline-block;
   width: 25px;
   height: 25px;
}

.order-detail-summery {
   display: block;
}

.order-detail-summery .row {
   padding-bottom: 15px;
}

.order-detail-summery .flex-row {
   display: flex;
	display: -webkit-flex;
	flex-direction: row;
	grid-gap: 10px;
	justify-content: space-between; 
	align-items: center;
   width: 100%;
}

.order-detail-summery h6 {
   display: block;
   font-size: 20px;
   font-weight: 600;
   padding-bottom: 5px;
}

.order-detail-summery span {
   display: block;
   font-size: 18px;
   font-weight: 400;
   padding-bottom: 10px;
}

.my-offers-listing-container {
	display: flex;
	display: -webkit-flex;
	flex-direction: row;
	flex-wrap: wrap;
	grid-gap: 30px;
	justify-content: flex-start;
	align-items: flex-start;
   width: 100%;
}


.my-offers-listing-container .offer {
   display: block;
   width: calc(50% - 15px) ;
   background: #FFF;
   padding: 10px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
   -webkit-box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
   box-shadow: 0 0 3px 3px rgba(0,0,0,0.05);
}

.my-offers-listing-container .offer .offer-details {
   display: grid;
	grid-template-columns: 222px 1fr;
	grid-gap: 15px;
	align-items: flex-start;
   padding-bottom: 10px;
}

.my-offers-listing-container .offer .offer-details figure {
   display: block;
   width: 100%;
   height: 120px;
   overflow: hidden;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.my-offers-listing-container .offer .offer-details figure img {
   display: block;
   width: 100%;
   height: 120px;
   object-fit: cover;
}

.my-offers-listing-container .offer .offer-details p,
.my-offers-listing-container .offer .offer-details p b,
.my-offers-listing-container .offer .offer-details p span {
   display: block;
}

.my-offers-listing-container .offer .offer-details p b {
   font-size: 18px;
   padding-bottom: 5px;
}

.my-offers-listing-container .offer .offer-details p span {
   font-size: 16px;
}

.my-offers-listing-container .offer .offer-validity {
   font-weight: 500;
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   grid-gap: 10px;
   justify-content: space-between;
   align-items: center;
   width: 100%;
   padding: 10px 15px;
   font-size: 14px;
   background: #dcdada;
   border-radius:15px;
   -webkit-border-radius:15px;
   -moz-border-radius:15px;
   -ms-border-radius:15px;
   -o-border-radius:15px;
}

.my-offers .offer-banner {
   display: block;
   width: 100%;
   overflow: hidden;
   margin-bottom: 10px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.my-offers .offer-banner img {
   display: block;
   width: 100%;
   height: auto;
}

.offer-details-container h6 {
   display: block;
   font-size: 18px;
   font-weight: bold;
   padding: 5px 0;   
}

.offer-details-container .offer-detail-box {
	display: block;
	width: 100%;
	background: #FFF;
   margin-top: 20px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-ms-border-radius: 15px;
	-o-border-radius: 15px;
	-webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.05);
}

.offer-details-container .offer-detail-box b {
   display: block;
   padding: 25px 25px 0;
   font-size: 17px;
   font-weight: 600;
}

.offer-details-container .offer-detail-box p {
   display: block;
   padding: 5px 25px 0;
   font-size: 14px;
   font-weight: 400;
}

.offer-details-container .offer-detail-box ul {
   display: block;
   padding: 25px 25px 0px;
}

.offer-details-container .offer-detail-box ul li {
   display: block;
   font-size: 16px;
   font-weight: 500;
   padding: 0 0 10px 15px;
   position: relative;
}

.offer-details-container .offer-detail-box ul li:before {
   content: "";
   position: absolute;
   top: 8px;
   left: 0px;
   width: 7px;
   height: 7px;
   background: #000;
   border-radius: 100%;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   -ms-border-radius: 100%;
   -o-border-radius: 100%;
}

.offer-details-container .offer-detail-box .validity {
   display: block;
   font-size: 14px;
   font-weight: 500;
   padding: 5px 25px 20px;
}

.offer-details-container .offer-detail-box ul.terms {
   padding: 25px;
}

.offer-details-container .offer-detail-box ul.terms li {
   padding: 0 0 10px 25px;
}

.offer-details-container .offer-detail-box ul.terms li:before {
   background: var(--firstColor);
}

.login-page {
   display: block;
   width: 100%;
   background: url(../images/login2-page-bg.jpg) no-repeat top center;
   background-size: cover;
   padding: 70px 0 100px;
   margin-bottom: -100px;
}

.login-page .login-form {
   display: block;
   width: 450px;
   margin: 0 auto;
}

.login-page .login-form h1 {
   display: block;
   text-align: center;
   font-size: 34px;
   font-weight: 700;
   color: #2d2d2d;
   padding-bottom: 50px;
}

.login-page .login-form h3 {
   display: block;
   text-align: center;
   font-size: 24px;
   font-weight: 600;
   color: #2d2d2d;
   padding-bottom: 30px;
}

.login-page .login-form label {
   display: block;
   text-align: left;
   font-size: 16px;
   font-weight: 500;
   color: #2d2d2d;
   padding-bottom: 10px;
}

.login-page .login-form .input-box {
   display: block;
   width: 100%;
   padding: 15px;
   border: 1px solid #acacac;
   background: #FFF;
   margin-bottom: 20px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   -ms-border-radius: 15px;
   -o-border-radius: 15px;
}

.login-page .login-form .input-box input {
   display: block;
   width: 100%;
   border: 0;
}

.login-page .login-form .number-container {
   display: flex;
   display: -webkit-flex;
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
}

.login-page .login-form .number-container .number {
   border-left: 1px solid #000;
   margin: 0 15px;
   padding: 0 15px;
}

.login-page .login-form .number-container .change {
   display: block;
   width: fit-content;
   padding: 3px 8px;
   background: #efefef;
   color: var(--firstColor);
   font-size: 14px;
   font-weight: 500;
   border-radius:10px;
   -webkit-border-radius:10px;
   -moz-border-radius:10px;
   -ms-border-radius:10px;
   -o-border-radius:10px;
}

.login-page .login-form .resend-otp {
   display: block;
   text-align: center;
   font-size: 14px;
   color: #2d2d2d;
   padding: 5px 0 10px;
}

.login-page .login-form .resend-otp span {
   display: block;
   text-align: center;
   font-size: 20px;
}

.login-page .login-form .big-button {
   height: 45px;
	line-height: 44px;
   font-size: 20px;
   margin-bottom: 30px;
}

.login-page .login-form .big-button.skip {
   max-width: 135px;
   font-size: 20px;
   margin-bottom: 0;
   color: #000;
   background: none;
   border: 1px solid var(--buttonBg);
}

.notification-page .grid-row {
   display: grid;
   grid-template-columns: 80px 1fr 100px;
   grid-gap: 10px;
   align-items: flex-start;
}

.notification-page .grid-row figure,
.notification-page .grid-row p,
.notification-page .grid-row b,
.notification-page .grid-row span {
   display: block;
}

.notification-page .grid-row figure {
   width: 80px;
   height: 80px;
   position: relative;
}

.notification-page .grid-row figure svg {
   display: block;
   position: absolute;
   width: 55px;
   height: 55px;
   top: 7px;
   left: 5px;
   z-index: 1;
   fill: #000;
}

.notification-page .grid-row figure .notification-icon-bg {
   top: 0;
   left: 0;
   width: 75px;
   height: 75px;
   fill: var(--svgIconColor);
   opacity: 0.4;
   z-index: 0;
}

.notification-page .grid-row p {
   font-size: 16px;
}

.notification-page .grid-row p b {
   font-size: 20px;
   font-weight: 500;
   padding-bottom: 5px;
}

.notification-page .grid-row span {
   font-size: 14px;
}


/*====| Datepicker CSS |=======================================*/
.date {
   background: url(../images/date-icon.png) no-repeat;
   background-size: 20px;
   background-position: calc(100% - 10px) center;
}

#ui-datepicker-div {
   width: 370px;
   display: none;
   background: #FFF;
   z-index: 999999 !important;
}

.ui-widget.ui-widget-content {
   border: 1px solid #333;
   -webkit-box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
   box-shadow: 5px 5px 10px 0 rgb(0 0 0 / 10%);
}

.ui-datepicker .ui-datepicker-header {
   background: var(--firstColor);
   padding: 1px 0 2px;
}

.ui-datepicker .ui-datepicker-title {
   margin: 0 30px;
   line-height: 30px;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
   height: 25px;
   line-height: 15px;
   font-size: 15px;
   margin: 0 3px;
   width: 80px;
}
.ui-datepicker td,
.ui-datepicker th {
   padding: 5px 4px !important;
   text-align: center;
   /* font-family: var(--lato); */
   font-size: 16px;
   font-weight: 600;
}

.ui-datepicker td a {
   display: inline-block;
   color: #000;
   text-align: center;
   font-size: 15px;
   width: 100%;
   height: 25px;
   line-height: 18px;
   border-radius: 5px;
   -webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
   -ms-transition: all 0.5s ease-in-out;
   -o-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
   background: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
   border: 1px solid #000000;
   background: var(--firstColor);
   color: #ffffff;
}

.ui-datepicker td a:hover {
   border: 1px solid var(--firstColor) !important;
   background: var(--firstColor) !important;
   color: #fff !important;
}

.ui-state-active {
   border: 1px solid var(--firstColor) !important;
   background: var(--firstColor) !important;
   color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
   width: 24px;
   height: 25px;
}

.ui-datepicker .ui-datepicker-prev {
   left: 3px !important;
   background: url(../images/Calender-nav-arrow.svg) no-repeat #FFF;
   background-size: 7px;
   background-position: 7px 7px;
   top: 4px;
}

.ui-datepicker .ui-datepicker-next {
   right: 3px !important;
   background: url(../images/Calender-nav-arrow.svg) no-repeat #FFF;
   transform: rotate(180deg);
   background-size: 7px;
   background-position: 8px 7px;
   top: 4px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
   display: none;
}

.ui-datepicker-prev-hover,
.ui-datepicker-next-hover {
   background-color: var(--secondColor) !important;
   border: 0 !important;
}

.date-icon {
   display: none;
}

.ui-datepicker-trigger {
   display: inline-block;
   width: 20px;
   height: 20px;
   background: url(../images/calendar-icon.svg) no-repeat;
   background-size: 16px;
   background-position: center;
}

.ui-datepicker table tr {
   background: #fff !important;
}
.social_media {
   background-color: var(--secondColor);
   padding: 8px;
   border-radius: 16px;
   display: flex;
   object-fit: contain;
   align-items: center;
   justify-content: center;
   width: 36px;
   fill: var(--firstColor);
}
.social_media_text{
   color: var(--white);
}
.media{
   position: absolute;
   bottom: 110px;
   right: 10px;
}
.btn-close{
   width: fit-content;
   height: auto;
   font-size: 15px;
   padding: 18px;
   border-radius: 16px;
   opacity: 1;
   background: var(--secondColor) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}
.jewel_coins{
   line-height: 30px;
   flex-direction: column;
}
.jewel_coin_bg{
   background: var(--navBGColor) !important;
}
.redeem_button_main{
   display: flex;
   align-items: end;
   justify-content: center;
   flex-direction: column;
   gap: 10px;
}
.redeem_button {
   display: block;
   min-width: 180px;
   line-height: 30px;
   text-align: center;
   font-size: 18px;
   font-weight: 500;
   padding: 2px;
   color: #FFF;
   background: var(--buttonBg);
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}
.redeem_button:hover {
   background: var(--firstColor);
   color: var(--white);
}
.details_btn{
   display: block;
   min-width: 180px;
   line-height: 30px;
   text-align: center;
   font-size: 18px;
   font-weight: 500;
   padding: 2px;
   border: 2px solid var(--buttonBg);
   border-radius: 50px;
   background: transparent;
   color: var(--firstColor);
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   -ms-border-radius: 50px;
   -o-border-radius: 50px;
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
}
.details_btn:hover {
   background: var(--firstColor);
   border: 2px solid var(--firstColor);
   color: var(--white);
}
.container_summary{
   max-width: 1140px !important;
}
.Summary_main{
   border: 1px solid var(--firstColor);
   border-radius: 12px;
}

/* Core styles/functionality */
.tab input {
   position: absolute;
   opacity: 0;
   z-index: -1;
 }
 .tab__content {
   max-height: 0;
   overflow: hidden;
   transition: all 0.35s;
 }
 .tab input:checked ~ .tab__content {
   max-height: 10rem;
 }
 
 /* Visual styles */
 .accordion {
   border-radius: 0.5rem;
   overflow: hidden;
 }
 .tab__label,
 .tab__close {
   display: flex;
   color: var(--firstColor);
   background: var(--theme);
   cursor: pointer;
 }
 .tab__label {
   justify-content: space-between;
   padding: 0.5rem;
   font-weight: 700;
 }
 .tab__label::after {
   content: "\276F";
   width: 1em;
   height: 1em;
   text-align: center;
   transform: rotate(90deg);
   transition: all 0.35s;
 }
 .tab input:checked + .tab__label::after {
   transform: rotate(270deg);
 }
 .tab__content ul li {
   margin: 0;
   padding: 0.5rem 0 0.5rem 2.5rem;
   position: relative;
}
.tab__content ul li::before{
   content: "";
   position: absolute;
   top: 15px;
   left: 22px;
   width: 8px;
   height: 8px;
   background: var(--firstColor);
   border-radius: 10px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   -ms-border-radius: 10px;
   -o-border-radius: 10px;
}

 .tab__close {
   justify-content: flex-end;
   padding: 0.5rem 1rem;
   font-size: 0.75rem;
 }
 .message_header{
   background-color: var(--firstColor);
   color: var(--white);
   font-size: 14px;
   height: 36px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 20px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 50px !important;
   padding-left: 50px !important;
   width: 100%;
}
.message_header_bg_img{
   position: relative;
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
   gap: 10px;
   height: 40px;
   padding: 10px 0;
   width: 100%;
   background-color: var(--firstColor);
}
.message_header_bg_one{
   position: relative;
   background-color: var(--firstColor);
}
.message_header_bg_two{
   display: flex;
   justify-content: center;
   text-align: center;
   align-items: center;
   gap: 20px;
   height: 40px;
   padding: 10px 0;
   width: 100%;
}
.eid_set{
   top: -20px !important;
}
.cracker-img-left {
   position: absolute;
   right: 0;
   top: -45%;
   width: 80px;
}
.diya-img {
   width: 25px;
}
.w_max{
   width: max-content;
}
.countdown-text {
   font-size: 14px;
   color: var(--white);
   text-align: center;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: auto;
}
.countdown-text b span{
   font-size: 14px;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: auto;
   display: contents;
}
.cracker-img-right {
   position: absolute;
   left: 0;
   top: -45%;
   width: 80px;
}
.cracker_coins_left {
   position: absolute;
   right: -16px;
   top: -28px;
   width: 70px;
}
.cracker_coins_right {
   position: absolute;
   left: -16px;
   top: -28px;
   width: 70px;
}
.boomer_left{
      position: absolute;
      right: 0;
      top: -22px;
      width: 38px;
}
.boomer_right{
   position: absolute;
   left: 0;
   top: -20px;
   width: 38px;
}
.top_2{
   top: 2px !important;
}
.height_32{
   height: 32px;
}
.header_gif_left {
   /* position: absolute;
   right: 0;
   top: -16px; */
}
.header_gif_right {
   /* position: absolute;
   left: 0;
   top: -16px; */
}
.pitchkari_left{
   position: absolute;
   right: 40px;
   top: -36px;
   width: 70px;
   rotate: 41deg;
}
.pitchkari_right{
   position: absolute;
   left: 40px;
   top: -33px;
   width: 70px;
   rotate: 220deg;
}
.blinking_header{
   animation: blinker 3.5s linear infinite;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
@keyframes blinker {
 50% {
     opacity: 0;
 }
}
.close_icon_header{
   fill: var(--firstColor);
   width: 16px;
   position: absolute;
   right: 10px;
   top: 12px;
   background: var(--white);
   padding: 4px;
   border-radius: 15px;
}
.click_here_btn{
   background: var(--white);
   color: var(--firstColor);
   padding: 4px;
   min-width: 120px;
   border-radius: 15px;
   font-size: 12px;
   font-weight: 500;
}

 
.rotate_word li {
   position: absolute;
   top: 10px;
   overflow: hidden;
   animation: rotate-animate 10s linear infinite;
   opacity: 0;    
}
.rotate_word_top{
 top: 4px !important;
}

.rotate_word li:nth-child(1) {
   animation-delay: 0s;
}

.rotate_word li:nth-child(2) {
   animation-delay: 2s;
}

.rotate_word li:nth-child(3) {
   animation-delay: 4s;
}

.rotate_word li:nth-child(4) {
   animation-delay: 6s;
}
.rotate_word li:nth-child(5) {
 animation-delay: 8s;
}

@keyframes rotate-animate {
   0% {
       opacity: 0;
       transform: translateY(-50px);
   }
   2% {
       opacity: 1;
       transform: translateY(0px);
   }
   18% {
       opacity: 1;
       transform: translateY(0px);
   }
   20% {
       opacity: 0;
       transform: translateY(50px);
   }
   100% {
       opacity: 0;
       transform: translateY(50px);
   }
}
.header_nav .logo img {
   max-width: 100%;
   height: auto !important;
}
.header_nav .logo {
   height: auto;
}
.header_nav .desktop-menu {
   padding: 12px 0;
}
.header_nav .desktop-header ul.d-flex li a {
   padding: 0;
   white-space: nowrap;
}
.header_nav .desktop-header ul.d-flex li {
   margin-right: 0 !important;
}
.header_nav .desktop-header ul.d-flex{
   gap: 20px;
}
.header_nav .menu li a {
   font-size: 14px;
}
.header_nav .menu li a::before{
   height: 4px;
   bottom: -14px;
}
.header_nav .menu li a:hover{
   color: var(--firstColor);
}
.header_nav .menu ul.animated a::before{
   bottom: 0;
}
.header_nav_drop .menu li.drop-down:hover > ul{
   top: 40px;
   /* width: fit-content; */
}
.header_nav_drop_one .menu li.drop-down:hover > ul{
   top: 100%;
   /* width: fit-content; */
}
.header_nav_drop_one .drop-down:hover a::before {
   bottom: 0;
}
.arrow_padding .navbar .menu li a{
   padding: 12px 25px;
}
.header_nav_dropdown_arrow .menu > li.drop-down:before, .menu > li.dropdown:before, .header_nav_dropdown_arrow .menu .dropdown-menu li.drop-down > a:after{
   display: none;
}
.header_nav_right .navbar .menu{
   justify-content: end;
   margin-right: 12px;
}
.header_nav_left .navbar .menu{
   justify-content: start;
   margin-right: 0;
}
.header_nav_left .navbar .menu li a{
   padding: 12px 10px;
}
.header_icon .desktop-header ul.d-flex li a span{
   display: none;
}
.mega_menu .menu li.drop-down > ul.mega_menu_active{
   top: 40px;
   left: 0;
   z-index: 999999;
   width: 500px;
}
.mega_menu .menu li.drop-down > ul.mega_menu_active li a::before{
   height: 0;
}
.mega_menu_active .row{
   padding: 8px;
}
.header_nav_right .header_nav .menu li a::before {
   bottom: -16px;
}
.header_nav_right .menu li.drop-down > ul.mega_menu_active {
   top: 40px;
}
.header_nav_right .menu li.drop-down > ul.mega_menu_active{
   width: 450px;
}
.header_nav_right .desktop-menu {
   padding: 12px 0 12px 0;
}
.header_nav_center .menu li a::before{
   bottom: -16px !important;
}
.header_nav_center .menu li.drop-down > ul.mega_menu_active {
   top: 57px;
}
.header_nav_center .navbar .menu{
   justify-content: center;
}
.header_nav_zoom_line_one .menu li a::before{
   height: 4px;
   bottom: -12px;
}
.header_nav_zoom_line_one .menu li a:hover{
   transform: scale(1.1);
}
.header_nav_zoom_line_one .main_menu ul li a:hover{
   transform: scale(1);
}

.header_nav_zoom_line_two .menu li a::before{
   height: 3px !important;
   bottom: 2px !important;
}
.header_nav_zoom_line_two .menu li a:hover{
   transform: scale(1.1);
}
.header_nav_zoom_line_two .main_menu ul li a:hover{
   transform: scale(1);
}
.hover_one_left .main_menu>li>a {
   transition: 0.4s;
   /* margin: 0 10px; */
   padding: 10px 15px;
 }
 .hover_one_left .menu li a:hover{
   color: var(--firstColor);
   background-color: var(--white) !important;
}
 .hover_one_left .main_menu>li>a:hover {
   background-color: var(--white);
   padding: 10px 15px;
   color: var(--textColor);
 }
 .hover_one_left .menu li.drop-down > ul.mega_menu_active {
   top: 40px;
 }
 .hover_two_left .menu li a {
   background: 
   linear-gradient(90deg, var(--firstColor) 50%, var(--white) 0) 
   var(--_p,100%)/200% no-repeat;
   -webkit-background-clip: text;
            background-clip: text;
   transition: 2s;
 }
 .hover_two_left .menu li a:hover {
   --_p: 0%;
 }
 /*set a border on the images to prevent shifting*/
#gallery_01 img{border:2px solid var(--white); margin-top: 10px; border-radius: 12px;}
/*Change the colour*/
.active img{border:2px solid var(--firstColor) !important;}

.clearfix {
    display: block;
    width: 100%;
    float: left;
}

.zoom-left {
    max-width: 412px;
}

/* .zoomContainer, .zoomWrapper, .zoom-left img#zoom_03{
   width: 410px !important;
   height: 350px !important;
   z-index: 980 !important;
} */

/* Product Listing Desktop 25-04-2025 */
.product_list_filter {
   display: grid;
   grid-template-columns: 350px auto;
   gap: 30px;
}

.product_list_filter .plf_left .sidbar_img {
   margin-top: 30px;
}
.product_list_filter .plf_left .plf_box {
   background: var(--footerBG);
   padding: 35px 20px;
}
.product_list_filter .plf_left .plf_box .plfb_item:not(:first-child) {
   margin-top: 50px;
}

.product_list_filter .plf_left .plf_box .plfb_btns {
   margin-top: 35px;
   display: flex;
   gap: 20px;
}
.product_list_filter .plf_left .plf_box .plfb_btns button {
   font-weight: 400;
   font-size: 18px;
   line-height: 1;
   letter-spacing: 0%;
   padding: 13px 20px;
   border: 1px solid var(--firstColor);
   background: var(--firstColor);
   color: var(--white);
}
.product_list_filter .plf_left .plf_box .plfb_btns button.secoundry,
.product_list_filter .plf_left .plf_box .plfb_btns button:hover {
   color: var(--firstColor);
   background: transparent;
}
.product_list_filter .plf_left .plf_box .plfb_btns button.secoundry:hover {
   background: var(--firstColor);
   color: var(--white);
}


.product_list_filter .plf_left h5 {
   font-weight: 600;
   font-size: 20px;
   line-height: 1.2;
   letter-spacing: 0%;
   margin-bottom: 15px;
}
.product_list_filter .options_list div {
   padding: 10px 0;
   display: flex;
   justify-content: space-between;
   cursor: pointer;
}
.product_list_filter .options_list div:not(:last-child) {
   border-bottom: 1px solid #AAAAAA;
}
.product_list_filter .options_list div p {
   font-weight: 400;
   font-size: 16px;
   line-height: 1.2;
   letter-spacing: 0%;
   color: var(--textColor);
}
.product_list_filter .options_list div p.count,
.product_list_filter .options_list div.active p {
   font-weight: 600;
   color: var(--firstColor);
}

.product_list_filter .plf_left .range-slider {
   position: relative;
   height: 10px;
   margin: 25px 0 10px;
}
.product_list_filter .plf_left .range-values {
   font-weight: 400;
   font-size: 16px;
   line-height: 1.2;
   letter-spacing: 0%;
}
.product_list_filter .plf_left .range-slider::before {
   content: ' ';
   width: 100%;
   position: absolute;
   height: 2px;
   background: var(--black);
   top: calc(50% - 1px);
}
@-moz-document url-prefix() {
   .product_list_filter .plf_left .range-slider::before {
       display: none;
   }
}
.product_list_filter .plf_left .range-slider input[type="range"] {
   position: absolute;
   pointer-events: none;
   -webkit-appearance: none;
   width: 100%;
   background: transparent;
}
.product_list_filter .plf_left input[type="range"]::-webkit-slider-thumb {
   -webkit-appearance: none;
   appearance: none;
   height: 10px;
   width: 10px;
   border-radius: 50%;
   background: var(--black);
   cursor: pointer;
   pointer-events: auto;
   margin-top: 0px;
}

.product_list_filter .plf_left input[type="range"]::-moz-range-thumb {
   height: 10px;
   width: 10px;
   border: none;
   border-radius: 50%;
   background: var(--black); /* Or replace with your desired color */
   cursor: pointer;
   pointer-events: auto;
}
.product_list_filter .plf_left .range-slider input[type="range"]::-moz-range-track {
   height: 2px;
   background: var(--black); /* Match the ::before background if needed */
   border: none;
}

.product_listing_new .product_item .rating {
   position: absolute;
   left: 0;
   bottom: 0;
   background: var(--secondColor);
   color: var(--textColor);
   font-weight: 500;
   font-size: 14px;
   line-height: 20px;
   letter-spacing: 0;
   padding: 4px 12px;
   border-radius: 0 10px 0 0;
   z-index: 1;
}
.product_listing_new .product_item .rating.top_right {
   top: 10px;
   left: auto;
   right: 0;
   bottom: auto;
   border-radius: 30px 0 0 30px;
}
.product_listing_new .product_item .rating .star {
   color: #f90;
}

.product_listing_new .product_item .pi_buttons button {
   font-weight: 400;
   font-size: 18px;
   line-height: 1;
   letter-spacing: 0%;
   padding: 14px 7px;
   background: var(--firstColor);
   color: var(--secondColor);
   width: 100%;
}
.product_listing_new .product_item .pi_buttons button:hover {
   background: var(--thirdColor);
   color: var(--textColor);
}
.product_listing_new .product_item .pi_buttons button.secoundry {
   background: var(--secondColor);
   color: var(--textColor);
}
.product_listing_new .product_item .pi_buttons button.secoundry:hover{
   background: var(--thirdColor);
}

.pl_btns_style_first .product_item .pi_buttons {
   display: flex;
   gap: 10px;
   position: absolute;
   bottom: 15px;
   left: 15px;
   width: calc(100% - 30px);
   opacity: 0;
   pointer-events: none;
   transition: all 0.5s ease;
}
.pl_btns_style_first .product_item:hover .pi_buttons {
   transition: all 0.5s ease;
   opacity: 1;
   pointer-events: all;
}

.pl_btns_style_secound .product_item .pi_buttons {
   display: flex;
   flex-direction: column;
   gap: 10px;
   position: absolute;
   bottom: 15px;
   left: 15px;
   width: calc(100% - 30px);
   opacity: 0;
   pointer-events: none;
   transition: all 0.5s ease;
}
.pl_btns_style_secound .product_item:hover .pi_buttons {
   transition: all 0.5s ease;
   opacity: 1;
   pointer-events: all;
}

.pl_btns_style_third .product_item .pi_buttons {
   display: flex;
   gap: 10px;
   margin-top: 10px;
}

.pl_btns_style_fourth .product_item .pi_buttons {
   margin-top: 10px;
}

.pl_btns_style_five .product_item .pi_buttons {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin-top: 10px;
}

.product_listing_new {
   grid-template-columns: repeat(3, 1fr);
}

.product_list_filter .plf_right .plf_right_top {
   border-bottom: 1px solid var(--inputBorderColor);
   padding-bottom: 25px;
   margin-bottom: 25px;
}
.product_list_filter .plf_right .plf_right_top h4 {
   color: var(--textColor);
   font-weight: 600;
   font-size: 20px;
   line-height: 1.2;
   letter-spacing: 0%;
   margin: 0;
}
.product_list_filter .plf_right .plf_right_top select {
   max-width: 240px;
   border-color:var(--firstColor);
   padding: 5px 10px;
   min-height: 40px;
   font-weight: 400;
   font-size: 18px;
   line-height: 1;
   letter-spacing: 0%;
   box-shadow: none;
   outline: none;
}
/* Product Listing Desktop 25-04-2025 */

/*28-03-2025 */
@media only screen and (min-width: 1026px) {
   /*.zoomContainer, .zoomWrapper, .zoom-left img#zoom_03{
      width: 410px !important;
      height: 350px !important;
      z-index: 980 !important;
   }*/
}
.message_header_sticky{
   position: sticky;
   top: 0;
   z-index: 10;/* z-index: 99999; */
}
/* --- new -- */
   .zoomContainer{
   z-index: 8 !important
}
.zoomLens{
   z-index: 8 !important
}
/* new close    */
.border_top_bottom .menu li.drop-down > ul li a::before, .border_top_bottom .menu li.drop-down > ul li a::after {
   content: none;
}
.hover_bg_color_fade .menu li.drop-down > ul li a::before, .hover_bg_color_fade .menu li.drop-down > ul li a::after {
   content: none;
}
.hover_bg_color_fade .main_menu li.drop-down > ul li a:hover {
   background: none;
}
.hover_bg_color_fade .main_menu li.drop-down > ul li a {
   color: var(--black) !important;
}
.hover_border_up_down_move .menu li.drop-down > ul li a::before, .hover_border_up_down_move .menu li.drop-down > ul li a::after {
   content: none;
}
.hover_one_left .menu li.drop-down > ul li a::before, .hover_one_left .menu li.drop-down > ul li a::after {
   content: "";
}
.hover_one_left .menu li.drop-down > ul li a::before, .hover_one_left .menu li.drop-down > ul li a::after {
   content: "";
}
.hover_two_left .menu li.drop-down > ul li a::before, .hover_two_left .menu li.drop-down > ul li a::after {
   content: none;
}
.hover_bg_color_fade .menu li.drop-down > ul li a::before, .hover_bg_color_fade .menu li.drop-down > ul li a::after {
   content: none;
   height: 0;
   bottom: 0px;
}
.hover_bg_color_fade .main_menu li.drop-down > ul li a:hover {
   box-shadow: none !important;
   color: var(--firstColor) !important;
}
.hover_border_up_down_move .main_menu li.drop-down > ul li a:hover {
   background-color: transparent;
   color: var(--firstColor) !important;
   border-radius: 0;
   --_p:0%;
}
.default_menu_hover .menu li.drop-down > ul li a::before, .default_menu_hover .menu li.drop-down > ul li a::after {
   content: none;
}
.border_top_bottom .main_menu li a::before {
   content: '';
   display: block;
   height: 3px !important;
   background-color: var(--firstColor);
   position: absolute;
   top: 0;
   left: inherit;
   right: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .border_top_bottom .main_menu li a:hover::before {
   width: 100%;
 }
 
 .border_top_bottom .main_menu li a::after {
   content: '';
   display: block;
   left: 0;
   height: 3px;
   background-color: var(--firstColor);
   position: absolute;
   bottom: 0;
   width: 0%;
   transition: all 0.6s ease-in-out;
 }
 .border_top_bottom .main_menu li a:hover::after {
   width: 100%;
 }
 .border_top_bottom .main_menu li .more_nav a::after{
   background-color: transparent;
 }
 .header_nav .more_nav ul li a:hover::before{
   content: none !important;
 }
 .header_nav .more_nav ul li a:hover::after{
   width: 0 !important;
   background-color:transparent !important;
 }
 .header_nav_line_two .more_nav ul li a:hover::before{
   content: none !important;
 }
 .header_nav_line_two .more_nav ul li a:hover::after{
   width: 0 !important;
   background-color:transparent !important;
 }
 /* HOVER hover_bracket */
 .hover_bracket .menu li.drop-down > ul li a::before, .hover_bracket .menu li.drop-down > ul li a::after {
   content: none !important;
}
.hover_bracket ul.main_menu a:before {
   content: "[" !important;
   left: 0px !important;
   height: 0 !important;
   bottom: 0 !important;
 }
 .hover_bracket ul.main_menu a:after {
   content: "]" !important;
   right: 4px !important;
   height: 0 !important;
   bottom: 0 !important;
 }
 .hover_bracket .menu li a{
   padding: 10px 9px 10px 12px !important;
 }
 /* .hover_bracket .menu li.drop-down a{
   padding: 10px !important;
 } */
 /* .hover_bracket .menu li a{
   padding: 10px 10px 10px 12px !important;
 } */
 .hover_bracket ul.main_menu a:before,
 .hover_bracket ul.main_menu a:after {
   position: absolute !important;
   opacity: 0;
   color: var(--firstColor);
   top: 1px;
   transition: all .5s !important;
   width: 0 !important;
   background: 0 !important;
   font-size: 24px;
 }
 .hover_bracket ul.main_menu a:hover:before,
 .hover_bracket ul.main_menu a:hover:after {
   opacity: 1;
 }
 .hover_bg_color_fade .main_menu a {
   color: var(--firstColor) !important;
   transition:all 0.3s ease;
   background-position:right top;
}
.hover_bg_color_fade .main_menu a:hover {
   background: linear-gradient(to right, var(--firstColor)50%, rgba(0, 0, 255, 0) 50%);
   background-size: 200% 100%;
   background-position:left top;
   transition:all 1s ease;
   color: var(--white) !important;
 }
 .hover_bg_color_fade .mega_menu_active a:hover{
   box-shadow: none;
   color: var(--firstColor) !important;
 }
 .hover_border_up_down_move a {
   font-weight: 300;
   --b: 3px; /* the thickness of the line */
   --c: var(--white); /* the color */
   padding-block: var(--b);
   background: linear-gradient(var(--c) 50%, var(--black) 0) 0%
       calc(100% - var(--_p, 0%)) / 100% 200%,
     linear-gradient(var(--c) 0 0) 0% var(--_p, 0%) / var(--_p, 0%) var(--b)
       no-repeat;
   -webkit-background-clip: text, padding-box;
   background-clip: text, padding-box;
   transition: 0.3s var(--_s, 0s) linear,
     background-size 0.3s calc(0.3s - var(--_s, 0s));
     cursor: pointer;
 }
 .hover_border_up_down_move a:hover {
   --_p: 100%;
   --_s: 0.3s;
 }

.hover_border_up_down_move .menu li a::before{
    height: 0 !important;
    bottom: 0 !important;
 }
 .hover_border_up_down_move .mega_menu_active a:hover, .hover_border_up_down_move ul.d-flex a:hover {
   --_p: 0%;
 }
 .hover_border_up_down_move .menu li a:hover {
   background-color: var(--firstColor);
   color: var(--white) !important;
   border-radius: 30px 0px 0 0;
}
.hover_border_up_down_move .mega_menu_active li a:hover{
   background-color: transparent;
}
.hover_border_up_down_move .mega_menu_active li a:hover{
 color: var(--firstColor);
}
.header_nav_line_two.desktop-header {
   padding: 8px 0;
}
.header_nav_line_two .desktop-menu {
   padding: 0;
}
.header_nav_line_two .main_menu li a{
   padding: 10px 15px;
}
.header_nav_line_two .logo img {
   max-width: 100%;
   height: auto !important;
}
.header_nav_line_two .logo {
   height: auto;
}
.header_nav_line_two .desktop-header ul.d-flex li a {
   padding: 0;
   white-space: nowrap;
}
.header_nav_line_two .desktop-header ul.d-flex li {
   margin-right: 0 !important;
}
.header_nav_line_two .desktop-header ul.d-flex{
   gap: 20px;
}
.header_nav_line_two .menu li a {
   font-size: 14px;
}
.header_nav_line_two .menu li a::before{
   height: 3px;
   bottom: 0px;
}
.header_nav_line_two .menu li a:hover{
   color: var(--firstColor);
}
.header_nav_line_two .menu ul.animated a::before{
   bottom: 0;
}
.header_nav_right .header_nav_line_two .menu li a::before {
   bottom: -16px;
}
.header_nav_line_two .menu > li.drop-down:before, .menu > li.dropdown:before {
   right: -5px;
}
.header_nav_line_two.desktop-header ul.d-flex li ul{
   top: 70px;
}
.header_nav .menu > li.drop-down:before, .menu > li.dropdown:before {
   right: -0px;
}
.header_nav_dropdown_arrow .more_nav .dropdown-menu li.drop-down > a:after{
   display: inline !important;
   width: 8% !important;
}
.more_nav a::before {
   bottom: 0 !important;
}
.more_nav .dropdown-menu{
   --bs-dropdown-border-width: 0px !important;
}
.hover_one_left .more_nav ul li a:hover{
   background-color: var(--white);
}
.header_nav {
   position: relative;
   z-index: 992;
}
.my_profile_title{
   font-size: 2.5rem;
   font-weight: 500;
   line-height: 1.2;
   text-align: center;
   padding: 12px 0;
}
.map_sticky{
   position: sticky;
   top: 0;
   z-index: 3;
}
.e_store_border_bottom{
   border-bottom: 2px solid var(--imgBorder);
   margin-top: 30px;
   margin-bottom: 30px;
   border-top: 0;
}
.e_store_scrolling{
   height: 430px;
   overflow-y: auto;
   overflow-x: hidden;
   padding-right: 12px;
}
.text_estore{
   font-size: 20px;
}
.e_store_radius{
   border-radius: 12px;
   height: 350px;
}
.play_img{
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}
.image_overlay::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5); /* Black overlay with 50% opacity */
   pointer-events: none; /* Allows clicks to pass through the overlay */
   border-radius: 12px;
 }
 .play_thub{
   width: 30px;
 }
.zoom_first_image a figure img{
   transition: transform 1s ease;
}
.zoom_first_image a figure img:hover{
   transform: scale(1.1);
}
.image_slide a figure {
   position: relative;
}
.image_slide a figure img:first-child{
   width: 100%;
   /* height: 100%; */
   object-fit: cover;
}
.image_slide a figure img.second-image {
   position: absolute;
   top: -100%; /* Position it off-screen (above) */
   right: -100%; /* Position it off-screen (right) */
   width: 100%;
   /* height: 100%; */
   object-fit: cover;
   transition: transform 1s ease; /* Smooth transition for flying effect */
   z-index: 1; /* Ensure the second image flies over the first one */
}
.image_slide a figure:hover .second-image {
   transform: translate(-100%, 100%); /* Move diagonally from right-top to left-bottom */
}


.image_fade_box a figure.image_fade{
   position: relative;
   transition: 1s ease-in-out;
   width: auto;
   object-fit: cover;
   aspect-ratio: 1;
}

.image_fade_box a figure.image_fade img{
   position: absolute;
   /* width: 300px; */
   /* height: 250px; */
   transition: opacity 1s ease-in-out;
}
.image_fade_box a figure.image_fade img.image_fade_front {
   z-index: 1;
}
.image_fade_box a figure.image_fade img.image_fade_front:hover{
   opacity: 0;
}
.image_fade_box a{
   /* height: fit-content; */
   display: flex;
   flex-direction: column;
}
.video_frame{
   position: relative;
   border-radius: 12px;
}
.video_frame::before{
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   pointer-events: none;
   border-radius: 10px;
   top: 44%;
   left: 46%;
   transform: translate(-50%, -50%);
   width: 120px;
   height: 120px;
   z-index: 80;
}
.video_frame::after{
   content: "";
   background-image:url("../images/play-img.png");
   background-repeat: no-repeat;
   background-size: cover;
   z-index: 999;
   width: 35px;
   height: 35px;
   position: absolute;
   top: 44%;
   left: 46%;
   transform: translate(-50%, -50%);
}

#backtotop {
   display: inline-flex;
   background-color: var(--firstColor);
   width: 40px;
   height: 40px;
   text-align: center;
   border-radius: 30px;
   position: fixed;
   bottom: 30px;
   right: 20px;
   transition: background-color .3s, 
     opacity .5s, visibility .5s;
   opacity: 0;
   visibility: hidden;
   z-index: 1000;
   justify-content: center;
   align-items: center;
 }
 /* #backtotop::after {
   content: url();
   font-size: 1.9em;
   height: 40px;
   color: var(--white);
 } */
  #backtotop svg {
   fill: var(--white);
   width: 30px;
}
 #backtotop:hover {
   cursor: pointer;
   background-color: var(--textColor);
 }
 #backtotop:active {
   background-color: var(--textColor);
 }
 #backtotop.show {
   opacity: 1;
   visibility: visible;
 }
 .Stars {
   --percent: calc(var(--rating) / 5 * 100%);
   display: inline-block;
   font-size: 30px;
   /* font-family: Times; */
   line-height: 1;
 }
 .Stars::before {
   content: "★★★★★";
   letter-spacing: 3px;
   background: linear-gradient(90deg, #ffb300 var(--percent), #999 var(--percent));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
.Stars_2 {
   --percent: calc(var(--rating) / 5 * 100%);
   display: inline-block;
   font-size: 18px;
   /* font-family: Times; */
   line-height: 0;
   padding-top: 1px;
 }
 .Stars_2::before {
   content: "★★★★★";
   letter-spacing: 3px;
   background: linear-gradient(90deg, #ffb300 var(--percent), #999 var(--percent));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
 .Stars_rating_1{
   --rating: 1;
 }
 .Stars_rating_1_5{
   --rating: 1.5;
 }
 .Stars_rating_2{
   --rating: 2;
 }
 .Stars_rating_2_5{
   --rating: 2.5;
 }
 .Stars_rating_3{
   --rating: 3;
 }
 .Stars_rating_3_5{
   --rating: 3.5;
 }
 .Stars_rating_4{
   --rating: 4;
 }
 .Stars_rating_4_5{
   --rating: 4.5;
 }
 .Stars_rating_5{
   --rating: 5;
 }
.powered_ornate{
   color: var(--textColor);
   font-size: 16px;
   font-weight: 500;
   /* display: flex;
   align-items: center;
   justify-content: center; */
   padding: 16px 0;
   /* gap: 0 6px; */
}
.qr_footer{
   padding-top: 40px;
   margin-top: 0 !important;
}
.play_icon_insta {
   position: absolute;
   right: 10px;
   width: 40px;
   top: 10px;
}

/* .instagram_cards {
   position: relative;
   display: inline-block;
}
.instagram_cards::before {
   border-radius: 8px;
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgb(0 0 0 / 0.1%);
 }
 .instagram_cards video{
   object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
 } */
 .video_tag_insta{
   width: 100%;
   height: 500px;
   object-fit: contain;
   background: rgb(0 0 0 / 16%);
   border-radius: 0.5rem;
 }
 .insta_carsol_img img{
   border: 0 !important;
   height: 500px;
   object-fit: contain;
   background: rgb(0 0 0 / 16%);

 }
 .insta_arrows .carousel-control-prev-icon{
   position: absolute;
   left: 0;
   width: 2.5rem;
   height: 2.5rem;
   background-size: 30px;
   border-radius: 50px !important;
   background-color: var(--firstColor);
 }
 .insta_arrows .carousel-control-next-icon{
   position: absolute;
   right: 0;
   width: 2.5rem;
   height: 2.5rem;
   background-size: 30px;
   border-radius: 50px !important;
   background-color: var(--firstColor);
 }
 .rectangle_img{
   /* aspect-ratio: 2 / 3; */
   aspect-ratio: 9 / 16 !important;
   object-fit: fill !important;
   width: 100%;
 }
 .rectangle_img_reel{
   aspect-ratio: 9 / 14 !important;
   object-fit: fill !important;
   width: 100%;
 }
 .insta_arrows .carousel-control-next, .insta_arrows .carousel-control-prev{
   width: auto !important;
 }
 .modal-xxl{
   max-width: 1820px;
 }
 .video_tag_model{
   height: 500px;
   width: -webkit-fill-available;
}
.cross_icon_modal{
   top: 2px;
   right: 4px;
   width: 30px;
   height: 30px;
   display: flex;
   padding: 0;
   z-index: 99999999;
   background: transparent;
   position: absolute;
   justify-content: center;
   align-items: center;
   cursor: pointer;

}
.cross_icon_modal button{
   background-color: #ffff !important;
   padding: 12px !important;
   font-size: 12px;
}
.paginator_modal{
 font-size: 14px;
 font-weight: 600;
}
.padding_omni_modal{
   padding: 6px;
}
/* width */
.modal_inner_scroll::-webkit-scrollbar {
   width: 6px;
 }
 
 /* Track */
 .modal_inner_scroll::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px rgb(173, 173, 173); 
   border-radius: 10px;
 }
  
 /* Handle */
 .modal_inner_scroll::-webkit-scrollbar-thumb {
   background: grey; 
   border-radius: 10px;
 }
 
 /* Handle on hover */
.modal_inner_scroll::-webkit-scrollbar-thumb:hover {
   background: grey; 
 }
 .you_tube_banner {
   height: 300px;
   width: 100% !important;
 }
 .video_zoom{
   transition: transform .2s;
   transform: scale(1);
 }
 .video_zoom:hover{
   transform: scale(1.2);
 }

 .product_details_tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   background-color: var(--firstColor);
   padding: 10px 30px;
   color: var(--white);
   border-radius: 50px;
 }
 .product_details_tab .nav-link{
   padding: 10px 30px;
   color: var(--black);
   border-radius: 50px;
 }
 .collage_bg{
   /* background-color: rgb(0 0 0 / 16%); */
   /* width: 100%; */
   height: 100%;
   border-radius: 12px;
   padding: 0;
 }
 .collage_img{
   max-width: 100%;
   height: 100%;
 }
 .collage_squer{
   width: 385px;
   height: 385px;
   flex: 0 0 auto;
   object-fit: cover;
 }
 .collage_squer_main{
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
 .w_40{
   width: 40%;
 }
 .w_30{
   width: 30%;
 }
 .w_35{
   width: 35%;
 }
 .w_60{
   width: 60%;
 }
 .collage_squer_2{
   width: 518px;
   height: 518px;
 }
 .collage_squer_3{
   width: 652px;
   height: 652px;
 }
 .collage_squer_4{
   width: 317px;
   height: 317px;
 }
 .collage_squer_5{
   width: 512px;
   height: 512px;
 }
 .collage_squer_6{
   width: 350px;
   height: 350px;
 }
 .collage_horizontal_1{
   height: 350px;
 }
 .collage_horizontal_2{
   height: 147px;
 } 
 .collage_horizontal_3{
   height: 350px;
 }
 .w_39{
   width: 39.7%;
 }
 .w_64{
   width: 60.3%;
 }
 .w_27{
   width: 27.4%;
 }
 .w_45{
   width: 45.2%;
 }
 .grid_template_3fr {
   grid-template-columns: 1fr 1fr 1fr !important;
}
.grid_template_4fr {
   grid-template-columns: 1fr 1fr 1fr 1fr !important;
}
.grid_template_5fr {
   grid-template-columns: 1fr 1fr 1fr 1fr 1fr !important;
}
.rakhi{
   top: -19px;
   width: 70px;
}
.band_1{
   width: 26px;
   top: -18px;
}
.band_2{
   width: 130px;
}
.santa{
   width: 80px;
   right: -25px;
}
.akshay_tritiya{
   width: 32px;
   top: -18px;
}
.form_set {
   padding: 20px;
}
.send_btn_set{
   background-color: var(--firstColor);
   padding: 6px;
   border-radius: 6px;
   min-width: 80px;
}
.form_set .form-label, .form_set .form-control {
   font-size: 16px;
   font-weight: 500;
}
.form_set .form-label{
   color: var(--black);
}
.form_set .form-control {
   border-radius: 0;
   border: 0;
   border-bottom: 1px solid;
}
.form_set .form-control:focus{
   border-color: var(--firstColor);
   box-shadow: none;
}
.form_set .text_control{
   border: 1px solid var(--black) !important;
   border-radius: 6px !important;
}
.form_set .text_control:focus{
   border-color: var(--firstColor) !important;
   box-shadow: none;
}
input[type=number]::-webkit-inner-spin-button, 
    input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none; 
     margin: 0; 
}
.contact_us_text{
   color: var(--black);
   font-size: 16px;
   font-weight: 500;
   text-align: justify;
}

.col-custom-5 {
   flex: 0 0 auto;
   width: 20% ;
 }
 .share_btn{
   position: absolute;
   top: 0;
   right: 50px;
   z-index: 9;
   cursor: pointer;
 }
 .svg_share svg{
   display: block !important;
   width: 25px;
   height: 21px;
   fill: var(--buttonBg);
 }
 .svg_share svg:hover{
   fill: var(--firstColor);
 }
 .powered_ornate_logo{
   mix-blend-mode:darken;
   /* width: 6.5%; */
   width: 100% !important;
   max-width: 85px !important;
 }
 .mix_blend_mod_m{
   mix-blend-mode:darken;
   width: 30%;
 }
 .border_top_m{
   border-top: 1px solid #ccc;
 }
 .new_image_catloge .heart figure {
   width: 25px;
   height: 25px;
   border: 0;
   border-radius: 0;
   margin-bottom: 0;
 }
 .social_icons_filled .whatsapp_icons:hover{
   background-color: #25d366 !important;
 }
 .social_icons_filled .facebook_icons:hover{
   background-color: #0165E1 !important;
 }
 .social_icons_filled .instagram_icons:hover{
   background: linear-gradient(306deg, rgba(249,206,52,1) 1%, rgba(238,42,123,1) 27%, rgba(98,40,215,1) 89%) !important;
 } 
 .social_icons_filled .youtube_icons:hover{
   background-color: #FF0000 !important;
 }
  .twitter_icons .twitter_x{
   fill: #fff;
   width: 20px;
 }
 .social_icons_filled .twitter_icons:hover{
   background-color: #000 !important;
 }
 .social_icons_filled_two .whatsapp_icons{
   background-color: #25d366 !important;
 }
 .social_icons_filled_two .facebook_icons{
   background-color: #0165E1 !important;
 }
 .social_icons_filled_two .instagram_icons{
   background: linear-gradient(306deg, rgba(249,206,52,1) 1%, rgba(238,42,123,1) 27%, rgba(98,40,215,1) 89%) !important;
 } 
 .social_icons_filled_two .youtube_icons{
   background-color: #FF0000 !important;
 }
 .social_icons_filled_two .twitter_icons{
   background-color: #000 !important;
 }

 .position_navbar_sticky{
   position: sticky;
   top: 40px !important;
 }
 .collage_rectangle_fix{
   height: 786px;
   flex: 0 0 auto;
   object-fit: cover;
   width: 452px;
 }
.collage_rectangle_fix_second{
   height: 786px;
   flex: 0 0 auto;
   object-fit: cover;
   width: 100%;
}
.collage_rectangle_fix_three{
   height: 1052px;
   flex: 0 0 auto;
   object-fit: cover;
   width: 100%;
}
.mobile_view_count{
   display: block;
   position: absolute;
   top: -6px;
   right: -8px;
   z-index: 9999;
   background-color: var(--firstColor);
   color: #FFF;
   font-size: 0.5rem !important;
   width: 16px;
   height: 16px;
   text-align: center;
   line-height: 16px;
   border-radius: 20px;
   -webkit-border-radius: 20px;
}
.offer_card_product {
   font-size: 14px;
   display: block;
   color: #ffffff;
   font-weight: 500;
   line-height: 20px;
   position: absolute;
   top: 6px;
   left: 0;
   width: fit-content;
   background-color: var(--firstColor);
   padding: 4px 12px;
   border-radius: 0 16px 16px 0;
   text-align: left;
   /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; */
   width: auto;
   max-width: 100%;
   z-index: 2;
}
.offer_card_product_slider{
   font-size: 14px;
   display: block;
   color: #ffffff;
   font-weight: 500;
   line-height: 10px;
   position: absolute;
   top: 6px;
   left: 0px;
   width: fit-content;
   background-color: var(--firstColor);
   padding: 4px 12px;
   border-radius: 0 16px 16px 0px;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 95%;
   z-index: 2;
}
.offer_card_product_details {
   font-weight: 600;
   width: fit-content;
   background-color: #eee1db;
   color: var(--firstColor);
   padding: 4px 10px;
   border-radius: 4px;
   text-align: left;
   min-width: 400px;
   line-height: 20px;
   margin: 6px 0;
   border-left: 5px solid var(--firstColor);
   /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; */
   max-width: 0;
}
.offer_card_product_search{
   font-size: 14px;
   display: block;
   color: #ffffff;
   font-weight: 500;
   line-height: 20px;
   position: absolute;
   top: 8px;
   left: 0px;
   width: fit-content;
   background-color: var(--firstColor);
   padding: 4px 12px;
   border-radius: 0 16px 16px 0;
   text-align: left;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 150px;
   z-index: 2;
}
.amount_cart_set{
   width: 100%;
   justify-content: space-between;
   padding-top: 20px;
   align-items: end;
}
.padding_tb_10 {
   padding-top: 4px;
   padding-bottom: 6px;
}
.text_over{
   width: calc(100% - 10px);
   white-space: break-spaces;
   overflow: hidden;
   text-overflow: ellipsis;
   text-align: left;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
}
.w_cart_80{
   width: 80%;
}

 .text_down{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: auto;
   font-size: 14px;
   font-weight: bold;
 }

 /* search bar css start */
 .search_btn {
	display: inline-block;
	margin: 4px 2px;
	background-color: var(--firstColor);
	font-size: 14px;
	padding-left: 32px;
	padding-right: 32px;
   height: 40px;
   line-height: 40px;
	text-align: center;
	color: var(--white);
	text-decoration: none;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.search_btn:hover {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: var(--white);
	color: black;
}

.search_container {
	display: inline-block;
	vertical-align: bottom;
}

.mglass {
	display: inline-block;
	pointer-events: none;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.search_btn {
   font-size: 26px;
   width: 40px;
   margin: 0;
   padding: 0;
   border-radius:0 4px 4px 0;
   display: flex;
   justify-content: center;
   align-items: center;
}

.search  {
	transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	-webkit-transition-duration: 0.4s;
	-o-transition-duration: 0.4s;
	background-color: var(--white);
	color: black;
   border-radius: 0 4px 4px 0;
}

.search {
	background-color: var(--white);
	outline: none;
	border: none;
	padding: 0;
	width: 0;
	height: 40px;
	z-index: 10;
}

.expandright {
	padding: 0 0 0 16px;
   max-width: 150px;
   width: 100%;
   border-radius: 4px 0 0 4px;
}
 /* search bar css end */
.lsit_catagory {
   display: flex;
   gap: 16px;
   flex-wrap: wrap;
}
 .lsit_catagory li{
   list-style: none;
   display: inline-block;
 }
 .lsit_catagory li a{
    display: inline-block;
    padding: 6px 40px;
    border: 1px solid var(--firstColor);
    color: var(--textColor);
    font-size: 16px;
    font-weight: 500;
    border-radius: 8px;
    color: var(--textColor);
 }
 .lsit_catagory li a:hover{
   background-color: var(--firstColor);
   color: var(--white);
 }
 .accordion_category .accordion-button:not(.collapsed){
   color: var(--textColor);
   background-color: var(--white);
   box-shadow: none;
 }
 .accordion_category .accordion-button:not(.collapsed)::after{
   background-image: var(--bs-accordion-btn-icon);
 }
 .accordion_category .accordion-button:focus {
   border-color: var(--white);
   box-shadow: none; 
 }
 .accordion_category .accordion_scroll_body{
   max-height: 300px;
   overflow-y: scroll;
   font-size: 14px;
   font-weight: 400;
 }
 .accordion_category .accordion-button::after{
   background-size: 1rem
 }
 .accordion_category .accordion-button{
   font-size: 14px;
   font-weight: 600;
   margin-top: 6px;
   margin-bottom: 6px;
   }
 .accordion_category .accordion-item{
   border: 1px solid var(--firstColor) !important;
   border-radius: 10px !important;
   margin-bottom: 20px;
 }
 .reset_filter {
   border: 1px solid var(--firstColor);
   border-radius: 12px;
   color: var(--textColor);
   padding: 2px;
 }
 .reset_filter:hover{
   color: var(--white);
   background-color: var(--firstColor);
 }
 .qr_code{
   /* max-width: 70% !important; */
   max-width: 85% !important;
   margin: 0 auto !important;
   mix-blend-mode: darken;
 }
 .text_message_header_up_down{
   padding-left: 30px !important;
   padding-right: 30px !important;
 }
 .text_message_header{
   padding-left: 10px;
   padding-right: 20px;
 }
 .countdown-text b{
   display: block;
   width: 100%;
   margin: 0 auto;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 14px;
 }
 .max_h{
   max-height: 250px;
 }

 .radio_btn .form-check-input:checked{
   background-color: var(--buttonBg);
   border-color: var(--buttonBg);
 }
 .radio_btn .form-check-input:focus{
   box-shadow: none;
 }
 .search_filter_icon .input-group-text{
   border-right: 0;
   color: #d0d0d0;
   background-color: #ffffff;
   border: 1px solid #f0f0f0;
   border-radius: 8px 0 0 8px;
   height: 41px;
   cursor: pointer;
 }
 .search_filter_icon .form-control {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
   border-left: 0;
   padding-left: 0px;
   border-color: #f0f0f0;
}
.search_filter_icon .form-control:focus{
   box-shadow: none;
}
.site_map{
   position: fixed;
   bottom: 100px;
   z-index: 999;
   right: 22px;
   background-color: var(--firstColor);
   padding: 3px;
   border-radius: 50%;
}
.site_map svg{
   fill: var(--white);
   width: 36px;
   height: auto;
}
.site_map:hover{
   background-color: var(--textColor);
}
.site_map_offcanvas_top .offcanvas{
   height: max-content;
}
.site_map_offcanvas_bottom .offcanvas{
   height: auto;
}
.site_map_offcanvas_start .offcanvas{
   width: auto;
}
.site_map_offcanvas_end .offcanvas{
   width: auto;
}
.site_map_li{
   margin-left: 20px;
   margin-top: 10px;
}
.site_map_li li a{
   font-size: 16px;
   font-weight: 400;
   color: var(--textColor);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
}
.site_map_li li a:hover{
   color: var(--firstColor);
}
.site_map_li li{
   list-style: disc;
   margin-bottom: 6px;
   color: var(--textColor);
}
.site_map_title{
   color: var(--firstColor);
   font-size: 20px;
   font-weight: 600;
   position: relative;
}
.site_map_title::after{
   content: "";
   position: absolute;
   border-bottom: 3px solid var(--firstColor);
   width: max-content;
}
.site_map_main{
   background-color: #f7f7f7;
   background-size: cover;
   border: 1px solid #ccc;
   padding: 15px 20px;
   border-radius: 4px;
}
.site_map_title_main{
   font-weight: 600;
}
.ec_cart figure{
   position: relative;
}
.shiping-method-container .grid-row input.w_100{
   width: 50%;
}

.share_popup .share_text{
   font-size: 16px;
   font-weight: 500;
   color: var(--black);
}
.share_popup .share_email i{
   font-size: 32px;
   color: var(--black);
}
 .share_popup .share_whatsapp i{
   font-size: 32px;
   color: #53c864;
}
.share_popup .cross_icon_modal {
   right: -12px !important;
   top: -40px !important;
}
.modal_sm{
   margin-right: auto;
   margin-left: auto;
   width: 300px;
}
.product_tbl_section  li{
    gap:  0 20px;
}
.product_tbl_section  li span{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 270px;
}
.product_tbl_section li b{
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 350px;
}

.index_testimonial_bullet_icon .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .index_testimonial_bullet_icon .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
   margin: 0 var(--swiper-pagination-bullet-horizontal-gap,2.5px) !important;
}
.product_tbl_section li b {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 450px;
}
.product_tbl_section_last_span li span{
    max-width: 200px;
}
.price-breakup .title_main b, .price-breakup .title_main span{
   font-size: 16px;
   font-weight: 500;
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}
.price-breakup .title_main{
   padding: 15px 0 13px;
   border-bottom: 1px solid #d6d6d6;
}
.footer_flex .footer-grid .footer-quick-links ul li a.footer_links{
   padding: 0;
   color: var(--textColor);
}
.footer_flex .footer-grid .footer-quick-links ul li a.footer_links:hover{
   color: var(--firstColor);
}
.footer_flex .footer-grid .footer-quick-links ul, .footer_flex .contact_details_flex, .footer_flex .download_footer{
   gap: 8px;
   margin-top: 8px;
}
.footer_flex .contact_details_flex{
   display: flex;
   flex-direction: column;
}
.footer_flex {
   line-height: 20px !important;
   font-size: 16px;
   color: var(--textColor);
   font-weight: 400;
   text-transform: capitalize;
   letter-spacing: 0.5px;
}
.footer_flex .contact_details_flex a{
   color: var(--textColor);
}
.footer_flex .contact_details_flex a:hover{
   color: var(--firstColor);
}
.offer_card_product_mobile{
   color: var(--firstColor);
   font-size: 14px;
   font-weight: 600;
   display: -webkit-box !important;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: initial;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   width: auto;
}

.input_search_box {
   position: absolute;
   width: 0;
   top: 0px;
   right: 30px;
   max-width: 0;
   height: 0;
   background-color: #fff;
   border-radius: 6px;
   transition: all 0.5s ease-in-out;
   z-index: 979;
}
.input_search_box.open {
   max-width: 400px;
   width: 500px;
   background-color: #fff;
   height: 35px;
   top: -20px;
   right: 0;
   border: 1px solid var(--firstColor);
}
.input_search_box .suggestion_window{
   display: none;
}
.input_search_box.open input:focus + .suggestion_window{
   display: block;
   cursor: pointer;
}
.input_search_box a{
   transform: scale(1) !important;
   font-size: 13px !important;
   font-weight: 500;
   line-height: 24px;
   text-align: left;
   border-radius: 8px !important;
   border: 1px solid transparent !important;
   padding: 0 6px !important;
   background-color: #eeee !important;
}
.search_new_category img{
   border: 1px solid transparent;
}
.search_new_category img:hover{
   border: 1px solid var(--firstColor);
}
.input_search_box a:hover{
   border: 1px solid var(--firstColor) !important;
}
.input_search_box input {
position: relative;
width: 100%;
height: 100%;
font-size: 16px;
font-weight: 400;
color: #333;
padding: 0 15px;
border: none;
border-radius: 6px;
outline: none;
transition: all 0.5s ease-in-out;
}
.input_search_box.open input {
   padding: 0 20px 0 45px;
}

.input_search_box .search_new {
   position: absolute;
   top: 0;
   left: 0;
   width: 40px;
   height: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   border-radius: 6px;
   cursor: pointer;
}
.input_search_box.open .search_new {
    border-radius: 6px 0 0 6px;
}
.search_new .search-icon {
   font-size: 20px;
   color: #1c1c1c;
}
.input_search_box.open .search_new .search-icon {
   color: var(--firstColor);
}
.input_search_box .close-icon {
   position: absolute;
   top: 50%;
   right: 0;
   font-size: 20px;
   color: #1c1c1c;
   padding: 5px;
   transform: translateY(-50%);
   transition: all 0.5s ease-in-out;
   cursor: pointer;
   pointer-events: none;
   opacity: 0;
}
.input_search_box.open .close-icon {
   transform: translateY(-50%) rotate(180deg);
   pointer-events: auto;
   opacity: 1;
}
.banner_popup .modal-body img{
   height: auto;
   max-width: 100%;
   width: 100%;
   max-height: 800px;
}
.search_box_line_two{
   top: 0 !important;
}
.search_box_line_two.open{
   top: -20px !important;
}

.filter_sticky_top .header{
   position: sticky;
   top: 0;
   z-index: 99;
}
.filter_sticky_bottom .btn-row{
   position: sticky;
   bottom: 0;
   background: #f6f6f6;
	border-top: 1px solid #888888;
   z-index: 99;
}
.tb_flex{
   height: calc(100% - 70px);
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}
.pd_tbl_three ul{
   padding-left: 0.5rem;
}
.pd_tbl_three ul li{
   list-style: none;
   color: var(--firstColor);
   /* border-bottom: 1px solid var(--buttonBg); */
   font-size: 16px;
   font-weight: 600;
   line-height: 35px;
}
.pd_tbl_three b{
   color: var(--firstColor);
   font-size: 16px;
   font-weight: 600;
}
.pd_tbl_three ul li:last-child{
   border-bottom: 0;
}
.pd_diamond{
   font-weight: 700;
}
.pd_tbl_three .dropdown-menu {
   transform: translate(160px, -26px) !important;
   z-index: 3;
}
.dropdown_icon{
   display: flex;
    align-items: center;
    gap: 8px;
}
.dropdown_icon::after{
   display: inline-block;
   margin-left: 0;
   vertical-align: 0;
   content: "";
   border-top: 0;
   border-right: 0;
   border-bottom: 0;
   border-left: 0;
   background-image: url("../images/svg-icons/plus-small.svg");
   background-size: 24px;
   background-repeat: no-repeat;
   width: 24px;
   height: 24px;
}
.pd_three_w{
   width: 75%;
   border: 1px solid var(--firstColor);
   padding: 10px !important;
}
.pd_tbl_three_inner .single-toggle-container.open .single-toggle-btn svg,
.pd_tbl_three_inner .pd_tbl_three_inner .single-toggle-container .single-toggle-btn svg {
   background-size: 24px;
   width: 24px;
   height: 24px;
}
.pd_tbl_three_ul {
   border: 1px solid var(--firstColor);
   border-radius: 8px;
   padding: 10px 4px !important;
   margin-bottom: 20px;
}
.modal_w_600{
   max-width: 600px;
}
/*====| @media CSS |=======================================*/

/* Product Listing Desktop 25-04-2025 */
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
   .product_list_filter {
       grid-template-columns: 250px auto;
       gap: 20px;
   }
   .product_listing_new .product_item .pi_buttons button {
       padding: 14px 5px;
   }
}
/* Product Listing Desktop 25-04-2025 */

@media screen and (max-width: 1399px) {
   .footer_flex .footer-grid .footer-quick-links h6, .footer_flex .footer-grid .download-apps h5{
      font-size: 18px !important;
      padding-bottom:0 !important;
   }
   .footer_flex {
      line-height: 18px !important;
      font-size: 14px !important;
   }
   .product_tbl_section  li span{
      max-width: 240px;
   }
   .collage_rectangle_fix_three{
      height: 908px;
   }
   .collage_rectangle_fix_second{
      height: 676px;
   }
   .collage_rectangle_fix {
      height: 676px;
      width: 386px;
  }
   .collage_squer_6 {
      width: 300px;
      height: 300px;
  }
  .collage_horizontal_3{
      height: 300px;
   }
   .collage_horizontal_2{
      height: 127px;
    }
   .collage_horizontal_1{
      height: 299px;
    }
   .collage_squer_5{
      width: 442px;
      height: 442px;
    }
   .collage_squer_3{
      width: 562px;
      height: 562px;
    }
    .collage_squer_4{
      width: 273px;
      height: 273px;
    }
   .collage_squer_2 {
      width: 446px;
      height: 446px;
  }
   .collage_squer {
      width: 330px;
      height: 330px;
   }
   .play_img .play_thub{
      width: 26px !important;
    }
   .text_estore{
      font-size: 18px;
   }
   .e_store_scrolling{
      height: 370px;
   }
   .desktop-nav ul li a {
		font-size: 14px;
		padding: 10px 0;
	}

   .block-element {
      max-width: 1140px;
   }
   
   .gift-card {
      width: 100% !important;
      max-width: 100% !important;
      justify-content: center;
      padding: 40px 0 70px;
   }

   .gift-card .gift_card_title {
      padding-left: 40px;
   }

   .cart-item-list .cart-item .item .small-button {
      margin: 5px 0;
      max-width: 140px;
   }
   .image-box{
      max-height:400;
      object-fit:contain;
   }

}
@media screen and (max-width: 1199px) {
   .pd_tbl_three_inner .inner-title {
      font-size: 18px;
   }
   .pd_three_w{
      width: 100%;
   }
   .pd_tbl_three .dropdown-menu {
      transform: translate(0, 0px) !important;
  }
   .gradient-container .grid-box p {
      font-size: 13px;
   }
   .search_box_line_two.open{
      width: 250px !important;   
     }
   .product_tbl_section li span {
      max-width: 180px;
  }
   .product_tbl_section li b {
      max-width: 450px;
  }
   .shiping-method-container .grid-row input.w_100 {
      width: 70%;
  }
   .site_map {
      right: 10px;
   }
   .header_nav .desktop-header ul.d-flex {
      gap: 12px;
  }
   .collage_rectangle_fix_three{
      height: 764px; 
   }
   .collage_rectangle_fix_second{
      height: 568px;
   }
   .collage_rectangle_fix {
      height: 568px;
      width: 326px;
  }
   .powered_ornate_logo {
      width: 9%;
  }
   .form_set {
      padding: 20px 6px;
   }
   .collage_squer_6 {
      width: 251px;
      height: 251px;
  }
  .collage_horizontal_3{
      height: 251px;
   }
   .collage_horizontal_2{
      height: 107px;
    }
   .collage_horizontal_1{
      height: 248px;
    }
   .collage_squer_5{
      width: 371px;
      height: 371px;
    }
   .collage_squer_3{
      width: 472px;
      height: 472px;
    }
    .collage_squer_4{
      width: 228px;
      height: 228px;
    }
   .collage_squer_2 {
      width: 374px;
      height: 374px;
  }
   .collage_squer {
      width: 276px;
      height: 276px;
   }
   .play_icon_insta {
      width: 30px;
   }
   .insta_arrows .carousel-control-prev{
      left: -120px;
    }
    .insta_arrows .carousel-control-next{
      right: -120px;
    }
   #backtotop {
      right: 8px;
   }
   .header_nav_zoom_line_one .menu li a::before{
      bottom: -10px !important;
   }
   .header_nav_zoom_line_one .menu ul li a::before{
      bottom: 0px !important;
   }
   .image_fade_box a figure .image_fade{
      height: 200px;
   }
   .text_estore {
      font-size: 15px;
  }
   .play_img img{
      width: 50px !important;
   }
   .e_store_border_bottom{
      margin-top: 18px;
      margin-bottom: 18px;
   }
   .e_store_scrolling {
      height: 312px;
  }
   .header_nav_right .menu li a::before {
      height: 4px;
      bottom: -12px;
  }
   .header_nav_right .menu li.drop-down > ul.mega_menu_active{
      left: -180px;
      top: 58px !important;
   }
   .mega_menu .menu li.drop-down > ul.mega_menu_active {
      top: 54px;
   }
   /* .new_image_catloge a figure img{
      height: 200px !important;
   } */

   .block-element {
      padding: 25px;
   }

   .desktop-nav ul li {
      margin-right: 10px;
   }

   .desktop-nav ul li a {
      font-size: 14px;
   }
   .desktop-nav ul li > ul {
      top: 38px;
   }

   .desktop-header ul.d-flex li {
      margin-right: 0;
   }
   .desktop-header ul.d-flex {
      gap: 20px;
   }

   .gold-offer-container img {
      width: 17vw;
   }

   .slider-button-next {
      right: 10px;
   }
   .slider-button-prev {
      left: 10px;
   }

   .desktop-footer {
      margin-top: 20px;
   }

   .desktop-footer .footer-grid {
		grid-template-columns: 350px 300px 1fr ;
	}

   /* .desktop-footer .footer-grid .footer-quick-links {
      padding-left: 50px;
   } */

   .desktop-footer .footer-grid .footer-mobile {
      display: none;
   }

   .desktop-footer .footer-grid .contact-details .logo img {
      display: block;
      height: 60px;
      width: auto;
      max-width: 100%;
      object-fit: fill;      
   }

   .desktop-footer .footer-grid .contact-details .address br {
      display: none;
   }

   .ec-cart-2col-grid {
      grid-template-columns: 430px 1fr;
   }

   .shiping-method-container .grid-row {
      font-size: 16px;
   }

}
@media screen and (max-width: 991px) {
   .transactions-container .transaction-box .grid-box-grey span {
      max-width: 215px;
   }
   .main_line .desktop-header .flex-row{
      align-items: center !important;
   }
   .gradient-container .grid-box {
      flex-direction: column;
      grid-gap: 10px;
      font-size: 16px;
   }
   .input_search_box .search_new {
      width: 36px;
   }
   .input_search_box.open input {
      padding: 0 20px 0 36px;
  }
   .search_new .search-icon, .input_search_box .close-icon {
      font-size: 16px;
  }
   .search_box_line_two.open{
      width: 150px !important;   
     }
   .cross_icon_modal button {
      padding: 8px !important;
      font-size: 8px;
  }
   .product_tbl_section li span {
      max-width: 280px;
  }
   .product_tbl_section li b {
      max-width: 350px;
  }
   .shiping-method-container .grid-row input.w_100 {
      width: 50%;
  }
   .offer_card_product_search {
      font-size: 12px;
      display: block;
      font-weight: 500;
      line-height: 12px;
      position: absolute;
      top: 6px;
      left: 0;
   }
  .cart-item-list-row .cart-item .item-price b {
      font-size: 16px;
      font-weight: 600;
  }
   .offer_card_product {
      font-size: 11px;
      line-height: 12px;
      left: 0px;
   }
   .menu li a {
      padding: 10px;
   }
   .header_nav .desktop-header ul.d-flex {
      gap: 15px;
    }
    .menu li.dropdown a {
      padding: 10px;
    }
   .new_logo{
      width: 280px !important;
   }
   .twitter_icons .twitter_x {
      width: 16px;
  }
   .collage_rectangle_fix_three{
      height: 524px; 
   }
   .collage_rectangle_fix_second{
      height: 388px;
   }
   .collage_rectangle_fix {
      height: 388px;
      width: 221px;
  }
   .new_image_catloge .heart svg{
      width: 18px;
    }
    .new_image_catloge .heart{
      top: 3px;
    }
   .powered_ornate_logo {
      width: 12%;
  }
   .desktop-footer .footer-grid .download-apps img {
      max-width: 100px;
   }
   .collage_squer_6 {
      width: 185px;
      height: 185px;
  }
  .collage_horizontal_3{
      height: 185px;
   }
   .collage_horizontal_2{
      height: 97px;
    }
   .collage_horizontal_1{
      height: 162px;
    }
   .collage_squer_5{
      width: 276px;
      height: 276px;
    }
   .collage_squer_4 {
      width: 352px;
      height: 352px;
  }
   .collage_squer_3 {
      width: 720px;
      height: 720px;
  }
   .collage_squer_2 {
      width: 278px;
      height: 278px;
  }
   .collage_squer {
      width: 204px;
      height: 204px;
  }
}
@media screen and (max-width: 900px) {
   .faqs-list-container ul li a::before{
      width: 8px;
      height: 8px;
   }
   .faqs-list-container ul li a{
      font-size: 16px;
   }
   .faqs-list-container ul li p.content{
      font-size: 16px;
   }

   /* faq accordion responsive style */

   .faqs-list-container .accordion-button{
      font-size: 16px;
   }

   .faqs-list-container .accordion-item p.content{
      font-size: 16px;
   }

   .faqs-list-container .accordion-button::before{
      width: 8px;
      height: 8px;
   }

   .section_title_one::before, .section_title_one::after, .section_title_second::before{
      top: 0;
   }
   .countdown-text {
      width: auto;
  }
   .collage_squer_6 {
      width: 169px;
      height: 169px;
  }
  .collage_horizontal_3{
      height: 169px;
   }
   .collage_horizontal_2{
      height: 72px;
    }
   .collage_horizontal_1{
      height: 164px;
    }
   .collage_squer_5{
      width: 252px;
      height: 252px;
    }
   .collage_squer_4 {
      width: 322px;
      height: 322px;
  }
   .collage_squer_3 {
      width: 660px;
      height: 660px;
  }
   .collage_squer_2 {
      width: 254px;
      height: 254px;
  }
   .collage_squer {
      width: 186px;
      height: 186px;
  }
   .video_tag_model{
      height: 450px;
   }
   .image_fade_box a figure .image_fade{
      height: 140px;
   }
   .play_img .play_thub{
      width: 20px !important;
    }
   .text_estore{
      font-size: 9px;
   }
   .e_store_border_bottom{
      margin-top: 8px;
      margin-bottom: 8px;
   }
   .e_store_scrolling {
      height: 210px;
  }
   .header_nav .desktop-header .flex-row{
      align-items: center !important;
   }
   .header_nav .menu li a::before {
      height: 3px;
      bottom: 0;
  }
  .header_nav_line_two .desktop-header .flex-row{
   align-items: center !important;
   }
   .header_nav_line_two .menu li a::before {
      height: 3px;
      bottom: 0;
   }
   .hover_bg_color_fade .menu li a::before {
      height: 0;
      bottom: 0;
   }
  .mega_menu .menu li.drop-down > ul.mega_menu_active {
      top: 36px;
   }
  .hover_bg_color_fade .menu li.dropdown a {
   padding: 10px;
   }
   .border_top_bottom .menu li.dropdown a {
      padding: 10px 10px 10px 10px;
  }
   .header_nav_right .menu li.drop-down > ul.mega_menu_active{
      top: 40px !important;
   }
   .header_nav_right .menu li a::before {
      bottom: 0;
  }
   .mega_menu .menu li.drop-down > ul.mega_menu_active {
      width: 400px;
   }
   /* .new_image_catloge a figure img{
      height: 140px !important;
   } */
   .width-920 {
      width: 100%;
   }

   .heart svg {
      width: 22px;
   }

   .pad-tb-25 {
      padding: 20px 0 !important;
   }

   .block-element {
		padding: 20px;
	}

   .container {
      padding: 20px 0;
   }

   .desktop-header .logo {
      width: 180px;
      display: flex;
		align-items: center;
   }

   .desktop-header .logo img {
      display: inline-block;
      width: 100%;
      height: auto;
   }
   .desktop-header ul.d-flex li {
		margin-right: 0;
	}

   .desktop-nav ul li a {
		font-size: 12px;
		padding: 10px 0;
	}

   .desktop-footer .footer-grid {
		grid-template-columns: 270px 210px 1fr;
	}

   .my-profile-page {
      max-width: 100%;
      padding: 20px 10px;
   }

   .form-container {
      grid-gap: 30px;
   }

   .section-title-container {
      padding-bottom: 0 !important;
   }

   .saubscribers-details .section-title-container {
      padding: 0 0 20px !important;
   }

   .saubscribers-details .para {
      padding-bottom: 15px;
   }

   .section-title {
      font-size: 22px;
      line-height: 22px;
   }

   .transactions-container {
      grid-template-columns: 1fr;
      grid-gap: 25px;
      padding: 0 0 10px !important;
   }

   .transactions-container .transaction-box .grid-box-grey span, 
   .transactions-container .transaction-box .grid-box-grey b {
      padding: 10px 5px;
   }

   .transactions-container .transaction-box .download-doc-btn, 
   .transactions-container .transaction-box .cancel-lease-btn, 
   .transactions-container .transaction-box .gift-someone-btn {
      margin: 0 15px 20px auto;
   }

   .gradient-container,
   .gradient-container-2,
   .gradient-container-3 {
      width: 100%;
	   max-width: 100%;
      /* margin: 0 auto 10px; */
   }

   .beneifits-list-container ul li {
      line-height: 30px;
      padding-left: 50px;
   }

   .beneifits-list-container ul li svg {
      width: 30px;
	   height: 30px;
   }

   .ec-cart-2col-grid {
		grid-template-columns: 1fr;
      grid-gap: 30px;
	}

   .ec-product-detail-container {
      grid-template-columns: 1fr;
      padding: 20px 0;
      /* grid-gap: 30px; 28-03-2025 */
      grid-gap: 0px;
   }

   .ec-product-listing-slider a {
      margin: 0;
   }

   .ec-product-listing-container a b {
      font-size: 14px;
      padding-right: 22px;
      line-height: 18px;
   }

   .ec-product-listing-container a p {
      font-size: 12px;
   }

   .circle-thumbpic-slider {
      padding: 10px 10px 0;
   }

   .circle-thumbpic-slider .swiper-slide figure {
      width: 100px;
	   height: 100px;
   }

   .circle-thumbpic-slider .swiper-slide span {
      font-size: 14px;
   }

   .circle-thumbpic-slider .slider-button-next, 
   .circle-thumbpic-slider .slider-button-prev {
      top: 35%;
      height: 25px;
	   width: 25px;
      line-height: 22px;
   }

   .circle-thumbpic-slider .slider-button-next svg, 
   .circle-thumbpic-slider .slider-button-prev svg {
      width: 7px;
   }

   .gift-card img {
      max-width: 350px;
   }

   .gift-card .gift_card_title {
      padding-left: 25px;
      font-size: 28px;
   }

   .jewelles-gift-card {
      padding: 0 0 20px;
   }  

   .jewelles-gift-card p {
      padding: 10px 15px;
      font-size: 16px;
   }

   .gift-card-purchase .form-container {
      grid-gap: 20px;
   }

   .gift-card-purchase {
      padding: 10px 0 20px;
   } 

   .gift-card-purchase p {
      padding: 10px 0 0;
   }

   .jewelles-gift-card .big-button {
      max-width: 270px;
   }

   .how-to-use,
   .terms-and-conditions {
      padding: 30px 0 0;
   }  

   .total-payment-box .gift-card-details {
      padding: 20px;
   }

   .receivers-details-container {
      padding: 20px 0;
   } 

   .lease-gradient-box .item {
      padding: 0 10px;
      width: 24%;
   }

   .earn-upto {
      padding: 20px;
   }

   .earn-upto .earn-upto-grid {
      grid-template-columns: 170px 1fr;
      grid-gap: 25px;
   }

   .earn-upto .get-upto > div {
      padding: 15px 20px;
      border-radius: 20px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      -ms-border-radius: 20px;
      -o-border-radius: 20px;
   }

   .lease-calculations {
      grid-template-columns: 1fr;
   }

   .lease-calculations .duration-box h6 {
      text-align: center;
   }

   .lease-calculations .duration-box .duration-lease-container {
      width: 700px;
   }

   .payment-successfull .total-payment-box p {
      padding: 5px 0;
   }

   .gold-silver-buy-tabs-container {
      width: 100%;
   }

   .gradient-container .redeem-gold-grid-box {
      grid-template-columns: 420px 1fr;
   }

   .redeem-tab-content .gradient-container h4 {
      font-size: 16px;
   	padding-bottom: 5px;
   }

   .redeem-tab-content .gradient-container .grid-box {
      grid-template-columns: 420px 1fr;
	   grid-gap: 20px;
   }

   .redeem-calculation-container .big-button {
      width: 90%;
   }

   .my-gold-booking-balance .grid-4col {
      grid-template-columns: 150px 150px 1fr 1fr;
   }

   .gold-sip-multi-banner img {
      width: 300px;
   } 

   .single-question-container {
      padding: 10px 15px;
	   font-size: 16px;
      margin-bottom: 10px !important;
   }

   .single-question-container a {
      font-size: 12px;
	   padding: 3px 12px;
   }

   .why-gold-sip b {
      font-size: 16px;
   }

   .why-gold-sip p {
      font-size: 14px;
   }

   .gold-sip-listing-container .sip-item {
      width: 100%;
   }

   .gold-sip-listing-container .sip-item h5,
   .gold-sip-listing-container .sip-item .grid-box span,
   .gold-sip-listing-container .sip-item .grid-box b {
      font-size: 15px;
   }

   .gold-sip-listing-container .sip-item .header {
      padding: 15px 20px 5px;
   }

   .gold-sip-listing-container .sip-item .content {
      padding: 5px 20px;
   }

   .gold-sip-listing-container .sip-item .footer {
      padding: 2px 20px;
   }

   .gold-sip-listing-container .sip-item a {
      padding: 1px 20px;
   }



   .my-orders,
   .my-documents,
   .my-offers {
      max-width: 94%;
   }

   .my-orders .section-title-container,
   .my-documents .section-title-container,
   .my-offers .section-title-container {
		padding-bottom: 15px !important;
	} 

   .my-orders-listing-container .order ul {
      grid-template-columns: 1fr 100px;
      grid-gap: 5px;
   }  

   .my-orders-listing-container .order ul li h6 {
      font-size: 16px;
      padding-bottom: 10px;
   }

   .my-documents-listing-container .document ul {
      grid-template-columns: 30px 1fr 30px 30px;
   }

   .my-documents-listing-container .document .doc-details {
      padding-left: 5px;
   }

   .my-documents-listing-container .document a {
      width: 30px;
	   height: 30px;
      line-height: 25px;
   }

   .my-documents-listing-container .document a svg {
      width: 15px;
	   height: 15px;
   }

   .my-documents-listing-container .document .doc-details h6 {
      font-size: 16px;
      padding-bottom: 3px;
   }

   .my-documents-listing-container .document .doc-details span {
      font-size: 13px;
      padding: 2px 0;
   }

   .my-offers-listing-container .offer .offer-details {
      grid-template-columns: 120px 1fr;
   }
   .insta_carsol_img img, .video_tag_insta {
      height: 350px;
  }
  .modal_inner_scroll {
   height: 206px;
  }
}
@media screen and (max-width: 768px) {
   .col-custom-5 {
      flex: 0 0 auto;
      width: 25%;
   }
   .desktop-header .logo,
   .desktop-footer .footer-grid .contact-details .logo {
      width: 110px;
      display: flex;
		align-items: center;
   }

   .desktop-header .logo img,
   .desktop-footer .footer-grid .contact-details .logo img {
      display: inline-block;
      width: auto;
      height: auto;
      max-width: 100%;
   }
   .desktop-header ul.d-flex {
      gap: 15px;
      margin: 0;
      text-align: center;
   }  
   .desktop-header .flex-row {
      /* flex-direction: column !important; */
      align-items: flex-start !important;
   }

   .desktop-header ul.d-flex li {
      margin-right: 0;
   }

   .desktop-nav ul li > ul {
		top: 62px;
	}

   .inner-title {
      padding: 20px 0 0;
   }

   .big-button {
      font-size: 20px;
      height: 46px;
	   line-height: 43px;
   }

   .slider-button-next svg, 
   .slider-button-prev svg {
      width: 10px;
   }

   .home-slider .autoplay-progress, .home-slider-coverflow .autoplay-progress, .home-slider-fade .autoplay-progress, .home-slider-cube .autoplay-progress, .home-slider-flip .autoplay-progress, 
   .home-slider-creative .autoplay-progress, .home-slider-creative-second .autoplay-progress, .home-slider-creative-three .autoplay-progress {
      width: 30px;
      height: 30px;
      font-size: 14px;
   }

   .todays-rate-slider {
      padding: 10px 40px;
   }

   /* .todays-rate-slider .swiper-slide > div {
      flex-direction: column;
      grid-gap: 0;
   } */

   .todays-rate-slider .swiper-slide > div b,
   .todays-rate-slider .swiper-slide > div span {
      line-height: 15px;
   }

   .gold-offer-container a {
      margin: 0 10px;
   }

   .gold-offer-container img {
		width: 20vw;
	}

   .new-arrivals-slider .swiper-slide span {
      font-size: 16px;
      padding: 1.5vh 5px;
   }
   .instagram_reel_slider .swiper-slide span {
      font-size: 16px;
      padding: 1.5vh 5px;
   }
   .offer-zoom-slider {
      padding: 40px 0;
   }

   .offer-zoom-slider .swiper-slide img {
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
   }

   .customer-view-container {
      padding: 0 20px;
   }

   .customer-view-slider .swiper-pagination {
      padding: 0;
      margin-top: 30px;
   }

   .customer-view-slider .swiper-slide .customer-view-box {
      padding: 25px 5px;
   }
   .customer-view-container .slider-button-next, 
   .customer-view-container .slider-button-prev {
      transform: translateY(-135%);
   }

   .desktop-footer .footer-grid {
		grid-template-columns: 280px 200px 1fr ;
	}

   .desktop-footer .footer-grid .footer-quick-links {
      padding-top: 55px;
      /* padding-left: 0; */
   }
   .desktop-footer .footer-grid .contact-details {
      padding-top: 57px;
   }

   .desktop-footer .footer-grid .download-apps {
      padding-top: 52px;
   }

   .desktop-footer .footer-grid .footer-quick-links h6,
   .desktop-footer .footer-grid .download-apps h5 {
      font-size: 20px;
      padding-bottom: 10px;
      margin: 0;
   }

   .desktop-footer .footer-grid .contact-details .address, 
   .desktop-footer .footer-grid .contact-details .contact {
      font-size: 16px;
   }

   .desktop-footer .footer-grid .contact-details .social-icons a {
      width: 30px;
      height: 30px;
      line-height: 28px;
   }

   .desktop-footer .footer-grid .contact-details .social-icons a i {
      font-size: 16px;
   }

   /* .BSLR-tabs-container a {
      padding: 0 50px;
   } */

   /* .beneifits-list-container ul li {
      line-height: 30px;
   } */

   .faqs-list-container ul li a {
      padding: 20px 30px;
   }

   /* faq accordion responsive style */
   
   .faqs-list-container .accordion-button{
      padding: 20px 30px;
   }

   .gold-silver-buy-tabs-container .calculation-box {
      width: 100%;
   }

   .gold-silver-buy-tabs-container .flex-row {
      flex-direction: column !important;
   }

   .gold-silver-buy-tabs-container .flex-row .item {
      padding-bottom: 30px;
   }

   .gold-silver-buy-tabs-container .radio-options-container {
      flex-direction: row !important;
   }

   .gold-silver-buy-tabs-container .radio-options-container .item {
      padding-bottom: 0;
   }

   .gold-silver-buy-tabs-container .buy-gold-amt .calculation-box .gram-calculation, 
   .gold-silver-buy-tabs-container .buy-silver-amt .calculation-box .gram-calculation,
   .gold-silver-buy-tabs-container .book-gold-amt .calculation-box .gram-calculation, 
   .gold-silver-buy-tabs-container .book-silver-amt .calculation-box .gram-calculation {
      width: 50%;
   }

   .ec-product-listing-container a b {
      font-size: 14px;
      line-height: 20px;
   }

   .ec-product-listing-container a p {
      font-size: 12px;
      line-height: 16px;
   }

   .ec-product-detail-container .ec-product-slider {
      width: 415px;
   }

   .box-shadow .grid-2col {
      grid-template-columns: 1fr;
      background: none;
   }

   .wallet-pages-container {
      padding: 15px 0;
   }

   .wallet-pages-container h1.page-section-title {
      font-size: 22px;
      padding-bottom: 15px;
   }

   .wallet-pages-container h4 {
      font-size: 20px;
   }

   .wallet-pages-container .coins-balance-box,
   .wallet-pages-container .grid-row {
      font-size: 18px;
   }

   .wallet-pages-container .coins-balance-box img {
      width: 55px;
      /* vertical-align: text-top; */
   }

   .wallet-pages-container .singal-item img {
      vertical-align: middle;
   }

   .wallet-pages-container .coins-summery {
      padding: 15px 0;
   }

   .how-to-use .list-container, 
   .terms-and-conditions .list-container {
      padding: 25px;
   }

   .faq-tabs-container {
      margin: 10px 0 5px;
   }

   .filter-section {
      padding: 15px 0;
   }

   .my-orders hr {
      margin: 15px 0;
   }

   .order-detail-summery .row {
      padding-bottom: 10px;
   }

   .order-detail-summery h6 {
      font-size: 16px;
   }

   .order-detail-summery span,
   .order-detail-summery b {
      font-size: 14px;
   }

   .login-page {
      margin-bottom: -50px;
   }

}
@media screen and (min-width: 576px) and (max-width: 900px) {
	.container, .container-sm {
		max-width: 660px;
	}
}
@media screen and (max-width: 767px) {
   .pd_tbl_three b {
      font-size: 14px;
   }
   .pd_tbl_three ul li {
      font-size: 14px;
      line-height: 2em;
  }
   .pd_tbl_three_inner .inner-title {
      padding: 16px 0 0 !important;
      margin-bottom: 0 !important;
  }
   .col-custom-5{
      flex: 0 0 auto;
      width: 33.33333333%;
   }
   .countdown-text{
      width: auto;
   }
   .cracker-img-left, .cracker-img-right, .cracker_coins_left, .cracker_coins_right, .boomer_left, .boomer_right, .cracker_holi_left, .cracker_holi_right, .pitchkari_left, .pitchkari_right, .diya-img {
      display: none;
   }
   .collage_squer {
      width: 186px;
      height: 186px;
  }
   .insta_arrows .carousel-control-prev {
      left: -80px;
  }
   .insta_arrows .carousel-control-next {
      right: -80px;
  }
}
@media screen and (max-width: 680px) {
   .desktop-footer .footer-grid .download-apps img {
      max-width: 90px;
}
}
@media screen and (max-width: 650px) {
   .input_search_box_m {
      position: absolute;
      width: 0;
      top: 0;
      right: 30px;
      max-width: 0;
      height: 0;
      background-color: #fff;
      border-radius: 6px;
      transition: all 0.5s ease-in-out;
      z-index: 9999;
   }
   .input_search_box_m.open_window {
      max-width: 800px;
      width: 570px;
      background-color: #fff;
      height: 40px;
      top: -24px;
      right: 0;;
   }
   .input_search_box_m input {
   position: relative;
   width: 100%;
   height: 100%;
   font-size: 16px;
   font-weight: 400;
   color: #333;
   padding: 0 15px;
   border: none;
   border-radius: 6px;
   outline: none;
   transition: all 0.5s ease-in-out;
   }
   .input_search_box_m.open_window input {
      padding: 0 15px 0 45px;
      background-color: #eeee;
   }
   
   .input_search_box_m .search_new_m {
      position: absolute;
      top: 0;
      left: 0;
      width: 40px;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      background-color: #fff;
      border-radius: 6px;
      cursor: pointer;
   }
   .input_search_box_m.open_window .search_new_m {
       border-radius: 6px 0 0 6px;
   }
   .search_new_m .search-icon {
      font-size: 20px;
      color: #1c1c1c;
   }
   .input_search_box_m .close_icon_m {
      position: absolute;
      top: 60%;
      right: 0;
      font-size: 20px;
      color: #1c1c1c;
      padding: 5px;
      transform: translateY(-50%);
      transition: all 0.5s ease-in-out;
      cursor: pointer;
      pointer-events: none;
      opacity: 0;
   }
   .input_search_box_m.open_window .close_icon_m {
      transform: translateY(-50%) rotate(180deg);
      pointer-events: auto;
      opacity: 1;
   }

   .search_new_m .search-icon {
      font-size: 3.5vw;
      color: var(--firstColor);
  }
   .input_search_box_m .search_new_m{
      background-color: transparent;
   }
   .input_search_box_m.open_window .search_new_m{
      top: 6px;
   }
   .d_sm_block{
      display: block !important;
   }
   .product_tbl_section li span {
      max-width: none;
  }
   .price-breakup .title_main b, .price-breakup .title_main span {
      font-size: 2.8vw;
  }
   .price-breakup .title_main{
      padding: 6px 0;
   }
   .product_tbl_section li b {
      max-width: 280px;
  }
   /* .main_nav_logo img{
      max-height: 28px;
   }
      26-03-2025 
   */
   .main_nav_logo{
      width: 100%;
      justify-content: center !important;
      font-size: 14px;
      font-weight: 500;
   }
   .site_map {
      bottom: 140px;
      right: 14px;
   }
   .text_message_header {
      padding-left: 6px;
      padding-right: 6px;
  }
   .text_message_header_up_down{
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
   .product_details_btns_flex{
      display: flex !important;
      justify-content: space-between;
      align-items: center;
   }
   .padding_tb_10 {
      padding-top: 6px;
      padding-bottom: 8px;
  }
   .d_none_m{
      display: none;
   }
   .payment_d_flex{
      display: flex !important;
      justify-content: center;
      align-items: flex-start;
      flex-direction: column;
   }
   .sub_title_text{
      text-align: center;
      font-size: 18px;
      font-weight: 400;
   }
   .offer_card_product {
      font-size: 14px;
      line-height: 12px;
      left: 0;
      /* max-width: 150px; */
   }
   .menu-links ul>li:last-child{
      border-bottom: none;
   }
   .collage_rectangle_fix_three{
      height: 484px; 
   }
   .collage_rectangle_fix_second{
      height: 360px;
   }
   .collage_rectangle_fix {
      height: 360px;
      width: 200px;
  }
   .new_image_catloge .heart svg{
      width: 16px;
    }
    .new_image_catloge .heart{
      top: 3px;
    }
   .popup-inner .flex-row {
      gap: 12px;
  }
   .share_btn {
      right: 36px;
   }
   .svg_share svg {
      width: 18px;
      height: 18px;
      /* margin-top: 6px; 28-03-2025 */
      margin-top: 0px;
  }
   .section_title_one::before, .section_title_one::after, .section_title_second::before, .section_title_second::after, .section_title_three::before, .section_title_three::after{
    display: none;
   }
   .form_set .form-label, .form_set .form-control {
      font-size: 14px;
   }
   .contact_us_text {
      font-size: 14px;
   }
   .grid_template_3fr, .grid_template_4fr, .grid_template_5fr {
      grid-template-columns: 1fr 1fr !important;
   }
   .collage_squer_6 {
      width: 155px;
      height: 155px;
  }
  .collage_horizontal_3{
      height: 153px;
   }
   .collage_horizontal_2{
      height: 68px;
    }
   .collage_horizontal_1{
      height: 148px;
    }
   .collage_squer_5{
      width: 232px;
      height: 232px;
    }
   .collage_squer_4 {
      width: 297px;
      height: 297px;
  }
  .collage_squer_3 {
   width: auto;
   height: 611px;
}
   .collage_squer_2 {
      width: 234px;
      height: 234px;
  }
   .collage_squer {
      width: 172px;
      height: 172px;
  }
   .cross_icon_modal{
      right: 0;
      top: 0;
   }
   .play_icon_insta {
      width: 26px;
  }
   .insta_arrows .carousel-control-prev{
      left: -80px;
    }
    .insta_arrows .carousel-control-next{
      right: -80px;
    }
   #backtotop {
      width: 40px;
      height: 40px;
   }
   #backtotop {
      bottom: 100px;
      right: 14px;
    }
    #backtotop::after {
      font-size: 1.6em;
      height: 34px;
    }
   .submenu ul li{
      display: flex !important;
      align-items: baseline;
   }
   .image_fade_box a figure .image_fade{
      height: 250px;
   }
   .play_img img {
      width: 40px !important;
  }
   .e_store_scrolling {
      height: 194px;
  }
   h1.page-section-title{
      margin-top: 20px;
   }
   .map_sticky {
      top: 60px;
   }
   .marquee_mt{
      margin-top: 0;
      /* margin-top: 25px; */
   }
   /* .new_image_catloge a figure img {
      height: 250px !important;
  } */
   body {
      padding: 0vh 0 11.5vh;
   }

   body.gift-card-body {
      padding: 6.3vh 0 25.5vh;
   }

   hr {
      margin: 15px 0;
   }

   #ui-datepicker-div {
      width: 360px;
   }      

   .pad-all-25 {
      padding: 2vw !important;
   }
   
   .pad-tb-25 {
      padding: 2vw 0 !important;
   }
   
   .pad-lr-25 {
      padding: 0 2vw !important;
   }
   
   .pad-top-25 {
      padding-top: 2vw !important;
   }
   
   .pad-right-25 {
      padding-right: 2vw !important;
   }
   
   .pad-left-25 {
      padding-left: 2vw !important;
   }
   
   .pad-bottom-25 {
      padding-bottom: 2vw !important;
   }
   
   .margin-all-25 {
      margin: 2vw !important;
   }
   
   .margin-tb-25 {
      margin: 2vw 0 !important;
   }
   
   .margin-lr-25 {
      margin: 0 2vw !important;
   }
   
   .margin-top-25 {
      margin-top: 2vw !important;
   }
   
   .margin-right-25 {
      margin-right: 2vw !important;
   }
   
   .margin-left-25 {
      margin-left: 2vw !important;
   }
   
   .margin-bottom-25 {
      margin-bottom: 2vw !important;
   }

   .container {
      padding: 1.5vw 3vw 0vw 3vw !important;
      /* padding: 4.7vw !important; */
   }

   .block-element {
		padding: 3vw !important;
	}

   .inner-title {
      font-size: 3.5vw;
   }

   .box-shadow {
      padding: 10px 0;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
   }

   .price-breakup {
      padding: 10px 0 0;
   }

   .heart svg {
		width: 20px;
	}

   .btn-row .big-button, 
   .btn-row .small-button {
      font-size: 4.5vw;
      margin: 5px 0;
   }

   .box-shadow.pad-all-25 {
      padding: 3vw 2vw !important;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
}

   .box-shadow .grid-2col {
      margin: 0;
   }

   .box-shadow .grid-2col li {
      flex-direction: column;
      border-bottom: 1px solid #ddd;
   }
   .box-shadow .grid-2col li:last-child{
      border-bottom: 0;
   }
   .box-shadow .grid-2col li span {
      font-size: 16px;
   }

   .box-shadow .grid-2col li span:first-child {
      font-weight: 600;
   }

   .radio-checkbox {
      margin: 0 2vw 0 0;
   }

   .radio-checkbox label {
      font-size: 3.5vw;
		line-height: 20px;
		min-height: auto;
      height: auto;
		padding: 0 0 0 7vw;
   } 

   .radio-checkbox .radio:before {
      width: 20px;
      height: 20px;
   }

   .radio-checkbox input[type="radio"]:checked + .radio:after {
      top: 5px;
      left: 5px;
      width: 10px;
      height: 10px;
   }

   .big-button {
      height: 36px;
		line-height: 35px;
      font-size: 4.5vw;
   }
   .single-toggle-container .single-toggle-option .search_filter_icon {
      padding: 10px 0px 6px 0px;
  }
  .single-toggle-container .single-toggle-option .inner_feilds {
   padding: 10px 16px 0px 2px !important;
  }
   .single-toggle-container .single-toggle-btn {
      padding: 3px 0px;
      font-size: 3.2vw;
   }

   .single-toggle-container .single-toggle-option {
      padding: 0 6px;
   }

   .desktop-header,
   .desktop-nav,
   .desktop-menu,
   .desktop-footer {
      display: none !important;
   }

   .mobile-header {
      display: block;
      width: 100%;
      position: sticky;
      top: 0;
      left: 0;
      z-index: 994;
   }

   .mobile-header .header {
      display: flex;
      display: -webkit-flex;
      justify-content: space-between ;
      align-items: center;
      width: 100%;
      background: var(--white);    
      /* padding:6px 10px;  26-03-2025 */
      padding:4px 10px; 
      column-gap: 1.25rem;
   }
   .mobile_header_w{
      width: 29%;
   }
   .mobile_icon_flex{
      gap: .625rem .9rem;
      justify-content: end !important;
   }
   .mobile-header .header > div {
      display: flex;
      display: -webkit-flex;
      justify-content: flex-start;
      align-items: center;

   }

   .mobile-header a {
      font-size: 4.5vw;
      display: flex;
      align-items: center;
      /* padding: 0 15px; */
      color: var(--firstColor) !important;
   }

   .mobile-header a svg {
      width: 4.5vw;
      height: auto;
      fill: var(--firstColor);
   }

   .mobile-header span {
      font-size: 4vw;
   }

   .mobile-header .notification-popup {
      display: none;
      top: 47px;
      right: 0;
      z-index: 9999;
      width: 100%;
   }

   .mobile-header .notification-popup .title:before {
      right: 15px;
   }

   .mobile-header .notification-popup .content .listing-container {
      max-height: 115vw;
   }

   .mobile-menu-container {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      /* height: 100vh; */
      height: 100%;
      background: rgba(0, 0, 0, 0.7);
      z-index: 9999;
   }

   .mobile-menu-container .mobile-menu-close {
      position: fixed;
      top: 10px;
      right: 15px;
      z-index: 999;
      font-size: 18px;
      font-weight: bold;
      color: #FFF;
      opacity: 0;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
   }

   .mobile-menu-container .mobile-menu {
      /* display: flex;
      display: -webkit-flex; */
      flex-direction: column;
      justify-content: space-between;
      align-items: flex-start;
      width: 90%;
      margin-left: -100%;
      height: 100%;
      background: var(--navBGColor);
      overflow: auto;
      border-radius:0 25px 25px 0;
      -webkit-border-radius:0 25px 25px 0;
      -moz-border-radius:0 25px 25px 0;
      -ms-border-radius:0 25px 25px 0;
      -o-border-radius:0 25px 25px 0;
      -webkit-transition: all 0.5s ease-out;
      -moz-transition: all 0.5s ease-out;
      -ms-transition: all 0.5s ease-out;
      -o-transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
   }

   .mobile-menu-container .mobile-menu > div {
      width: 100%;
   }
   .bullet_icon{
      font-size: 25px;
      padding-right: 4px;
      font-weight: 500;
   }
   .circle_icon{
      font-size: 24px;
      padding-right: 4px;
   }
   .mobile-menu-container .mobile-menu .profile {
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      gap: 15px;
      width: 100%;
      border-bottom: 1px solid #ccc;
      padding: 15px 25px;
   }

   .mobile-menu-container .mobile-menu .profile b {
      display: block;
      font-size: 14px;
      line-height: 20px;
   }

   .mobile-menu-container .mobile-menu .profile figure {
      display: block;
      width: 60px;
      height: 60px;
      margin: 0 auto;
      overflow: hidden;
      background: url(../images/default-user-pic-mobile.jpg) no-repeat center #FFF;
      background-size: 100%;
      border-radius: 100%;
      -webkit-border-radius: 100%;
      -moz-border-radius: 100%;
      -ms-border-radius: 100%;
      -o-border-radius: 100%;
      border: 2px solid #FFF;
      -webkit-box-shadow:inset 0 0 0 3px var(--navBGColor);
      box-shadow:inset 0 0 0 3px var(--navBGColor);
   }

   .mobile-menu-container .mobile-menu .profile figure img {
      display: block;
      width: 100%;
      height: 100%;
   }

   .mobile-menu-container .mobile-menu .profile > div {
      width: calc(100% - 75px);
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      justify-content: flex-start;
      align-items: flex-start;
   }
   .logout_fix{
      position: fixed;
      bottom: 0;
      width: 80% !important;
      z-index: 99999;
      background-color: var(--navBGColor);
      border-radius: 0 25px 25px 0;
      -webkit-border-radius: 0 25px 25px 0;
   }

   .mobile-menu-container .mobile-menu .menu-links {
      display: block;
      /* padding: 0 0 10px; 04-04-2025 */
      padding: 0 0 0;
      /* height: 67vh; 04-04-2025 */
      height: calc(100% - 322px);
      overflow: auto;
   }

   .mobile-menu-container .mobile-menu ul {
      display: block;
      height: auto;
      padding: 0 16px;
   }

   .mobile-menu-container .mobile-menu ul li {
      display: block;
      position: relative;
      width: 100%;
      list-style: none;
      padding: 0px;
   }
   .menu-links ul>li{
      border-bottom: 1px solid var(--imgBorder);
   }
   .submenu ul li{
      border-bottom: none;
      padding-left: 16px !important;
   }
   .submenu ul{
      border-top: 1px solid var(--imgBorder);
   }

   .mobile-menu-container .mobile-menu ul a {
      display: block;
      font-size: 4.3vw;
      padding: 10px 0;
      color: var(--textColor) !important;
      display: flex;
      align-items: center;
   }

   .mobile-menu-container .mobile-menu ul a figure {
      display: none;
      margin: 0 10px 0 0;
   }

   .mobile-menu-container .mobile-menu ul a figure svg {
      width: 25px;
      height: auto;
      fill: var(--svgIconColor);
   }

   .mobile-menu-container .mobile-menu ul li.submenu ul {
      display: none;
      height: auto;
      padding: 0 0 0 0;
   }

   .mobile-menu-container .mobile-menu ul li.submenu ul li a {
      padding: 0;
      border-bottom: none;
   }
/* 
   .mobile-menu-container .mobile-menu ul li.submenu > a:after {
      content: "";
      display: inline;
      position: absolute;
      right: 0;
      top: 12px;
      width: 14px;
      height: 12px;
      background: url(../images/menu-down-arrow-icon.svg) no-repeat;
      background-size: 12px;
      -webkit-transition: all 0.2s ease-out;
      -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
      -o-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
   }

   .mobile-menu-container .mobile-menu ul li.submenu > a.open:after {
      top: 2px;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   } */
   
   .mobile-menu-container .mobile-menu ul li.submenu > a:after {
      content: "";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      top: 16px;
      right: 2px;
      width: 18px;
      height: 18px;
      background: url(../images/plus-small.png) no-repeat;
      background-size: 20px;
   }
   .mobile-menu-container .mobile-menu ul li.submenu > a.open:after {
      content: "";
      display: inline-flex;
      align-items: center;
      justify-content: center;
      position: absolute;
      position: absolute;
      top: 20px;
      right: 0;
      width: 16px;
      height: 16px;
      background: url(../images/minus-small.png) no-repeat;
      background-size: 20px;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
   }

   .mobile-menu-container a.logout {
      display: block;
      width: 100%;
      padding: 15px 25px !important;
      border-top: 1px solid #ccc;
      color: var(--textColor);
   }

   .mobile-menu-container a.logout figure {
      display: inline-block;
      margin: 0 10px 0 0;
   }

   .mobile-menu-container a.logout figure svg {
      width: 25px;
      height: auto;
      fill: var(--svgIconColor);
   }

   .mobile-menu-container.open {
      display: block;
   }

   .mobile-menu-container.open .mobile-menu {
      margin-left: 0;
      width: 80%;
   }

   .mobile-menu-container.open .mobile-menu-close {
      opacity: 1;
      color: #FFF !important;
   }
   
   .home-slider-container {
      padding: 0 0 1.5vw 0 !important;
   }

   
   /*--------------------------- */

   .popup-inner {
      width: 90%;
      padding: 30px 15px 15px;
      /* top: 0;
      left: 0;
		height: 100%;
      transform: none;
      -webkit-transform: none;
      -moz-transform: none;
      -ms-transform: none;
      -o-transform: none;
      border-radius: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      -o-border-radius: 0; */
}

   .popup-inner h3 {
      padding: 5px;
   } 

   .popup-inner .form-container .input-container {
      padding-bottom: 15px;
   }

   .popup-inner .form-container .button {
      margin: 15px auto 5px !important;
      padding: 0 10px !important;
   }
   .popup-inner .form-container, 
   .login-popup .form-container {
      padding: 15px 0 0 !important;
   }

   .login-popup .form-container .input-container .input {
      width: 100%;
   }
   .login-popup .form-container {
      width: 100% !important;
   }
   .otp-popup {
      position: absolute;
      top: 50%;
      left: 50%;
      box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
      padding: 25px;
      background: #fff;
      z-index: 9999;
      height: auto;
      width: 90%;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
   }

   .otp-popup .form-container {
      padding: 15px 0 0;
   }
   
   .otp-popup .success-otp-section .bordered {
      margin-bottom: 30px;
   }

   .otp-popup .success-otp-section p {
      font-size: 3.7vw;
   }

   .redeems-coins-popup {
      width: 100% !important;
      padding: 25px;
   }

   .redeems-coins-popup h5 {
      font-size: 4vw;
   }

   .redeems-coins-popup .box-element {
      padding: 15px;
   }

   .redeems-coins-popup .box-element input {
      font-size: 18px;
	   margin: 15px 0;
   }

   /*--------------------------- */

   .slider-button-prev,
   .slider-button-next {
      display: none;
   }

   .slider-button-prev {
		left: 5px;
	}

   .slider-button-next {
		right: 5px;
	}

   .home-slider .home-slider-button-next,
   .home-slider .home-slider-button-prev {
      width: 25px;
	   height: 25px;
		line-height: 28px;
      display: none;
   }

   .home-slider .swiper-pagination-bullet,.home-slider-coverflow .swiper-pagination-bullet, .home-slider-fade .swiper-pagination-bullet, .home-slider-cube .swiper-pagination-bullet, .home-slider-flip .swiper-pagination-bullet, 
   .home-slider-creative .swiper-pagination-bullet, .home-slider-creative-second .swiper-pagination-bullet, .home-slider-creative-three .swiper-pagination-bullet,
   .ec-product-detail-container .ec-product-slider .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      margin: 0 2px !important;
   }
   .home-slider .swiper-pagination-bullet-active {
      height: 14px;
      width: 14px;
   }
   .home-slider .autoplay-progress, .home-slider-coverflow .autoplay-progress, .home-slider-fade .autoplay-progress, .home-slider-cube .autoplay-progress, .home-slider-flip .autoplay-progress, 
   .home-slider-creative .autoplay-progress, .home-slider-creative-second .autoplay-progress, .home-slider-creative-three .autoplay-progress {
      width: 15px;
      height: 15px;
   }
   
   .home-slider .home-slider-button-next svg, 
   .home-slider .home-slider-button-prev svg {
      width: 10px;
   }

   /*--------------------------- */

   .gold-offer-container {
      flex-wrap: wrap;
   }

   .gold-offer-container a {
		margin: 0 10px 10px;
	}

   .gold-offer-container img {
		width: 35vw;
	}

   .section-title-container {
      text-align: left;
      padding-bottom: 0 !important;
   }

   .section-title {
      font-size: 18px;
      padding: 0;
      font-weight: 600;
      text-align: center;
      background: none;
      margin: 0 auto;
      width: 100%;
      /* padding: 0 80px; */
      /* background-size: 70px; */
   }

   .todays-rate-slider {
		padding: 10px 15px;
	}

   .todays-rate-slider .swiper-slide > div {
      display: inline-block;
      width: fit-content;
   }

   .todays-rate-slider .swiper-slide > div img {
      display: inline-block;
   }

   .todays-rate-slider .swiper-slide > b {
      display: inline-block;
      margin-left: 5px;
   }

   .todays-rate-slider .swiper-slide > div span,
   .todays-rate-slider .swiper-slide > div b {
      font-size: 12px;
      padding-right: 5px;
   }

   .new-arrivals-slider .swiper-slide span {
      font-size: 14px;
      padding: 1.5vh 5px;
   }
   .instagram_reel_slider .swiper-slide span {
      font-size: 14px;
      padding: 1.5vh 5px;
   }

   .offer-zoom-slider {
		padding: 30px 0;
	}

   .customer-view-container {
      padding: 0 3vw !important;
   }

   .customer-view-slider .swiper-slide {
      padding: 15px;
   }

   .customer-view-slider .swiper-pagination {
      padding: 0;
      margin: 30px 0;
   }

   .customer-view-slider .swiper-slide .customer-view-box {
      padding: 15px 5px;
   }

   .customer-view-slider .swiper-slide .customer-view-box figure {
      margin: 0 auto 15px;
   }

   .customer-view-slider .swiper-slide .customer-view-box h5 {
      margin: 0 auto 15px;
   }

   .mobile-footer {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      align-items: stretch;
      width: calc(100% - 20px);
      position: fixed;
      bottom: 10px;
      left: 10px;
      z-index: 999;
      background: var(--footerBG);
   }

   .mobile-footer a {
      display: block;
      width: 100%;
      text-align: center;
      padding: 1vh 2px;
      font-size: 3.5vw;
      color: var(--firstColor) !important;
   }

   .mobile-footer a figure {
      display: block;
      padding-bottom: 5px;
      margin: 0;
   }

   .mobile-footer a figure svg {
      width: 18px;
      height: auto;
      fill: var(--svgIconColor);
   }

   .mobile-footer a:hover svg {
      fill: var(--svgIconSelectedColor);
   }

   .mobile-footer a.selected {
      background-color: var(--footerActiveBtnBg);
   }

   .mobile-footer a.selected svg {
      fill: var(--svgIconSelectedColor);
   }

   .minute {
      top: 10px;
	   right: 10px;
      width: fit-content;
      margin: 0 0 0 auto;
      font-size: 12px !important;
      padding: 0 8px;
   }

   .minute svg {
      width: 10px;
	   height: 10px;
   }

   .BSLR-tabs-container {
      padding: 10px 10px 5px;
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
      justify-content: flex-start ;
      align-items: center;
      margin: 2vw 0 3vw !important;
   }

   .BSLR-tabs-container a {
      font-size: 3vw;
		padding: 0 5px;
      width: 100%;
      flex-direction: column;
      grid-gap: 0;
	}

   .BSLR-tabs-container a figure svg {
      height: 3vh;
   }

   .beneifits-list-container ul li {
      background-size: 6vw;
      padding-left: 8vw;
      font-size: 3.5vw;
      line-height: 3.2vh;
      margin-bottom: 2vh;
      background-position: left 4px;
   }

   .beneifits-list-container ul li svg {
      width: 20px;
	   height: 20px;
   }

   .beneifits-list-container h6 {
      font-size: 5vw;
   }

   .faqs-list-container ul li a {
      font-size: 14px;
      padding: 15px 20px;
   }

   .faqs-list-container ul li a::before {
      width: 10px;
      height: 10px;
      top: 20px;
   }

   .faqs-list-container ul li a::after {
      width: 10px;
      height: 10px;
      top: 15px;
   }

   .faqs-list-container ul li p {
      font-size: 14px;
      padding: 0 20px 25px 20px;
   }

   /* faq accordion responsive style */

   .faqs-list-container .accordion-button{
      font-size: 14px;
      padding: 15px 20px;
   }

   .faqs-list-container .accordion-item .accordion-body{
      padding: 0 20px 25px 20px;
   }
   
   .faqs-list-container .accordion-item p.content{
      font-size: 14px;
   }
   
   .faqs-list-container .accordion-button::before{
      width: 10px;
      height: 10px;
      top: 20px;
   }

   .faqs-list-container .accordion-button::after{
      width: 10px;
      height: 10px;
      top: 15px;
   }

   .faq-tabs-container {
      padding: 12px 5px;
	   margin: 5px 0;
   }

   .faq-tabs-container a {
      font-size: 14px;
   }

   .gradient-container .grid-box {
      flex-direction: column;
      grid-gap: 10px;
   }

   .transactions-container .transaction-box .grid-box-grey span, 
   .transactions-container .transaction-box .grid-box-grey b {
      font-size: 3vw;
      padding: 5px 0;
      line-height: 15px;
   }

   .transactions-container .transaction-box .grid-box-white span {
      font-size: 11px;
   	padding-bottom: 0;
   }

   .transactions-container .transaction-box .grid-box-grey span br {
      display: block;
   }

   .transactions-container .transaction-box .btns-container .redeemed {
      font-size: 3.5vw;
   }
   
   .gradient-container h4 {
      font-size: 3.5vw;
      padding: 0 0 5px;
   }

   .gradient-container .grid-box p {
      font-size: 4vw;
      padding: 8px;
   }

   .gradient-container .grid-box p img {
      width: 9vw;
   }

   .transactions-container {
      grid-gap: 15px;
   }

   .transactions-more-btn {
      width: 100px;
      font-size: 12px;
      border: 2px solid var(--buttonBg);
   }

   .transactions-container .transaction-box .top-box {
      font-size: 3.3vw;
   }

   .transactions-container .transaction-box .grid-box-white {
      padding: 5px;
      grid-gap: 2px;
   }

   .transactions-container .transaction-box .download-doc-btn, 
   .transactions-container .transaction-box .cancel-lease-btn, 
   .transactions-container .transaction-box .gift-someone-btn {
      height: 24px;
	   font-size: 11px;
      padding: 3px 15px;
      margin: 5px 15px 15px auto;
   }

   .faqs-list-container {
      padding: 0 3vw !important;
   }

   .my-profile-page .new_addres {
      font-size: 4vw;
      padding: 10px;
   }

   .my-profile-page h4 {
      font-size: 3.5vw;
      padding-bottom: 5px;
   }

   .my-profile-page .profile-pic-container figure {
      width: 100px;
	   height: 100px;
   }

   .my-profile-page .profile-pic-container .edit-icon {
      width: 35px;
      height: 35px;
      line-height: 35px;
      bottom: 8px;
      right: 12px;
      font-size: 16px;
   }

   .my-profile-page .form-container .upload-pan img {
      display: block;
      width: 250px !important;
      height: auto;
      margin: 0 auto;
   }

   .form-container .input-container label {
      font-size: 14px;
   }

   .form-container .input-container input {
      font-size: 16px;
      padding-top: 0;
   }

   .my-profile-page .form-container {
      grid-template-columns: 1fr;
      grid-gap: 20px;
      margin: 0 auto;
   }

   .my-profile-page .form-container .full-row {
      grid-column: 1;
   }

   .my-profile-page .form-container .upload-pan {
      width: 100%;
      margin: 20px 0;
   }

   .gold-silver-buy-tabs-container .tabs-container {
      margin: 3vw 0;
      padding: 1vw 5px;
   } 

   .gold-silver-buy-tabs-container .tabs-container a {
      font-size: 4vw;
   }

   .gold-silver-buy-tabs-container .tabs-container a b {
      padding: 0 2.5vw;
   }

   .gold-silver-buy-tabs-container .container414 {
      width: 96%;
   }

   .gold-silver-buy-tabs-container .radio-options-container {
		/* flex-direction: column !important; */
      padding: 2vh 0 0;
   }

   .gold-silver-buy-tabs-container .radio-options-container .radio-checkbox {
      margin: 0;
   }
   
   .gold-silver-buy-tabs-container .radio-options-container .item {
		padding-bottom: 1.8vh;
	}

   .gold-silver-buy-tabs-container .calculation-box {
      padding: 2vw 0;
   }

   .gold-silver-buy-tabs-container .calculation-box .gram-calculation .calculation {
      font-size: 5vw;
      /* width: calc(100% - 10vw); */
   }

   .gold-silver-buy-tabs-container .calculation-box .gram-calculation .calculation p {
      padding: 2vw 3vw;
      font-size: 5vw;
   }

   .gold-silver-buy-tabs-container .calculation-box .gram-calculation b {
      font-size: 5vw;
   	line-height: 7.25vw;
   }

   .gold-silver-buy-tabs-container .calculation-box .gram-calculation .calculation p input {
      width: 19vw;
      font-size: 5vw;
   }

   .gold-silver-buy-tabs-container .calculation-box > label {
      font-size: 4vw;
      padding: 3.12vw 5px 0;
   }

   .gold-silver-buy-tabs-container .buying-rate-box {
      padding: 3vw;
      border-radius: 3vw;
      -webkit-border-radius: 3vw;
      -moz-border-radius: 3vw;
      -ms-border-radius: 3vw;
      -o-border-radius: 3vw;
}

   .gold-silver-buy-tabs-container .buying-rate-box label {
      font-size: 4vw;
		padding: 0 24vw 1vh 0;
   }

   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options span {
      margin: 6px;
   }

   .gold-silver-buy-tabs-container .buying-rate-box .rate b {
      font-size: 4vw;
   }

   .gold-silver-buy-tabs-container .buying-rate-box .rate span {
      font-size: 3.5vw;
      line-height: 3.5vw;
      padding-left: 2vw;
		margin-left: 2vw;
   }

   .gold-silver-buy-tabs-container .flex-row .item {
      padding-bottom: 1vw;
   }

   .gold-silver-buy-tabs-container .flex-row .item h6 {
      font-size: 4vw;
      padding: 1vw 0 2vw;
      text-align: left;
   }

   .gold-silver-buy-tabs-container .flex-row .item .big-button {
      font-size: 5vw;
	   margin: 2vw auto 0;
   }

   .gold-silver-buy-tabs-container .buy-gold-gram .calculation {
      width: auto !important;
   }

   .gold-silver-buy-tabs-container .buy-gold-gram .gram-calculation span,
   .gold-silver-buy-tabs-container .buy-gram .gram-calculation span {
      font-size: 5.7vw;
   }

   .gold-silver-buy-tabs-container .buy-gold-amt .calculation-box .gram-calculation, 
   .gold-silver-buy-tabs-container .buy-silver-amt .calculation-box .gram-calculation,
   .gold-silver-buy-tabs-container .book-gold-amt .calculation-box .gram-calculation, 
   .gold-silver-buy-tabs-container .book-silver-amt .calculation-box .gram-calculation {
      width: 100%;
   }   

   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container {
      width: 100%;
      padding: 0;
   }

   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-next svg, 
   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-prev svg {
      width: 8px;
   }

   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options .swiper-slide a {
      font-size: 3.75vw;
      height: 9.37vw;
	   line-height: 9.37vw;
   }

   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-next {
      right: -5px;
   }

   .gold-silver-buy-tabs-container .buy-gram .buying-options-grams .gram-options-container .slider-button-prev {
      left: -5px;
   }

   .total-payment-box {
      margin: 2vh auto;
      border-radius: 3vw;
      -webkit-border-radius: 3vw;
      -moz-border-radius: 3vw;
      -ms-border-radius: 3vw;
      -o-border-radius: 3vw;
}

   .total-payment-box .minute {
      position: absolute;
      top: 10px;
      right: 10px;
   }

   .total-payment-box hr {
      width: 100%;
   }

   .total-payment-box .customer-name,
   .gold-sip .gold-sip-scheme-name {
      padding: 3vw;
   }

   .total-payment-box .customer-name label,
   .gold-sip .gold-sip-scheme-name span {
      font-size: 3vw;
   }

   .total-payment-box .customer-name span,
   .gold-sip .gold-sip-scheme-name b {
      font-size: 4vw;
   }

   .total-payment-box .billing-details {
      padding: 1vw 3vw;
   }

   .total-payment-box .flex-row {
      padding: 3px 0;
   }

   .total-payment-box .billing-details span, 
      .total-payment-box .total-payable-amt span,
   .total-payment-box .billing-details b, 
   .total-payment-box .total-payable-amt b {
      font-size: 3vw;
   }

   .total-payment-box .billing-details span span {
      font-size: 2.5vw;
   } 

   .total-payment-box .total-payable-amt {
      padding: 1vw 3vw;
   }

   .total-payment-box .grid-row {
      grid-template-columns: 1fr 100px;
   }

   .total-payment-box .grid-row input {
      padding: 5px;
      width: 100%;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
}

   .total-payment-box .grid-row span {
      font-size: 3vw;
   }

   .total-payment-box .billing-details .grid-row input {
      width: 100%;
		padding: 5px 10px;
      font-size: 14px;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-ms-border-radius: 10px;
		-o-border-radius: 10px;
   }

   .terms {
      font-size: 3vw;
      display: flex;
     align-items: flex-start;
     padding-top: 10px !important;
   }

   .terms .radio-checkbox label {
      height: 2.7vh;
   }

   .terms .radio-checkbox .checkbox:before {
      top: 2px;
   }

   .radio-checkbox input[type="checkbox"]:checked + .checkbox:after {
      top: 6px;
      width: 5px;
      height: 10px;
      left: 7px;
   }
   

   .payment-successfull .transaction-details {
      padding: 10px 0;
   }

   .payment-successfull figure {
      width: 50vw;
   }

   .payment-successfull h5 {
      font-size: 4vw;
   }

   .payment-successfull h2 {
      font-size: 4vw;
      padding: 2vw 0;
   }

   .payment-successfull p {
      font-size: 3vw;
		padding: 2vw 0;
   }

   .payment-successfull p a {
      font-size: 3vw;
      margin-top: 10px;
      display: block;
   }

   .payment-successfull .transaction-details .total_payment_title {
      font-size: 5vw;
      padding-bottom: 5px;
   }

   .payment-successfull .total-payment-box p {
		font-size: 3.5vw;
      padding: 0;
	}

   .payment-successfull .download-invoice {
      font-size: 3vw;
   }

   .payment-successfull .download-invoice figure {
      width: 40px;
		margin: 15px auto;
   }

   .payment-successfull .download-invoice .big-button, 
   .payment-successfull .download-invoice .small-button {
      max-width: fit-content;
      height: 30px;
	   line-height: 28px;
      padding: 0 20px;
   }

   .bank-details h2 {
      font-size: 4.5vw;
      padding: 3vw 0;
   }

   .bank-details .form-container {
      padding: 0 0 30px;
      grid-gap: 20px;
   }

   .lease-gradient-box {
      padding: 3vw !important;
      margin: 0 auto 10px;
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
}

   .lease-gradient-box .item {
      display: flex;
      display: -webkit-flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		border: 0;
      padding: 1vw !important;
      width: 100%;
   }
   .lease-gradient-box .item span, 
   .lease-gradient-box .item b {
      font-size: 3vw;
      text-align: center;
   }

   .transactions-container .transaction-box .grid-box-white.btns-container {
      grid-template-columns: 130px 1fr;
      align-items: center;
   }

   .transactions-container .lease-box .btns-container .cancel-lease-btn {
      margin: 5px 0;
   }

   .transactions-container .lease-box .btns-container .download-doc-btn {
      margin: 5px 0 5px auto;
   }

   .earn-upto {
      padding: 2vw 3vw;
      margin-bottom: 10px;
      border-radius:10px;
      -webkit-border-radius:10px ;
      -moz-border-radius:10px ;
      -ms-border-radius:10px ;
      -o-border-radius:10px ;
}

   .earn-upto .earn-upto-grid {
      grid-template-columns: 120px 1fr;
      grid-gap: 5px;
      align-items: center;
   }

   .earn-upto .earn-upto-grid .offer span {
      font-size: 16px;
	   padding: 2px 0;
   }

   .earn-upto .earn-upto-grid .offer img {
      width: 25vw;
      margin: 0 auto;
   }

   .earn-upto .earn-upto-grid .offer .earning {
      font-size: 5vw;
   }

   .earn-upto .get-upto > div {
      padding: 5px 2px;
      font-size: 3vw;
      margin-bottom: 5px;
      border-radius: 5px;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      -ms-border-radius: 5px;
      -o-border-radius: 5px;
}

   .lease-calculations {
		grid-template-columns: 1fr;
      padding: 0 0 10px;
      grid-gap: 10px;
	}

   .lease-calculations .calculation-box {
      padding: 2vw;
      border: 0;
}

   .lease-calculations .calculation-box h6 {
      padding-bottom: 10px;
      font-size: 3vw;
   }

   .lease-calculations .calculation-box .gram-calculation {
      grid-template-columns: 46vw 1fr;
   }

   .lease-calculations .calculation-box .gram-calculation .calculation {
      padding: 1.56vw 3.12vw;
   }

   .lease-calculations .calculation-box .gram-calculation .calculation input,
   .lease-calculations .calculation-box .gram-calculation .calculation b,
   .lease-calculations .calculation-box .gram-calculation span {
      font-size: 4vw;
   }

   .lease-calculations .calculation-box .gram-calculation span {
      padding: 2.5vw 0px 3.12vw 4.68vw;
   }

   .lease-calculations .duration-box h6 {
      font-size: 3.5vw;
   }

   .lease-calculations .duration-box .duration-lease-container {
      width: 90vw;
      padding: 0;     
      margin: 10px auto;
   }

   .lease-calculations .duration-box .duration-lease-container .swiper-slide a {
      padding: 5px 10px;
   }

   .lease-calculations .duration-box .duration-lease-container a {
      font-size: 3.4vw;
      margin: 0 ;
      padding: 5px 0;
   }

   .lease-calculations .duration-box .duration-lease-container a span {
      display: inline-block;
      padding-left: 5px;
   }

   .lease-calculations .duration-box .maturity-balance {
      padding: 3vw;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
}

   .lease-calculations .duration-box .maturity-balance span {
      font-size: 3vw;
   }

   .redeem-tab-content .gradient-container .grid-box {
      grid-template-columns: 1fr;
	   grid-gap: 10px;
   }

   .redeem-tab-content .gradient-container h4 {
      font-size: 3.5vw;
      margin:0;
   }

   .redeem-tab-content .gradient-container h4 img {
      width: 35px;
   }

   .redeem-tab-content .gradient-container .grid-box .white-box {
      /* flex-direction: column; */
      padding: 2px 5px;
   }

   .redeem-tab-content .gradient-container .grid-box .white-box > div {
      font-size: 3vw;
      padding: 3px 0;
   }

   .redeem-tab-content .gradient-container .grid-box .white-box span {
      display: inline-block;
      padding-left: 5px;
      font-size: 3.5vw;
   }

   .silver-tab .gradient-container .grid-box {
      width: 100%;
   }

   .redeem-page .gold-silver-buy-tabs-container {
      margin: 0 auto 15px;
   }

   .redeem-page .branch-list-container {
      padding-bottom: 5px;
   }

   .redeem-page .branch-list-container select {
      font-size: 4.5vw;
      padding: 10px;
   }

   .redeem-page .branch-list-container h6 {
      padding: 8px 0 4px;
   	font-size: 3.5vw;
   }

   .redeem-page br {
      display: none;
   }

   .redeem-calculation-container {
      grid-template-columns: 1fr;
   }

   .redeem-calculation-container .calculation-box {
      padding: 15px;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;
   }

   .redeem-calculation-container .calculation-box select {
      padding: 10px 60px 10px 10px;
      font-size: 18px;
      background: transparent;
		position: relative;
		z-index: 1;
   }

   .redeem-calculation-container .calculation-box .gm {
      top: 8px;
      font-size: 18px;
      z-index: 0;
   }

   .redeem-calculation-container .calculation-box {
      grid-template-columns: 100px 1fr;
      border: 0;
		padding: 10px 0 0;
   }

   .redeem-calculation-container .calculation-box .price {
      font-size: 16px;
   }

   .redeem-calculation-container .big-button {
      width: 100%;
      margin: 15px 0;
      max-width: 100%;
   }

   .ec-product-listing-container {
      grid-template-columns: 1fr 1fr;
      grid-gap: 6px;
   }
   .ec-product-listing-container a {
      padding: 4px;
   }
   .ec-product-listing-slider a {
      margin: 0;
   }

   .ec-product-listing-slider .swiper-slide b {
      font-size: 14px;
      line-height: 16px;
   }

   .ec-product-listing-slider .swiper-slide p {
      font-size: 12px;
      line-height: 14px;
   }

   .ec-product-detail-container {
      grid-template-columns: 1fr;
      /* padding: 30px 20px 10px !important; */
   }

   .ec-product-detail-container .ec-product-slider {
      /* width: 89vw; 01-04-2025 */
      width: calc(100vw - 6vw);
      aspect-ratio: 1 / 1;
   }
   
   .ec-product-detail-container .ec-product-slider a figure {
      width: 100%;
	   height: 100%;
   }

   .ec-product-detail-container .ec-product-detail {
      margin-top: 5px;
   }

   .ec-product-detail-container .ec-product-detail label,
   .ec-product-detail-container .ec-product-detail b {
      font-size: 5vw;
   }

   .ec-product-detail-container .ec-product-detail span.all-taxes {
      padding-bottom: 5vw;
   }

   .ec-product-detail-container .ec-product-detail p,
   .ec-product-detail-container .ec-product-detail p.stock {
      font-size: 4vw;
      padding-bottom: 3px;
   }

   .ec-product-detail-container .ec-product-detail .heart svg {
      /* margin-top: 7px; 28-03-2025 */
      margin-top: 0px;
	}

   .ec-product-detail-container .ec-product-slider-container {
      flex-direction: column-reverse;
   }

   .ec-product-detail-container .ec-product-thumbnail-slider {
      width: 88vw;
      height: auto;
      margin: 0;
   }

   .ec-product-detail-container .ec-product-thumbnail-slider a {
      margin-bottom: 0;
   }

   .ec-product-detail-container .ec-product-thumbnail-slider figure {
      width: 27vw;
	   height: 27vw;
   }

   .ec-product-detail-container .ec-product-detail .big-button {
      font-size: 4vw;
      height: 36px;
      line-height: 28px;
      width: 150px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .price-breakup h6 {
      padding: 20px 15px 10px;
      font-size: 4.5vw;
   }

   .price-breakup ul {
      padding: 0 15px;
   }

   .price-breakup ul li {
      padding: 5px 0;
   }

   .price-breakup ul li b, 
   .price-breakup ul li span {
      font-size: 3vw;
   }

   .price-breakup ul.grand-total li {
      padding: 10px 0;
   }

   .addresses-list .address .add-details {
      line-height: 30px;
   }

   .addresses-list .address .add-details .small-button {
      padding: 0 20px;
      margin: 10px 10px 0 0;
   }

   .addresses-list .address .store-address b {
      font-size: 18px;
   }

   .addresses-list .address .store-address p {
      padding-bottom: 10px;
   }

   .ec-cart-2col-grid {
		grid-gap: 10px;
	}

   .cart-item-list .cart-item,
   .cart-item-list .cart-item .item {
      grid-template-columns: 135px 1fr;
   }

   .cart-item-list .cart-item {
      padding-bottom: 15px;
      margin-bottom: 15px;
   }

   .cart-item-list .cart-item figure {
      margin-bottom: 15px;
      width: 120px;
	   height: 120px;
   }

   .cart-item-list .cart-item figure h6,
   .cart-item-list .cart-item .item b {
      font-size: 4vw;
   }

   .cart-item-list .cart-item .item h6 {
      padding-bottom: 5px;
      font-size: 4.5vw;
   }

   .cart-item-list .cart-item .item p {
      padding-top: 3px;
      font-size: 4vw;
   }

   .cart-item-list .cart-item .item .small-button {
		margin: 8px 5px 0 0;
      max-width: fit-content;
      padding: 0 15px;
	}

   .cart-item-list-row .cart-item,
   .cart-item-list-row .cart-item .item {
      grid-template-columns: 1fr 210px;
      /* gap: 20px; */
   }

   .cart-item-list-row .cart-item .item-price {
      text-align: left;
   }

   .payment_d_flex .small-button {
      margin: 10px 0 10px 0 !important;
   }

   .shiping-method-container {
      padding: 15px;
   }

   .shiping-method-container .address-options {
      padding: 10px 0 5px;
   }

   .shiping-method-container .radio-checkbox label {
      font-size: 3.5vw;
   }

   .shiping-method-container .grid-row {
      grid-template-columns: 1fr 100px;
      font-size: 14px;
   }

   .shiping-method-container .big-button {
      margin: 30px auto 10px;
   }

   .shiping-method-container .grid-row .big-button {
      margin: 0 0 10px;
      height: 30px;
		line-height: 27px;
		font-size: 3.5vw;
      width: 50vw;
   }

   .shiping-method-container .grid-row .small-button {
      width: 100px;
      height: 30px;
      line-height: 27px;
      margin: 0;
      font-size: 13px;
   }

   .shiping-method-container .grid-row input {
      width: 100%;
      padding: 5px 10px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
}

   .shiping-method-container .grid-row label, 
   .shiping-method-container .grid-row b, 
   .shiping-method-container .grid-row span {
      font-size: 14px;
   }

   .shiping-method-container br {
      display: none;
   }

   .radio-checkbox label.checkbox {
      font-size: 16px !important;
	   line-height: 32px;
   }

   .ec-payment-successfull figure img {
      width: 40vw;
   }

   .ec-payment-successfull .section-title {
      font-size: 6vw;
		padding: 0;
		background: none;
   }

   .ec-payment-successfull h4 {
      font-size: 4.5vw;
   }

   .ec-payment-successfull .grid-row > div,
   .ec-payment-successfull .grid-row > div:nth-child(even) {
      font-size: 4.3vw;
   }

   .wallet-pages-container .coins-balance-box {
      grid-template-columns: 1fr;
      padding: 5px 10px;
      margin-bottom: 15px;
   }

   .wallet-pages-container .coins-balance-box > div {
      text-align: center;
      font-size: 4vw;
      line-height: 8px;
   }

   .wallet-pages-container .coins-balance-box > div b {
      display: block;
      margin-top: -5px;
   }

   .wallet-pages-container .singal-item {
      padding: 5px 10px 12px;
   }

   .wallet-pages-container .singal-item > div {
      line-height: 5px;
   }

   .wallet-pages-container br {
      display: none;
   }

   .wallet-pages-container .grid-row {
      grid-template-columns: 1fr 140px;
      padding: 0.3vh 0;
      font-size: 4vw;
      align-items: flex-start;
   }

   .wallet-pages-container hr {
      margin: 3px 0;
   }

   .wallet-pages-container h4 {
      font-size: 4.3vw;
      margin: 0;
      padding: 1vh 0;
   }

   .wallet-pages-container .coins-summery .grid-row {
      grid-template-columns: 1fr 85px;
   }  

   .wallet-pages-container .coins-summery {
      padding: 0 0 15px;
   }

   .total-payment-box .gift-card-details {
      grid-template-columns: 1fr;
      grid-gap: 5px;
      padding: 5vw 5vw 2.5vw;
   }

   .total-payment-box .gift-card-details > div {
      font-size: 5.5vw;      
   }

   .gift-card-buy-send-options {
      display: flex;
      display: -webkit-flex;
      flex-direction: row;
      justify-content: flex-start;
      align-items: center;
      grid-gap:5px;
   }

   .gift-card-buy-send-options .radio-checkbox {
      margin: 10px 0;
   }

   .receivers-details-container .form-container {
      grid-template-columns: 1fr;
   }

   .receivers-details-container .form-container .input-container p {
      font-size: 14px;
   }

   .gift-card {
      flex-direction: column;
      background-position: top right;
      padding: 35px 25px 25px !important;
      background-size: cover;
      /* background-size: 150%; */
   }

   .gift-card img {
		max-width: 80vw;
	}

   .gift-card .gift_card_title {
      display: none;
		font-size: 8vw;
		padding: 3vh 0;
	}

   .gift-card-purchase .form-container {
      grid-template-columns: 1fr;
      grid-gap: 10px;
      margin: 0 auto;
   }

   .jewelles-gift-card {
      padding: 0 5vw 20px !important;
   }
   
   .jewelles-gift-card .gift_crad_ornate {
      padding: 2vh 0 0;
      text-align: left;
      font-size: 4vw;
   }

   .jewelles-gift-card img {
      display: none;
   }

   .jewelles-gift-card p {
      padding: 15px 0;
		font-size: 3.5vw;
		text-align: left;
   }

   .gift-card-purchase {
		padding: 0 0 20px;
	}

   .gift-card-purchase .form-container label {
      font-size: 16px;
   }

   .gift-card-purchase .form-container .input-container {
      min-height: auto;
   }

   .gift-card-purchase .form-container p {
      font-size: 3.5vw;
   }

   .gift-card-purchase .form-container .input-container b, 
   .gift-card-purchase .form-container .input-container input {
      font-size: 4vw;
   }

   .gift-card-purchase .form-container .quantity-box .quantity a {
      font-size: 14px;
   }

   .gift-card-purchase .form-container .quantity-box .input-container input {
      font-size: 4vw;
   }

   .how-to-use,
   .terms-and-conditions {
      padding: 3vh 0 0;
   }

   .how-to-use .section-title,
   .terms-and-conditions .section-title {
      font-size:4vw;
   }

   .how-to-use .list-container, 
   .terms-and-conditions .list-container {
      padding: 0 5vw 2vw;
   }

   .how-to-use .list-container .list-item, 
   .terms-and-conditions .list-container .list-item {
      padding: 10px 5px 5px 20px;
      font-size: 3.5vw;
   }

   .how-to-use .list-container .list-item::before, 
   .terms-and-conditions .list-container .list-item::before {
      top: 15px;
      width: 10px;
	   height: 10px;
   }

   .how-to-use .list-container .list-item ol {
      padding: 10px 0 10px 20px;
   }

   .multiple-redemption-box {
      grid-template-columns: 1fr 120px;
      padding: 10px 15px;
      border-radius: 15px;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      -o-border-radius: 15px;

      position: fixed;
      bottom: 80px;
      left: 3%;
      width: 94%;
      background: #FFF;
      z-index: 999;
}

   .multiple-redemption-box .big-button {
      margin-top: 20px;
   }

   .multiple-redemption-box label {
      font-size: 3.5vw;
   }

   .multiple-redemption-box b {
      font-size: 4.5vw;
   }

   .my-gold-booking-balance h6 {
      font-size: 3.5vw;
      padding: 0;
   }   

   .my-gold-booking-balance .grid-4col {
		grid-template-columns: 80px 80px 1fr 1fr;
	}

   .my-gold-booking-balance .grid-4col span, 
   .my-gold-booking-balance .grid-4col b {
      font-size: 3vw;
      padding: 5px;
   }

   .gold-sip-multi-banner {
      padding: 15px 0;
      grid-gap: 15px;
   } 

   .gold-sip-multi-banner img {
		width: 100%;
	}

   .single-question-container {
      font-size: 14px;
      padding: 7px 15px;
   }

   .single-question-container a {
		font-size: 11px;
		padding: 1px 7px;
      min-width: 75px;
	}

   .why-gold-sip {
      padding: 15px 0;
      flex-direction: column;
   }

   .why-gold-sip b {
		font-size: 14px;
		padding-bottom: 0;
	}

   .why-gold-sip p {
      padding: 0 15px;
   }

   .gold-sip-listing-container {
      grid-gap: 4vw;
   }

   .gold-sip-listing-container .sip-item {
      width: 100%;
   }

   .gold-sip-listing-container .sip-item .header {
      padding: 10px 4vw 2px;
   }

   .gold-sip-listing-container .sip-item .content {
      padding: 1vw 4vw;
   }

   .gold-sip-listing-container .sip-item .footer {
      padding: 2px 4vw;
   }

   .gold-sip-listing-container .sip-item h5,
   .gold-sip-listing-container .sip-item .grid-box span,
   .gold-sip-listing-container .sip-item .grid-box b {
      font-size: 3.5vw;
   }

   .gold-sip-listing-container .sip-item .grid-box {
      font-size: 3vw;
      grid-gap: 2.5vw;
   }

   .gold-sip-listing-container .sip-item .footer a {
      padding: 0 20px;
      font-size: 3vw;
   }

   .gold-sip .big-button {
      height: 36px;
		line-height: 35px;
		font-size: 4.5vw;
      width: 100%;
      padding: 0;
   }

   .gold-sip h5 {
      font-size: 3.5vw;
      padding-bottom: 10px;
   }
   
   .ref-code-container input {
      padding: 5px 10px;
   }

   .installment-summery h5 {
      font-size: 4vw;
   }

   .installment-summery .flex-row p,
   .installment-summery .flex-row span {
      font-size: 3vw;
   }

   .installment-summery .flex-row p {
      font-weight: 600;
   }

   .saubscribers-details .section-title-container {
      padding: 1.5vw 3vw !important;
   }

   .saubscribers-details .para {
      text-align: justify;
      font-size: 4vw;
      padding: 0 3vw;
   }

   .form-container .input-container.bottom-border {
      padding-bottom: 10px;
   }

   .my-orders-tabs-container a {
      font-size: 4vw;
      padding: 7px 0;
   }

   .my-orders, 
   .my-documents,
   .my-offers {
      padding: 1.5vw 0 !important;
   }

   .saubscribers-details .btn-row {
      padding: 15px 0;
   }

   .my-orders-listing-container,
   .my-documents-listing-container,
   .my-offers-listing-container,
   .gold-sip .installment-listing-container {
      grid-gap: 20px;
   }

   .my-orders-listing-container .order,
   .my-documents-listing-container .document,
   .my-offers-listing-container .offer,
   .gold-sip .installment-listing-container .installment-box {
      width: 100%;
      padding: 10px;
   }

   .my-orders .order-detail-header {
      font-size: 4vw;
      padding-bottom: 3vw;
   }

   .my-orders-listing-container .order .order-detail {
      grid-gap: 10px;
   }

   .my-orders-listing-container .order .order-detail span {
      font-size: 3.5vw;
   }

   .my-orders-listing-container .order .order-detail b {
      font-size: 4vw;
   }

   .order-detail-summery h6 {
		font-size: 4vw;
	}

   .my-offers-listing-container .offer .offer-details {
      grid-template-columns: 100px 1fr;
   }

   .my-offers-listing-container .offer .offer-details figure {
      height: 100px;
   }

   .my-offers-listing-container .offer .offer-details p b {
      font-size: 4.5vw;
   }

   .my-offers-listing-container .offer .offer-details p span {
      font-size: 3.5vw;
   }

   .my-offers-listing-container .offer .offer-validity {
      font-size: 3vw;
      padding: 8px 12px;
      border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
   }

   .my-offers .offer-banner {
      margin-top: 10px;
   }

   .offer-details-container h6 {
      font-size: 4vw;
   }

   .offer-details-container .offer-detail-box {
      margin-top: 4vw;
   }

   .offer-details-container .offer-detail-box ul {
      padding: 15px 15px 0px;
   }

   .offer-details-container .offer-detail-box ul li {
      font-size: 3.5vw;
   }

   .offer-details-container .offer-detail-box ul li:before {
      top: 5px;
   }

   .offer-details-container .offer-detail-box hr {
      margin: 10px 0;
   }

   .offer-details-container .offer-detail-box .validity {
      font-size: 3.5vw;
      padding: 5px 15px 15px;
   }

   .offer-details-container .offer-detail-box b {
      font-size: 3.5vw;
      padding: 15px 15px 0px;
   }

   .offer-details-container .offer-detail-box p {
      padding: 5px 15px 0;
	   font-size: 3vw;
   }

   .offer-details-container .offer-detail-box ul.terms {
      padding: 15px;
   } 

   .offer-details-container .offer-detail-box ul.terms li {
      padding: 0 0 10px 15px;
   }

   .login-page {
      padding: 30px 0 50px;
      margin-bottom: -50px;
   }

   .login-page .login-form {
      width: 90%;
   }

   .login-page .login-form h1 {
      font-size: 6vw;
      padding-bottom: 3vw;
   }

   .login-page .login-form h3 {
      font-size: 4.5vw;
      padding-bottom: 3vw;
   }

   .login-page .login-form label {
      font-size: 14px;
      padding-bottom: 5px;
   }

   .login-page .login-form .input-box {
      padding: 10px 15px;
   }

   .notification-page {
      padding: 5vw 3vw !important;
   }

   .notification-page .grid-row {
      grid-template-columns: 60px 1fr 90px;
   }

   .notification-page .grid-row figure {
      width: 60px;
      height: 60px;
   }

   .notification-page .grid-row figure svg {
      width: 40px;
	   height: 40px;
   }

   .notification-page .grid-row figure .notification-icon-bg {
      width: 55px;
	   height: 55px;
   }

   .notification-page .grid-row p,
   .notification-page .grid-row span {
      font-size: 3.5vw;
   }

   .notification-page .grid-row p b {
      font-size: 4.5vw;
      padding-bottom: 2px;
   }

   .ec-product-listing-container a p {
      font-size: 11px;
   }
   .ec-product-listing-container a b {
      font-size: 12px;
      line-height: 16px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-right: 16px !important;
   }
   .ec-product-listing-container a figure{
      margin: 0 0 10px;
   }

}
@media screen and (max-width: 625px) {
   .collage_squer_6 {
      width: 147px;
      height: 147px;
  }
  .collage_horizontal_3{
      height: 147px;
   }
   .collage_horizontal_2{
      height: 74px;
    }
   .collage_horizontal_1{
      height: 130px;
    }
   .collage_squer_5{
      width: 220px;
      height: 220px;
    }
   .collage_squer_4 {
      width: 297px;
      height: 297px;
  }
  .collage_squer_3 {
   width: auto;
   height: 611px;
}
   .collage_squer_2 {
      width: 222px;
      height: 222px;
  }
   .collage_squer {
      width: 163px;
      height: 163px;
  }
}
@media screen and (max-width: 575px) {
   .tb_flex {
      height: calc(100% - 65px);
   }
   .dropdown_icon::after {
      background-size: 21px;
      width: 21px;
      height: 21px;
   }
    .pd_tbl_three_inner .single-toggle-container.open .single-toggle-btn svg, .pd_tbl_three_inner .single-toggle-container .single-toggle-btn svg {
      background-size: 21px;
      width: 21px;
      height: 21px;
   }
   .pd_tbl_three_inner .inner-title {
      font-size: 16px;
  }
   .input_search_box_m.open_window input {
      padding: 0 15px 0 35px;
      background-color: #eeee;
  }
   .input_search_box_m.open_window {
      max-width: 500px;
      width: 500px;
      background-color: #fff;
      height: 35px;
      top: -16px;
      right: 0;
  }
   .input_search_box_m{
      top: 0;
   }
   .input_search_box_m .close_icon_m{
      font-size: 3.5vw;
      top: 50%;
   }
   .input_search_box_m.open_window .search_new_m {
      top: 2px;
  }
   .search_new_m .search-icon {
      font-size: 3.5vw;
      color: var(--firstColor);
  }
   .input_search_box_m .search_new_m{
      background-color: transparent;
   }
   .offer_card_product_mobile{
      width: 350px;
   }
   .product-slider .swiper-slide span {
      font-size: 12px;
   }
   .new-arrivals-slider .swiper-slide span {
      font-size: 12px;
   }
   .price-breakup .title_main b, .price-breakup .title_main span {
      font-size: 3vw;
   }
   .share_popup .cross_icon_modal {
      right: 0 !important;
   }
   .text_down{
      font-size: 14px;
    }
   .countdown-text b span{
      font-size: 14px;
   }
   .countdown-text b{
      font-size: 14px;
   }
   .terms {
      font-size: 3.6vw;
   }
   .radio-checkbox .checkbox:before{
      padding: 8px;
   }
   .radio-checkbox label.checkbox {
      font-size: 16px !important;
	   line-height: 23px;
   }
   .w_cart_80 {
      width: auto;
  }
   .amount_cart_set{
      padding-top: 0;
   }
   .cart-item-list-row .cart-item .item .item-details {
      padding: 0px 0;
   }
   .padding_tb_10 {
      padding-top: 10px;
      padding-bottom: 10px;
  }
   .ec-payment-successfull .section-title {
      font-size: 5vw;
   }
   .cart-item-list-row .cart-item .item-price b {
      font-size: 16px;
   }
   .cart-item-list-row .cart-item .item figure {
      width: 120px;
      height: 120px;
   }
   .cart-item-list-row .cart-item, .cart-item-list-row .cart-item .item {
      grid-template-columns: 0.8fr auto;
      /* gap: 15px; */
  }
   .mobile_swiper_product_details .swiper_img_small img{
      border: 1px solid var(--firstColor);
   }
   .mobile_swiper_product_details .swiper-button-next{
      top: 50% !important;
      right: -3px !important;
      z-index: 99 !important;
   }
   .mobile_swiper_product_details .swiper-button-prev{
      top: 50% !important;
      left: -3px !important;
      z-index: 99 !important;
     }
   .offer_card_product_details {
      min-width: 100%;
   }
   .collage_rectangle_fix_three{
      height: 428px; 
   }
   .collage_rectangle_fix_second{
      height: 316px;
   }
   .collage_rectangle_fix {
      height: 316px;
      width: 179px;
  }
   .mobile-header a {
      font-size: 3.5vw;
      /* padding: 0 10px; */
      color: var(--firstColor) !important;
  }
  .mobile-header a svg {
   width: 4vw;
  }
   .countdown-text {
      font-size: 14px;
   }
   .collage_squer_6 {
      width: 136px;
      height: 136px;
  }
  .collage_horizontal_3{
      height: 136px;
   }
   .collage_horizontal_2{
      height: 68px;
    }
   .collage_horizontal_1{
      height: 120px;
    }
   .collage_squer_5{
      width: 204px;
      height: 204px;
    }
   .collage_squer_4 {
      width: 262px;
      height: 262px;
  }
   .collage_squer_3 {
      width: 540px;
      height: 540px;
  }
   .collage_squer_2 {
      width: 206px;
      height: 206px;
  }
   .collage_squer {
      width: 150px;
      height: 150px;
  }
   .cross_icon_modal{
      right: 0;
      top: -4px;
   }
   .insta_arrows .carousel-control-prev-icon, .insta_arrows .carousel-control-next-icon{
      width: 2rem;
      height: 2rem;
      background-size: 25px;
   }
   .modal_inner_scroll {
      height: 125px;
  }
  .video_arrows .carousel-control-prev, .video_arrows .carousel-control-next{
   top: 0 !important;
  }
   .insta_arrows .carousel-control-prev{
      left: 0;
      top: -180px;
    }
    .insta_arrows .carousel-control-next{
      right: 0;
      top: -180px;
    }
   .e_store_radius{
      height: 200px;
   }
   .text_estore {
      font-size: 12px;
  }
   .play_img img {
      width: 50px !important;
  }
   .play_img .play_thub {
      width: 24px !important;
  }
   .e_store_border_bottom {
      margin-top: 18px;
      margin-bottom: 18px;
  }
  .e_store_scrolling {
   height: 400px;
   }
   .map_sticky {
      top: 56px;
   }
   .message_header_btn {
      height: 40px !important;
   }
  .message_header {
   height: 40px;
   }
   .details_btn, .redeem_button{
      min-width: 150px;
      line-height: 24px;
      text-align: center;
      font-size: 16px;
   }
   .click_here_btn {
      min-width: 90px;
   }
   .message_header{
      gap: 10px;
   }
}
@media screen and (max-width: 525px) {
   .collage_rectangle_fix_three {
      height: 595px;
  }
   .collage_rectangle_fix_second{
      height: 500px;
   }
   .collage_rectangle_fix {
      height: 500px;
      width: 100%;
  }
   body {
      padding: 0 0 11.5vh;
  }
   .collage_squer_6 {
      width: 100%;
      height: 100%;
  }
   .collage_squer_5 {
      width: auto;
      height: auto;
  }
   .collage_horizontal_1, .collage_horizontal_2, .collage_horizontal_3 {
      height: auto;
  }
   .collage_squer_3 {
      width: auto;
      height: 427px;
  }
  .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 235px;
      height: 235px;
  }
   .collage_squer_main{
      width: auto;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
   }
   .w_40, .w_27, .w_45, .w_30, .w_35{
      width: 100%;
    }
}
@media screen and (max-width: 450px) {
   .filter_sticky_bottom .btn-row{
      padding: 25px 15px 45px 15px !important;
   }
   .input_search_box_m.open_window .search_new_m {
      top: 2px;
      width: 30px;
  }
   .input_search_box_m input {
      font-size: 14px;
   }
   .input_search_box_m.open_window input {
      padding: 0 15px 0 30px;
      background-color: #eeee;
  }
   .input_search_box_m.open_window {
      max-width: 500px;
      width: 380px;
      background-color: #fff;
      height: 25px;
      top: -14px;
      right: 0;
  }
   .input_search_box_m{
      top: 0;
   }
   .input_search_box_m .close_icon_m{
      font-size: 14px;
   }
   .search_new_m .search-icon {
      font-size: 3.5vw;
      color: var(--firstColor);
  }
   .offer_card_product_mobile{
      width: 230px;
   }
   .offer-zoom-slider {
      padding: 29px 0;
  }
   .pb_0{
      padding-bottom: 0 !important;
   }
   .shiping-method-container .grid-row input.w_100 {
      width: 70%;
  }
   .terms p{
      padding-top: 0;
   }
   .terms .radio-checkbox label {
      height: 2.3vh;
  }
  .radio-checkbox .checkbox:before{
   padding: 7.5px;
  }
   .ec-payment-successfull h4 {
      font-size: 4.8vw;
  }
   .cart-item-list-row .cart-item .item-price b {
      font-size: 14px;
      font-weight: 600;
  }
   .ec-payment-successfull .grid-row > div, .ec-payment-successfull .grid-row > div:nth-child(even) {
      font-size: 3.5vw;
  }
   .cart-item-list-row .cart-item, .cart-item-list-row .cart-item .item {
      grid-template-columns: 0.8fr auto;
   }
   .padding_tb_10 {
      padding-top: 6px;
      padding-bottom: 6px;
  }
   .cart-item-list-row .cart-item .item-price b {
      font-size: 14px;
      font-weight: 600;
  }
   .cart-item-list-row .cart-item .item figure {
      width: 100px;
      height: 100px
   }
   /* .section-title {
      font-size: 17px;
   }
      27-03-2025   
   */
   .section-title {
      font-size: 15px;
      padding-top: 20px;
   }
   .sub_title_text{
      font-size: 16px;
   }
   .offer_card_product {
      font-size: 12px;
      line-height: 14px;
      left: 0px;
   }
   .collage_rectangle_fix_three {
      height: 482px;
  }
   .customer-view-slider .swiper-pagination {
      padding: 0;
      margin: 25px 0 10px;
   }
   .faqs-list-container ul li a::after {
      width: 8px;
      height: 8px;
      top: 20px;
  }
   .faqs-list-container ul li a::before {
      width: 8px;
      height: 8px;
   }
   .faqs-list-container ul li p.content {
      font-size: 14px;
  }

  /* faq accordion responsive style */
      
   .faqs-list-container .accordion-item p.content{
      font-size: 14px;
   }
      
   .faqs-list-container .accordion-button::before{
      width: 8px;
      height: 8px;
   }
   
   .faqs-list-container .accordion-button::after{
      width: 8px;
      height: 8px;
      top: 20px;
   }

   body {
      padding: 0vh 0 11.5vh;
  }
   .col-custom-5 {
      flex: 0 0 auto;
      width: 50%;
   }
   .image_fade_box a figure.image_fade {
      height: 180px;
  }
   .collage_squer_6 {
      width: 100%;
      height: 100%;
  }
   .collage_squer_5 {
      width: auto;
      height: auto;
  }
   .collage_horizontal_1, .collage_horizontal_2, .collage_horizontal_3 {
      height: auto;
  }
   .collage_squer_3 {
      width: auto;
      height: 399px;
  }
  .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 191px;
      height: 191px;
  }
   .collage_squer_main{
      width: 100%;
      display: flex;
      flex-direction: row;
   }
   .w_40, .w_27, .w_45, .w_30, .w_35{
      width: 100%;
    }
   .box-shadow .grid-2col li span {
      font-size: 13px;
  }
   .product_details_tab .nav-link, .product_details_tab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      padding: 8px 20px;
   }
   .video_tag_insta{
      height: 250px;
    }
   .insta_carsol_img img {
      height: 250px;
  }
   #backtotop {
      bottom: 80px;
   }
   .image_fade_box a figure .image_fade{
      height: 180px;
   }
   .e_store_scrolling {
      height: 320px;
      }
   .play_img img {
      width: 40px !important;
  }
   .play_img .play_thub {
      width: 20px !important;
  }
   .map_sticky {
      top: 46px;
  }
   .marquee_mt{
      margin-top: 0px;
      /* margin-top: 10px; */
   }
   .message_header {
      height: 42px;
      font-size: 12px;
  }
   .circle_icon{
      font-size: 20px;
   }
   .close_icon_header {
      right: 6px;
      top: 12px;
   }
   /* .new_image_catloge a figure img {
      height: 180px !important;
  } */
   .details_btn, .redeem_button{
      min-width: 100px;
      line-height: 20px;
      text-align: center;
      font-size: 14px;
   }
  .media {
      bottom: 90px;
  }

   h1.page-section-title {
      font-size: 16px;
      padding: 0 0 10px !important;
   }

   .todays-rate-slider .swiper-slide {
      text-align: center;
      padding: 5px 0;
   }

   .todays-rate-slider .swiper-slide > div img {
      width: 28px;
      margin-right: 4px;
   }

   .gradient-container {
      margin: 0 auto;
      padding: 15px;
   }

   .gradient-container-2 {
      margin: 10px auto;
   }

   .gradient-container .grid-box p {
      font-size: 3vw;
      padding: 7px;
   }

   .gradient-container .redeem-gold-grid-box {
      grid-template-columns: 1fr;
   }

   .gradient-container .redeem-gold-grid-box .white-box {
      padding: 5px;
   }

   .gradient-container .redeem-gold-grid-box .white-box > div  {
      font-size: 12px;
   }

   /*.gradient-container .redeem-gold-grid-box .white-box span {
      display: inline-block;
      padding-left: 5px;
   } */

   .circle-thumbpic-slider .swiper-slide figure {
      width: 70px;
      height: 70px;
      -webkit-box-shadow: 0 0 0 1px var(--firstColor);
      box-shadow: 0 0 0 1px var(--firstColor);
   }

   .circle-thumbpic-slider .swiper-slide span {
      font-size: 13px;
      padding-top: 10px;
      line-height: 15px;
   }

   .circle-thumbpic-slider .swiper-slide:hover figure, 
   .circle-thumbpic-slider .swiper-slide.selected figure {
      -webkit-box-shadow: 0 0 0 3px var(--firstColor);
      box-shadow: 0 0 0 3px var(--firstColor);
   }

   .filter-section {
      flex-direction: column;
      align-items: flex-start;
      font-size: 16px;
   }

   .filter-section .filter-btn {
      padding-bottom: 15px;
      font-size: 16px;
   }

   .filter-section .sort-by {
      width: 100%;
      font-size: 16px;
   }

   .filter-popup-container .filter-container {
      width: 90%;
   }

   .transaction-filter {
      padding: 10px 5px 0 !important;
   }

   .transaction-filter .filter-btn {
      padding: 0;
   }

   .addresses-list .address {
      padding-bottom: 15px;
      margin-top: 15px;
   }
   .video_frame::before{
      border-radius: 22px;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
   }
   .video_frame::after {
      width: 50px;
      height: 50px;
      position: absolute;
      top: 50%;
      left: 50%;
  }
  .logout_fix .powered_ornate {
     font-size: 12px;
   }
   .logout_fix .powered_ornate img {
      width: 100%;
      max-width: 85px;
   }
}
@media screen and (max-width: 420px) {
   
   .radio-checkbox input[type="checkbox"]:checked + .checkbox:after {
      top: 5px;
      width: 5px;
      height: 10px;
      left: 6px;
   } 
   .input_search_box_m.open_window {
      width: 350px;
   }
.collage_squer_4, .collage_squer, .collage_squer_2 {
   width: 189px;
   height: 189px;
}
}
@media screen and (max-width: 415px) {
   .mobile_header_w {
      width: 28%;
  }
.collage_squer_4, .collage_squer, .collage_squer_2 {
   width: 186px;
   height: 186px;
}
}
@media screen and (max-width: 395px) {
   .offer-zoom-slider {
      padding: 27px 0;
  }
   .terms p{
      padding-top: 4px;
   }
   .padding_tb_10 {
      padding-top: 6px;
      padding-bottom: 4px;
  }
   .cart-item-list-row .cart-item .item-price b {
      font-size: 14px;
      font-weight: 600;
  }
   .mobile_header_w {
      width: 26%;
  }
   .sub_title_text{
      font-size: 14px;
   }
   .offer_card_product_slider{
      font-size: 12px;
      line-height: 7px;
   }
 .collage_rectangle_fix, .collage_rectangle_fix_second, .collage_rectangle_fix_three {
      height: 425px;
  }
   .customer-view-slider .swiper-pagination {
      padding: 0;
      margin: 20px 0 0px;
   }
   body {
      padding: 0vh 0 11.5vh;
  }
   .image_fade_box a figure.image_fade {
      height: 150px;
  }
   .collage_squer_3 {
      width: auto;
      height: 352px;
  }
  .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 178px;
      height: 178px;
  }
   .customer-view-slider-testimonial .swiper-slide .customer-view-box h5{
      margin-bottom: 0 !important;
   }
   .Stars{
      font-size: 22px;
   }
   .customer-view-slider-testimonial .swiper-slide .customer-view-box h5, .customer-view-slider .swiper-slide .customer-view-box h5{
      font-size: 14px;
   }
   .image_fade_box a figure .image_fade{
      height: 140px;
   }
   .e_store_scrolling {
      height: 300px;
  }
   .map_sticky {
      top: 42px;
  }
   .marquee_mt{
      margin-top: 0px;
      /* margin-top: 7px; */
   }
   .bullet_icon{
      font-size: 25px;
   }
   .circle_icon {
      font-size: 16px;
  }
   /* .new_image_catloge a figure img {
      height: 140px !important;
  } */
   .details_btn, .redeem_button{
      min-width: 80px;
      line-height: 20px;
      text-align: center;
      font-size: 12px;
   }
}
@media screen and (max-width: 390px) {
   .input_search_box_m.open_window {
      width: 330px;
  }
   .offer_card_product_mobile {
      font-size: 12px;
      width: 200px;
  }
   .offer-zoom-slider {
      padding: 26px 0;
  }
   .terms p{
      padding-top: 2px;
   }
   .padding_tb_10 {
      padding-top: 6px;
      padding-bottom: 4px;
  }
   .cart-item-list-row .cart-item .item-price b {
      font-size: 14px;
      font-weight: 600;
  }
   .mobile_header_w {
      width: 26%;
  }
   .sub_title_text{
      font-size: 14px;
   }
   .offer_card_product_slider{
      font-size: 12px;
      line-height: 7px;
   }
 .collage_rectangle_fix, .collage_rectangle_fix_second, .collage_rectangle_fix_three {
      height: 425px;
  }
   .customer-view-slider .swiper-pagination {
      padding: 0;
      margin: 20px 0 0px;
   }
   body {
      padding: 0vh 0 11.5vh;
  }
   .image_fade_box a figure.image_fade {
      height: 150px;
  }
   .collage_squer_3 {
      width: auto;
      height: 352px;
  }
  .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 175px;
      height: 175px;
  }
   .customer-view-slider-testimonial .swiper-slide .customer-view-box h5{
      margin-bottom: 0 !important;
   }
   .Stars{
      font-size: 22px;
   }
   .customer-view-slider-testimonial .swiper-slide .customer-view-box h5, .customer-view-slider .swiper-slide .customer-view-box h5{
      font-size: 14px;
   }
   .image_fade_box a figure .image_fade{
      height: 140px;
   }
   .e_store_scrolling {
      height: 300px;
  }
   .map_sticky {
      top: 42px;
  }
   .marquee_mt{
      margin-top: 0px;
      /* margin-top: 7px; */
   }
   .bullet_icon{
      font-size: 25px;
   }
   .circle_icon {
      font-size: 16px;
  }
   /* .new_image_catloge a figure img {
      height: 140px !important;
  } */
   .details_btn, .redeem_button{
      min-width: 80px;
      line-height: 20px;
      text-align: center;
      font-size: 12px;
   }
}
@media screen and (max-width: 375px) {
   .terms p{
      padding-top: 1px;
   }
   .padding_tb_10 {
      padding-top: 6px;
      padding-bottom: 4px;
  }
   .cart-item-list-row .cart-item .item-price b {
      font-size: 14px;
      font-weight: 600;
  }
   .mobile_header_w {
      width: 26%;
  }
   .sub_title_text{
      font-size: 14px;
   }
   .offer_card_product_slider{
      font-size: 12px;
      line-height: 7px;
   }
 .collage_rectangle_fix, .collage_rectangle_fix_second, .collage_rectangle_fix_three {
      height: 425px;
  }
   .customer-view-slider .swiper-pagination {
      padding: 0;
      margin: 20px 0 0px;
   }
   body {
      padding: 0vh 0 11.5vh;
  }
   .image_fade_box a figure.image_fade {
      height: 150px;
  }
   .collage_squer_3 {
      width: auto;
      height: 352px;
  }
  .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 168px;
      height: 168px;
  }
   .customer-view-slider-testimonial .swiper-slide .customer-view-box h5{
      margin-bottom: 0 !important;
   }
   .Stars{
      font-size: 22px;
   }
   .customer-view-slider-testimonial .swiper-slide .customer-view-box h5, .customer-view-slider .swiper-slide .customer-view-box h5{
      font-size: 14px;
   }
   .image_fade_box a figure .image_fade{
      height: 140px;
   }
   .e_store_scrolling {
      height: 300px;
  }
   .map_sticky {
      top: 42px;
  }
   .marquee_mt{
      margin-top: 0px;
      /* margin-top: 7px; */
   }
   .bullet_icon{
      font-size: 25px;
   }
   .circle_icon {
      font-size: 16px;
  }
   /* .new_image_catloge a figure img {
      height: 140px !important;
  } */
   .details_btn, .redeem_button{
      min-width: 80px;
      line-height: 20px;
      text-align: center;
      font-size: 12px;
   }
}
@media screen and (max-width: 360px) {
   .input_search_box_m.open_window {
      width: 310px;
      top: -12px;
  }
   .offer-zoom-slider {
      padding: 25px 0;
  }
   .radio-checkbox .checkbox:before {
      padding: 7px;
  }
   .radio-checkbox label.checkbox {
      font-size: 14px !important;
   }
   .mobile_header_w {
      width: 25%;
  }
   .sub_title_text{
      font-size: 12px;
   }
   .collage_squer_3 {
      height: 338px;
  }
   .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 161px;
      height: 161px;
  }
   .circle_icon {
      font-size: 14px;
  }
   .e_store_scrolling {
      height: 260px;
  }
   .map_sticky {
      top: 41px;
  }
   .marquee_mt {
      margin-top: 0px;
      /* margin-top: 5px; */
  }
  .media {
      bottom: 80px;
  }
   #ui-datepicker-div {
      width: 315px;
   }

   .mobile-menu-container .mobile-menu .profile {
      padding: 10px 20px;
   }

   .mobile-menu-container .mobile-menu .menu-links {
      /* padding: 10px 20px; */
      /* height: 70.9vh; */
      overflow: auto;
   }

   .mobile-menu-container .mobile-menu ul {
      height: 60vh;
   }

   .mobile-menu-container .mobile-menu ul a {
      /* padding: 7px 0; */
   }

   .mobile-menu-container .mobile-menu ul a figure svg {
      width: 20px;
   }

   .mobile-menu-container .mobile-menu ul li.submenu > a:after {
      width: 16px;
      height: 16px;
      top: 13px;
      right: 4px;
   }
   .mobile-menu-container .mobile-menu ul li.submenu > a.open:after{
      top: 18px;
   }

   .mobile-menu-container a.logout {
      font-size: 4.3vw;
      padding: 10px 25px !important;
   }

   .BSLR-tabs-container {
      margin: 4vw 0 3vw !important;
   }

   .transactions-container .transaction-box .grid-box-white.btns-container {
      grid-template-columns: 100px 1fr;
   }

   .transactions-container .lease-box .btns-container .cancel-lease-btn, 
   .transactions-container .lease-box .btns-container .download-doc-btn {
      padding: 3px 10px;
      margin: 0 0 5px;
   }

   .transactions-container .lease-box .btns-container .cancel-lease-btn, 
   .transactions-container .transaction-box .btns-container .gift-someone-btn {
      margin: 5px 5px 10px 0;
      padding: 3px 5px;
   }

   .transactions-container .lease-box .btns-container .download-doc-btn {
      margin: 0 0 5px auto;
   }

   .ec-product-detail-container .ec-product-detail .big-button {
      width: 130px;
   }

   .my-gold-booking-balance .grid-4col {
		grid-template-columns: 50px 60px 1fr 1fr;
	}

   .my-gold-booking-balance .grid-4col span, 
   .my-gold-booking-balance .grid-4col b {
      font-size: 11px;
      padding: 3px 5px;
   } 

}
@media screen and (max-width: 352px) {
   .input_search_box_m.open_window input {
      padding: 0 15px 0 28px;
   }
   .input_search_box_m.open_window .search_new_m {
      top: 0px;
  }
   .input_search_box_m.open_window {
      width: 280px;
  }
   .offer_card_product_mobile {
      width: 180px;
  }
   .terms p{
      padding-top: 2.5px;
   }
   .mobile_header_w {
      width: 24%;
  }
   .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 156px;
      height: 156px;
   }
}
@media screen and (max-width: 344px) {
   .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 152px;
      height: 152px;
   }
}
@media screen and (max-width: 325px) {
   .mobile_header_w {
      width: 22%;
  }
   .collage_rectangle_fix, .collage_rectangle_fix_second, .collage_rectangle_fix_three {
      height: 363px;
  }
   body {
      padding: 0vh 0 11.5vh;
  }
   .collage_squer_3 {
      height: 300px;
  }
  .collage_squer_4, .collage_squer, .collage_squer_2 {
      width: 142px;
      height: 142px;
  }
   .e_store_scrolling {
      height: 250px;
  }
   .map_sticky {
      top: 39px;
  }
   .marquee_mt {
      margin-top: 0px;
      /* margin-top: 3px; */
  }
}

/* Ecommerce-product-detail-new-fix */

.pd_tbl_three_inner ul li,
.pd_tbl_three_inner ul li .pd_diamond {
   display: grid;
   grid-template-columns: repeat(2,1fr);
   gap: 0 15px;
}
.pd_tbl_three_inner ul .col_span_two {
   grid-column: span 2/span 2;
}
.pd_tbl_three_inner ul li .info_label {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}
.pd_tbl_three_inner ul li p {
   font-weight: 400;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.ec-product-detail .product_title {
   display: grid;
   grid-template-columns: auto 100px;
   gap: 15px;
}
.ec-product-detail .product_title .product_share_icons {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   align-items: center;
   justify-items: end;
   gap: 10px;
}
.ec-product-detail .product_title .product_share_icons .ps_icons .whatsapp_icon svg  {
   width: 27.5px;
}
.ec-product-detail .product_title .product_share_icons .ps_icons svg,
.ec-product-detail .product_title .product_share_icons .ps_icons {
   width: 24px;
   height: auto;
}
.ec-product-detail .product_title .product_share_icons .ps_icons svg,
.ec-product-detail .product_title .product_share_icons .ps_icons {
   position: relative;
   right: 0;
   left: 0;
   top: unset;
   bottom: unset;
}
.ec-product-detail .product_title .product_share_icons .heart .svgNormal:hover path {
   fill: var(--firstColor) !important;
}
.order_info {
   background: var(--footerBG);
   padding: 10px !important;
   border-radius: 15px;
}

/* .product_share_icons img {
   opacity: 0.8;
}
.product_share_icons img:hover {
   opacity: 1;
}
.product_share_icons .ps_icons img.svgSelected {
   display: none;
}
.product_share_icons .ps_icons.selected img.svgNormal {
   display: none;
}
.product_share_icons .ps_icons.selected img.svgSelected {
   display: block;
   opacity: 1 !important;
} */

/*.ec-product-detail-container { 
   gap: 30px;
}
.main_product_img,
.zoomWrapper {
   aspect-ratio: 1/1;
}

.zoomWrapper
/* .zoomTint */
/* .zoomContainer img, */
/* .zoomWrapper img  */

/*
{
   width: 100% !important;
   height: auto !important;
}
.zoomWrapper img {
   width: calc(100% - 116px) !important;
   height: auto !important;
}
@media only screen and (max-width: 1025px) {
   .ec-product-detail-container {
      grid-template-columns: repeat(2,1fr);
      gap: 20px;
   }
   .zoomWrapper img { 
      width: 100% !important;
   }
   .offer_card_product_details {
      width: 100%;
      min-width: -webkit-fill-available;
   }
   .product_img_gallery {
      width: 100% !important;
      margin: 10px 0 0;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
   }
   .product_img_gallery a img {
      margin: 0 !important;
   }
}
@media only screen and (min-width:767px) and (max-width: 830px) {
   .zoomLens{
      width: 160px !important;
      height: 160px !important;
   }
   .zoomWindowContainer .zoomWindow {
      width: 250px !important;
      height: 250px !important;
   } 
   .product_img_gallery a img { 
      width: 100%;
      max-width: 70px !important;
   }
}
@media only screen and (max-width: 600px) { 
   .ec-product-detail-container {
      grid-template-columns: repeat(1,1fr);
      gap: 15px;
   }
   .product_img_gallery a img { 
      width: 100%;
      max-width: 70px !important;
   }
   .zoomLens{
      width: 160px !important;
      height: 160px !important;
   }
   .zoomWindowContainer .zoomWindow {
      width: 250px !important;
      height: 250px !important;
      left: 0 !important;
      top:100% !important;
   } 
}*/

@media only screen and (max-width: 600px) {
   /* .product-slider-video-youtube .slider-button-prev,
   .product-slider-video-youtube .slider-button-next {
      display: block !important;
      z-index: 999999999;
   } */
}

/* Ecommerce product details */
.new_border_design.open .single-toggle-btn {
   border: 1px solid #666;
   border-radius: 8px;
   padding: 10px;
   justify-content: space-between !important;
}
.new_border_design .single-toggle-btn {
   border: 1px solid #666;
   border-radius: 8px 8px 0 8px;
   padding: 10px;
   justify-content: space-between !important;
}
.new_border_design .pd_tbl_three_ul {
   border-top: 0;
   border-radius: 0 0 8px 8px;
}

.new_border_design .single-toggle-btn svg {
   /* background-image: url("../images/svg-icons/minus-small.svg"); */
   background-image: url("../images/svg-icons/angle-down.svg");
   background-repeat: no-repeat;
   background-size: cover !important;
   width: 18px !important;
   height: 18px !important;
}

.new_border_design.open .single-toggle-btn svg {
   /* background-image: url("../images/svg-icons/plus-small.svg"); */
   background-image: url("../images/svg-icons/angle-up.svg");
   background-repeat: no-repeat;
   background-size: cover !important;
   width: 18px !important;
   height: 18px !important;
}

@media only screen and (max-width: 1030px) {
   .new_border_design .single-toggle-btn {
      border-radius: 8px 8px 0 0;
  }
  .new_border_design .single-toggle-option { 
   padding: 0 !important;
  }
}
@media only screen and (max-width: 600px) {
   .box-shadow .pd_accordion_style li {
      padding: 5px 0 !important;
   }
}


/* Product listing title space issue 26-03-2025 */
.product_list_container {
   padding-top:15px !important;
}
@media only screen and (max-width: 1025px) {  
   .ec-product-detail-container {
      display: grid;
      grid-template-columns: 50% 50%;
      align-items: flex-start;
   }
   .single_product_page .zoomWrapper div {
      display: none !important;
      width: 0 !important;
      height: 0 !important;

   }
   .single_product_page .zoomTint,
   .single_product_page .zoomWindow,
   .single_product_page .zoomLens {
      display: none !important;
   }
   .single_product_page .zoomWrapper,
   .single_product_page .zoom-left img#zoom_03 {
      width: 100% !important;
   }
   .single_product_page .ec-product-detail-container .zoom-left .product_view_img {
      overflow: hidden !important;
   }
   .single_product_page .ec-product-detail-container .zoom-left .product_view_img img {
      width: 100% !important;
      position: relative !important;
      aspect-ratio: 1/1;
   }
   .ec-product-detail-container .product_img_gallery {
      display: grid;
      grid-template-columns: repeat(5,1fr);
      gap: 10px;
      width: 100% !important;
   }
   .ec-product-detail-container .product_img_gallery img {
      margin: 0 !important;
      width: 100% !important;
   }
   .offer_card_product_details {
      min-width: -webkit-fill-available;
  }
  .form-select {
      min-height: 40px;
      padding: 5px 10px;
   }
}

/* Product Listing Desktop 25-04-2025 */
@media only screen and (max-width: 1025px) {
   .product_list_filter {
       grid-template-columns: repeat(1,1fr);
   }
   .product_list_filter .plf_left {
       position: fixed;
       left: -100%;
       transition: all 1s ease;
       background: var(--white);
       z-index: 99999;
       width: 50%;
       height: 100%;
       overflow-y: auto;
       top: 0;
   }
   .product_list_filter .plf_left.open {
       left: 0;
       transition: all 1s ease;
   }
}
/* Product Listing Desktop 25-04-2025 */


@media only screen and (max-width: 900px) { 
   .product_list_container {
      padding-top: 10px !important;
   }

   /* Product Listing Desktop 25-04-2025 */
   .product_listing_new {
      grid-template-columns: repeat(2, 1fr);
   }
   /* Product Listing Desktop 25-04-2025 */
}
@media only screen and (max-width: 600px) { 
   .product_list_container {
      padding-top: 2px !important;
   }
   .popup-inner figure img {
      max-height: 50px;
   }
   .ec-product-detail-container {
      grid-template-columns: repeat(1,1fr);
      gap: 10px;
   }
   .new_border_design.open .single-toggle-btn {
      padding: 5px 10px;
   }
   .ec-product-detail-container .product_details_btns_flex {
      gap: 15px !important;
   }
   .ec-product-detail-container .ec-product-detail .product_details_btns_flex .big-button {
      margin-right: 0 !important;
      width: -webkit-fill-available;
   }
   .padding_20_main_details {
      padding: 10px 15px !important;
   }
   .form-select {
      min-height: 40px;
      padding: 5px 10px;
   }

   /* Product Listing Desktop 25-04-2025 */
   .product_listing_new {
      grid-template-columns: repeat(1, 1fr);
  }

  .product_list_filter .plf_left {
      width: 75%;
  }
  .product_list_filter .plf_left .plf_box {
      padding: 20px 15px;
  }
  .product_list_filter .plf_left .range-slider {
      margin: 5px 0 10px;
  }
  .product_list_filter .plf_left .plf_box .plfb_item:not(:first-child) {
      margin-top: 20px;
  }

  .product_list_filter .plf_right .plf_right_top {
      padding-bottom: 20px;
      margin-bottom: 20px;
  }
  .product_list_filter .plf_right .plf_right_top select {
      max-width: 200px;
  }

  .product_list_filter .plf_left .sidbar_img {
      margin-top: 20px; 
  }
   /* Product Listing Desktop 25-04-2025 */
}

.ocps_fix {
   line-height: 20px;
   display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important; 
    white-space: normal !important;
}
@media screen and (max-width: 450px) {
   .ocps_fix {
       font-size: 12px;
       line-height: 14px;
   }
}

.icon_size {
   font-size: 20px;
   line-height: 1;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bg-none {
   background: none !important;
}

.desktop_logo {
   max-height: 50px;
   max-width: 300px;
   object-fit: contain;
}
.mobile_logo {
   width: 100%;
   display: block;
   height: auto;
   max-height: 40px;
   max-width: 200px;
   object-fit: contain;
}
.mobile_header_Search {
   margin: 1px 10px 10px;
}
.mobile_header_Search .search_icon {
   position: absolute;
   left: 8px;
   top: calc(50% - 10px);
   font-size: 20px;
   color: var(--firstColor) !important;
}
.mobile_header_Search .clean_icon {
   position: absolute;
   right: 8px;
   top: calc(50% - 10px);
   font-size: 20px;
   color: var(--firstColor) !important;
}
.mobile_header_Search input {
   width: 100%;
   border: 1px solid #cfcec8;
   border-radius: 12px;
   padding: 6px 34px 6px 34px;
}

.language_icon,
.language_icon path {
   stroke: var(--firstColor) !important;
}

.font-weight-SemiBold {
   font-weight: 600;
}

/* Price Alert */
.metal_price_alert input,
.metal_price_alert .form-check-input {
   border-color: var(--firstColor);
}
.metal_price_alert .form-check-input:checked {  
   background-color: var(--firstColor);
   border-color: var(--firstColor);
}
.metal_price_alert .input-group-text {  
   background-color: var(--firstColor);
   border-color: var(--firstColor);
   color: var(--secondColor);
}
.metal_price_alert .disabled {
   opacity: 0.5;
   pointer-events: none;
}
@media only screen and (max-width: 600px) {
   .metal_price_alert .card {
      font-size: 14px;
   }
}
/* Price Alert */

/* Single product price tab */
.product_details_tab {
   gap: 20px;
}
.product_details_tab .nav-link {
   padding: 0 5px 10px !important;
   border-radius: 0 !important;
   position: relative;
}
.product_details_tab .nav-link.active {
   background: transparent !important;
   color:  var(--firstColor) !important;
}
.product_details_tab .nav-link:before{
   background-color: var(--firstColor);
   content: "";
   display: block;
   left: 0;
   position: absolute;
   top: calc(100% - 3px);
   transition: all .33s ease-in-out;
   z-index: 1;
   height: 4px;
   width: 0;
}
.product_details_tab .nav-link.active:before {
   width: 100%;  
}
.product_details_tab .nav-link:hover:before {
   transition: opacity 10ms,height .25s ease-out,width .25s ease-out;
   width: 100%;
}
@media only screen and (max-width: 600px) { 
   .product_details_tab {
      gap: 10px;
   }
}
/* Single product price tab */

.desktop-footer .footer-grid .main_footer_links h6 {
   padding-bottom: 10px !important;
}
.desktop-footer .footer-grid .main_footer_links ul {
   margin-left: 2px !important;
   word-break: break-all !important;
}
.desktop-footer .text_line_height_24,
.desktop-footer .footer-grid .main_footer_links ul li a {
   line-height: 24px !important;
}
.desktop-footer .font_weight_SemiBold {
   font-weight: 600 !important;
}


.open_down_search {
   width: 35%;  
   bottom: 0px;
   left: auto;
   right: 0;
   z-index: 10;
   box-shadow: 0px 0px 33px -15px rgb(0 0 0 / 38%);
   transform: translate3d(0px, -500%, 0px);
   transition: all 0.5s ease;
}
.open_down_search.active {
   transform: translate3d(0px, 100%, 0px);
   transition: all 0.5s ease;
}
.input_search_box {
   border: none !important;
   opacity: 0;
   visibility: hidden;
   transition: all 0.5s ease;
   top: calc(50% - 24px) !important;
   right: -5px !important;
}
.input_search_box.open{
   transition: all 0.5s ease;
   opacity: 1;
   visibility: visible;
   height: 48px !important;
   border: 1px solid var(--firstColor) !important;
}
.input_search_box.open input{
   min-height: 46px !important;
}
.input_search_box .close-icon {
   transform: none !important;
   padding: 0 !important;
}

.input_search_box input,
.open_down_search input {
   width: 100% !important;
   border: 0 !important;
   min-height: 48px !important;
   padding: 0 60px !important;
}
.input_search_box .fi,
.open_down_search .fi {
   position: absolute;
   top: calc(50% - 10px);
   color: var(--firstColor);
   z-index: 1;
}
.input_search_box .fi-rr-cross-small,
.open_down_search .fi-rr-cross-small {
   right: 20px;
}
.input_search_box .fi-rr-search,
.open_down_search .fi-rr-search {
   left: 20px;
}
.cursor_pointer {
   cursor: pointer;
}

.zindex-9 {
   z-index: 99;
}



/* Product Listing Desktop 25-04-2025 */
/* .product_list_filter {
    display: grid;
    grid-template-columns: 350px auto;
    gap: 30px;
}

.product_list_filter .plf_left .sidbar_img {
    margin-top: 30px;
}
.product_list_filter .plf_left .plf_box {
    background: var(--footerBG);
    padding: 35px 20px;
}
.product_list_filter .plf_left .plf_box .plfb_item:not(:first-child) {
    margin-top: 50px;
}

.product_list_filter .plf_left .plf_box .plfb_btns {
    margin-top: 35px;
    display: flex;
    gap: 20px;
}
.product_list_filter .plf_left .plf_box .plfb_btns button {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0%;
    padding: 13px 20px;
    border: 1px solid var(--firstColor);
    background: var(--firstColor);
    color: var(--white);
}
.product_list_filter .plf_left .plf_box .plfb_btns button.secoundry,
.product_list_filter .plf_left .plf_box .plfb_btns button:hover {
    color: var(--firstColor);
    background: transparent;
}
.product_list_filter .plf_left .plf_box .plfb_btns button.secoundry:hover {
    background: var(--firstColor);
    color: var(--white);
}


.product_list_filter .plf_left h5 {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0%;
    margin-bottom: 15px;
}
.product_list_filter .options_list div {
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.product_list_filter .options_list div:not(:last-child) {
    border-bottom: 1px solid #AAAAAA;
}
.product_list_filter .options_list div p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0%;
    color: var(--textColor);
}
.product_list_filter .options_list div p.count,
.product_list_filter .options_list div.active p {
    font-weight: 600;
    color: var(--firstColor);
}

.product_list_filter .plf_left .range-slider {
    position: relative;
    height: 10px;
    margin: 25px 0 10px;
}
.product_list_filter .plf_left .range-values {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0%;
}
.product_list_filter .plf_left .range-slider::before {
    content: ' ';
    width: 100%;
    position: absolute;
    height: 2px;
    background: var(--black);
    top: calc(50% - 1px);
}
@-moz-document url-prefix() {
    .product_list_filter .plf_left .range-slider::before {
        display: none;
    }
}
.product_list_filter .plf_left .range-slider input[type="range"] {
    position: absolute;
    pointer-events: none;
    -webkit-appearance: none;
    width: 100%;
    background: transparent;
}
.product_list_filter .plf_left input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: var(--black);
    cursor: pointer;
    pointer-events: auto;
    margin-top: 0px;
}

.product_list_filter .plf_left input[type="range"]::-moz-range-thumb {
    height: 10px;
    width: 10px;
    border: none;
    border-radius: 50%;
    background: var(--black); 
    cursor: pointer;
    pointer-events: auto;
}
.product_list_filter .plf_left .range-slider input[type="range"]::-moz-range-track {
    height: 2px;
    background: var(--black);
    border: none;
}

.product_listing_new .product_item .rating {
    position: absolute;
    left: 0;
    bottom: 0;
    background: var(--secondColor);
    color: var(--textColor);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0;
    padding: 4px 12px;
    border-radius: 0 10px 0 0;
    z-index: 1;
}
.product_listing_new .product_item .rating.top_right {
    top: 10px;
    left: auto;
    right: 0;
    bottom: auto;
    border-radius: 30px 0 0 30px;
}
.product_listing_new .product_item .rating .star {
    color: #f90;
}

.product_listing_new .product_item .pi_buttons button {
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0%;
    padding: 14px 7px;
    background: var(--firstColor);
    color: var(--secondColor);
    width: 100%;
}
.product_listing_new .product_item .pi_buttons button:hover {
    background: var(--thirdColor);
    color: var(--textColor);
}
.product_listing_new .product_item .pi_buttons button.secoundry {
    background: var(--secondColor);
    color: var(--textColor);
}
.product_listing_new .product_item .pi_buttons button.secoundry:hover{
    background: var(--thirdColor);
}

.pl_btns_style_first .product_item .pi_buttons {
    display: flex;
    gap: 10px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
}
.pl_btns_style_first .product_item:hover .pi_buttons {
    transition: all 0.5s ease;
    opacity: 1;
    pointer-events: all;
}

.pl_btns_style_secound .product_item .pi_buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: calc(100% - 30px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease;
}
.pl_btns_style_secound .product_item:hover .pi_buttons {
    transition: all 0.5s ease;
    opacity: 1;
    pointer-events: all;
}

.pl_btns_style_third .product_item .pi_buttons {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.pl_btns_style_fourth .product_item .pi_buttons {
    margin-top: 10px;
}

.pl_btns_style_five .product_item .pi_buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 10px;
}

.product_listing_new {
    grid-template-columns: repeat(3, 1fr);
}

.product_list_filter .plf_right .plf_right_top {
    border-bottom: 1px solid var(--inputBorderColor);
    padding-bottom: 25px;
    margin-bottom: 25px;
}
.product_list_filter .plf_right .plf_right_top h4 {
    color: var(--textColor);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0%;
    margin: 0;
}
.product_list_filter .plf_right .plf_right_top select {
    max-width: 240px;
    border-color:var(--firstColor);
    padding: 5px 10px;
    min-height: 40px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0%;
    box-shadow: none;
    outline: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .product_list_filter {
        grid-template-columns: 250px auto;
        gap: 20px;
    }
    .product_listing_new .product_item .pi_buttons button {
        padding: 14px 5px;
    }
}


@media only screen and (max-width: 1025px) {
    .product_list_filter {
        grid-template-columns: repeat(1,1fr);
    }
    .product_list_filter .plf_left {
        position: fixed;
        left: -100%;
        transition: all 1s ease;
        background: var(--white);
        z-index: 99999;
        width: 50%;
        height: 100%;
        overflow-y: auto;
        top: 0;
    }
    .product_list_filter .plf_left.open {
        left: 0;
        transition: all 1s ease;
    }
}

@media only screen and (max-width: 900px) {
    .product_listing_new {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 600px) { 
    .product_listing_new {
        grid-template-columns: repeat(1, 1fr);
    }

    .product_list_filter .plf_left {
        width: 75%;
    }
    .product_list_filter .plf_left .plf_box {
        padding: 20px 15px;
    }
    .product_list_filter .plf_left .range-slider {
        margin: 5px 0 10px;
    }
    .product_list_filter .plf_left .plf_box .plfb_item:not(:first-child) {
        margin-top: 20px;
    }

    .product_list_filter .plf_right .plf_right_top {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .product_list_filter .plf_right .plf_right_top select {
        max-width: 200px;
    }

    .product_list_filter .plf_left .sidbar_img {
        margin-top: 20px; 
    }
} */