*,
*::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;
}

/* 20-06-25 */

.container-fluid {
   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 .container-fluid {
   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;
}

.product-slider-category .swiper-slide .rating {
   position: absolute;
   left: 0;
   bottom: 0;
   background: var(--secondColor);
   color: var(--textColor);
   font-weight: 500;
   font-size: 12px;
   line-height: 20px;
   letter-spacing: 0;
   padding: 4px 10px;
   border-radius: 0 10px 0 10px;
   z-index: 1;
}

.product-slider-category .swiper-slide .rating.top_right {
   top: 6px;
   left: auto;
   right: 0;
   bottom: auto;
   border-radius: 30px 0 0 30px;
}

.product-slider-category .swiper-slide .rating .star {
   color: #f90;
   font-size: 14px;
}

.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;
}

.offer-zoom-slider.full-width .swiper-slide-active {
   transform: scale(1.5) !important;
   -webkit-transform: scale(1.5) !important;
   -moz-transform: scale(1.5) !important;
   -ms-transform: scale(1.5) !important;
   -o-transform: scale(1.5) !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 .offer_card_product {
   font-size: 11px;
}

.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;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: auto;
}

.ec-product-listing-slider .swiper-slide p {
   color: #2d2d2d;
   font-size: 13px;
   font-weight: 400;
   padding: 2px 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   width: auto;
}

.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;
}

.ec-product-detail-container .ec-product-detail .big-button span {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   /* Change this to how many lines you want */
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.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: 28px;
}

.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: 16px;
   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.filter-header {
   font-weight: 600;
   font-size: 18px;
   line-height: 1;
   letter-spacing: 0%;
   margin-bottom: 15px;
}


.product_list_filter .plf_left h5 {
   font-weight: 600;
   font-size: 16px;
   line-height: normal;
   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: 6px;
   left: auto;
   right: 0;
   bottom: auto;
   border-radius: 30px 0 0 30px;
}

.product_listing_new .product_item .rating .star {
   color: #f90;
   font-size: 16px;
}

.product_listing_new .product_item .pi_buttons {
   z-index: 2;
}

.product_listing_new .product_item .pi_buttons button {
   font-weight: 400;
   font-size: 16px;
   line-height: 1;
   letter-spacing: 0%;
   padding: 14px 7px;
   background: var(--firstColor);
   color: var(--secondColor);
   width: 100%;
   /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; */
}

.product_listing_new .product_item .pi_buttons button span {
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
}


.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% - 24px);
   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: 10px;
   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 10px;
   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;
}

.grid_template_5fr .offer_card_product {
   font-size: 10px;
   padding: 2px 7px;
}

.product_list_side.grid_template_5fr .offer_card_product {
   font-size: 7px;
   padding: 2px 7px;
}

.grid_template_5fr.product_listing_new .product_item .rating {
   font-size: 12px;
   padding: 2px 7px;
   /* top: 6px; */
}

.grid_template_5fr.product_listing_new .product_item .rating .star {
   font-size: 14px;
}

.product_list_side.grid_template_5fr.product_listing_new .product_item .rating {
   font-size: 9px;
   padding: 2px 7px;
   /* top: 6px; */
}

.product_list_side.grid_template_5fr.product_listing_new .product_item .rating .star {
   font-size: 11px;
}

.product_list_side.grid_template_5fr.pl_btns_style_first .product_item .pi_buttons {
   width: 100%;
   left: 0;
   padding: 0 4px;
}

.grid_template_5fr.product_listing_new .product_item .pi_buttons button {
   font-size: 14px;
   padding: 12px 6px;
}

.product_list_side.grid_template_5fr.product_listing_new .product_item .pi_buttons button {
   font-size: 10px;
   padding: 7px 6px;
}

.product_list_side.grid_template_5fr.pl_btns_style_secound .product_item .pi_buttons {
   gap: 6px;
}

.product_list_side.grid_template_5fr.pl_btns_style_secound .product_item .pi_buttons button {
   font-size: 14px;
   padding: 8px 6px;
}

.product_list_side.grid_template_5fr.pl_btns_style_five .product_item .pi_buttons {
   gap: 6px;
}

.product_list_side.grid_template_5fr.pl_btns_style_five .product_item .pi_buttons button {
   font-size: 14px;
   padding: 8px 6px;
}

.grid_template_5fr.pl_btns_style_third.product_listing_new .product_item .rating {
   top: auto;
}

.grid_template_5fr.pl_btns_style_five.product_listing_new .product_item .rating {
   top: auto;
}

.pl_btns_style_five.product_listing_new .product_item .rating {
   top: auto;
}

.grid_template_3fr.pl_btns_style_five.product_listing_new .product_item .rating {
   top: auto;
}

.grid_template_4fr .offer_card_product {
   font-size: 12px;
   padding: 2px 7px;
}

.product_list_side.grid_template_4fr .offer_card_product {
   font-size: 9px;
   padding: 2px 7px;
}

.grid_template_4fr.product_listing_new .product_item .rating {
   font-size: 12px;
   padding: 2px 7px;
   /* top: 6px; */
}

.grid_template_4fr.product_listing_new .product_item .rating .star {
   font-size: 14px;
}

.product_list_side.grid_template_4fr.product_listing_new .product_item .rating {
   font-size: 11px;
   padding: 2px 7px;
   /* top: 6px; */
}

.product_list_side.grid_template_4fr.product_listing_new .product_item .rating .star{
   font-size: 14px;
}

.grid_template_4fr.pl_btns_style_first .product_item .pi_buttons {
   width: 100%;
   left: 0;
   padding: 0 5px;
}

.grid_template_4fr.product_listing_new .product_item .pi_buttons button {
   font-size: 14px;
   padding: 12px 6px;
}

.product_list_side.grid_template_4fr.product_listing_new .product_item .pi_buttons button {
   font-size: 12px;
   padding: 10px 6px;
}

.grid_template_3fr .offer_card_product {
   font-size: 14px;
   padding: 5px 10px;
}

.product_list_side.grid_template_3fr .offer_card_product {
   font-size: 13px;
   padding: 5px 10px;
}

.grid_template_3fr.product_listing_new .product_item .rating {
   font-size: 14px;
   padding: 5px 10px;
   /* top: 6px; */
}

.grid_template_3fr.pl_btns_style_first .product_item .pi_buttons {
   width: 100%;
   left: 0;
   padding: 0 5px;
}

.product_list_side.grid_template_3fr.product_listing_new .product_item .pi_buttons button {
   font-size: 16px;
   padding: 12px 8px;
}

.product_list_side.grid_template_4fr.pl_btns_style_secound.product_listing_new .product_item .pi_buttons button {
   font-size: 16px;
   padding: 12px 6px;
}

.product_list_side.grid_template_4fr.pl_btns_style_secound.product_listing_new .product_item .pi_buttons button {
   font-size: 14px;
   padding: 10px 6px;
}

.grid_template_3fr.pl_btns_style_secound.product_listing_new .product_item .pi_buttons button {
   font-size: 16px;
   padding: 12px 8px;
}

.grid_template_4fr.pl_btns_style_third.product_listing_new .product_item .rating {
   top: auto;
}

.grid_template_3fr.pl_btns_style_third.product_listing_new .product_item .rating {
   top: auto;
}


.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: 300px auto;
      gap: 20px;
   }

   .product_listing_new .product_item .pi_buttons button {
      padding: 14px 5px;
   }

   .product_list_filter .plf_left .plf_box .plfb_btns button {
      padding: 12px 10px;
      font-size: 16px;
   }
}

/* 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;
   }

   .grid_template_5fr {
      grid-template-columns: 1fr 1fr 1fr 1fr !important;
   }

   .product_list_side.grid_template_5fr .offer_card_product {
      font-size: 8px;
   }
}

@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;
   }

   .grid_template_5fr {
      grid-template-columns: 1fr 1fr 1fr !important;
   }

   .grid_template_4fr {
      grid-template-columns: 1fr 1fr 1fr !important;
   }

   .grid_template_4fr.product_listing_new .product_item .pi_buttons button {
      font-size: 10px;
   }

   .grid_template_3fr.pl_btns_style_third.product_listing_new .product_item .pi_buttons button {
      font-size: 11px;
   }

   .product_list_side.grid_template_5fr .offer_card_product {
      font-size: 10px;
   }
}

@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: 9px !important;
      line-height: 12px;
      left: 0px;
   }

   .product_list_side.grid_template_5fr .offer_card_product {
      font-size: 9px;
   }

   .product_listing_new .product_item .rating {
      line-height: 16px !important;
      font-size: 12px !important;
      padding: 4px 8px !important;
   }

   .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;
   }

   .container-fluid {
      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;
   }

   .grid_template_5fr.product_listing_new .product_item .pi_buttons button {
      font-size: 10px;
      padding: 10px 4px;
   }

   .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; */
   }

   .container-fluid {
      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;
   }


   .product_listing_new .product_item .pi_buttons button {
      font-size: 12px !important;
      padding: 10px 6px !important;
   }
}

@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;
   }

   .product_list_filter .plf_left .plf_box .plfb_btns button {
      font-size: 14px;
      padding: 10px 15px;
   }

   .pl_btns_style_five .product_item .pi_buttons {
      gap: 6px;
      margin-top: 8px;
   }
}

@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: 1fr;
      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;
   }

   .offer_card_product_slider {
      font-size: 9px;
   }

   .product-slider-category .swiper-slide .rating {
      padding: 4px 10px;
      font-size: 11px;
   }
}

/* 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%;
      top: 0;
      height: 100%;
   }

   .product_list_filter .plf_left .plf_box {
      height: 100%;
      overflow-y: auto;
   }

   .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;
   }

   /* .offer_card_product_slider {
      font-size: 8px;
      line-height: 14px;
      padding: 4px 6px;
   }

   .product-slider-category .swiper-slide .rating {
      padding: 4px 4px;
      font-size: 10px;
      line-height: 14px;
   } */

   .product_listing_new .product_item .rating .star {
      font-size: 13px !important;
   }

   .product-slider-category .swiper-slide .rating .star{
      font-size: 13px !important;
   }

}

.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;
}

/* rahul change start */
/* .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 input,
.open_down_search input {
  width: 100% !important;
  border: 0 !important;
  min-height: 48px !important;
  padding: 0px !important; /* Default padding */
}

/* When .input_search_box has class 'open', override padding */
.input_search_box.open input {
  padding: 0 60px !important;
}

.open_down_search.active input {
   padding: 0 60px !important;
}



/* end */

.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; 
    }
} */





/* Testimonial Styling  */

:root {
   --buttonBg: #E82A48;
   --opt2-primary-color: #522827;
   --opt3-primary-color: #0B0B0E;
   --gray: #4B5563;
   --white: #FFFFFF;
   --black: #000000;
   --light-red: #FFEBEE;
   --pink: #FFC5E8;
   --yellow-bg: #FFECD9;
   --cinzel: "Cinzel", serif;
   --monstrat: "Montserrat", sans-serif;
   --popins: "Poppins", sans-serif;
}

.section-gap {
   padding: 100px 0;
}

@media (max-width: 1280px) {
   .section-gap {
      padding: 70px 0;
   }
}

@media (max-width: 991px) {
   .section-gap {
      padding: 50px 0;
   }
}

@media (max-width: 767px) {
   .section-gap {
      padding: 20px 0;
   }
}

.review-box {
   background-color: var(--white);
   border-radius: 20px;
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3);
   padding: 43px 20px 15px;
   position: relative;
   min-height: 160px;
}

.testimonial-sec .container {
   padding: 0px 32px;
}

.testimonial-sec .swiper-slide {
   padding: 70px 0 20px;
}

.testimonial-sec .swiper-button-prev,
.swiper-button-next {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   z-index: 10;
   cursor: pointer;
   color: #FFF;
   height: 30px;
   width: 30px;
   background: var(--gray);
   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;
}

.testimonial-sec .swiper-button-next:after,
.swiper-button-prev:after {
   font-family: swiper-icons;
   font-size: 12px;
   text-transform: none !important;
   letter-spacing: 0;
   font-variant: initial;
   line-height: 1;
   color: var(--white) !important;
}

.testimonial-sec .swiper {
   position: relative;
   /* This anchors the buttons */
   min-height: 100px;
   /* Ensure there's vertical space */
}

.testimonial-sec .swiper-button-prev,
.testimonial-sec .swiper-button-next {
   position: absolute;
   top: 60% !important;
   transform: translateY(-60%) !important;
   z-index: 10;
}

.testimonial-sec .swiper-button-prev {
   left: -20px;
   /* Adjust as needed */
}

.testimonial-sec .swiper-button-next {
   right: -20px;
   /* Adjust as needed */
}

.testimonial-sec .swiper {
   position: relative;
   min-height: 100px;
   /* Or match your slide height */
}

.testimonial-sec .swiper-pagination {
   position: relative;
   padding: 10px 0;
}

.testimonial-sec .swiper-pagination-bullet {
   background-color: var(--buttonBg);
}

@media (max-width: 1666px) {

   .testimonial-sec .swiper-button-prev,
   .swiper-button-next {
      top: 60% !important;
   }
}

@media (max-width: 991px) {

   .testimonial-sec .swiper-button-prev,
   .swiper-button-next {
      top: 55% !important;
   }
}

/* opt-1 */
.opt1 .review-box .user-wrapper {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 20px;
   position: absolute;
   left: 0;
   top: -70px;
   width: 100%;
   padding: 11px;
}

.opt1 .review-box .user-wrapper .name {
   padding: 12px 12px;
   background-color: var(--buttonBg);
   color: var(--white);
   border-radius: 50000px;
   text-transform: uppercase;
   font-family: var(--cinzel);
   font-size: 18px;
   max-width: 200px;
   width: 100%;
   margin: 0;
   text-align: center;
   font-weight: 400;
   line-height: 1.03;
}

.opt1 .review-box .user-wrapper .user-pic {
   height: 120px;
   width: 120px;
   overflow: hidden;
}

.opt1 .review-box .user-wrapper .user-pic img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 50%;
}

.opt1 .review-box .rating {
   display: flex;
   align-items: center;
   gap: 5px;
   margin-bottom: 10px;
}

.opt1 .review-box .rating li {
   list-style: none;
}


.opt1 .review-box .para {
   padding-left: 14px;
   position: relative;
   font-family: var(--cinzel);
   font-size: 14px;
   font-weight: 400;
   line-height: 1.6;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.opt1 .review-box .para::before {
   content: '';
   position: absolute;
   left: 0;
   top: 4px;
   height: 80%;
   width: 1px;
   background-color: var(--buttonBg);
}

.opt1-swiper {
   padding: 0 10px;
}

@media (max-width: 1440px) {
   .opt1 .review-box .user-wrapper .name {
      padding: 12px 10px;
      font-size: 16px;
      max-width: 160px;
   }

   .opt1 .review-box {
      padding: 43px 15px 15px;
   }

   .opt1 .review-box .user-wrapper .user-pic {
      height: 80px;
      width: 80px;
   }

   .opt1 .review-box .user-wrapper {
      top: -50px;
   }


}

@media screen and (max-width: 1199px) {
   .opt1 .review-box .user-wrapper .name {
      max-width: 200px;
   }
}

@media screen and (max-width: 991px) {
   .opt1 .review-box .user-wrapper .name {
      max-width: 140px;
      font-size: 14px;
   }
}

/* opt-2 */
.opt2 .img-box {
   height: 120px;
   width: 120px;
   overflow: hidden;
   margin: -100px auto 20px;
   position: relative;
   border-radius: 50%;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   background: white;
}

.opt2 .review-box {
   min-height: 278px;
}

.opt2 .img-box img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 50%;
}

.opt2 .user-name {
   color: var(--opt2-primary-color);
   font-size: 28px;
   font-family: var(--cinzel);
   margin-bottom: 20px;
   font-weight: 400;
   text-align: center;
   line-height: 1.03;
   text-transform: uppercase;
}

/* .opt2 .city {
      color: var(--buttonBg);
      font-weight: 400;
      font-family: var(--cinzel);
      font-size: 14px;
      line-height: 1.4;
      margin-bottom: 20px;
      text-align: center;
      text-transform: uppercase;
    } */

.opt2 .para {
   color: var(--black);
   font-weight: 400;
   font-family: var(--cinzel);
   font-size: 14px;
   line-height: 1.6;
   text-align: center;
   text-transform: uppercase;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.opt2 .stra-con .rating {
   margin-top: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   background-color: var(--white);
   z-index: 1;
   gap: 3px;
   width: max-content;
   margin: 0 auto;
}

.opt2 .stra-con .rating li {
   list-style: none;
}

.opt2 .stra-con {
   position: relative;
   margin: 20px 0;
}

.opt2 .stra-con::after {
   content: '';
   position: absolute;
   right: 0;
   top: 60%;
   transform: translateY(-60%);
   height: 1px;
   width: 100%;
   background-color: var(--opt2-primary-color);
   z-index: 0;
}

/* Prevent cut-off for first/last slides */
.opt2 .swiper {
   padding-left: 10px;
   padding-right: 10px;
}

/* Responsive */
@media (max-width: 1440px) {
   .opt2 .review-box .user-name {
      font-size: 20px;
   }

   .opt2 .img-box {
      height: 80px;
      width: 80px;
      margin: -80px auto 10px;
      top: -10px;
   }

   .opt2 .city {
      margin-bottom: 10px;
   }

   .opt2 .review-box {
      min-height: 240px;
   }
}

@media (max-width: 991px) {
   .opt2 .stra-con {
      margin: 15px 0;
   }

   .opt2 .review-box {
      min-height: 230px;
   }
}

@media (max-width: 767px) {
   .opt2 .review-box .user-name {
      margin-bottom: 5px;
   }

   .opt2 .img-box {
      height: 80px;
      width: 80px;
      margin: -80px auto 10px;
      top: -2px;
   }

   .opt2 .stra-con {
      margin: 10px 0;
   }

   .opt2 .review-box {
      min-height: 204px;
   }
}

/* opt-3 */
/* opt3 styles */
.opt3 .user-con {
   display: flex;
   align-items: center;
   gap: 16px;
   margin-bottom: 15px;
}

.opt3.testimonial-sec .swiper-slide {
   padding: 10px 0 20px;
}

.opt3.testimonial-sec .swiper-button-prev,
.opt3.testimonial-sec .swiper-button-next {
   top: 50% !important;
}

.opt3 .review-box {
   min-height: 206px;
}

.opt3 .user-con .img-box {
   height: 64px;
   width: 64px;
   overflow: hidden;
}

.opt3 .user-con .img-box img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   border-radius: 50%;
}

.opt3 .name-con .user-name {
   font-size: 16px;
   font-weight: 700;
   font-family: var(--monstrat, sans-serif);
   color: var(--opt3-primary-color, #9C27B0);
   margin-bottom: 0;
}

.opt3 .name-con .city {
   font-size: 16px;
   font-weight: 400;
   font-family: var(--monstrat, sans-serif);
   color: var(--gray, #666);
   margin-bottom: 8px;
}

.opt3 .review-box {
   padding: 30px;
}

.opt3 .review-box .para {
   color: var(--black, #000);
   font-weight: 400;
   font-family: var(--popins, sans-serif);
   font-size: 14px;
   line-height: 1.6;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}


/* Padding to prevent clipping on edges */
.opt3 .swiper {
   padding: 0 10px;
}

.opt3 .name-con {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding-bottom: 15px;
   width: calc(100% - 80px);
   border-bottom: 1px solid var(--gray);
}

.opt3 .name-con .rating {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 3px;
}

.opt3 .name-con .rating li {
   list-style: none;
}

.opt3 .name-con .rating img {
   width: 13.26px;
}

@media (max-width:1200px) {
   .opt3 .user-con .img-box {
      height: 50px;
      width: 50px;
   }

   .opt3 .name-con .rating {
      gap: 1px;
   }

   .opt3 .review-box {
      padding: 20px;
      min-height: 175px;
   }
}

@media screen and (max-width : 991px) {
   .opt3 .review-box {
      min-height: 176px;
   }
}

/* opt-4 */
.opt4 .swiper {
   padding: 0 10px;
}

.opt4 .review-box {
   min-height: 216px;
}

.opt4 .img-box img {
   position: absolute;
   right: 28px;
   top: -68px;
   height: 100px;
   width: 100px;
}

.opt4 .name-con .user-name {
   font-size: 24px;
   font-weight: 700;
   font-family: var(--monstrat, sans-serif);
   color: var(--buttonBg, #9C27B0);
   margin: 0;
   width: 50%;
   /* white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis; */
}

.opt4 .name-con {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin: 15px 0 20px;
}

.opt4 .name-con .rating {
   display: flex;
   align-items: center;
   gap: 5px;
}

.opt4 .name-con .rating li {
   list-style: none;
}

.opt4 .name-con .rating img {
   width: 23.73px;
}

/* .opt4 .name-con .city {
  font-size: 16px;
  font-weight: 400;
  font-family: var(--monstrat, sans-serif);
  color: var(--gray, #666);
  margin-bottom: 8px;
} */

.opt4 .review-box {
   padding: 30px;
   position: relative;
}

.opt4 .review-box .para {
   color: var(--black, #000);
   font-weight: 400;
   font-family: var(--popins, sans-serif);
   font-size: 14px;
   line-height: 1.6;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}



/* Responsive image tweaks */
@media (max-width: 1440px) {
   .opt4 .img-box img {
      top: -50px;
      height: 80px;
      width: 80px;
   }

   .opt4 .review-box {
      padding: 20px;
   }

   .opt4 .name-con .user-name {
      font-size: 20px;
   }

   .opt4 .name-con .rating img {
      width: 20px;
   }

   .opt4 .name-con .rating {
      gap: 3px;
   }

   .opt4 .review-box {
      min-height: 170px;
   }
}

@media (max-width:991px) {
   .opt4 .name-con {
      margin: 10px 0 20px;
   }

   .opt4 .img-box img {
      top: -35px;
      height: 60px;
      width: 60px;
   }

   .opt4 .review-box {
      min-height: 160px;
   }
}

/* opt-6 */
.opt6 .swiper {
   width: 100%;
   padding: 0 20px;
   overflow: hidden;
}

.opt6 .swiper-wrapper {
   display: flex;
}

.opt6 .swiper-slide {
   width: auto;
   /* Let Swiper control it */
   display: flex;
   justify-content: center;
   flex-shrink: 0;
}

.opt6.testimonial-sec .swiper-slide {
   padding: 0px 0 20px;
}

.opt6.testimonial-sec .swiper-button-prev,
.opt6.testimonial-sec .swiper-button-next {
   top: 50% !important;
}

.opt6 .wrapper {
   display: flex;
   flex-direction: column;
   gap: 30px;
   width: 100%;
   max-width: 360px;
}

.opt6 .testimonial-cn {
   width: 100%;
   background: #f8f8f8;
   padding: 20px;
   border-radius: 12px;
   position: relative;
   min-height: 140px;
}

@media (max-width: 991px) {
   .opt6 .testimonial-cn {
      width: 300px;
   }
}

@media (max-width: 767px) {
   .opt6 .testimonial-cn {
      width: 100%;
   }
}



.opt6 .testimonial-cn.pink {
   background-color: var(--pink);
}

.opt6 .testimonial-cn.yellow {
   background-color: var(--yellow-bg);
}

/* === Avatar & Quote Positioning === */
.opt6 .testimonial-cn .user {
   position: absolute;
   left: -31px;
   top: 50%;
   transform: translateY(-50%);
   height: 64px;
   width: 64px;
   border-radius: 50%;
}

.opt6 .testimonial-cn.left .user {
   left: auto;
   right: -31px;
}

.opt6 .name-con {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
   padding-bottom: 5px;
   border-bottom: 1px solid var(--opt3-primary-color);
   width: 80%;
   margin: 0 auto;
}

.opt6 .name-con .user-name {
   font-family: var(--monstrat);
   font-size: 16px;
   font-weight: 700;
   line-height: 1;
   margin: 0;
   color: var(--opt3-primary-color);
}

.opt6 .name-con .rating {
   display: flex;
   align-items: center;
   gap: 3px;
}

.opt6 .name-con .rating li {
   list-style: none;
}

.opt6 .name-con .rating img {
   width: 13.26px;
}

.opt6 .name-con .quate {
   position: absolute;
   right: -40px;
   top: 15px;
}

/* .opt6 .testimonial-cn .quate {
  position: absolute;
  right: 26px;
  top: 10px;
  height: 24px;
  width: 24px;
} */
.opt6 .testimonial-cn.left .quate {
   right: auto;
   left: -40px;
   transform: rotate(180deg);
}

/* === Text Content === */
.opt6 .testimonial-cn .para {
   margin: 0;
   text-align: center;
   font-size: 14px;
   color: var(--black);
   font-family: var(--popins);
   font-weight: 400;
   line-height: 1.6;
   padding: 10px 10px 0;
   display: -webkit-box;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
}

.opt6 .swiper-button-prev {
   left: 16px;
   /* Adjust as needed */
}

.opt6 .swiper-button-next {
   right: 16px;
   /* Adjust as needed */
}

/* === Responsive Styles === */

@media (max-width: 1199px) {
   .opt6 .swiper {
      max-width: 960px;
   }

   .opt6 .testimonial-cn {
      max-width: 320px;
   }
}

@media (max-width: 991px) {
   .opt6 .swiper {
      max-width: 720px;
   }

   .opt6 .swiper-slide {
      justify-content: center;
   }

   .opt6 .testimonial-cn {
      max-width: 100%;
      padding: 20px;
   }

   .opt6 .testimonial-cn .user {
      height: 48px;
      width: 48px;
      left: -24px;
   }

   .opt6 .testimonial-cn.left .user {
      right: -24px;
   }

   .opt6 .wrapper {
      max-width: 260px;
   }

   .opt6 .name-con .quate {
      right: -35px;
   }

   .opt6 .testimonial-cn.left .quate {
      left: -35px;
   }
}

@media (max-width: 767px) {
   .opt6 .swiper {
      padding: 0 10px;
   }

   .opt6 .swiper-slide {
      width: 100% !important;
   }

   .opt6 .wrapper {
      gap: 20px;
   }

   .opt6 .testimonial-cn {
      padding: 16px;
   }

   .opt6 .testimonial-cn .user {
      height: 40px;
      width: 40px;
      left: -20px;
   }

   .opt6 .testimonial-cn.left .user {
      right: -20px;
   }

   .opt6 .testimonial-cn .quate {
      height: 20px;
      width: 20px;
   }

   .opt6.testimonial-sec .swiper-slide {
      padding: 70px 0 80px;
   }

   .opt6 .name-con .quate {
      right: -30px;
   }

   .opt6 .testimonial-cn.left .quate {
      left: -30px;
   }

   .opt6 .name-con .rating {
      gap: 2px;
   }
}

/* 1000 X 500 Banner 20-06-25 */
.product-slider105 .swiper-wrapper {
   max-height: 600px;
}



/* Metal Rate css */



:root {
   --buttonBg: #9F8F87;
   --opt2-primary-color: #8F3F16;
   --opt3-primary-color: #0B0B0E;
   --opt4-primary-color: #63534B;
   --gray: #4B5563;
   --white: #FFFFFF;
   --black: #000000;
   --yellow: #FFECD9;
   --of-white: #FFF9F9;
   --popins: "Poppins", sans-serif;
   --yellow: #CC9E61;
   --pure-yellow: #FF9600;
}

/* opt-1 */
.gold-rate-opt1 .gold-rate-cn {
   border-radius: 14px;
   background-color: var(--buttonBg);
   padding: 10px 0;
}

.gold-rate-opt1 .gold-itm {
   background-color: var(--opt2-primary-color);
   border-radius: 10px;
   padding: 10px 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-family: var(--popins);
   font-weight: 500;
   font-size: 16px;
   line-height: 33px;
   color: var(--of-white);
}


/* opt-2 */
.gold-rate-opt2 .gold-rate-cn {
   border-radius: 14px;
   background-color: var(--buttonBg);
   padding: 10px 0;
}

.gold-rate-opt2 .gold-itm {
   background-color: transparent;
   border: 1px solid var(--of-white);
   border-radius: 10px;
   padding: 10px 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-family: var(--popins);
   font-weight: 500;
   font-size: 16px;
   line-height: 33px;
   color: var(--of-white);
}

.gold-rate-opt2 .gold-itm img {
   width: 32px;
}

@media screen and (max-width:576px) {
   .gold-rate-opt2 .gold-itm {
      font-size: 14px;
      line-height: 24px;
   }
}


/* opt-3 */
.gold-rate-opt3 .gold-rate-cn {
   padding: 20px 0;
   background: linear-gradient(90.24deg, var(--buttonBg) 0%, var(--opt4-primary-color) 99.79%);

}

.gold-rate-opt3 .gold-itm {
   background-color: transparent;
   backdrop-filter: blur(20px);
   border-radius: 10px;
   padding: 10px 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-family: var(--popins);
   font-weight: 500;
   font-size: 18px;
   line-height: 33px;
   color: var(--of-white);
   position: relative;
   /* background-image: linear-gradient(118deg, rgba(255, 255, 255, 0.5) 0%, rgba(153, 153, 153, 0) 100%); */
   backdrop-filter: blur(20px);
   border-radius: 25px;
}

.gold-rate-opt3 .gold-itm::before {
   content: "";
   position: absolute;
   top: 0;
   left: -1px;
   right: -1px;
   bottom: 0;

   background:
      linear-gradient(118.28deg, rgba(255, 255, 255, 0.5) 2.96%, rgba(153, 153, 153, 0) 137.87%),
      linear-gradient(113.9deg, rgba(0, 0, 0, 0) -26.33%, rgba(255, 255, 255, 0.05) 97.36%);
   z-index: -1;
   border-radius: inherit;
   background-blend-mode: overlay;
   mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   mask-composite: exclude;
   -webkit-mask-composite: destination-out;
   padding: 1px;
   /* matches your border width */
   box-sizing: border-box;
}

.gold-rate-opt3 .gold-itm::after {
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   position: absolute;
   background-color: var(--buttonBg);
   opacity: 0.5;
   border-radius: 25px;
   z-index: -1;
}

.gold-rate-opt3 .gold-itm span {
   color: var(--yellow);
}

/* @media (min-width:1660px) {
   .gold-rate-opt3 .container {
      max-width: 1460px;
   }

} */

/* .gold-rate-opt3 .swiper-slide {
     width: max-content !important;;
   } */
@media(max-width:1700px) {
   .gold-rate-opt3 .gold-itm {
      font-size: 18px;
   }
}

@media screen and (max-width:576px) {
   .gold-rate-opt3 .gold-rate-cn {
      padding: 16px 0px;
   }

   .gold-rate-opt3 .gold-rate-cn .container {
      padding: 0px !important;
   }

   .gold-rate-opt3 .gold-itm {
      font-size: 16px;
      line-height: 24px;
   }
}

/* opt-4 */
.gold-rate-opt4 .gold-rate-cn {
   padding: 12px 0;
   background: linear-gradient(90.24deg, var(--buttonBg) 0%, var(--opt4-primary-color) 99.79%);

}

.gold-rate-opt4 .gold-itm {
   background-color: transparent;
   backdrop-filter: blur(20px);
   border-radius: 10px;
   padding: 10px 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-family: var(--popins);
   font-weight: 500;
   font-size: 12px;
   line-height: 33px;
   color: var(--of-white);
   position: relative;
   /* background-image: linear-gradient(118deg, rgba(255, 255, 255, 0.5) 0%, rgba(153, 153, 153, 0) 100%); */
   backdrop-filter: blur(20px);
   border-radius: 25px;
}

.gold-rate-opt4 .gold-itm::before {
   content: "";
   position: absolute;
   top: 0;
   left: -1px;
   right: -1px;
   bottom: 0;

   background:
      linear-gradient(118.28deg, rgba(255, 255, 255, 0.5) 2.96%, rgba(153, 153, 153, 0) 137.87%),
      linear-gradient(113.9deg, rgba(0, 0, 0, 0) -26.33%, rgba(255, 255, 255, 0.05) 97.36%);
   z-index: -1;
   border-radius: inherit;
   background-blend-mode: overlay;
   mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   mask-composite: exclude;
   -webkit-mask-composite: destination-out;
   padding: 1px;
   /* matches your border width */
   box-sizing: border-box;
}

.gold-rate-opt4 .gold-itm::after {
   content: '';
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   position: absolute;
   background-color: var(--buttonBg);
   opacity: 0.5;
   border-radius: 25px;
   z-index: -1;
}

.gold-rate-opt4 .gold-itm span {
   color: var(--yellow);
}

@media screen and (max-width:576px) {

   .gold-rate-opt4 .gold-rate-cn .container {
      padding: 0px !important;
   }

   .gold-rate-opt4 .gold-itm {
      line-height: 24px;
   }
}

/* 
@media (min-width:1660px) {
   .gold-rate-opt4 .container {
      max-width: 1460px;
   }
} */


/* opt-5 */
.gold-rate-opt5 .gold-rate-cn {
   padding: 12px 0;
   background: linear-gradient(90.24deg, var(--buttonBg) 0%, var(--opt4-primary-color) 99.79%);

}

.gold-rate-opt5 .gold-itm {
   background-color: transparent;
   backdrop-filter: blur(20px);
   border-radius: 10px;
   padding: 8px 12px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 10px;
   font-family: var(--popins);
   font-weight: 500;
   font-size: 18px;
   line-height: 33px;
   color: var(--of-white);
   position: relative;
   /* background-image: linear-gradient(118deg, rgba(255, 255, 255, 0.5) 0%, rgba(153, 153, 153, 0) 100%); */
   backdrop-filter: blur(20px);
   border-radius: 25px;
}

.gold-rate-opt5 .gold-itm span {
   color: var(--pure-yellow);
}

@media (max-width:1444px) {
   .gold-rate-opt5 .gold-itm {
      font-size: 18px;
   }

   .gold-rate-opt6 .gold-wrapper {
      width: 250px;
   }
}

@media (max-width:576px) {
   .gold-rate-opt5 .gold-itm {
      font-size: 16px;
      line-height: 24px;
      padding: 6px 10px;
   }
}


/* opt-6 */
.gold-rate-opt6 .gold-wrapper {
   border-radius: 14px;
   margin: 10px;
   border: 1px solid var(--buttonBg);
   background-color: var(--buttonBg);
   position: relative;
   padding: 10px 10px 10px 50px;
   width: 300px;
}

.gold-rate-opt6 .gold-wrapper .img-box {
   position: absolute;
   left: -60px;
   top: -2px;
   height: 104px;
   width: 104px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
   background-color: var(--buttonBg);
   border: 4px solid var(--white);
}

.gold-rate-opt6 .gold-wrapper .rate {
   font-family: var(--popins);
   font-weight: 500;
   font-size: 30px;
   line-height: 33px;
   letter-spacing: 0%;
   color: var(--white);
}

.gold-rate-opt6 .gold-wrapper .rate span {
   font-size: 10px;
}

.gold-rate-opt6 .gold-wrapper .caret {
   font-family: var(--popins);
   font-weight: 500;
   font-size: 20px;
   line-height: 33px;
   letter-spacing: 0%;
   color: var(--white);
   border-top: 1px solid var(--white);
   padding-top: 3px;
}

.gold-rate-opt6 .swiper-slide {
   display: flex;
   justify-content: center;
}

@media screen and (max-width : 576px) {
   .gold-rate-opt6 .gold-wrapper .rate {
      font-size: 24px;
      line-height: 28px;
   }

   .gold-rate-opt6 .gold-wrapper .caret {
      font-size: 16px;
      line-height: 24px;
   }

   .gold-rate-opt6 .gold-wrapper .img-box {
      width: 85px;
      height: 85px;
      left: -40px;
   }

   .gold-rate-opt6 .gold-wrapper {
      width: 250px;
   }

}

/* opt-7 */

.gold-rate-opt7 .gold-wrapper {
   padding: 16px 16px;
   border-radius: 7px;
   background: linear-gradient(90deg, rgba(187, 113, 19, 0.9) 0%, #F0BB2E 100%);
}

.gold-rate-opt7 .gold-wrapper .caret {
   font-family: var(--popins);
   font-weight: 500;
   font-size: 18px;
   line-height: 33px;
   color: var(--white);
}

.gold-rate-opt7 .gold-wrapper .caret span {
   color: var(--black);
}

.gold-rate-opt7 .gold-wrapper.silver {
   background: linear-gradient(90deg, #9B9B9B 100%, #FFFFFF 60%);

}

@media (max-width:1444px) {
   .gold-rate-opt7 .gold-wrapper .caret {
      font-size: 18px;
   }
}

@media (max-width:767px) {
   .gold-rate-opt7.section-gap {
      padding: 20px 0 100px;
   }

   .gold-rate-opt7 .gold-wrapper {
      padding: 10px 20px;
      font-size: 16px;
   }
}

@media screen and (max-width : 576px) {
   .gold-rate-opt7 .gold-wrapper .caret {
      font-size: 16px;
      line-height: 24px;
   }

   .gold-rate-opt7 .gold-wrapper {
      padding: 12px 20px;
   }
}

/* video banner css  */

.video_banner {
   position: relative;
   width: 100%;
   min-height: 600px;
   height: 100%;
   overflow: hidden;
}

.video_banner.full_width {
   min-height: 750px;
}

.video_banner video {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   object-fit: cover;
   background: rgb(0 0 0 / 16%);
}


@media screen and (max-width: 991px) {
   .video_banner {
      min-height: 450px;
   }

   .video_banner.full_width {
      min-height: 450px;
   }
}

@media screen and (max-width: 576px) {
   .video_banner {
      min-height: 300px;
   }

   .video_banner.full_width {
      min-height: 300px;
   }
}


/* Product banner button css */

/* ========== COMMON BUTTON STYLES ========== */
.btn-slider-con .prime-btn {
   font-weight: 400;
   line-height: 1;
   letter-spacing: 0%;
   padding: 10px 5px;
   background: var(--firstColor);
   color: var(--secondColor);
   width: 100%;
   border: none;
   cursor: pointer;
   transition: background 0.3s ease, color 0.3s ease;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.btn-slider-con .prime-btn:hover {
   background: var(--thirdColor);
   color: var(--textColor);
}

.btn-slider-con .prime-btn.secoundry {
   background: var(--secondColor);
   color: var(--textColor);
}

.btn-slider-con .prime-btn.secoundry:hover {
   background: var(--thirdColor);
}

/* ========== OPT-1: HORIZONTAL BUTTONS ON HOVER ========== */
.btn-slider-con .opt-1.pi_buttons_horizontal {
   display: flex;
   gap: 10px;
   position: absolute;
   bottom: 15px;
   left: 0;
   right: 0;
   padding: 0 5px;
   opacity: 0;
   pointer-events: none;
   transition: all 0.5s ease;
}

.btn-slider-con .img-warpper:hover .opt-1.pi_buttons_horizontal {
   opacity: 1;
   pointer-events: all;
}

.btn-slider-con .opt-1.pi_buttons_horizontal .prime-btn {
   font-size: 10px;
}

/* ========== OPT-2: VERTICAL BUTTONS ON HOVER ========== */
.btn-slider-con .opt-2.pi_buttons_vertical {
   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;
}

.btn-slider-con .img-warpper:hover .opt-2.pi_buttons_vertical {
   opacity: 1;
   pointer-events: all;
}

.btn-slider-con .opt-2.pi_buttons_vertical .prime-btn {
   font-size: 16px;
}

/* ========== OPT-3: VERTICAL BUTTONS ALWAYS VISIBLE ========== */
.btn-slider-con .opt-3.pi_buttons_vertical {
   display: flex;
   flex-direction: column;
   gap: 8px;
   width: 100%;
   margin: 8px auto 0;
   opacity: 1;
   transition: all 0.5s ease;
   margin-top: 8px;
}



.btn-slider-con .opt-3.pi_buttons_vertical .prime-btn {
   font-size: 12px;
   background: var(--firstColor);
   color: var(--secondColor);
   border: none;
   cursor: pointer;
   transition: background 0.3s ease, color 0.3s ease;
}

.btn-slider-con .opt-3.pi_buttons_vertical .prime-btn:hover {
   background: var(--thirdColor);
   color: var(--textColor);
}

.btn-slider-con .opt-3.pi_buttons_vertical .prime-btn.secoundry {
   background: var(--secondColor);
   color: var(--textColor);
}

.btn-slider-con .opt-3.pi_buttons_vertical .prime-btn.secoundry:hover {
   background: var(--thirdColor);
   color: var(--textColor);
}

@media screen and (max-width: 450px) {
   .product-slider-category .card .card_text_title {
      font-size: 12px;
   }

   .btn-slider-con .opt-3.pi_buttons_vertical {
      gap: 5px;
      margin-top: 6px;
   }

   .btn-slider-con .prime-btn {
      padding: 8px 5px;
   }
}



/* Button container for horizontal layout */
.btn-slider-con .opt-4.pi_buttons_horizontal {
   display: flex;
   flex-direction: row;
   gap: 7px;
   width: 100%;
   margin: 8px auto 0;
   opacity: 1;
   transition: all 0.5s ease;
}

/* Hover effect on the card wrapper to show buttons */
/* .btn-slider-con .card-hover:hover .opt-4.pi_buttons_horizontal {
   opacity: 1;
   pointer-events: all;
} */

/* Style for the prime buttons */
.btn-slider-con .opt-4.pi_buttons_horizontal .prime-btn {
   font-size: 10px;
   background: var(--firstColor);
   color: var(--secondColor);
   border: none;
   cursor: pointer;
   padding: 8px 8px;
   /* Adjust padding for horizontal layout */
   transition: background 0.3s ease, color 0.3s ease;
}

/* Hover effect on the buttons */
.btn-slider-con .opt-4.pi_buttons_horizontal .prime-btn:hover {
   background: var(--thirdColor);
   color: var(--textColor);
}

/* Style for the secondary button */
.btn-slider-con .opt-4.pi_buttons_horizontal .prime-btn.secoundry {
   background: var(--secondColor);
   color: var(--textColor);
}

/* Hover effect for the secondary button */
.btn-slider-con .opt-4.pi_buttons_horizontal .prime-btn.secoundry:hover {
   background: var(--thirdColor);
   color: var(--textColor);
}