body{ padding: 0px; margin: 0px; list-style: none; font: 400 15px/24px var(--Inter); color: var(--secondary-color);}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none; text-decoration: none;}
a:active{ outline: none; text-decoration: none;}
a{ text-decoration: none;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}
.media{display: flex; align-items: flex-start; gap: 16px;}
.media-object{flex: 1;}
h1, h2, h3, h4, h5, h6{color: var(--secondary-color); font-weight: 400;}

:root {
  /* Colors */
  --primary-color: #6F5E85;
  --secondary-color: #5D4977;
  --secondary-rgba: 93, 73, 119;
  --success-color: #198754;
  --danger-color: #dc3545;
  --dark: #000;
  --darkRGB: 0, 0, 0;
  --light: #FFF;
  --lightRGB: 255, 255, 255;
  --muted: #777;

  /* Font Family */
  --Inter: 'Inter';
  --icomoon: 'icomoon';
  --Roboto_Slab: 'Roboto Slab';

  /* Heading Font Sizes */
  --heading-xs: 26px;
  --heading-sm: 33px;
  --heading-md: 37px;
  --heading-lg: 40px;
  --heading-xl: 55px;
  --heading-xxl: 65px;
  --heading-lineHeight: 1.1;

  /* Paragraph Font Sizes */
  --text-sm: 15px;
  --text-md: 16px;
  --text-lg: 18px;
  --text-lineHeight: 1.8;

  --transition: all 0.3s ease-in-out;
}

/* inter-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/inter-v20-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/inter-v20-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/inter-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/inter-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/inter-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/inter-v20-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* inter-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/inter-v20-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/roboto-slab-v36-latin-100.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/roboto-slab-v36-latin-200.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-slab-v36-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-slab-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-slab-v36-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-slab-v36-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-slab-v36-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/roboto-slab-v36-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-slab-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-slab-v36-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?wxtrqh');
  src:  url('../fonts/icomoon.eot?wxtrqh#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?wxtrqh') format('truetype'),
    url('../fonts/icomoon.woff?wxtrqh') format('woff'),
    url('../fonts/icomoon.svg?wxtrqh#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Vector7:before {
  content: "\e901";
}
.icon-Discount:before {
  content: "\e902";
}
.icon-Vector4:before {
  content: "\e903";
}
.icon-Vector5:before {
  content: "\e904";
}
.icon-Vector6:before {
  content: "\e905";
}
.icon-Vector2:before {
  content: "\e908";
}
.icon-Vector1:before {
  content: "\e909";
}
.icon-Arrow-2:before {
  content: "\e90b";
}
.icon-Arrow-21:before {
  content: "\e90c";
}
.icon-Vector:before {
  content: "\e90d";
}
.icon-Vector-9:before {
  content: "\e900";
}
.icon-instagram1:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-linkedin:before {
  content: "\e906";
}
.icon-facebook-logo:before {
  content: "\e91b";
}
.icon-phone-call:before {
  content: "\e918";
}
.icon-email:before {
  content: "\e919";
}
.icon-pinterest:before {
  content: "\e934";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-Arrow-11:before {
  content: "\e90e";
}


.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:75;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}


.container{max-width: 1710px;}

p{font-size: var(--text-lg); line-height: var(--text-lineHeight); font-weight: 400;}
.pagehding h2{font-size: var(--heading-xxl); line-height: var(--heading-lineHeight);}

.askedSec{width: 100%; padding: 115px 0;}
.askedpnel{width: 100%; display: flex; align-items: flex-start; gap: 130px; justify-content: space-between;}
.askedleft{max-width: 740px;}
.askedrght{width: 100%; max-width: 845px;}
.askedrght .accordion, .frequentlyacdian .accordion-item{border: 0; border-radius: 0; background: transparent;}
.askedrght .accordion-item > button{font-weight: 400;font-size: 26px;line-height: 33px;color: var(--secondary-color); text-align: left;
display: flex; align-items: center; position: relative; width: 100%; border: 0; background: transparent; padding: 23px 88px 23px 0;}
.askedrght .accordion-item{border: 0; padding: 35px 0; border-bottom: 1px solid #BEC4CA;}
.askedrght .accordion-item:last-child{border: 0; padding-bottom: 0;}
.askedrght .accordion-body{padding: 10px 0 0;}
.askedrght .accordion-item:first-child{padding-top: 0;}
.askedrght .accordion-item > button::before{position: absolute; content: ""; right: 0; width: 58px; height: 58px;
background: url(../images/minus_icn.png) no-repeat 0 0; background-size: 100% 100% !important;}
.askedrght .accordion-item > button.collapsed::before{background: url(../images/plus_icn.png) no-repeat 0 0;}
.askedcont p{font-size: 20px; color: var(--secondary-color);}

.bannerSec{position: relative;}
.main-content{margin-top: 173px;}
.bnrimg > img{object-fit: cover; width: 100%;}
.bnrtxt{position: absolute; top: 50%; transform: translateY(-50%); width: 100%; left: 0;}
.bnrimg::before{position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.55;
background: linear-gradient(90deg, #000000 9.95%, rgba(0, 0, 0, 0) 89.9%);}
.bnrtxtinr h2{color: var(--light); font-size: 94px;line-height: 92px; margin-bottom: 30px;}
.bnrtxtinr{width: 100%; max-width: 890px; margin-left: 105px;}
.whiteButn{display: inline-flex; align-items: center; color: var(--light); border-radius: 55px; height: 60px;
border: 1px solid rgba(255, 255, 255, 0.22); padding: 0 4px 0 30px; background: rgba(255, 255, 255, 0.37);
backdrop-filter: blur(4px); font-size: 20px;line-height: 25px; justify-content: space-between;}
.whiteButn i{display: inline-flex; align-items: center; width: 50px; height: 50px; background: rgba(255, 255, 255, 0.69);
border-radius: 100%; margin-left: 12px; color: var(--secondary-color); transition: var(--transition); justify-content: center;
font-size: 10px;}
.whiteButn:hover{background: var(--primary-color); color: var(--light); border-color: var(--primary-color);}
.bannerSec .owl-dots{display: none !important;}
.bannerSec .owl-nav {display: block !important;}
.bannerSec .owl-nav button{width: 51px; height: 51px; border: 1px solid rgba(185, 172, 201, 0.5); position: absolute;
border-radius: 100%; display: inline-flex; align-items: center; justify-content: center; background: var(--light) !important; top: 50%;
transform: translateY(-50%); color: var(--secondary-color); font-size: 11px !important;}
.bannerSec .owl-nav button span{display: none;}
.bannerSec .owl-prev::before{content: "\e90b"; font-family: var(--icomoon);}
.bannerSec .owl-next::before{content: "\e90c"; font-family: var(--icomoon);}
.bannerSec .owl-next{right: 100px;}
.bannerSec .owl-prev{left: 100px;}
.bannerSec .owl-nav button:hover{background: var(--primary-color) !important; color: var(--light) !important;}
.bnersearch{position: absolute; bottom: -40px; height: 80px; background: #E3DEE9; border-radius: 50px; padding: 10px;
width: 100%; max-width: 1052px; left: 50%; transform: translateX(-50%); z-index: 2;display: inline-flex;
align-items: center;}
.bnersearch input[type="text"],
.bnersearch input[type="search"]{width: 100%; height: 100%; outline: none; border: 0; border-radius: 55px;
background: var(--light) url(../images/searchicn.png) no-repeat left 20px center; color: var(--secondary-color);
font-size: 17px;line-height: 23px; padding: 0 145px 0 68px;}
.bnersearch input[type="text"]::placeholder,
.bnersearch input[type="search"]::placeholder{opacity: 1; color: var(--secondary-color);}
.bnersearch input[type="submit"]{color: var(--light); background: var(--primary-color); border-radius: 55px;
font-weight: 400;font-size: 17px;text-align: center; min-width: 118px; flex: 1; padding: 0; position: absolute;
right: 10px; height: 60px;}
.bnersearch input[type="submit"]:hover{background: var(--secondary-color);}

.advertiSec{padding: 100px 0; width: 100%;}
.advertiitem{position: relative; width: 100%; overflow: hidden; border-radius: 30px;}
.advertiitem img{width: 100%;}
.advertiitem::before{background: linear-gradient(270deg, rgba(0, 0, 0, 0) 45.07%, #000000 114.93%);
position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;}
.advertTitle{position: absolute; left: 60px; top: 50%; transform: translateY(-50%);}
.advertTitle h2{font-size: 55px;line-height: 60px;color: var(--light);font-family: var(--Roboto_Slab);}
.advertTitle h2 svg{width: 34px;}
.advertTitle .whiteButn{height: 47px; font-size: 15px; padding: 0 3px 0 24px;}
.advertTitle .whiteButn i {width: 39px; height: 39px;}

.collectionSec{width: 100%; padding: 86px 0 0;}
.collectionbtn{text-align: center; margin-top: 65px;}
.outlneButn{display: inline-flex; align-items: center; border-radius: 55px; border: 1px solid var(--primary-color);
font-size: 18px;line-height: 23px;color: var(--secondary-color); height: 64px; padding: 0 44px;}
.outlneButn:hover{background: var(--primary-color); color: var(--light);}
.collectionSlder{margin-top: 50px; position: relative;}
.collectionItem{width: 100%; background: var(--light); border-radius: 30px; box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.1);
;
overflow: hidden; transition: 0.3s ease-in-out;}
.collectionItem:hover{box-shadow: 1px 2px 12px 0px rgba(0, 0, 0, 0.18);}



.collectionSlder .swiper{padding: 0px 0px 15px 0px;}
.collectionTitle{padding: 24px;}
.collectionTitle h3{color: var(--primary-color); font-size: 26px;line-height: 38px;}
.collectionTitle h3 a{color: var(--primary-color);}
.collectionTitle strong{display: block; font-weight: 500;font-size: 24px;line-height: 30px;}
.carticon{position: absolute; bottom: 27px; right: 27px; width: 64px; height: 64px; display: flex; align-items: center; justify-content: center; background: var(--light); color: var(--primary-color); border-radius: 100%;font-size: 21px; border: none; transition: 0.3s ease-in-out;}
.carticon:hover{color: var(--light); background-color: var(--secondary-color);}
.collectionimage{position: relative;}
.collectionimage img{width: 100%; border-radius: 0px 0px 20px 20px;}

.brandSec{width: 100%; padding: 86px 0 0;}
.brandSlder{margin-top: 55px; position: relative;}
.brandLgo figure{display: flex; align-items: center; justify-content: center; height: 210px;}
.brandcontrol > div{display: inline-flex; align-items: center; border: 1px solid #CEC7D7; width: 52px; height: 52px;
border-radius: 100%; color: var(--secondary-color); justify-content: center; top: 50%; transform: translateY(-50%); position: absolute;
transition: var(--transition); font-size: 13px;}
.brandnext::before{content: "\e90b"; font-family: var(--icomoon);}
.brandprev::before{content: "\e90c"; font-family: var(--icomoon);}
.brandnext{left: -55px;}
.brandprev{right: -55px;}
.brandcontrol > div:hover{background: var(--primary-color); color: var(--light); border-color: var(--primary-color);}
.brandprev.swiper-button-disabled{pointer-events: none; opacity: 0.77;}
.brandnext.swiper-button-disabled{pointer-events: none; opacity: 0.77;}

.lovedoneSec{width: 100%; padding: 86px 0 0;}
.scrollbartheme{background: #ECE1FB; height: 7px; width: 800px; margin: 50px auto 0;}
.scrollbartheme > div{background: var(--primary-color);}

.lovedonecontrol > div{display: inline-flex; align-items: center; width: 52px; height: 52px; background: var(--light); z-index: 3;
border-radius: 100%; color: var(--secondary-color); justify-content: center; top: 50%; transform: translateY(-50%); position: absolute;
transition: var(--transition); font-size: 13px;}
.lovedonecontrol > div:first-child::before{content: "\e90b"; font-family: var(--icomoon);}
.lovedonecontrol > div:last-child::before{content: "\e90c"; font-family: var(--icomoon);}
.lovedonecontrol > div:first-child{left: -26px;}
.lovedonecontrol > div:last-child{right: -26px;}
.lovedonecontrol > div:hover{background: var(--primary-color); color: var(--light); border-color: var(--primary-color);}
.lovedonecontrol > div:first-child.swiper-button-disabled{pointer-events: none; opacity: 0.77; cursor: auto;}
.lovedonecontrol > div:last-child.swiper-button-disabled{pointer-events: none; opacity: 0.77; cursor: auto;}

.lovedoneSlder{position: relative; margin-top: 55px;}
.lovedoneimg img{width: 100%;}
.lovedoneimg{border-radius: 30px; overflow: hidden; margin-bottom: 24px;}
.lovedonetitle h3{color: var(--secondary-color); font-size: 26px;line-height: 30px;}
.lovedonetitle h3 a{color: var(--secondary-color);}
.lovedonetitle{text-align: center;}
.offtext{display: inline-flex; border-radius: 45px; background: var(--primary-color); position: absolute; color: var(--light);
top: 30px; left: 30px; font-size: 18px;line-height: 23px; font-style: normal; padding: 4px 13px;}

.royalSec{width: 100%; padding-top: 86px;}
.fatherDayTitle{position: absolute; bottom: 0; left: 0; display: flex; align-items: center; justify-content: space-between;
width: 100%; padding: 12px 12px 12px 35px;}
.lovedoneItem{position: relative;}
.fatherDayTitle .carticon{position: static;}
.fatherDayTitle h3{font-size: 30px;line-height: 34px; color: var(--light);}
.fatherDayTitle h3 a{color: var(--light);}
.fatherDayTitle strong{color: var(--light); font-weight: 500; font-size: 30px; line-height: 33px;}
.fatherSwiper .lovedoneimg::before{background: linear-gradient(179.93deg, rgba(0, 0, 0, 0) 50%, #000000 131.54%);
position: absolute; content: ""; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; border-radius: 20px;}
.fatherSwiper .lovedoneimg{margin: 0;}
.fatherdaybtn{position: absolute; top: 10px; right: 12px;}
.lovedoneSec .container{position: relative;}
.collectionSlder .lovedonecontrol > div:first-child {left: -16px;}
.collectionSlder .lovedonecontrol > div:last-child {right: -16px;}

/* --- Marquee Styles --- */
.customMarquee {
    overflow: hidden;
    white-space: nowrap; min-height: 120px; background: #705B8C;
    transition: box-shadow 0.3s ease; display: flex; align-items: center;
}
.marqueeInner {
    display: inline-flex;
    align-items: center;
    will-change: transform;
}
.marquee-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 50px; padding-right: 50px;
    white-space: nowrap;
    transition: transform 0.3s, background 0.3s; position: relative;
}
.marquee-item::before{position: absolute; content: "\e905"; right: -10px; font-family: var(--icomoon);font-size: 20px;
color: var(--light);}
.marquee-img-item {
    display: inline-block;
    border-radius: 8px;
    margin-right: 20px;
    border: 1px solid #ddd;
    transition: transform 0.3s;
}
/* Paragraph item (for longer text blocks) */
.marquee-paragraph-item {
    display: inline-block;
    font-size: 0.95rem;
    line-height: 1.4;
}
.biteItem strong{display: inline-flex; color: var(--light); font-size: 26px;line-height: 30px;align-items: center;
font-weight: 300; gap: 10px;}

.footerSec{width: 100%; background: var(--secondary-color);}
.ftrmidle{width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.22); border-bottom: 1px solid rgba(255, 255, 255, 0.22);
padding: 35px 0 45px;}
.fotertop{padding: 84px 0 73px;}
.ftrtpinr{display: flex; align-items: center; justify-content: space-between;}
.ftrmidleiner{display: flex; justify-content: space-between; gap: 70px;}
.fterleft{display: flex; justify-content: space-between; width: 100%; flex-direction: column;}
.fterimge{width: 100%; max-width: 711px;}
.fterimge img{width: 100%; border-radius: 10px;}
.fterlftTop{display: flex; align-items: flex-start; justify-content: space-between;}
.fterlftbtm{display: flex; align-items: center; justify-content: space-between;margin: 0 0 57px;}
.fterlftbtmNmber{display: inline-flex; align-items: center; gap: 75px;}
.fterlftbtmNmber .media{align-items: center;}
.fterlftbtmNmber i{display: inline-flex;}
.ftrsocil, .ftrsocil ul{display: inline-flex; align-items: center;}
.ftrcpyinr{display: flex; align-items: center; justify-content: space-between; min-height: 92px; padding: 12px 0;}
.ftrcpyinr ul{display: inline-flex; align-items: center; gap: 9px;}
.ftrcpyinr p{font-size: 17px; line-height: 23px; color: var(--light); margin: 0;}
.ftrcpyinr p a{color: var(--light);}
.ftrcpyinr p a:hover{text-decoration: underline;}
.foterlgo{display: inline-flex;}
.ftersignup h3{color: var(--light); font-weight: 300;font-size: 40px;line-height: 44px;}
.fterform input[type="submit"]{background: var(--light); border-radius: 55px; min-width: 213px; height: 66px;
font-size: 20px;line-height: 23px;color: var(--primary-color); border: 2px solid transparent;}
.fterform{display: inline-flex; align-items: center; gap: 33px;}
.fterform input[type="email"]{width: 675px; height: 66px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.31);
color: #D4C5E5;font-size: 18px;line-height: 23px; outline: none; background: transparent;}
.fterform input[type="email"]::placeholder{opacity: 1; color: #D4C5E5;}
.fterform input[type="submit"]:hover{background: transparent; color: var(--light); border-color: var(--light);}
.fterlftTop h3{color: var(--light); font-size: 24px;line-height: 30px; margin-bottom: 17px;}
.fterlink li a{color: var(--light); font-size: 18px;line-height: 23px;font-weight: 400;}
.fterlink li a:hover{text-decoration: underline;}
.fterlink ul{display: inline-flex; flex-direction: column; gap: 16px;}
.fterinfoItem span{display: inline-flex; color: var(--light); font-size: 18px;line-height: 25px;}
.fterinfoItem span a{color: var(--light);}
.fterinfoItem span a:hover{text-decoration: underline;}
.fterinfo{display: inline-flex; flex-direction: column; gap: 24px;}
.ftrsocil h4{margin: 0; color: var(--light); font-size: 24px;line-height: 30px;}
.ftrsocil{gap: 20px;}
.ftrsocil li a{display: inline-flex; align-items: center; justify-content: center; color: var(--light);
background: #786293; width: 45px; height: 45px; border-radius: 100%;}
.ftrsocil ul{gap: 6px;}
.ftrsocil li a:hover{background: var(--light); color: var(--primary-color);}
.fterlftbtmNmber h4{color: var(--light); font-size: 16px;line-height: 21px;}

.pageToplnk{
    position: fixed; 
    z-index: 99;
    cursor: pointer;
    width: 78px;
    height: 78px;
    bottom: 23px;
    right: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #F4F2F9; box-shadow: 0px 35px 40px 0px rgba(0, 0, 0, 0.25);
}
.pageToplnk span{position: absolute; color: var(--secondary-color); font-size: 24px;}
.progress-ring{
    inset:0;
     pointer-events: none;
     transform: rotate(-90deg);
}
.progress-circle{
    fill:none;
    stroke:#5B4B7A;
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray: 219.91;   /* 2πr (2×3.1416×30) */
    stroke-dashoffset: 219.91;  /* Start at 0% */
    transition:stroke-dashoffset .1s linear;
}


.headersec{width: 100%; top: 0; left: 0; background: var(--light); position: absolute; z-index: 70;}
.hderbtm{background: #F7F5F9; width: 100%;}
.hdrtopinr{display: flex; align-items: center; justify-content: space-between;}
.hderinfo ul, .hderinfo li{display: inline-flex; align-items: center;}
.hderinfo li{gap: 10px;font-size: 17px;line-height: 22px;columns: var(--secondary-color);}
.hderlocation ul{display: inline-flex; align-items: center; gap: 17px;}
.hderinfo ul{gap: 35px;}
.hderlocation li{border: 1px solid var(--secondary-color); border-radius: 55px; padding: 0 15px 0 12px; height: 42px;
color: #AFA5BC; font-size: 17px;line-height: 22px;display: inline-flex; align-items: center; overflow: hidden;}
.hderlocation li i{display: inline-flex; margin-right: 5px;}
.hderlocation select{height: 42px; width: 140px; border: 0; outline: none; -webkit-appearance: none; cursor: pointer;
background: url(../images/downarow.png) no-repeat right 16px center; font-size: 17px;line-height: 23px;
color: var(--secondary-color);}
.hderlocation li:first-child select{width: 120px;}
.hderlocation li:last-child{padding: 0;}
.hderlocation li:last-child select{width: 156px; padding-left: 43px;
background: url(../images/downarow.png) no-repeat right 16px center, url(../images/global.png) no-repeat left 16px center; }
.hdertop{padding: 5px 0px;}
.hderbtm{padding: 6px 0; width: 100%;}
.hderbtminr{display: flex; align-items: center; justify-content: space-between;}
.hdrtoplft{display: inline-flex; align-items: center; gap: 30px;}
.hderbtmtght ul{display: inline-flex; align-items: center; gap: 30px;}
.hderbtmtght li a{display: inline-flex; color: var(--secondary-color); font-weight: 400;font-size: 17px;line-height: 22px;align-items: center; gap: 13px; position: relative;}
.hderbtmtght li {display: inline-flex; align-items: center; gap: 13px;}
.hderbtmtght li span{display: inline-flex; align-items: center; justify-content: center; background: var(--light);
border-radius: 100%; width: 66px; height: 66px; font-size: 21px;transition: var(--transition);}
.hderbtmtght li em{display: inline-flex; align-items: center; justify-content: center; color: var(--light);
background: var(--primary-color); width: 22px; height: 22px; border-radius: 100%; font-style: normal; transition: var(--transition);
font-size: 12px;line-height: 14px; position: absolute; top: 0; right: 0;}
.hderbtmtght li a:hover span{background: var(--secondary-color); color: var(--light);}
.hderbtmtght li a:hover em{background: var(--dark);}
.menuicn{display: inline-flex; align-items: center; justify-content: center; width: 66px; height: 66px; background: var(--light);
color: var(--primary-color); font-size: 22px; border-radius: 100%;}
.menuicn:hover{background: var(--secondary-color); color: var(--light);}

.openpush{position: fixed; top: 0; left: -430px; width: 100%; max-width: 425px; background: #faf0ff; z-index: 9999;
padding: 50px 16px;height: 100vh; overflow: auto; transition: var(--transition);}
.memorablepnel h3{font-size: 25px;line-height: 30px;}
.openpush .row{margin: 0 -7px;}
.openpush .row > div{padding: 0 7px;}
.memorableItemOneinr{overflow: hidden; border-radius: 20px; text-align: center; background: var(--light);}
.memorableItemOneimge img{width: 100%;}
.openpush h4{font-size: 16px; line-height: 20px;}
.memorableItemOnetitle{padding: 12px;}
.memorableItemTwoinr{width: 100%; background: var(--light); border-radius: 20px; margin-top: 13px; padding: 10px 20px 10px 10px;
display: flex; align-items: center; justify-content: space-between;}
.memorableItemTwoinr figure{max-width: 64px;}
.memorableItemTwoinr .media{align-items: center;}
.tierspnel h3, .dayitcolorpnel h3, .topbrandpnel h3{font-size: 20px; line-height: 25px; margin: 0;}
.openpush > div{margin-top: 25px;}
.openpush > div:first-child{margin: 0;}
.tiersItem{width: 100%; text-align: center;}
.tiersimge{width: 113px; height: 113px; background: var(--light); border-radius: 100%; padding: 10px;
display: flex; align-items: center; justify-content: center;}
.tierstitle{padding: 10px 0 0;}
.dayitcolorpnel .tiersimge{width: 84px; height: 84px;}
.tiersItem{margin-top: 15px;}
.topbrandItem{margin-top: 15px; text-align: center;}
.topbrandimge{width: 100%; height: 54px; padding: 8px; background: var(--light); display: flex; align-items: center; justify-content: center;
border-radius: 12px; margin: 0 0 8px;}
.topbrandimge img{max-height: 100%;}
.topbrandpnel h4{font-size: 14px;}
.closedmenu{position: absolute; top: 15px; right: 15px; background: var(--secondary-color); padding: 10px;
width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.closedmenu img{filter: brightness(0) saturate(100%) invert(93%) sepia(7%) saturate(28%) hue-rotate(249deg) brightness(106%) contrast(107%);}
.overlaymenu{position: fixed; z-index: 9999; top: 0; bottom: 0; right: 0; left: 0; margin: 0 !important;
background: rgba(0, 0, 0, 0.65); transition: var(--transition); opacity: 0; visibility: hidden;}
.sideMenu .overlaymenu{opacity: 1; visibility: visible; left: 425px;}
.sideMenu .openpush{left: 0;}
.sideMenu{overflow: hidden;}
.openlink{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9;}
.topbrandItem, .tiersItem, .memorableItemTwoinr, .memorableItemOneinr{position: relative;}
.hderlocation li span{display: inline-block; color: var(--secondary-color); margin-left: 4px;}

.shadowPatern{width: 100%; background-repeat: no-repeat !important; background-size: cover !important;}
.headersec.fixed_header .hdertop{display: none;}

.royalSec{overflow: hidden;}
.royalItem{width: 100%; position: relative; overflow: hidden; border-radius: 20px;}
.royalimge img{width: 100%;}
.royalcont{position: absolute; bottom: 38px; left: 0; width: 100%; text-align: center; padding: 0 25px;}
.royalcont h3{color: var(--light); font-size: 40px;line-height: 46px;}
.royalimge::before{background: linear-gradient(180deg, rgba(0, 0, 0, 0) 71.07%, #000000 118.02%);
position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%;}
.royalcont .whiteButn{margin-top: 15px;}
.royalSlder .swiper-wrapper{display: flex; align-items: center;}
.royalSlder .swiper {padding: 85px 120px;}
.royalSlder .swiper-slide{transition: var(--transition);}
/* .royalSlder .swiper-slide-prev, .royalSlder .swiper-slide-next{transform: scale(1.09);}
.royalSlder .swiper-slide-active{transform: scale(1.2);} */
.hderinfo li i{display: inline-flex;}
.hderlgo{display: inline-flex;}
.hderinfo{display: inline-flex;}
.memorablepnel{margin: 0 !important;}
.lovedoneSec .lovedonecontrol > div{margin-top: -30px;}
.collectionSec .collectionSlder .swiper-slide{padding-left: calc(var(--bs-gutter-x) * .5); padding-right: calc(var(--bs-gutter-x) * .5);}

/* Product Listing */
.innerbanner .bnrtxtinr h2{margin: 0px; text-shadow: 0px 4px 2px rgba(0, 0, 0, 0.37);}
.innerbanner img{width: 100%; max-height: 100%;}
.breadcrumb-nav .breadcrumb{margin: 0px 0px 10px 0px;}
.breadcrumb-nav .breadcrumb .breadcrumb-item{font-size: 18px; font-weight: 300;}
.breadcrumb-nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before{color: var(--light);}
.breadcrumb-nav .breadcrumb .breadcrumb-item a{color: var(--light); text-decoration: none;}
.breadcrumb-nav .breadcrumb .breadcrumb-item.active, .breadcrumb-nav .breadcrumb .breadcrumb-item.active a{color: var(--light);}
.productlistcontainer{padding: 70px 0px;}
.productlistcontainer .paginate{font-size: 18px; align-self: center; color: #AFA5BC; font-weight: 400;}
.productlistcontainer .paginate span{font-size: 28px; color: var(--primary-color); font-weight: 500;}
.productlistcontainer .customizebtnouter{margin: 0px; padding: 0px;}
.productlistcontainer .customizebtnouter .customizebtn{font-size: 18px; background: var(--secondary-color); color: var(--light); display: inline-flex; align-items: center; gap: 10px; outline: none; padding: 12px 20px; border: none; border-radius: 50px;}
.productlistcontainer .customizebtnouter .customizebtn svg{min-width: 20px; max-width: 20px; height: 20px;}

.fixedsidebaroverlay{opacity:0; visibility:hidden; transition:.2s; position: fixed; z-index: 78; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.65);}
.fixedsidebaroverlay.active{opacity:1; visibility:visible;}
.fixedsidebar{position: fixed; display: flex; flex-direction: column; right: 0px; top: 0px; margin-right: -100%; bottom: 0px; width: 100%; max-width: 412px; background: #F1E8F8; z-index: 80; border-radius: 30px 0px 0px 0px; transition: all 0.2s ease-in-out;}
.sidebar-open{overflow: hidden;}
.sidebar-open .fixedsidebar{margin-right: 0px;}
.fixedsidebar .fixedsidebarheader{display: flex; padding: 24px 30px 15px 30px;}
.fixedsidebar .fixedsidebarheader .sidebarclosebtn{display: inline-flex; background: #fff; width: 28px; height: 28px; justify-content: center; align-items: center; padding: 4px; border: 1px solid #fff; color: var(--secondary-color); border-radius: 50%;}
.fixedsidebar .fixedsidebarbody{padding: 15px 30px 20px 30px; flex: 1; overflow: auto;}
.fixedsidebar .fixedsidebarbody h2{font-weight: 400; font-size: 24px; margin: 0px 0px 15px 0px;}

.filterbxouter{padding: 0px 0px 10px 0px; margin: 0px;}
.filterbxouter .filterbxitem{margin: 0px 0px 10px 0px; background: var(--light); border-radius: 20px; overflow: hidden;}
.filterbxouter .filterbxitem .filterbxheader{padding: 15px 20px; cursor: pointer; position: relative; background: #e9dafd; color: #705B8C; display: flex; justify-content: space-between;}
.filterbxouter .filterbxitem .filterbxheader:after{content: ""; width: 22px; height: 22px; color: var(--secondary-color); border: 1px solid #705B8C; border-radius: 50%; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%202a.5.5%200%200%201%20.5.5v5h5a.5.5%200%200%201%200%201h-5v5a.5.5%200%200%201-1%200v-5h-5a.5.5%200%200%201%200-1h5v-5A.5.5%200%200%201%208%202%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 14px; background-position: center;}
.filterbxouter .filterbxitem.active .filterbxheader:after{background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%208a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11A.5.5%200%200%201%202%208%22/%3E%3C/svg%3E");}

.filterbxouter .filterbxitem .filterbxheader h3{color: #705B8C; line-height: 100%; font-size: 16px; font-weight: 400; margin: 0px;}
.filterbxouter .filterbxitem .filterbxbody{display: none; padding: 15px 20px;}
.filterbxouter .filterbxitem.active .filterbxbody{display: block;}
.fixedsidebar .fixedsidebarbody .form-check{padding-left: 30px;}
.fixedsidebar .fixedsidebarbody .form-check + .form-check{margin-top: 10px;}
.fixedsidebar .fixedsidebarbody .form-check .form-check-input{margin-left: -30px; margin-top: 2px; min-width: 20px; width: 20px; height: 20px;}
.fixedsidebar .fixedsidebarbody .form-check .form-check-label{font-size: 15px; font-weight: 400; display: flex; justify-content: space-between;}
.fixedsidebar .fixedsidebarbody .form-check .form-check-label span + span{color: var(--muted);}
.form-check-input:checked{background-color: var(--primary-color); border-color: var(--primary-color);}
.form-check-input:focus{border-color: var(--primary-color); box-shadow: 0 0 0 .25rem rgba(112, 91, 140, 0.25);}

.theme-btn{background: var(--primary-color); text-align: center; justify-content: center; font-size: 15px; color: var(--light); display: inline-flex; align-items: center; gap: 10px; outline: none; padding: 10px 20px; border: 1px solid var(--primary-color); border-radius: 50px; transition: 0.3s ease-in-out;}
.theme-btn:hover{background: #f1e6ff; color: var(--secondary-color); border-color: var(--secondary-color);}

.product-loader{display: inline-flex; align-items: center; gap: 0px 10px; font-size: 15px; color: #000000;}
.product-loader i{color: var(--primary-color);}
.product-loader span{font-style: italic;}
.product-loader svg{animation: fa-spin-pulse 1s infinite steps(8); width: 30px; height: 30px;}

@keyframes fa-spin-pulse {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* Product Details */
.productdltcontainer{padding: 25px 0px; background: linear-gradient(100deg, #FDF9FF 0%, #FBF4FF 100%);}
.productdltcontainer .detailsbx{float: left; width: 100%; height: 100%; text-decoration: none;}
.productdltcontainer .detailsbx img{width: 100%; object-fit: cover; border-radius: 28px; max-width: 100%; height: 100%; max-height: 100%;}
.productdltcontainer .details-gallery{position: relative;}
.productdltcontainer .details-gallery:nth-child(1){width: 100%;}
.fancybox__slide{padding-top: 20px !important;}
.f-panzoom__viewport > .f-panzoom__content{border-radius: 20px;}
.productdltcontainer .wishlistbx{position: absolute; right: 15px; top: 13px; display: inline-flex; flex-direction: column; gap: 10px;}
.productdltcontainer .wishlistbx .wishlistbtn{display: inline-flex; width: 40px; height: 40px; justify-content: center; align-items: center; background: var(--light); color: var(--primary-color); outline: none; border: none; border-radius: 50%; transition: 0.3s ease-in-out;}
.productdltcontainer .wishlistbx .wishlistbtn svg{width: 20px; height: 20px;}
.productdltcontainer .wishlistbx .wishlistbtn:hover{background: var(--primary-color); color: var(--light);}
.productdltcontainer .productcontent{float: left; width: 100%; position: sticky; top: 144px;}
.productdltcontainer .productcttop{float: left; width: 100%; background: var(--light); padding: 20px; border-radius: 28px; margin-bottom: 15px;}
.productdltcontainer .productcttop h2{font-size: 42px; color: var(--secondary-color); font-weight: 400; margin: 0px 0px 10px 0px;}
.productdltcontainer .productcttop p{font-size: 20px; color: var(--primary-color); font-weight: 400; margin: 0px 0px 15px 0px;}
.productdltcontainer .productcttop .price{display: inline-flex; font-size: 24px; color: var(--primary-color); font-weight: 500; margin: 0px 0px 20px 0px;}

.descaccordionbxouter{float: left; width: 100%;}
.descaccordionbxouter .descaccordionitem{margin: 0px 0px 10px 0px; background: var(--light); border-radius: 25px; overflow: hidden;}
.descaccordionbxouter .descaccordionitem .descaccordionheader{padding: 16px 20px; font-size: 22px; cursor: pointer; position: relative; background: var(--light); color: var(--secondary-color); display: flex; justify-content: space-between; transition: 0.3s ease-in-out;}
.descaccordionbxouter .descaccordionitem .descaccordionheader:after{content: ""; width: 26px; height: 26px; color: var(--secondary-color); border: none; border-radius: 50%; position: absolute; right: 12px; top: 50%; transform: translateY(-50%); background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M8%202a.5.5%200%200%201%20.5.5v5h5a.5.5%200%200%201%200%201h-5v5a.5.5%200%200%201-1%200v-5h-5a.5.5%200%200%201%200-1h5v-5A.5.5%200%200%201%208%202%22/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 24px; background-position: center;}
.descaccordionbxouter .descaccordionitem .descaccordionheader h3{color: var(--secondary-color); line-height: 100%; font-size: 20px; font-weight: 400; margin: 0px; transition: 0.3s ease-in-out;}
.descaccordionbxouter .descaccordionitem.active .descaccordionheader{background:#e9dafd;}
.descaccordionbxouter .descaccordionitem.active .descaccordionheader:after{background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2%208a.5.5%200%200%201%20.5-.5h11a.5.5%200%200%201%200%201h-11A.5.5%200%200%201%202%208%22/%3E%3C/svg%3E");}
.descaccordionbxouter .descaccordionitem .descaccordionbody{display: none; padding: 15px 20px;}
.descaccordionbxouter .descaccordionitem.active .descaccordionbody{display: block;}
.descaccordionbxouter .descaccordionitem p{font-size: 18px; color: var(--primary-color); font-weight: 400; margin: 0px 0px 10px 0px;}
.descaccordionbxouter .descaccordionitem ul{margin: 0px 0px 15px 0px; padding: 0px 0px 0px 22px;}
.descaccordionbxouter .descaccordionitem ul li{font-size: 18px; color: var(--primary-color); font-weight: 400; margin: 0px 0px 10px 0px; list-style: circle;}

.skubx{float: left; width: 100%; background: #fff; padding: 20px; border-radius: 28px; margin-bottom: 15px;}
.skubx .skutp{display: flex; font-size: 18px; font-weight: 400; align-items: center; color: #838383; justify-content: space-between; gap: 10px; margin-bottom: 20px;}
.skubx .skutp strong{font-weight: 400; color: #5D4977;}
.skubx .skutp .d-flex svg{width: 28px; height: 28px;}
.skubx .skutp svg{width: 22px; height: 22px;}

.skubx .dimensiontext{display: flex; font-size: 18px; font-weight: 400; color: #838383; gap: 10px; margin: 0px 0px 15px 0px;}
.skubx .dimensiontext span{align-self: center;}
.skubx .dimensiontext strong{font-weight: 400; color: #5D4977;}
.skubx .dimensiontext svg{width: 26px; height: 26px;}

.skubx .brandlogobx{display: flex; font-size: 14px; font-weight: 400; color: #838383; gap: 15px;}
.skubx .brandlogobx .brandlogo{min-width: 90px; max-width: 90px; height: 90px; padding: 5px; border: 1px solid #a9a1b3; border-radius: 15px; display: inline-flex; justify-content: center; align-items: center;}
.skubx .brandlogobx .brandlogo img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.skubx .brandlogobx span{color: #5D4977; align-self: center; font-size: 20px; font-weight: 300;}
.skubx .brandlogobx span strong{font-weight: 400;}
.skubx .brandlogobx svg{width: 26px; height: 26px; color: #5D4977;}

.paymentmethodbx{float: left; width: 100%; background: #fff; padding: 20px; border-radius: 28px; margin-bottom: 15px;}
.paymentmethodbx .paymenttp{display: flex; justify-content: space-between; gap: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.20); padding-bottom: 20px; margin-bottom: 20px;}
.paymentmethodbx .paymenttp span{color: #5D4977; white-space: nowrap; align-self: center; font-size: 20px; font-weight: 400;}
.paymentmethodbx .paymenticonouter{display: flex; gap: 5px;  flex-wrap: wrap; justify-content: end;}
.paymentmethodbx .paymenticonouter .paymenticon{padding: 5px; border: 1px solid #EDEDED; display: inline-flex; justify-content: center; align-items: center; min-width: 72px; max-width: 72px; height: 48px; border-radius: 4px;}
.paymentmethodbx p{color: #6F5E85; font-size: 18px; line-height: 26px; margin: 0px; max-width: 400px;}
.paymentmethodbx p a{color: #6F5E85; font-size: 20px; font-weight: 500; font-style: italic;}
.paymentmethodbx .tabby{max-width: 80px; min-width: 80px;}
.paymentmethodbx .tabby img{width: auto; height: auto; max-width: 100%; max-height: 100%;}


.default-btn{display: inline-flex; gap: 10px; align-items: center; justify-content: center; text-align: center; border-radius: 55px; background: none; border: 1px solid var(--primary-color); font-size: 22px;color: var(--secondary-color); padding: 16px 30px;}
.default-btn:hover{background: var(--secondary-color); border-color: var(--secondary-color); color: var(--light);}
.default-btn svg{min-width: 20px; max-width: 20px; height: 20px;}
.theme-btn{display: inline-flex; font-weight: 300; align-items: center; justify-content: center; text-align: center; border-radius: 55px; background: var(--secondary-color); border: 1px solid var(--primary-color); font-size: 22px; color: var(--light); padding: 16px 30px;}
.theme-btn svg{min-width: 24px; max-width: 24px; height: 24px;}

.deliverytext{display: flex; gap: 15px; padding: 15px; background: #fff; border-radius: 15px; margin-bottom: 15px;}
.deliverytext svg{min-width: 46px; max-width: 46px;}
.deliverytext .congratsetxt{position: relative; padding-bottom: 15px;}
.deliverytext .congratsetxt:after{content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; background: #5D4977; height: 4px; border-radius: 10px;}
.deliverytext h4{color: #6F5E85; font-size: 17px; display: flex; gap: 10px; margin: 0px 0px 5px 0px;}
.deliverytext h4 span{align-self: center;}
.deliverytext h4 svg{max-width: 20px; min-width: 20px;}
.deliverytext p{font-size: 13px; line-height: 18px;}

.giftcardbx{display: block; padding: 15px; background: #fff; border-radius: 15px;}
.giftcardbx .giftcardbxinner{display: flex; gap: 15px; margin-bottom: 15px;}
.giftcardbx .giftcardbxinner svg{min-width: 46px; max-width: 46px;}
.giftcardbx .giftcardbxtxt{position: relative;}
.giftcardbx h4{color: #6F5E85; font-size: 17px; display: flex; gap: 10px; margin: 0px 0px 5px 0px;}
.giftcardbx h4 span{align-self: center;}
.giftcardbx h4 svg{max-width: 20px; min-width: 20px;}
.giftcardbx p{font-size: 13px; line-height: 18px; margin: 0px;}

.similarcontainer{background: linear-gradient(100deg, #FDF9FF 0%, #FBF4FF 100%);}

.tabscarousel{display: block; width: 100%; position: relative; padding: 0px 20px;}
.tabscarousel .swiper{padding: 10px 0px 10px 0px; margin-bottom: 5px;}
.tabscarousel .lovedonecontrol .swiper-button-prev-tab-carousel, .tabscarousel .lovedonecontrol .swiper-button-prev-cart-tab-carousel{pointer-events: all; position: static; left: initial; right: initial; transform: none; margin: 0px; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);}
.tabscarousel .lovedonecontrol .swiper-button-prev-tab-carousel svg, .tabscarousel .lovedonecontrol .swiper-button-prev-cart-tab-carousel svg{display: none;}
.tabscarousel .lovedonecontrol .swiper-button-next-tab-carousel, .tabscarousel .lovedonecontrol .swiper-button-next-cart-tab-carousel{pointer-events: all; position: static; left: initial; right: initial; transform: none; margin: 0px; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);}
.tabscarousel .lovedonecontrol .swiper-button-next-tab-carousel svg, .tabscarousel .lovedonecontrol .swiper-button-next-cart-tab-carousel svg{display: none;}
.tabscarousel .lovedonecontrol .swiper-button-prev-tab-carousel:after, .tabscarousel .lovedonecontrol .swiper-button-prev-cart-tab-carousel:after{display: none;}
.tabscarousel .lovedonecontrol .swiper-button-next-tab-carousel:after, .tabscarousel .lovedonecontrol .swiper-button-next-cart-tab-carousel:after{display: none;}
.tabscarousel .swiper-wrapper .tabbtn{background: #F1E8F8; border: 1px solid #F1E8F8; width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; color: #5D4977; outline: none; font-size: 14px; font-weight: 400; padding: 8px 15px; border-radius: 30px; transition: 0.3s ease-in-out;}
.tabscarousel .swiper-wrapper .tabbtn:hover{border-color: #6F5E85; background: #fff; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);}
.tabscarousel .swiper-wrapper .tabbtn.active{border-color: #6F5E85; background: #fff; box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);}
.tabscarousel .lovedonecontrol{z-index: 14; position: absolute; pointer-events: none; left: 0px; right: 0px; top: 50%; display: flex; justify-content: space-between; transform: translateY(-50%);}
.giftcardbx .collectionItem{height: 100%; box-shadow: 1px 2px 12px 0px rgb(0, 0, 0, 0.06);}
.stickybtngroup{padding: 20px 30px;}
.giftcardbx .collectionTitle h3{font-size: 16px; line-height: 24px; margin-bottom: 5px;}
.collectionTitle strong{font-size: 17px; line-height: 24px; margin-bottom: 5px;}
.stickybtngroup .default-btn, .stickybtngroup .theme-btn{font-size: 18px; padding: 13px 30px;}

.loginsidebaroverlay{opacity:0; visibility:hidden; transition:.2s; position: fixed; z-index: 78; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.65);}
.loginsidebaroverlay.active{opacity:1; visibility:visible;}
.loginsidebar{position: fixed; display: flex; flex-direction: column; right: 0px; top: 0px; margin-right: -100%; bottom: 0px; width: 100%; max-width: 412px; background: #F1E8F8; z-index: 80; border-radius: 30px 0px 0px 0px; transition: all 0.2s ease-in-out;}
.loginsidebar .loginsidebarheader{display: flex; padding: 24px 30px 15px 30px;}
.login-sidebar-open{overflow: hidden;}
.login-sidebar-open .loginsidebar{margin-right: 0px;}
.loginsidebar .loginsidebarheader .loginsidebarclosebtn{display: inline-flex; background: #fff; width: 28px; height: 28px; justify-content: center; align-items: center; padding: 4px; border: 1px solid #fff; color: var(--secondary-color); border-radius: 50%;}
.loginsidebar .loginsidebarbody{padding: 15px 30px 20px 30px; flex: 1; overflow: auto;}
.loginsidebar .loginsidebarbody h2{font-weight: 400; font-size: 24px; margin: 0px 0px 15px 0px;}
.loginfieldbx{background: var(--light); padding: 20px; border-radius: 20px;}
.loginfieldbx .form-group label{display: block; font-size: 16px; font-weight: 500; margin: 0px 0px 5px 0px;}
.loginfieldbx .form-group .input-groups{position: relative; display: flex; gap: 8px;}
.loginfieldbx .form-group .input-groups .input-inner .form-control{padding: 5px 10px 5px 44px;}
.loginfieldbx .form-group .input-groups .input-inner{max-width: 100px; position: relative;}
.loginfieldbx .form-group .input-groups .input-inner .flags{position: absolute; line-height: 100%; top: 50%; max-width: 30px; min-width: 30px; left: 8px; top: 50%; transform: translateY(-50%);}
.loginfieldbx .form-group .input-groups .input-inner .flags img{max-width: 100%; max-height: 100%;}
.loginfieldbx .form-group .form-control{height: 46px; border-radius: 10px;}
.loginsidebar .loginfieldbx h4{color: rgba(var(--secondary-rgba), 1); font-size: 22px; font-weight: 500; margin: 0px 0px 5px 0px;}
.loginsidebar .loginfieldbx p{color: #484848; line-height: 22px;}
.loginsidebar .loginfieldbx p a{color: rgba(var(--secondary-rgba), 1); transition: 0.3s ease-in-out;}
.loginsidebar .loginfieldbx p a:hover{text-decoration: underline;}
.loginsidebar .stepwizard{display: flex; margin: 10px 0px 15px 0px; position: relative;}
.loginsidebar .stepwizard .progress{position: absolute; background: #d8c6ef; height: 6px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%);}
.loginsidebar .stepwizard .progress .progress-bar{background: rgba(var(--secondary-rgba), 1);}
.loginsidebar .stepwizard .stepitem{flex: 1; display: flex; justify-content: center; position: relative; z-index: 1;}
.loginsidebar .stepwizard .stepitem .stepitemicon{padding: 8px; display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; background: rgba(var(--secondary-rgba), 1); border-radius: 50%; color: #fff; border-radius: 50%; box-shadow: 0px 0px 0px 4px #f1e8f8;}
.loginsidebar .otp-wrapper{display: flex; justify-content: center; gap: 12px;}
.loginfieldbx .form-group .otp-input.form-control{width: 54px; height: 58px; border-radius: 14px; text-align: center; font-size: 24px; font-weight: 600;}

.form-control:focus{border-color: rgba(var(--secondary-rgba), 1); box-shadow: 0 0 0 .25rem rgba(var(--secondary-rgba), 0.25);}

.sociallogin{padding: 0px; margin: 10px 0px 20px 0px;}
.sociallogin .ortext{display: flex; justify-content: center; position: relative; margin: 0px 0px 20px 0px;}
.sociallogin .ortext .or{display: inline-flex; width: 28px; height: 28px; position: relative; z-index: 1; font-size: 13px; background: var(--secondary-color); color: var(--light); align-items: center; justify-content: center; border-radius: 50%; box-shadow: 0px 0px 0px 4px var(--light);}
.sociallogin .ortext:after{content: ""; opacity: 0.5; position: absolute; left: 0px; right: 0px; top: 50%; border-top: 2px solid var(--secondary-color); border-radius: 50%;}

.facebook-btn{background: #38529a; color: var(--light); display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 15px; text-decoration: none; outline: none; border: none; border-radius: 40px; transition: 0.3s ease-in-out;}
.facebook-btn svg{min-width: 24px; max-width: 24px;}
.facebook-btn:hover{background: #273d77;}

.profilesidebaroverlay{opacity:0; visibility:hidden; transition:.2s; position: fixed; z-index: 78; left: 0px; top: 0px; bottom: 0px; right: 0px; background: rgba(0, 0, 0, 0.65);}
.profilesidebaroverlay.active{opacity:1; visibility:visible;}
.profilesidebar{position: fixed; display: flex; flex-direction: column; left: 0px; top: 0px; margin-left: -100%; bottom: 0px; width: 100%; max-width: 412px; background: #F1E8F8; z-index: 80; border-radius: 0px 30px 0px 0px; transition: all 0.2s ease-in-out;}
.profilesidebar .profilesidebarheader{display: flex; padding: 24px 30px 15px 30px;}
.profile-sidebar-open{overflow: hidden;}
.profile-sidebar-open .profilesidebar{margin-left: 0px;}
.profilesidebar .profilesidebarheader .profilesidebarclosebtn{display: inline-flex; background: #fff; width: 28px; height: 28px; margin-left: auto; justify-content: center; align-items: center; padding: 4px; border: 1px solid #fff; color: var(--secondary-color); border-radius: 50%;}
.profilesidebar .profilesidebarbody{padding: 15px 30px 20px 30px; flex: 1; overflow: auto;}
.profilesidebar .profilesidebarbody h2{font-weight: 400; font-size: 24px; margin: 0px 0px 15px 0px;}
.profilesidebar .profileuser{display: flex; gap: 15px; width: 100%;}
.profilesidebar .profileuser .profileuserimg{padding: 0px;}
.profilesidebar .profileuser .profileuserimg img{min-width: 60px; max-width: 60px; height: 60px; border-radius: 50%; object-fit: cover;}
.profilesidebar .profileuser .profileuserimg .useravatar{min-width: 60px; max-width: 60px; height: 60px; background: rgba(var(--secondary-rgba), 1); color: #fff; font-size: 24px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%;}
.profilesidebar .profileuser .profileusercontent{width: 100%; align-self: center;}
.profilesidebar .profileuser .profileusercontent h3{color: rgba(var(--secondary-rgba), 1); font-size: 18px; font-weight: 500; margin: 0px;}
.profilesidebar .profilenavbx{background: var(--light); padding: 20px; border-radius: 20px; margin-bottom: 15px;}
.profilesidebar .profilenavbx ul{margin: 0px; padding: 0px;}
.profilesidebar .profilenavbx ul li{margin: 0px; padding: 0px;}
.profilesidebar .profilenavbx ul li + li{margin-top: 20px;}
.profilesidebar .profilenavbx ul li a{display: flex; gap: 15px; color: var(--primary-color); font-size: 16px; font-weight: 500; text-decoration: none; transition: 0.3s ease-in-out;}
.profilesidebar .profilenavbx ul li a:hover{color: rgba(var(--secondary-rgba), 1);}
.profilesidebar .profilenavbx ul li a span{align-self: center; flex: 1;}
.profilesidebar .profilenavbx ul li a span + svg{align-self: center;}

.profilecontainer{background: linear-gradient(100deg, #f7effb 0%, #fbf4ff 100%); padding: 25px 0px;}
.profilecontainer .profilebxouter{float: left; width: 100%;}
.profilecontainer .profilebxuser{display: flex; gap: 20px; flex-direction: column; width: 100%; background: var(--light); padding: 25px 15px; border-radius: 20px; margin-bottom: 15px;}
.profilecontainer .profilebxuser > .d-flex{padding: 0px 10px;}
.profilecontainer .profilebxuser .profilebxuserimg{padding: 0px;}
.profilecontainer .profilebxuser .profilebxuserimg img{min-width: 60px; max-width: 60px; height: 60px; border-radius: 50%; object-fit: cover;}
.profilecontainer .profilebxuser .profilebxuserimg .useravatar{min-width: 60px; max-width: 60px; height: 60px; background: rgba(var(--secondary-rgba), 1); color: #fff; font-size: 24px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%;}
.profilecontainer .profilebxuser .profilebxusercontent{width: 100%; align-self: center;}
.profilecontainer .profilebxuser .profilebxusercontent span{color: rgba(var(--secondary-rgba), 0.60); font-size: 14px; font-weight: 400; margin: 0px;}
.profilecontainer .profilebxuser .profilebxusercontent h3{color: rgba(var(--secondary-rgba), 1); font-size: 18px; font-weight: 500; margin: 0px;}
.profilecontainer .profilebxnavbxbody{padding: 0px; flex: 1; overflow: auto;}
.profilecontainer .profilebxnavbx{background: var(--light); padding: 15px; border-radius: 20px; margin-bottom: 15px;}
.profilecontainer .profilebxnavbx ul{margin: 0px; padding: 0px;}
.profilecontainer .profilebxnavbx ul li{margin: 0px; padding: 0px;}
.profilecontainer .profilebxnavbx ul li + li{margin-top: 5px;}
.profilecontainer .profilebxnavbx ul li a{display: flex; gap: 10px; padding: 10px 10px; color: var(--primary-color); font-size: 14px; font-weight: 500; text-decoration: none; border-radius: 10px; transition: 0.3s ease-in-out;}
.profilecontainer .profilebxnavbx ul li.active a{background: rgba(var(--secondary-rgba), 1); color: var(--light);}
.profilecontainer .profilebxnavbx ul li a:hover{background: rgba(var(--secondary-rgba), 1); color: var(--light);}
.profilecontainer .profilebxnavbx ul li a span{align-self: center; flex: 1;}
.profilecontainer .profilebxnavbx ul li a span + svg{align-self: center;}
.profilecontainer .pagehding p{display: flex; gap: 7px; color: #a092b3; margin: 0px 0px 20px 0px;}
.profilecontainer .pagehding p svg{display: inline-flex; justify-content: center; align-items: center; min-width: 34px; max-width: 34px; height: 34px; padding: 8px; background: #fff; color: rgba(var(--secondary-rgba), 1); border-radius: 50%;}
.profilecontainer .pagehding p span{align-self: center;}
.profilecontainer .profilert{float: left; width: 100%;}
.cartlist .removebtn{display: inline-flex; justify-content: center; align-items: center; min-width: 40px; max-width: 40px; height: 40px; background: none; color: var(--secondary-color); border: 1px solid var(--secondary-color); outline: none; border-radius: 50%;}
.cartlist .removebtn:hover{background: var(--secondary-color); color: var(--light);}
.profilecontainer .profilert .cartlist .theme-btn{font-size: 15px; padding: 7px 10px;}
.profilecontainer .pagehding h2{font-size: 34px;}

.profilepicbx{float: left; width: 100%; background: var(--light); padding: 15px; border-radius: 15px;}
.profilepicbx .profilepicheading{text-align: center; color: rgba(var(--secondary-rgba), 1); font-size: 14px; margin: 0px 0px 20px 0px;}
.profilepicbx .profilepicimg{padding: 0px; width: 100%; text-align: center; margin: 0px 0px 25px 0px;}
.profilepicbx .profilepicimg img{display: inline-flex; vertical-align: bottom; min-width: 166px; max-width: 166px; height: 166px; border-radius: 50%; object-fit: cover;}
.profilepicbx .profilepicimg .useravatar{min-width: 166px; max-width: 166px; height: 166px; background: rgba(var(--secondary-rgba), 1); color: #fff; font-size: 34px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%;}
.profilepicbx .theme-btn{font-size: 15px; position: relative; padding: 7px 10px; background: none; color: rgba(var(--secondary-rgba), 1);}
.profilepicbx .theme-btn:hover{background: rgba(var(--secondary-rgba), 1); color: var(--light);}
.profilepicbx .theme-btn input[type="file"]{cursor: pointer; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; opacity: 0;}

.profilepicbx .profile-remove-btn{background: none; border: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; color: rgba(var(--secondary-rgba), 1); font-size: 15px; padding: 7px 10px;}
.profilepicbx .profile-remove-btn span{line-height: 100%;}
.profileinfowrapper{float: left; width: 100%; background: var(--light); padding: 25px; border-radius: 15px; margin: 0px 0px 15px 0px;}
.profileinfowrapper .profileinfo{display: flex; gap: 15px;}
.profileinfowrapper .profileinfo + .profileinfo{margin-top: 20px;}
.profileinfowrapper .profileinfo .profileinfoicon{display: inline-flex;}
.profileinfowrapper .profileinfo .profileinfotext{width: 100%;}
.profileinfowrapper .profileinfo h3{color: #a092b3; font-size: 13px; margin: 0px 0px 2px 0px;}
.profileinfowrapper .profileinfo p{color: rgba(var(--secondary-rgba), 1); font-size: 15px; margin: 0px; word-break: break-word;}
.profileinfowrapper .verifybtn{align-self: center; background: none; border: 1px solid rgba(var(--secondary-rgba), 1); white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; color: rgba(var(--secondary-rgba), 1); font-size: 15px; padding: 8px 10px; border-radius: 15px; transition: 0.3s ease-in-out;}
.profileinfowrapper .verifybtn span{line-height: 100%;}
.profileinfowrapper .verifiedbtn{align-self: center; background: none; border: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 5px; color: rgba(var(--secondary-rgba), 1); font-size: 15px; padding: 0px; transition: 0.3s ease-in-out;}
.profileinfowrapper .verifybtn:hover{background: rgba(var(--secondary-rgba), 1); color: var(--light);}




.cartcontainer{background: linear-gradient(100deg, #f7effb 0%, #fbf4ff 100%); padding: 25px 0px;}
.cartlt{float: left; width: 100%;}
.cartlt .pagehding p span{line-height: 100%;}
.cartlt .cartlistwrapper{padding: 0px; margin: 0px 0px 20px 0px;}
.cartlt .cartlist{background: var(--light); padding: 15px; border-radius: 15px; margin: 0px 0px 10px 0px;}
.cartlt .cartlist .cartlistimg{display: inline-flex;}
.cartlt .cartlist .cartlistimg img{min-width: 100px; max-width: 100%; height: 100px; border-radius: 10px; object-fit: cover;}
.cartlt .cartlist .cartimgcontent{width: 100%; padding: 10px 0px; display: flex; flex-direction: column; justify-content: space-between;}
.cartlt .cartlist .cartimgcontent h4{font-size: 20px; font-weight: 500; margin: 0px 0px 10px 0px;}
.cartlt .cartlist .cartimgcontent .price{display: inline-flex; align-items: center; gap: 2px; font-size: 16px; font-weight: 500; margin: 0px;}
.cartlt .cartlist .cartimgcontent .price span{line-height: 100%;}
.cartlt .cartlist .qtybx{display: inline-flex; position: relative; width: 100%; max-width: 100px;}
.cartlt .cartlist .qtybx .form-control{background: #e9e2ed; padding: 4px 38px; text-align: center; border-color: #e9e2ed; height: 34px; border-radius: 40px;}
.cartlt .cartlist .qtybx .form-control:focus{border-color: var(--secondary-color);}
.cartlt .cartlist .qtybx .qtybtn{position: absolute; left: 4px; top: 50%; padding: 3px; outline: none; border: 1px solid var(--primary-color); color: var(--secondary-color); width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; background: none; transform: translateY(-50%); border-radius: 50%;}
.cartlt .cartlist .qtybx .qtybtn.minusbtn{border: 1px solid var(--primary-color);}
.cartlt .cartlist .qtybx .qtybtn.plusbtn{left: auto; right: 4px; border: 1px solid var(--primary-color);}
.cartlt .cartlist .cartlistbtns{display: inline-flex; gap: 10px;}
.cartlt .cartlist .cartlistbtns .default-btn{font-size: 13px; font-weight: 400; padding: 7px 10px;}
.ordersummarybx{float: left; width: 100%; position: sticky; top: 146px;}
.subtotalbx{background: var(--light); padding: 0px; border-radius: 15px; overflow: hidden;}
.subtotalbx .subtotalbxinner{padding: 15px;}
.subtotalbx p{font-size: 14px; font-weight: 500; justify-content: space-between; display: flex; gap: 10px;}
.subtotalbx p.total{font-size: 18px; font-weight: 600;}
.subtotalbx p span{display: inline-flex; align-items: center; gap: 2px;}
.subtotalbx p span span{line-height: 100%;}
.subtotalbx .taxtext{font-size: 13px; color: #838383; font-weight: 400; text-align: right;}
.subtotalbx .couponpart{background: #eddfff; display: flex; align-items: center; justify-content: space-between; padding: 10px 15px;}
.subtotalbx .couponpart .couponlt{font-size: 14px; font-weight: 400; display: inline-flex; gap: 5px;}
.subtotalbx .couponpart .couponlt svg{align-self: center;}
.subtotalbx .couponpart .applycoupontext{font-size: 14px; font-weight: 400; display: inline-flex; color: var(--secondary-color); gap: 5px; transition: 0.3s ease-in-out;}
.subtotalbx .couponpart .applycoupontext svg{align-self: center;}
.subtotalbx .couponpart .applycoupontext:hover{color: var(--primary-color); text-decoration: underline;}
.subtotalbx .applycoupongroup{position: relative;}
.subtotalbx .applycoupongroup label{font-size: 14px; font-weight: 400; margin: 0px 0px 4px 0px;}
.subtotalbx .applycoupongroup .input-groups{display: flex;}
.subtotalbx .applycoupongroup .input-groups .form-control{border-radius: 40px; height: 42px;}
.subtotalbx .applycoupongroup .input-groups .theme-btn{height: 42px; font-size: 14px; border-radius: 40px;}
.giftcardbx .addtocartbtn{gap: 7px; width: 100%; padding: 7px 10px; font-size: 16px;}


@media (min-width: 1700px) and (max-width: 1799px) {

.lovedoneSlder, .brandSlder{padding: 0 20px;}
.lovedonecontrol > div:first-child {left: -10px;}
.lovedonecontrol > div:last-child {right: -10px;}
.bannerSec .owl-prev {left: 44px;}
.bannerSec .owl-next {right: 44px;}
.brandnext {left: -15px;}
.brandprev {right: -15px;}
.pageToplnk {width: 78px; height: 78px; bottom: 23px; right: 23px;}


}

@media (min-width: 1600px) and (max-width: 1699px) {

.lovedoneSlder, .brandSlder, .collectionSlder{padding: 0 20px;}
.lovedonecontrol > div:first-child {left: -2px;}
.lovedonecontrol > div:last-child {right: -2px;}
.bannerSec .owl-prev {left: 35px;}
.bannerSec .owl-next {right: 35px;}
.brandnext {left: -3px;}
.brandprev {right: -3px;}
.pageToplnk {width: 78px; height: 78px; bottom: 23px; right: 23px;}

.bnrimg > img{height: 600px;}
.royalcont {bottom: 30px;padding: 0 18px;}
.royalcont h3 {font-size: 30px;line-height: 35px;}
.royalcont .whiteButn{height: 55px; font-size: 16px; line-height: 20px;margin-top: 10px;}
.whiteButn i {width: 45px; height: 45px;}
/* .royalSlder .swiper-slide {padding: 0 33px;} */
.collectionSlder .lovedonecontrol > div:first-child {left: 3px;}
.collectionSlder .lovedonecontrol > div:last-child {right: -3px;}


}

@media only screen and (max-width: 1720px) {
.pagehding h2{font-size: var(--heading-xl);}
p{font-size: var(--text-md);}
.container{max-width: 1420px;}

.hderinfo li {font-size: 15px; line-height: 20px;}
.hderinfo ul {gap: 25px;}
.hderlocation li, .hderlocation select {height: 39px; font-size: 15px; line-height: 20px;}
.hderlocation li i {max-width: 15px;}
.hderinfo li:first-child i{max-width: 35px;}
.hderinfo li:nth-child(2) i{max-width: 16px;}
.hderinfo li:last-child i{max-width: 27px;}
.hderbtmtght li a {font-size: 15px; line-height: 20px;}
.hderbtmtght li span {font-size: 19px;}
.hderbtmtght li span, .menuicn{width: 57px;height: 57px;}
.menuicn {font-size: 17px;}
.hderlgo{max-width: 110px;}
.fixed_header .hderlgo{max-width: 90px;}
.bannerSec .owl-nav button {width: 46px;height: 46px;}
.bannerSec .owl-prev {left: 50px;}
.bannerSec .owl-next {right: 50px;}
.bnrtxtinr h2 {font-size: 75px;line-height: 80px;margin-bottom: 22px;}
.whiteButn {height: 55px;font-size: 17px;line-height: 23px;padding: 0 4px 0 26px;}
.whiteButn i {width: 46px;height: 46px;}
.bnrtxtinr {max-width: 710px; margin-left: 85px;}
.bnrimg > img{height: 500px;}
.main-content{margin-top: 167px;}
.bnersearch input[type="text"], .bnersearch input[type="search"] {font-size: 15px; line-height: 20px;background-size: 24px;
padding: 0 140px 0 60px;}
.bnersearch {bottom: -37px; height: 74px; padding: 7px;max-width: 850px;}
.bnersearch input[type="submit"] {font-size: 16px; right: 7px;}

.lovedoneSlder, .collectionSlder {margin-top: 43px;}

.lovedonetitle h3 {font-size: 22px;line-height: 27px;}
.lovedoneimg {border-radius: 25px;margin-bottom: 20px;}
.fatherDayTitle h3 {font-size: 25px;line-height: 30px;}
.fatherDayTitle strong {font-size: 24px;line-height: 30px;}
.carticon {width: 57px; height: 57px;bottom: 17px;right: 17px;}
.collectionTitle {padding: 20px;}
.collectionItem{border-radius: 25px;}
.collectionTitle h3 {font-size: 20px;line-height: 25px;}
.collectionTitle strong {font-size: 20px;line-height: 25px;}
/* .royalSlder .swiper-slide {padding: 0 28px;} */
.royalcont {bottom: 28px;padding: 0 20px;}
.royalcont h3 {font-size: 27px;line-height: 33px;}
.royalcont .whiteButn {margin-top: 11px;height: 50px;font-size: 15px;line-height: 20px;padding: 0 4px 0 24px;}
.royalcont .whiteButn i {width: 42px;height: 42px;}
.royalSlder .swiper {padding: 50px 115px;margin-top: 40px;}
.collectionbtn {margin-top: 50px;}
.outlneButn {font-size: 16px;line-height: 20px;height: 57px;padding: 0 39px;}
.brandLgo figure {height: 195px;padding: 50px;}
.brandcontrol > div {width: 48px; height: 48px; font-size: 11px;}
.brandnext {left: -45px;}
.brandprev {right: -45px;}
.advertiSec {padding: 80px 0;}
.advertiitem {border-radius: 25px;}
.advertTitle h2 {font-size: 45px;line-height: 52px;}
.advertTitle {left: 50px;}
.askedSec {padding: 90px 0;}
.askedleft {max-width: 575px;}
.askedpnel {gap: 80px;}
.askedrght .accordion-item > button {font-size: 23px;line-height: 30px;padding: 20px 70px 20px 0;}
.askedrght .accordion-item {padding: 28px 0;}
.askedcont p {font-size: 17px;}
.biteItem strong {font-size: 23px; line-height: 28px;}
.marquee-item {margin-right: 40px; padding-right: 40px;}
.customMarquee {min-height: 105px;}
.ftersignup h3 {font-size: 33px;line-height: 40px;}
.fotertop {padding: 65px 0;}
.foterlgo{max-width: 160px;}
.fterform input[type="submit"] {min-width: 188px; height: 60px; font-size: 17px; line-height: 22px;}
.fterform input[type="email"] {width: 580px;height: 60px;}
.fterform {gap: 26px;}
.ftrcpyinr p {font-size: 16px; line-height: 22px;}
.ftrmidle {padding: 30px 0 40px;}
.ftrmidleiner {gap: 50px;}
.fterlftTop h3 {font-size: 20px;line-height: 25px;margin-bottom: 12px;}
.fterlink li a {font-size: 15px; line-height: 20px;}
.fterlink ul {gap: 13px;}
.fterinfoItem span {font-size: 15px;line-height: 26px;}
.ftrsocil h4{font-size: 20px;line-height: 25px;}
.fterinfo {gap: 15px;}
.fterlftbtmNmber h4 {font-size: 14px;line-height: 20px;}
.ftrsocil li a {width: 41px;height: 41px;}
.fterimge {max-width: 500px;}
.fterlftbtmNmber {gap: 30px;}
.fterlftbtm {margin: 0 0;}
.advertTitle h2 svg{width: 30px;}
.breadcrumb-nav .breadcrumb .breadcrumb-item{font-size: 16px;}
.productlistcontainer .paginate{font-size: 16px;}
.productlistcontainer .paginate span{font-size: 26px;}
.productlistcontainer .customizebtnouter .customizebtn{font-size: 17px;}

.productdltcontainer .productcttop{padding: 30px;}
.productdltcontainer .productcttop h2{font-size: 34px;}
.productdltcontainer .productcttop p{font-size: 16px;}
.productdltcontainer .productcttop .price{font-size: 24px;}
.default-btn, .theme-btn{font-size: 20px; padding: 14px 30px;}
.descaccordionbxouter .descaccordionitem .descaccordionheader{padding: 16px 20px; font-size: 18px;}
.descaccordionbxouter .descaccordionitem p{font-size: 16px;}
.descaccordionbxouter .descaccordionitem ul li{font-size: 16px;}
.skubx .skutp{font-size: 16px;}
.skubx .skutp .d-flex svg{width: 28px; height: 28px;}
.skubx .dimensiontext{font-size: 16px;}
.skubx .dimensiontext svg{width: 28px; height: 28px;}
.skubx .brandlogobx span{font-size: 18px;}
.paymentmethodbx .paymenttp span{font-size: 18px;}
.paymentmethodbx .paymenticonouter .paymenticon{min-width: 58px; max-width: 58px; height: 38px;}
.paymentmethodbx p{font-size: 16px; line-height: 22px; max-width: 340px;}
.paymentmethodbx .tabby{min-width: 80px; max-width: 80px;}
.productdltcontainer .wishlistbx .wishlistbtn{width: 50px; height: 50px;}
.productdltcontainer .wishlistbx .wishlistbtn svg{width: 24px; height: 24px;}
.productdltcontainer .productcontent{top: 125px;}
.giftcardbx .addtocartbtn{font-size: 14px; gap: 7px; padding: 4px 10px; width: 100%;}
.fixedsidebar{max-width: 500px;}
.giftcardbx .collectionTitle h3{font-size: 15px; line-height: 22px; margin-bottom: 5px;}
.collectionTitle strong{font-size: 16px; line-height: 22px; margin-bottom: 5px;}
.ordersummarybx{top: 122px;}

.profilecontainer .pagehding h2{font-size: 32px;}
}

@media only screen and (max-width: 1399px) {
.pagehding h2{font-size: var(--heading-lg);}
p{font-size: var(--text-sm);}
.container{max-width: 1180px;}

.hderinfo li{font-size: 13px;line-height: 20px; gap: 7px;}
.hderinfo ul{gap: 19px;}
.hderinfo li:first-child i {max-width: 26px;}
.hderinfo li:nth-child(2) i {max-width: 14px;}
.hderinfo li:last-child i {max-width: 24px;}
.lovedonecontrol > div:first-child{left: -20px;}
.lovedonecontrol > div:last-child{right: -20px;}
.hderlocation ul{gap: 10px;}
.hderlocation li, .hderlocation select {height: 30px;font-size: 13px;line-height: 16px;}
.hderlocation li i {max-width: 13px;}
.hderlocation li:last-child select {width: 135px;}
.hderlgo {max-width: 76px;}
.fixed_header .hderlgo{max-width: 50px;}
.hdrtoplft{gap: 20px;}
.hderbtmtght li span, .menuicn {width: 45px;height: 45px; font-size: 15px;}
.main-content{margin-top: 125px;}
.bnrtxtinr h2{font-size: 60px;line-height: 70px;margin-bottom: 19px;}
.bnrtxtinr{max-width: 570px;margin-left: 70px;}
.bannerSec .owl-nav button {width: 42px;height: 42px;}
.bannerSec .owl-prev {left: 33px;}
.bannerSec .owl-next {right: 33px;}
.whiteButn {height: 50px;font-size: 15px;line-height: 20px;padding: 0 3px 0 23px;}
.whiteButn i {width: 42px;height: 42px;font-size: 9px;}
.bnrimg > img {height: 450px;}
.bnersearch {bottom: -26px;height: 54px;padding: 5px;max-width: 750px;}
.bnersearch input[type="submit"] {font-size: 15px;right: 5px;height: 44px;}

.lovedoneSec, .collectionSec, .royalSec, .brandSec {padding: 75px 0 0;}
.lovedonecontrol > div{width: 36px; height: 36px; font-size: 11px;}
.lovedonetitle h3 {font-size: 17px;line-height: 22px;}
.lovedoneimg {margin-bottom: 18px;}
.lovedoneimg, .collectionItem, .advertiitem {border-radius: 20px;}
.royalItem {border-radius: 15px;}
.offtext {top: 21px;left: 21px;font-size: 13px;line-height: 20px;padding: 4px 12px;}
.fatherdaybtn {top: 6px;}
.lovedoneSlder, .collectionSlder {margin-top: 33px;}
.scrollbartheme {height: 5px;width: 700px;margin: 40px auto 0;}
.advertiSec {padding: 70px 0;}
.fatherDayTitle {padding: 10px 10px 10px 30px;}
.fatherDayTitle h3 {font-size: 20px;line-height: 25px;margin-bottom: 10px;}
.fatherDayTitle strong {font-size: 20px;line-height: 24px;}
.carticon {width: 44px;height: 44px;bottom: 13px;right: 13px;font-size: 18px;}
.collectionTitle {padding: 15px;}
.collectionTitle h3 {font-size: 17px;line-height: 22px; margin-bottom: 11px;}
.collectionTitle strong {font-size: 17px;line-height: 23px;}
/* .royalSlder .swiper-slide {padding: 0 24px;} */
.royalcont {bottom: 20px;padding: 0 15px;}
.royalcont h3 {font-size: 23px;line-height: 28px;}
.royalcont .whiteButn {margin-top: 5px;height: 45px;font-size: 13px;line-height: 20px;padding: 0 3px 0 20px;}
.royalcont .whiteButn i {width: 37px;height: 37px;}
.royalSlder .swiper {padding: 40px 105px;margin-top: 34px;}
.outlneButn {font-size: 15px;line-height: 20px;height: 44px;padding: 0 25px;}
.collectionbtn {margin-top: 40px;}
.brandLgo figure {height: 174px;padding: 40px;}
.brandcontrol > div {width: 44px;height: 44px;font-size: 10px;}
.brandnext {left: -36px;}
.brandprev {right: -36px;}
.advertTitle h2 {font-size: 37px;line-height: 45px;}
.advertiitem img{height: 240px; object-fit: cover;}
.askedSec {padding: 74px 0;}
.askedleft {max-width: 470px;}
.askedpnel {gap: 70px;}
.askedrght .accordion-item {padding: 21px 0;}
.askedrght .accordion-item > button {font-size: 20px;line-height: 25px;padding: 17px 60px 17px 0;}
.askedcont p {font-size: 16px;}
.askedrght .accordion-item > button::before{width: 47px; height: 47px;}
.biteItem strong {font-size: 20px;line-height: 24px;}
.marquee-item {margin-right: 30px;padding-right: 30px;}
.customMarquee {min-height: 91px;}
.ftersignup h3 {font-size: 27px;line-height: 34px;}
.fotertop {padding: 44px 0;}
.ftrcpyinr {min-height: 80px;}
.pageToplnk {transform: scale(0.8);}
.fterform {gap: 20px;}
.fterform input[type="submit"] {min-width: 146px;height: 55px;font-size: 16px;line-height: 20px;}
.fterform input[type="email"] {width: 500px;height: 55px;font-size: 15px;line-height: 20px;}
.foterlgo {max-width: 143px;}
.ftrmidleiner {gap: 30px;}
.fterlink li a {font-size: 14px;line-height: 20px;}
.fterlink ul {gap: 8px;}
.fterlftTop h3 {font-size: 18px;line-height: 23px;margin-bottom: 8px;}
.fterinfo {gap: 13px;}
.fterlftbtmNmber {gap: 20px;}
.ftrsocil h4 {font-size: 18px;line-height: 23px;}
.ftrsocil li a {width: 36px;height: 36px;}
.ftrsocil ul {gap: 4px;}
.fterimge {max-width: 420px;}
.fterlftbtmNmber i {max-width: 31px;}
.fterimge img{height: 300px; object-fit: cover;}
.collectionSlder .lovedonecontrol > div:first-child {left: -20px;}
.collectionSlder .lovedonecontrol > div:last-child {right: -20px;}
.advertTitle h2 svg{width: 22px;}

.breadcrumb-nav .breadcrumb .breadcrumb-item{font-size: 14px;}
.productlistcontainer .paginate{font-size: 14px;}
.productlistcontainer .paginate span{font-size: 24px;}
.productlistcontainer .customizebtnouter .customizebtn{font-size: 15px;}
.fixedsidebar .fixedsidebarheader .sidebarclosebtn{width: 28px; height: 28px; padding: 8px;}
.filterbxouter .filterbxitem .filterbxheader{font-size: 15px 20px;}
.filterbxouter .filterbxitem .filterbxheader h3{font-size: 16px;}

.productdltcontainer .productcttop h2{font-size: 30px;}
.productdltcontainer .productcttop p{font-size: 14px;}
.productdltcontainer .productcttop .price{font-size: 20px;}
.default-btn{font-size: 18px; padding: 10px 30px;}
.theme-btn{font-size: 18px; padding: 10px 30px;}
.descaccordionbxouter .descaccordionitem .descaccordionheader{padding: 13px 20px; font-size: 15px;}
.descaccordionbxouter .descaccordionitem p{font-size: 14px;}
.descaccordionbxouter .descaccordionitem ul li{font-size: 14px;}
.skubx .skutp{font-size: 14px;}
.skubx .skutp .d-flex svg{width: 24px; height: 24px;}
.skubx .dimensiontext{font-size: 14px;}
.skubx .dimensiontext svg{width: 22px; height: 22px;}
.skubx .brandlogobx .brandlogo{min-width: 80px; max-width: 80px;height: 80px; padding: 5px;}
.skubx .brandlogobx span{font-size: 16px;}
.skubx .brandlogobx svg{width: 22px; height: 22px;}
.paymentmethodbx .paymenticonouter .paymenticon{padding: 5px; min-width: 50px; max-width: 50px; height: 33px;}
.paymentmethodbx p{font-size: 14px; max-width: 290px;}
.paymentmethodbx .tabby{max-width: 60px; min-width: 60px;}
.productdltcontainer .wishlistbx .wishlistbtn{width: 40px; height: 40px;}
.productdltcontainer .wishlistbx .wishlistbtn svg{width: 20px; height: 20px;}
.descaccordionbxouter .descaccordionitem .descaccordionheader:after{background-size: 18px;}
.descaccordionbxouter .descaccordionitem ul{padding: 0px 0px 0px 17px;}
.productdltcontainer .productcontent{top: 78px;}
.deliverytext svg{min-width: 32px; max-width: 32px;}
.paymentmethodbx p a{font-size: 16px;}
.giftcardbx .addtocartbtn{font-size: 13px; gap: 7px; padding: 4px 10px; width: 100%;}
.giftcardbx .addtocartbtn svg{min-width: 14px; max-width: 14px;}
.giftcardbx .collectionTitle h3{font-size: 14px; line-height: 20px; margin-bottom: 5px;}
.collectionTitle strong{font-size: 15px; line-height: 22px; margin-bottom: 5px;}
.stickybtngroup .default-btn, .stickybtngroup .theme-btn{font-size: 16px;}
.fixedsidebar{max-width: 412px;}

.loginsidebar{max-width: 412px;}
.loginsidebar .loginsidebarheader .loginsidebarclosebtn{width: 28px; height: 28px; padding: 8px;}

.profilesidebar{max-width: 412px;}
.profilesidebar .profilesidebarheader .profilesidebarclosebtn{width: 28px; height: 28px; padding: 8px;}

.cartlt .cartlist .cartlistimg img{min-width: 100px; max-width: 100px; height: 100px;}
.cartlt .cartlist .cartimgcontent h4{font-size: 20px;}
.cartlt .cartlist .cartimgcontent .price{font-size: 16px;}
.cartlt .cartlist .cartlistbtns .default-btn{padding: 7px 10px; font-size: 13px;}
.giftcardbx .addtocartbtn{gap: 7px; width: 100%; padding: 4px 10px; font-size: 13px;}
.ordersummarybx{top: 76px;}

.profilecontainer .pagehding h2{font-size: 28px;}

}

@media only screen and (max-width: 1199px) {
.pagehding h2{font-size: var(--heading-md);}
.container{max-width: 960px;}

.ftrcpyinr p {font-size: 15px;line-height: 20px;}
.fterlftbtm {margin: 25px 0 0;}
.fterlftbtmNmber {gap: 22px;}
.ftrmidle {padding: 30px 0;}
.ftrcpyinr li img{height: 38px;}
.fotertop {padding: 30px 0;}
.ftersignup h3 {font-size: 24px;line-height: 30px;}
.fterform input[type="submit"] {min-width: 135px;height: 50px;font-size: 15px;line-height: 20px;}
.fterform input[type="email"] {width: 450px;height: 50px;font-size: 14px;line-height: 20px;}
.ftrmidleiner {gap: 23px;}
.fterimge {max-width: 246px;}
.biteItem strong {font-size: 17px;line-height: 22px;}
.marquee-item {margin-right: 25px;padding-right: 25px;}
.marquee-item::before {right: -8px;font-size: 16px;}
.customMarquee {min-height: 80px;}
.hdrtoplft {gap: 23px;}
.hderinfo li {font-size: 13px;line-height: 20px;}
.hderinfo ul {gap: 14px;}
.hderlocation li, .hderlocation select {height: 34px;font-size: 13px;line-height: 20px;}
.hderlocation ul {gap: 9px;}
.hderlocation li i {max-width: 12px;}
.hderlocation li {padding: 0 18px 0 15px;}
.hderlocation li:last-child select {width: 125px;padding-left: 35px; background-size: auto, 14px;
background-position: right 13px center, left 13px center;}
.hderlgo {max-width: 70px;}
.fixed_header .hderlgo{max-width: 60px;}
.hderbtmtght li span, .menuicn {width: 47px;height: 47px;}
.menuicn {font-size: 15px;}
.main-content{margin-top: 123px;}
.askedleft {max-width: 400px;}
.askedpnel {gap: 40px;}
.askedcont p {font-size: 15px;}
.askedrght .accordion-item > button {font-size: 18px;line-height: 25px;padding: 14px 50px 14px 0;}
.askedrght .accordion-item > button::before {width: 41px;height: 41px;}
.askedrght .accordion-item {padding: 17px 0;}
.bnrtxtinr h2 {font-size: 48px;line-height: 53px;margin-bottom: 16px;}
.bannerSec .owl-prev {left: 20px;}
.bannerSec .owl-next {right: 20px;}
.bnrtxtinr {max-width: 444px;margin-left: 60px;}
.bnrimg > img {height: 400px;}
.bnersearch {max-width: 650px;}
.lovedonecontrol > div {width: 47px;height: 47px;}
.lovedonecontrol > div:first-child {left: -20px;}
.lovedonecontrol > div:last-child {right: -20px;}
.scrollbartheme {height: 4px;width: 620px;margin: 35px auto 0;}
.fatherdaybtn {top: -4px;}
.lovedoneSec, .collectionSec, .royalSec, .brandSec {padding: 65px 0 0;}
/* .royalSlder .swiper-slide-active {transform: scale(1);}
.royalSlder .swiper-slide {padding: 0 18px;} */
.royalSlder .swiper {padding: 30px 105px;margin-top: 30px;}
.offtext {top: 14px;left: 14px;font-size: 14px;line-height: 20px;padding: 4px 12px;}
.collectionbtn {margin-top: 30px;}
.outlneButn {font-size: 14px;line-height: 20px;height: 48px;padding: 0 30px;}
.lovedonetitle h3 {font-size: 19px;line-height: 24px;}
.brandnext {left: -22px;}
.brandprev {right: -22px;}
.brandSlder {margin-top: 35px;}
.advertTitle h2 {font-size: 32px;line-height: 41px;}
.advertiSec {padding: 63px 0;}
.pageToplnk {transform: scale(0.7); bottom: 11px; right: 11px;}

.openpush {padding: 50px 15px 40px;}
.askedSec{padding: 60px 0;}



}

@media only screen and (max-width: 991px) {
.pagehding h2{font-size: var(--heading-sm);}
.container{max-width: 720px;}

.hderinfo li:last-child{display: none;}
.bnrtxtinr h2 {font-size: 40px;line-height: 50px;margin-bottom: 15px;}
.bnrtxtinr {max-width: 370px;margin-left: 50px;}
.lovedoneSec, .collectionSec, .royalSec, .brandSec {padding: 50px 0 0;}
.scrollbartheme {width: 500px;margin: 28px auto 0;}
.lovedoneSlder, .collectionSlder {margin-top: 25px;}
/* .royalSlder .swiper-slide {padding: 0 10px;} */
.royalcont h3 {font-size: 20px;line-height: 25px;}
.royalcont {bottom: 17px;padding: 0 13px;}
.royalSlder .swiper {padding: 25px 90px;margin-top: 26px;}
.advertTitle h2 {font-size: 25px;line-height: 33px;}
.advertTitle .whiteButn {height: 45px;font-size: 14px;padding: 0 3px 0 20px;}
.advertTitle .whiteButn i {width: 36px;height: 36px;}
.advertTitle {left: 35px;}
.advertiitem img {height: 216px;}
.askedSec{padding: 50px 0;}
.askedpnel {gap: 30px;flex-direction: column;}
.askedleft {max-width: 100%;}
.pageToplnk {transform: scale(0.6);bottom: 0;right: 0;}
.fterimge{display: none;}
.ftrcpyinr li img {height: 34px;}
.ftersignup h3 {font-size: 22px;line-height: 27px;}
.fterform {gap: 15px;}
.fterform input[type="email"] {width: 350px;}
.foterlgo {max-width: 116px;}

.productlistcontainer{padding: 40px 0px;}
.productlistcontainer .paginate span{font-size: 18px;}
.productlistcontainer .customizebtnouter .customizebtn{gap: 5px; font-size: 13px; padding: 8px 20px;}
.productlistcontainer .customizebtnouter .customizebtn svg{min-width: 16px; max-width: 16px; height: 16px;}
.main-content{margin-top: 111px;}
.productdltcontainer .productcttop h2{font-size: 24px; margin: 0px 0px 5px 0px;}
.productdltcontainer .productcttop{padding: 20px;}
.productdltcontainer .productcttop .price{font-size: 18px;}
.default-btn, .theme-btn{font-size: 16px; padding: 8px 20px;}
.productdltcontainer .productcttop .price{margin: 0px 0px 10px 0px;}
.productdltcontainer .productcttop p{margin: 0px 0px 10px 0px; line-height: 20px;}
.skubx .brandlogobx .brandlogo{min-width: 60px; max-width: 60px; height: 60px;}

}

@media only screen and (max-width: 767px){
.pagehding h2{font-size: var(--heading-xs);}
.container{max-width: 540px;}

.headersec .container{max-width: 100%;}
.hderinfo li:nth-child(2){display: none;}
.bnrtxtinr {max-width: 325px;margin-left: 0;}
.bnersearch {max-width: 94%;margin: 16px auto;position: relative;bottom: auto;}
.bnrtxtinr h2 {font-size: 33px;line-height: 40px;}
.bannerSec .owl-nav button {position: static;transform: initial;}
.bannerSec .owl-nav {position: absolute;bottom: 15px;left: 0;width: 100%;gap: 15px;justify-content: center;
display: flex !important;align-items: center;}
.bnrimg > img {height: 315px;}
.fatherdaybtn {position: static;margin: 25px 0 0;text-align: center;}
.brandLgo figure {height: 155px;padding: 55px;}
.advertTitle {left: 16px;}
.ftrtpinr {text-align: center;flex-direction: column;gap: 25px;}
.fotertop {padding: 25px 0;}
.customMarquee {min-height: 69px;}
.biteItem strong {font-size: 15px;line-height: 20px;}
.marquee-item::before {right: -6px;font-size: 12px;}
.marquee-item {margin-right: 20px;padding-right: 20px;}
/* .royalSlder .swiper-slide {padding: 0 6px;} */
.royalcont {bottom: 12px;padding: 0 10px;}
.royalcont h3 {font-size: 18px;line-height: 20px;}
.royalcont .whiteButn {height: 40px;font-size: 12px;line-height: 20px;padding: 0 3px 0 17px;}
.royalcont .whiteButn i {width: 33px;height: 33px;margin-left: 9px;}
.royalSlder .swiper {padding: 20px 90px;margin-top: 24px;}
.ftrcpyinr {text-align: center;flex-direction: column;gap: 12px;}
.ftrmidle {padding: 26px 0;}
.fterlftTop {flex-wrap: wrap; gap: 25px;}
.fterlink{width: 100%;}
.fterlink ul {flex-direction: row;flex-wrap: wrap;}
.fterinfo {width: 100%;display: grid;grid-template-columns: repeat(2, 1fr);}
.fterlftbtm {flex-direction: column;align-items: flex-start; gap: 20px;}
.fterlftbtmNmber {width: 100%;justify-content: space-between;}
.hderbtmtght li em {top: -6px; right: -6px;}

.openpush {padding: 35px 15px 33px;}
.closedmenu {top: 10px; right: 10px; padding: 10px; width: 35px; height: 35px;}
.innerbanner img{height: 170px; object-fit: cover;}
.paymentmethodbx .paymenttp{flex-direction: column;}
.paymentmethodbx .paymenticonouter{justify-content: center;}
.similarcontainer{padding: 20px 0px;}
.pageToplnk{bottom: 24px;}
.productdltcontainer{padding: 20px 0px;}
.productdltcontainer .wishlistbx .wishlistbtn{width: 30px; height: 30px}
.productdltcontainer .productcontent{position: static;}
.mobile-sticky{position: fixed; z-index: 60; left: 0px; right: 0px; bottom: 0px; display: flex;}
.mobile-sticky .default-btn{background: #786293; color: #fff;}
.mobile-sticky .default-btn, .mobile-sticky .theme-btn{width: 50%; border-radius: 0px; border: none;}

.cartlt .cartlist .cartlistimg img{max-width: 70px; min-width: 70px; height: 70px;}
.cartlt .cartlist .cartimgcontent h4{font-size: 16px;}
.cartlt .cartlist .cartimgcontent .price{font-size: 14px;}
.cartlt .cartlist .cartlistbtns .default-btn{padding: 4px 10px;}

.profilepicbx .profilepicimg img{min-width: 100px; max-width: 100px; height: 100px;}
.profilepicbx .profilepicimg .useravatar{min-width: 100px; max-width: 100px; height: 100px;}


}
@media only screen and (min-width: 576px){
.cartlt .cartlist .cartlistbtns .default-btn svg{display: none;}
}
@media only screen and (max-width: 575px){
.container{max-width: 100%;}
.hderinfo{display: none;}
.hderlocation{width: 100%;}
.hderlocation li:last-child select{width: auto; padding-right: 30px;}
.hdrtopinr {justify-content: initial; width: 100%;}
.hderlocation ul{width: 100%; justify-content: space-between;}
.hderlocation li, .hderlocation select{border: none; padding: 0px;}
.hderlgo {max-width: 60px;}
.fixed_header .hderlgo{max-width: 50px;}
.hderbtmtght li span, .menuicn {width: 42px;height: 42px;}
.menuicn {font-size: 14px;}
.hderbtmtght li a {font-size: 14px;line-height: 20px;gap: 10px;}
.main-content{margin-top: 113px;}
.bnrtxtinr h2 {font-size: 28px;line-height: 37px;}
.lovedonecontrol > div, .brandcontrol > div {position: static; transform: initial;}
.lovedonecontrol, .brandcontrol {display: flex; gap: 15px; justify-content: center; margin-top: 22px;}
.scrollbartheme {width: 100%;margin: 25px 0 0;}
.lovedoneSec, .collectionSec, .royalSec, .brandSec {padding: 40px 0 0;}
/* .royalSlder .swiper-slide {padding: 0px 10px;} */
.brandLgo figure {height: 127px;padding: 46px;}
.advertiitem{margin-top: 25px;}
.advertiSec {padding: 20px 0 45px;}
.bnersearch {max-width: 95%;height: auto;border-radius: 0;flex-wrap: wrap; gap: 6px;}
.bnersearch input[type="text"], .bnersearch input[type="search"]{height: 60px; border-radius: 0;background-size: 20px;
padding: 0 25px 0 38px; background-position: left 10px center;}
.bnersearch input[type="submit"] {position: static; border-radius: 0;}
.fterform input[type="email"] {width: 300px;}

.openpush {left: -355px;max-width: 350px;}
.memorableItemOneinr, .memorableItemTwoinr {border-radius: 13px;}
.topbrandpnel .row > div{width: 33.33%;}
.openpush h4 {font-size: 15px;line-height: 20px;}
.dayitcolorpnel .tiersimge {width: 69px;height: 69px;}
.tiersimge {width: 97px;height: 97px;}
.productlistcontainer .customizebtnouter{text-align: center; margin-bottom: 15px;}
.productlistcontainer{padding: 30px 0px;}
.fixedsidebar{width: calc(100% - 50px);}
.profilesidebar{width: calc(100% - 50px);}
.fixedsidebar .fixedsidebarheader{padding: 15px 20px;}
.fixedsidebar .fixedsidebarbody h2{font-size: 20px;}
.filterbxouter .filterbxitem .filterbxheader{padding: 12px 20px;}
.fixedsidebar .fixedsidebarbody .form-check .form-check-label{font-size: 14px;}
.fixedsidebar .fixedsidebarbody{padding: 20px;}
.similarcontainer{padding: 0px 0px 20px 0px;}
.loginsidebar{width: calc(100% - 50px);}
.loginsidebar .loginsidebarheader{padding: 15px 20px 15px;}
.loginsidebar .loginsidebarbody{padding: 15px 20px;}
.loginsidebar .loginsidebarbody h2{font-size: 22px;}
.loginsidebar p{font-size: 13px; line-height: 18px;}
.loginsidebar .loginfieldbx h4{font-size: 18px;}
.loginfieldbx .form-group label{font-size: 15px;}
.loginsidebar .otp-wrapper{gap: 5px;}
.loginfieldbx .form-group .otp-input.form-control{width: 44px; height: 48px; font-size: 20px;}

.profilesidebar .profilesidebarheader{padding: 15px;}
.profilesidebar .profilesidebarbody{padding: 10px 15px;}
.profilesidebar .profilenavbx ul li a{font-size: 14px; gap: 10px;}
.cartlt .cartlist .cartlistbtns .default-btn span{display: none;}
.cartlt .cartlist .cartlistbtns .default-btn{min-width: 34px; max-width: 34px; height: 34px; display: inline-flex; justify-content: center; border-radius: 50%;}

.profilecontainer .pagehding h2{font-size: 22px;}

}

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

.hderbtmtght ul {gap: 10px;}
.hderbtmtght li a{font-size: 0; gap: 0;}
.royalSlder .swiper {padding: 20px 20px;}
.askedrght .accordion-item {padding: 12px 0;}
.fterform {flex-direction: column; width: 100%;}
.fterform input[type="email"] {width: 100%;}
.ftersignup{width: 100%;}
.fterinfo {grid-template-columns: repeat(1, 1fr);}
.fterlftbtmNmber {gap: 15px;}
.collectionTitle h3{font-size: 14px; line-height: 20px;}
.collectionTitle strong{font-size: 15px; line-height: 20px;}
.carticon{width: 38px; height: 38px;}
.breadcrumb-nav .breadcrumb .breadcrumb-item{font-size: 13px;}
.innerbanner img{height: 150px; }


}



.google-btn{background: #ffffff; color: #333333; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font-size: 14px; font-weight: 500; text-transform: uppercase; padding: 10px 15px; text-decoration: none; outline: none; border: 1px solid #dddddd; border-radius: 40px; transition: 0.3s ease-in-out;}
.google-btn svg{min-width: 24px; max-width: 24px;}
.google-btn:hover{background: #f8f8f8;}