/* File : 0 */
			
                         /* Started Brand Theme CSS : Amazon_Basic - practice.aliens.school */ 
                         
/* Base CSS */
:root{
	
	
	
--0:rgb(0 0 0 / 0);
	
--a:#febd69;
--aa:rgb(0 66 189);
--aat:rgb(0 66 189 / 22%);
--aaa:linear-gradient(333deg, var(--a), var(--aa));
--lgaa:linear-gradient(333deg, var(--a), var(--aa));
--at:rgba(45 140 255 / 44%);	
--b:rgb(255 255 255);
--bb:#232F3E;
--bt:rgb(255 255 255 / 77%);	
--bl:#fff;	
--b-t:rgb(255 255 255 / 77%);	
--tb:linear-gradient(180deg, rgb(230 230 230), transparent, transparent);
--c:#000;
--c0:#65676b;
--c1:#008;
--bc:rgb(18 52 86 / 7%);
--bg:rgb(244 244 244 / 44%);
--hover:linear-gradient(90deg, rgb(0 0 0 / 1%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 1%));
--b-t22:rgb(255 255 255 / 22%);	
--b-t44:rgb(255 255 255 / 44%);	
--b-t77:rgb(255 255 255 / 77%);	
--b-t88:rgb(255 255 255 / 88%);	
--b-t95:rgb(255 255 255 / 95%);	
--bor:rgb(63 63 63 / 30%);	
--btn:linear-gradient(333deg, var(--a), var(--aa));
--btn1:linear-gradient(333deg, var(--a), var(--aa));
--btn2:linear-gradient(333deg, var(--a), var(--aa));
--btn3:linear-gradient(333deg, var(--a), var(--aa));
--btn4:linear-gradient(333deg, var(--a), var(--aa));

 
--bt-bx:0 0px 5px 0px rgb(0 0 0 / 6%);
--bs:0px 0px 1px 0px rgb(0 0 0 / 22%);
--bss:0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%);
--bs-b:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 4px 7px 0px rgb(0 0 0 / 2%), 0 2px 3px rgb(0 0 0 / 4%), 0 -1px 2px rgb(0 0 0 / 4%), 1px 0 2px rgb(0 0 0 / 4%), -1px 0 2px rgb(0 0 0 / 4%);
--bs-bb:inset 0 -15px 22px 0px rgb(0 0 0 / 7%), inset 0 1px 4px 0px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 11%);
--bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 4%), inset 0 1px 4px 0px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 4%);
--bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 1px 4px 0px rgb(0 0 0 / 2%), 0 1px 2px rgb(0 0 0 / 2%);
--bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 1%), inset 0 1px 4px 0px rgb(0 0 0 / 1%), 0 1px 2px rgb(0 0 0 / 1%);
--bs-bt:inset 0 0px 4px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%);
--bs-bl:inset 0 -4px 7px 0px rgb(0 0 0 / 11%), inset 0 1px 7px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%);
--bs-br:0px 4px 7px 0px rgb(215 215 215), inset 0px 0px 56px 0px rgb(222 228 240);
/* --m-a_b background menubar items */
	
--lg:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) );
--lg1:linear-gradient(90deg, rgba(0,255,255,0.05), rgba(0,255,255,0.10), rgba(0,255,255,0.05) );
--lg-bl:linear-gradient( 123deg , rgb(103 58 183 / 22%), rgb(3 169 244 / 22%), rgb(0 222 111 / 22%), rgb(3 169 244 / 22%) );
--lg-b:linear-gradient(90deg, #002bdc88, #32ded488);
--lg-b1:linear-gradient(128.84deg,#0f6cbd 20.46%,#3c45ab 72.3%); }	
	
	
	
@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');	





html{
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
	
@media (min-width: 999px){
/* SCROLLBAR */ 
::-webkit-scrollbar {width:0;height:4px}
::-webkit-scrollbar-track {background: var(--b-t22);}
::-webkit-scrollbar-thumb {background: var(--bc);}
::-webkit-scrollbar-thumb:hover {background: #4444;}
/* SCROLLBAR */
		
}





/*# Tags */
html,body,aliens,dapp,app,.app{display:block;height:100%;width:100%;overflow:hidden}
html{position:fixed;height:100%;width:100%;overflow:hidden;color:#eff;font-family:system-ui;color:var(--c);}
body{margin:0;overflow:hidden;background:var(--b);}	
desktop { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }


 
content { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 3; }
header {position: relative;padding: 22px 11px; }
aerea { display: block; }
main>* { margin: 0 22px; }
sidebar{display: block;}	





header, aerea { display: block;position:relative;z-index:2}
aerea { min-height:calc(100vh - 144px); min-width: 100%; }	
	
bl{display:block}bl hd{display:block}bl bd{display:block}	
bl bs { position: relative; border-radius: 33px; display: flex; justify-content: center; align-items: center; background: var(--b); z-index: 8; box-shadow: var(--bs-b); padding: 22px; }
bl bs count{width: 100%;}	

/*grid bl{display: block; position: relative; z-index: 2; overflow: hidden; border-radius:22px; }*/
grid bl.bl{transition: 333ms;}
grid bl.bl:active { transform: scale(1.1); z-index: 88; left: 0; right: 0; background: rgb(0 0 0); position: relative; box-shadow: -7px 11px 7px 0px rgb(0 0 0); }
/*grid bl::before{ content: ''; background-image: url(); height: 111px; width: 111px; position: absolute; left: 11%; top: 44%; z-index: 1; background-position: 50%; filter: blur(44px); }*/
/*grid bl bl { padding: 11px;  border: unset; border-radius: 0px;url();background-size: 100% 100%;}	*/
/*grid bl bd{display:block; position: relative;z-index: 2;}*/s
grid bl mm{ position: absolute; right: 0; top: 11px; width: 25px; margin: 0; padding: 0;transition: 333ms;}
	
hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; }
tr{transition:333ms;background-image:unset}
tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )}	
tr.done { color: rgba(0,255,0,1); background: #000; }	
tr { cursor: default; }	
/*tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); }*/
th, td{padding: 11px;overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); }
table { width: 100%; }
cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; }
dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; }	

square { width: 100%; display: block; height: auto; }
square::after { content: ''; padding-top: 100%; display: block; }
.square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; }

	
circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; }
circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; }	





screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto;background: var(--bc);}

screen header { background:var(--0); display: block; position: sticky; top: 0; z-index: 888; padding:0;backdrop-filter: blur(35px);}	
screen h{ display: block; position: relative; }
screen h f { height: 55px; display: grid; align-items: center; z-index: 22; grid-template-columns:55px 55px auto 55px; width: 100%; }	
screen h f>back { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
screen h f back svg { height: 44%; width: 44%; }
screen h f>i{display: block;height: 25px;width: 25px;fill: var(--b);}	
screen h f>h3{display: flex;align-items: center;}	
screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } 
screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; }	
	



@media only screen and (min-width: 999px) {
content { position: absolute; right: 0; top: 64px; bottom: 0; }

}


 	
@media only screen and (max-width: 999px){
html, body { overflow: scroll !important;}
content { top: 0px;bottom:0px; }
.content { margin-top: 0px; }
	
}	
	



	
@media only screen and (min-width: 999px) {
console { width: calc(100% - 0px);margin-right: 0px; }
smbo .aerea { gap: 1%; }
	
bg {align-items: center;display: flex;}
bg.L2 { margin: 7px; border-radius: 22px; }	
	
royal{position:absolute;left: 0; right: 0; top: 0; bottom: 0; } 
.content{max-width:99999px;position: relative; margin: auto; }
extra{position:absolute;right: 0; top: 0; bottom: 0; width:444px; }
new.fixed.new{position:absolute;box-shadow: unset;}

	
.img-box { height: 434px; width: 463px; position: relative; top: unset; left: 0; margin: unset; }
.aerea {display: flex;flex-direction: row-reverse;margin: 0 22px; justify-content:center}
	
sidebar{min-width:333px;width:30%;top: 0px; position: sticky; height: min-content;border-left: solid 0px var(--bc);border-right: solid 0px var(--bc);}
 
main { width: 70%;overflow: hidden;}	
	
aprove.aprove { background: #000; padding: 44px 0; }
	
	
aprove exit{display:none}	

a.this:hover bt { border-color: transparent; }	
	
}
 



	
@media only screen and (max-width: 999px) {
	
bg.hd { background: linear-gradient(180deg, var(--b), var(--bt), var(--0)); backdrop-filter: blur(44px); -webkit-backdrop-filter: blur(44px); }
	
	
	
	
	
console { height: calc(100% - 0px);margin-top: 0px; }
 	
nav m a {  height: 50px;width: 50px;}
nav m a.this { height: 55px;width: 55px;}
	


 

content{top:0px}
extra .extra { bottom: 55px; top: 88px; }


header{padding:0}    
main>* { margin: 0; }
 
menubar {padding: 0;}   
m {   grid-gap: 0; }
m a { background: unset; box-shadow: unset; }
m a.this { box-shadow: unset;  }   
m a bt { opacity: 1; display: block; left: 0; background: transparent; font-size: 7px; padding: 0; right: 0; bottom: 4px; top: unset; }
#Dashboarded i {  margin-top: -18px;  }
#Dashboarded bt { bottom: 11px; }

footer {margin-bottom: 0;}  
 }
 
 

/** Tags */


                              


/*# Elements */

a { color: var(--c); text-decoration: unset; font-weight: bold; }	
a.a, a.above { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	



bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: -1; }	
bg>img,bg>photo,bg>.img-box{ max-width: 100%; max-height: 100%;position: absolute;opacity:0}	
bg.img{ background-image:var(--bg);}
bg.color{ background-color:var(--b); }	
bg.blur{ backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); }	
bg.bgc{background: linear-gradient(180deg, var(--b), var(--bt), transparent,  transparent, transparent, transparent, transparent, transparent, #fff1, var(--b))}
bg.bgh { background: linear-gradient(180deg, var(--bt)); }
	



bl { display: block; }


i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; }

 
	

i{position: relative;display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }
svg{opacity:1;max-width:100%;max-height:100%;display:block;fill:var(--c)}
img{max-width: 100%;max-height:100%;}	
i { position: relative; display: flex; height: 100%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }	
img { max-width: 100%; max-height: 100%; }	
h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; }
bl { display: block; }
d { display: block; }	
h7 { font-size: 0.7em; }
p { font-size: 0.88em; }	
d,block{display:block}
f,flex{display:flex;position: relative;}
grid{display:grid;grid-gap: 0;grid-template-columns: 100%;}	
name { font-weight: 600; display: block; }	



bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; }
.oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); }
bo { display: block; height: 100%; width: 100%; }
oo { display: block; height: 30px; width: 30px; background: #fff; margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; }
.oo oo { box-shadow: unset; }
bb.oo{ background: blue;}
ib { display: inline-block; }

 

	
select {color: var(--c); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; }
select:focus-visible { outline: unset; } 


square { width: 100%; display: block; height: auto; }	
.square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; }
square::after { content: ''; padding-top: 100%; display: block; }

 


h nv gg { height: 55px; align-items: center; display: grid; grid-template-columns: 55px 33px 64% 0px 43px; }
h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; }	
h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; }	
h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; }	
h nv op { display: flex; justify-content: center; align-items: center; }	
wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; }	
wl bl mg a.this { border-bottom: solid 2px; color: var(--a); }	
h nv op>i { height: 33%; width: 33%; }	
h nv gg>i>svg { height: 66%; width: 66%; }	
h nv t>h3 { white-space: nowrap; width: 99.5%; overflow: hidden; text-overflow: ellipsis; }	
h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; }	
h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; }	
h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; }	
h nv op { display: flex; justify-content: center; align-items: center; }	
wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; }	
wl bl mg a.this { border-bottom: solid 2px; color: var(--a); }	
h nv op>i { height: 55%; width: 55%; }	
h nv gg>i>svg { height: 66%; width: 66%; }	


 
label { opacity:0.77}
sl, .sl { display: block; border-radius: 11px; margin-bottom: 11px; position: relative; height: 60px; overflow: hidden; background: var(--bc); width: 100%; }
sl label { position: absolute; pointer-events: none; left: 20px; top: 18px; transition: 0.2s ease all; font-size: 0.88em;font-weight: bold;}	
sl input:focus { box-shadow: inset 0 0 0 2px var(--c); border-radius: 11px; }
sl input:focus ~ label, sl input:not(:focus):valid ~ label, .edt label { top: 2px; bottom: 10px; left: 11px; font-size: 11px; opacity: 1; font-weight: bold; margin-left: 11px; letter-spacing: 0;opacity:0.77 }
sl input { font-size: 14px; width: calc(100% - 44px); margin: 0; background: transparent; border: unset; box-shadow: unset; }
sl error { font-size: 0.66em; color: red; display: block; margin-top: 2px; }	

 
svg { opacity: 1; max-width: 100%; max-height: 100%; display: block; fill: var(--c); }	
img { max-width: 100%; max-height: 100%; }	



btn{}

 
input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: var(--b-t77); color: var(--c); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; }
button { outline: 0; border: 0; padding: 11px; }
 

no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; }	
no img { height: auto; margin: auto; width: 111px; }	

 

trcs { display: block; }		
trcs>trc { background: var(--b-t);display: grid; margin: 7px auto; padding: 22px; grid-template-columns:66px auto 88px; border-radius: 14px; box-shadow: var(--bs-bs);max-width:666px;width: calc(100% - 66px);}	
trcs>trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background:var(--b-t); border-radius: 16px; }
order>bd { display: grid; }	
trcs>trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; }
trcs>trc price { font-weight: bold; }	
trcs>trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px}	
trcs>trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px}
trcs>trc img { object-fit: contain; height: 77%; width: 77%; }
trcs>trc h6, trcs>trc h5{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;}
trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; padding-left:4px}
trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; text-align: end;}
trcs>trc>odr { grid-column-start: 2; grid-column-end: 4;font-size:0.77em;}	
trcs>trc>ft amount { display: block; }	
trcs>trc actn{display: grid;grid-gap: 0;min-height: 33px;padding: unset;grid-template-columns: 70% 30%;margin: unset;position: relative;border-radius: 11px;width: 100%;}	
trcs>trc actn>ac1{ display: flex; justify-content: center; align-items: center; }
trcs>trc actn>ac1>bb{position: relative;display: block;height: 34px;max-height: 30px;width: 60px;border-radius: 50px;border: solid 2px;color: #fff;transition: 333ms;box-shadow: inset 0 0 0 2px;overflow: visible;top: unset;height: 38px;color: var(--c1);right: unset;}	
trcs>trc actn>ac1>bb>bo{display: block; height: 100%; width: 100%;transition:333ms;border-radius: 50px; }	
trcs>trc actn>ac1>bb>bo>oo{display: block;height: 25px;width: 25px;background: #fff;margin: 2px;border-radius: 50%;position: absolute;transition: 333ms;box-shadow: -4px 0px 11px;color: #000;}
trcs>trc actn>ac2 { display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: monospace; font-size: 2.5em; color: var(--c1); transform: rotate(270deg); height: 36px; width: 36px; }
trcs>trc p { margin: 0; }	
	
 


tr.cr td:nth-of-type(1){color:#00ff00;}	
tr.dr td:nth-of-type(1){color:#ff0000;}
	
 

V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 }
V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);}
V::before { transform: rotate( 45deg ); left: 4px; }
V::after { transform: rotate( 135deg ); right: 4px; }
V.A:before { transform: rotate( -45deg ); }
V.A:after { transform: rotate(225deg) }

/** Elements */

 


/*# Class */

.dnone, .dn {display: none !important;}

.cgreen { color: #007600; }
.cred { color: #CC0C39; }

 

/** Class */

 

/*# App Layout */

::-webkit-scrollbar { display: none; }
@media (min-width: 999px) {
::-webkit-scrollbar { width: 0; height: 4px; } 
::-webkit-scrollbar-thumb { background: var(--bc); }
::-webkit-scrollbar-track { background: var(--b-t22); }
}
 

.splash console{opacity:0}	
.account content { margin-top: calc(100vh - 22px); }
.after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	

/** App Layout */

 

/*# Screen Layout */

 
 
/*# Screen Layout 1 #*/
@media only screen and (max-width: 999px) {
.sl1 smenu { display: none; }
.sl1 header{ display:none }
}

@media only screen and (min-width: 999px) {
.sl1 {display: grid ; grid-template-columns: 333px calc(100% - 333px); max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; }
.sl1 smenu { display: grid ; grid-row-start: 1; grid-row-end: 3; height: calc(100vh - 55px); position: sticky; top: 0; bottom: 0; overflow: auto; }
.sl1 header { display: none;}
.sl3 hero { display: grid ; grid-column-start: 2; grid-column-end: 3; }
.sl1 aerea { display: grid ; grid-column-start: 2; grid-column-end: 3; }
.sl1 main { max-width: 777px; margin: 0 auto; }
.sl1 sidebar { max-width: 333px;}
.sl1 footer { display: grid ; grid-column-start: 2; grid-column-end: 3; }
}
/** Screen Layout 1 **/

 
 
/*# Screen Layout 2 #*/
@media only screen and (max-width: 999px) {
.sl2 smenu { display: none; }
}

@media only screen and (min-width: 999px) {
.sl2 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl2 nev { display: grid ; }
.sl2 smenu { display: grid ; }
.sl2 header { display: grid ; }
.sl2 hero { display: grid ; }
.sl2 aerea { display: grid ; }
.sl2 main { max-width: 777px; margin: 0 auto; }
.sl2 sidebar { max-width:333px;}
.sl2 footer { display: grid ; }
}
/** Screen Layout 2 **/

   
 
/*# Screen Layout 3 #*/
@media only screen and (max-width: 999px) {
.sl3 smenu { display: none; }
}

@media only screen and (min-width: 999px) {
.sl3 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
.sl3 nev { display: grid ; }
.sl3 smenu { display: grid ; }
.sl3 header { display: grid ; }
.sl3 hero { display: grid ; }
.sl3 aerea { display: grid ; }
.sl3 main { width:100%; max-width: 100%; margin: 0 auto; }
.sl3 sidebar { max-width:333px;}
.sl3 footer { display: grid ; }
}
/** Screen Layout 3 **/




/** Screen Layout */
flyouts { position: absolute; display: none; justify-items: center; opacity: 0; visibility: hidden; z-index: 2147483647; inset: 0px; place-content: center; transition: 333ms; }
Flyouts>bg { background: var(--b-t22); backdrop-filter: blur(33px); }

 
scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; }	
cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; }
scroll>btn {width: 24px; height: 50px;border: solid 1px #e5e7eb;}


/* layout : menubar by GaganNayak */
/*menubar { display: none; } */ 

                         /* Ended Brand Theme CSS : Amazon_Basic - practice.aliens.school */ 
                         
                         /* Started App Theme CSS : App:E-Commerce - Branch:practice.aliens.school */ 
                         
/* Base CSS */
:root{
	--0:rgb(0 0 0 / 0);
	--a:#febd69;
	--a1:#131921;
	--aa:rgb(0 66 189);
	--aat:rgb(0 66 189 / 22%);
	--aaa:linear-gradient(333deg, var(--a), var(--aa));
	--lgaa:linear-gradient(333deg, var(--a), var(--aa));
	--at:rgba(45 140 255 / 44%);	
	--b:rgb(255 255 255);
	--bb:#232F3E;
	--bb1:rgb(19, 26, 34);	
	--bt:rgb(255 255 255 / 77%);	
	--bl:#fff;	
	--b-t:rgb(255 255 255 / 77%);	
	--tb:linear-gradient(180deg, rgb(230 230 230), transparent, transparent);
	--c:#000;
	--c0:#65676b;
	--c1:#c45500;
	--bc:rgb(18 52 86 / 7%);
	--bg:rgb(244 244 244 / 44%);


	/* variable new add by Gagan Kumar */
	--red:rgb(197, 14, 57);
	--green:rgb(11 123 60);

	--hover:linear-gradient(90deg, rgb(0 0 0 / 1%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 4%), rgb(0 0 0 / 1%));
	--b-t22:rgb(255 255 255 / 22%);	
	--b-t44:rgb(255 255 255 / 44%);	
	--b-t77:rgb(255 255 255 / 77%);
	--b-t88:rgb(255 255 255 / 88%);	
	--b-t95:rgb(255 255 255 / 95%);	
	--bor:rgb(63 63 63 / 30%);	
	--btn:linear-gradient(333deg, var(--a), var(--aa));
	--btn1:linear-gradient(333deg, var(--a), var(--aa));
	--btn2:linear-gradient(333deg, var(--a), var(--aa));
	--btn3:linear-gradient(333deg, var(--a), var(--aa));
	--btn4:linear-gradient(333deg, var(--a), var(--aa));


	--bt-bx:0 0px 5px 0px rgb(0 0 0 / 6%);
	--bs:0px 0px 1px 0px rgb(0 0 0 / 22%);
	--bss:0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), inset 0 -2px 6px 0 rgb(10 37 64 / 35%);
	--bs-b:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 4px 7px 0px rgb(0 0 0 / 2%), 0 2px 3px rgb(0 0 0 / 4%), 0 -1px 2px rgb(0 0 0 / 4%), 1px 0 2px rgb(0 0 0 / 4%), -1px 0 2px rgb(0 0 0 / 4%);
	--bs-bb:inset 0 -15px 22px 0px rgb(0 0 0 / 7%), inset 0 1px 4px 0px rgb(0 0 0 / 7%), 0 1px 2px rgb(0 0 0 / 11%);
	--bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 4%), inset 0 1px 4px 0px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 4%);
	--bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 2%), inset 0 1px 4px 0px rgb(0 0 0 / 2%), 0 1px 2px rgb(0 0 0 / 2%);
	--bs-bs:inset 0 -7px 11px 0px rgb(0 0 0 / 1%), inset 0 1px 4px 0px rgb(0 0 0 / 1%), 0 1px 2px rgb(0 0 0 / 1%);
	--bs-bt:inset 0 0px 4px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%);
	--bs-bl:inset 0 -4px 7px 0px rgb(0 0 0 / 11%), inset 0 1px 7px 0px rgb(0 0 0 / 11%), 0 7px 11px rgb(0 0 0 / 11%);
	--bs-br:0px 4px 7px 0px rgb(215 215 215), inset 0px 0px 56px 0px rgb(222 228 240);
	/* --m-a_b background menubar items */

	--lg:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) );
	--lg1:linear-gradient(90deg, rgba(0,255,255,0.05), rgba(0,255,255,0.10), rgba(0,255,255,0.05) );
	--lg-bl:linear-gradient( 123deg , rgb(103 58 183 / 22%), rgb(3 169 244 / 22%), rgb(0 222 111 / 22%), rgb(3 169 244 / 22%) );
	--lg-b:linear-gradient(90deg, #002bdc88, #32ded488);
	--lg-b1:linear-gradient(128.84deg,#0f6cbd 20.46%,#3c45ab 72.3%);

}	



@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');	









html{
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

@media (min-width: 999px){
	/* SCROLLBAR */ 
	::-webkit-scrollbar {width:0;height:4px}
	::-webkit-scrollbar-track {background: var(--b-t22);}
	::-webkit-scrollbar-thumb {background: var(--bc);}
	::-webkit-scrollbar-thumb:hover {background: #4444;}
	/* SCROLLBAR */

}






/*# Tags */
html,body,aliens,dapp,app,.app{display:block;height:100%;width:100%;overflow:hidden}
html{position:fixed;height:100%;width:100%;overflow:hidden;color:#eff;font-family:system-ui;color:var(--c);}
body{margin:0;overflow:hidden;background:var(--b);}	
desktop { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }



content { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; z-index: 3; }
header {position: relative;padding: 22px 11px; }
aerea { display: block; }
main>* { margin: 0 22px; }
sidebar{display: block;}	









header, aerea { display: block;position:relative;z-index:2}
aerea { min-height:calc(100vh - 144px); min-width: 100%; }	

bl{display:block}bl hd{display:block}bl bd{display:block}	
bl bs { position: relative; border-radius: 33px; display: flex; justify-content: center; align-items: center; background: var(--b); z-index: 8; box-shadow: var(--bs-b); padding: 22px; }
bl bs count{width: 100%;}	

/*grid bl{display: block; position: relative; z-index: 2; overflow: hidden; border-radius:22px; }*/
grid bl.bl{transition: 333ms;}
grid bl.bl:active { transform: scale(1.1); z-index: 88; left: 0; right: 0; background: rgb(0 0 0); position: relative; box-shadow: -7px 11px 7px 0px rgb(0 0 0); }
/*grid bl::before{ content: ''; background-image: url(); height: 111px; width: 111px; position: absolute; left: 11%; top: 44%; z-index: 1; background-position: 50%; filter: blur(44px); }*/

/*grid bl bd{display:block; position: relative;z-index: 2;}*/s
grid bl mm{ position: absolute; right: 0; top: 11px; width: 25px; margin: 0; padding: 0;transition: 333ms;}

hr { display: inline-block; width: 100%; background: var(--bc); height: 1px; border: 0; }
tr{transition:333ms;background-image:unset}
tr:hover{scale(1.02) translate(0px, 2px)box-shadow: 0 7px 22px 0px rgba(0,0,0,0.22);background-image:linear-gradient(90deg, rgba(255,255,255,0.05), rgba(255,255,255,0.10), rgba(255,255,255,0.05) )}	
tr.done { color: rgba(0,255,0,1); background: #000; }	
tr { cursor: default; }	
/*tr { background: linear-gradient( 123deg , rgb(63 81 181 / 10%), rgb(0 188 212 / 10%), rgb(63 81 181 / 10%) ); }*/
th, td{padding: 11px;overflow-wrap: anywhere;height: 55px; text-align: center; box-shadow: 0px 1px 0px 0px rgba(255,255,255,0.11); }
table { width: 100%; }
cr { color: green; font-size: 200%; background: rgba(139,195,74,0.22); padding: 0 22px; border-radius: 7px; }
dr { color: red; font-size: 200%; padding: 0px 22px; background: rgba(244,67,54,0.22); border-radius: 7px; }	

square { width: 100%; display: block; height: auto; }
square::after { content: ''; padding-top: 100%; display: block; }
.square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; }


circle { display: grid; left: 0; right: 0; top: 0; bottom: 0; position: absolute; grid-template-columns: auto auto; border-radius: 50%; background: #fff; box-shadow: inset 0px 0px 7px 0px #000; overflow: hidden; }
circle::after { content: ''; top: 15%; bottom: 15%; left: 15%; right: 15%; border-radius: 50%; position: absolute; z-index: 2; background: #fff; box-shadow: 0px 0px 7px 0px #0004; }	








screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto;background: var(--bc);}

screen header { background:var(--0); display: block; position: sticky; top: 0; z-index: 888; padding:0;backdrop-filter: blur(35px);}	
screen h{ display: block; position: relative; }
screen h f { height: 55px; display: grid; align-items: center; z-index: 22; grid-template-columns:55px 55px auto 55px; width: 100%; }	
screen h f>back { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; }
screen h f back svg { height: 44%; width: 44%; }
screen h f>i{display: block;height: 25px;width: 25px;fill: var(--b);}	
screen h f>h3{display: flex;align-items: center;}	
screen:last-child { display: block; opacity: 1; z-index: 333; transition: 333ms; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; height: auto; width: auto; } 
screen { display: block; transition: 333ms; position: absolute; opacity: 0; padding-bottom: 123px; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; overflow-y: scroll; z-index: 22; height: 0; padding: 0; position: unset; width: 0; }	




@media only screen and (min-width: 999px) {
	content { position: absolute; right: 0; top: 64px; bottom: 0; }

}



@media only screen and (max-width: 999px){
	html, body { overflow: scroll !important;}
	content { top: 0px;bottom:0px; }
	.content { margin-top: 0px; }

}	








@media only screen and (min-width: 999px) {
	console { width: calc(100% - 0px);margin-right: 0px; }
	smbo .aerea { gap: 1%; }

	bg {align-items: center;display: flex;}
	bg.L2 { margin: 7px; border-radius: 22px; }	

	royal{position:absolute;left: 0; right: 0; top: 0; bottom: 0; } 
	.content{max-width:99999px;position: relative; margin: auto; }
	extra{position:absolute;right: 0; top: 0; bottom: 0; width:444px; }
	new.fixed.new{position:absolute;box-shadow: unset;}


	.img-box { height: 434px; width: 463px; position: relative; top: unset; left: 0; margin: unset; }
	.aerea {display: flex;flex-direction: row-reverse;margin: 0 22px; justify-content:center}

	sidebar{min-width:333px;width:30%;top: 0px; position: sticky; height: min-content;border-left: solid 0px var(--bc);border-right: solid 0px var(--bc);}

	main { width: 70%;overflow: hidden;}	

	aprove.aprove { background: #000; padding: 44px 0; }


	aprove exit{display:none}	

	a.this:hover bt { border-color: transparent; }	

}








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

	bg.hd { background: linear-gradient(180deg, var(--b), var(--bt), var(--0)); backdrop-filter: blur(44px); -webkit-backdrop-filter: blur(44px); }





	console { height: calc(100% - 0px);margin-top: 0px; }

	nav m a {  height: 50px;width: 50px;}
	nav m a.this { height: 55px;width: 55px;}





	content{top:0px}
	extra .extra { bottom: 55px; top: 88px; }


	header{padding:0}    
	main>* { margin: 0; }
	menubar {padding: 0;}   
	m { grid-gap: 0; }
	m a { background: unset; box-shadow: unset; }
	m a.this { box-shadow: unset;  }   
	m a bt { opacity: 1; display: block; left: 0; background: transparent; font-size: 7px; padding: 0; right: 0; bottom: 4px; top: unset; }
	#Dashboarded i {  margin-top: -18px;  }
	#Dashboarded bt { bottom: 11px; }
	footer {margin-bottom: 0;}  
}



/** Tags */



































/*# Elements */

a { color: var(--c); text-decoration: unset; font-weight: bold; }	
a.a, a.above { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	



bg { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; z-index: -1; }	
bg>img,bg>photo,bg>.img-box{ max-width: 100%; max-height: 100%;position: absolute;opacity:0}	
bg.img{ background-image:var(--bg);}
bg.color{ background-color:var(--b); }	
bg.blur{ backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); }	
bg.bgc{background: linear-gradient(180deg, var(--b), var(--bt), transparent,  transparent, transparent, transparent, transparent, transparent, #fff1, var(--b))}
bg.bgh { background: linear-gradient(180deg, var(--bt)); }




bl { display: block; }


i>svg, svg { height: -webkit-fill-available; width: -webkit-fill-available; margin: auto; }






/*i{position: relative;display: flex; height: 55%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }*/
svg{opacity:1;max-width:100%;max-height:100%;display:block;fill:var(--c)}
img{max-width: 100%;max-height:100%;}	
i { position: relative; display: flex; height: 100%; width: 100%; border-radius: 7px; justify-content: center; align-items: center; }	
/*img { max-width: 100%; max-height: 100%; }	*/
h0, h1, h2, h3, h4, h5, h6, h7, h8, h9 { margin: 0; }
bl { display: block; }
d { display: block; }	
h7 { font-size: 0.7em; }
p { font-size: 0.88em; }	
d,block{display:block}
f,flex{display:flex;position: relative;}
grid{display:grid;grid-gap: 0;grid-template-columns: 100%;}	
name { font-weight: 600; display: block; }	



bb { right: 7px; position: absolute; display: block; height: 34px; max-height: 34px; width: 77px; border-radius: 50px; border: solid 2px; color: #fff; transition: 333ms; box-shadow: inset 0 0 0 2px; overflow: visible; top: 5px; }
.oo bb { box-shadow: inset 60px 0px 0px; color: var(--c1); }
bo { display: block; height: 100%; width: 100%; }
oo { display: block; height: 30px; width: 30px; background: #fff; margin: 2px; border-radius: 50%; position: absolute; transition: 333ms; box-shadow: -4px 0 11px; color: #000; }
.oo oo { box-shadow: unset; }
bb.oo{ background: blue;}
ib { display: inline-block; }





select {color: var(--c); height: 100%; width: calc(100% - 44px); margin: 0 22px; border: unset; background: transparent; font-weight: bold; }
select:focus-visible { outline: unset; } 


square { width: 100%; display: block; height: auto; }	
.square { position: absolute; top: 0; bottom: 0; height: auto; left: 0; right: 0; width: auto; }
square::after { content: ''; padding-top: 100%; display: block; }










h nv gg { height: 55px; align-items: center; display: grid; grid-template-columns: 55px 9px 74% 1px 43px; }
h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; }	
h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; }	
h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; }	
h nv op { display: flex; justify-content: center; align-items: center; }	
wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; }	
wl bl mg a.this { border-bottom: solid 2px; color: var(--a); }	
h nv op>i { height: 33%; width: 33%; }	
h nv gg>i>svg { height: 66%; width: 66%; }	
h nv t>h3 { white-space: nowrap; width: 99.5%; overflow: hidden; text-overflow: ellipsis; }	
h nv back { font-family: monospace; font-size: 1.23em; height: 100%; width: 55px; display: flex; justify-content: center; align-items: center; }	
h nv gg>i { height: 100%; width: 100%; fill: #fff; display: flex; justify-content: center; align-items: center; }	
h nv t { display: flex; align-items: center; text-align: center; width: 100%; display: block; }	
h nv op { display: flex; justify-content: center; align-items: center; }	
wl bl mg a { display: flex; justify-content: center; align-items: center; padding: 8px 16px; position: relative;margin: 0 2px; }	
wl bl mg a.this { border-bottom: solid 2px; color: var(--a); }	
h nv op>i { height: 55%; width: 55%; }	
h nv gg>i>svg { height: 66%; width: 66%; }	







label { opacity:0.77}
sl, .sl { display: block; border-radius: 11px; margin-bottom: 11px; position: relative; height: 60px; overflow: hidden; background: var(--bc); width: 100%; }
sl label { position: absolute; pointer-events: none; left: 20px; top: 18px; transition: 0.2s ease all; font-size: 0.88em;font-weight: bold;}	
sl input:focus { box-shadow: inset 0 0 0 2px var(--c); border-radius: 11px; }
sl input:focus ~ label, sl input:not(:focus):valid ~ label, .edt label { top: 2px; bottom: 10px; left: 11px; font-size: 11px; opacity: 1; font-weight: bold; margin-left: 11px; letter-spacing: 0;opacity:0.77 }
sl input { font-size: 14px; width: calc(100% - 44px); margin: 0; background: transparent; border: unset; box-shadow: unset; }
sl error { font-size: 0.66em; color: red; display: block; margin-top: 2px; }	







svg { opacity: 1; max-width: 100%; max-height: 100%; display: block; fill: var(--c); }	
img { max-width: 100%; max-height: 100%; }	



btn{}




input { outline: 0; border-radius: 4px 7px; display: block; max-width: 100%; border: 0; background: var(--b-t77); color: var(--c); width: calc(100% - 58px); height: 44px; font-weight: bold; padding: 0 22px; }
button { outline: 0; border: 0; padding: 11px; }







no { display: grid; grid-template-rows: auto auto; width: 77%; margin: 44px auto; justify-content: center; align-items: center; text-align: center; }	
no img { height: auto; margin: auto; width: 111px; }	




trcs { display: block; }		
trcs>trc { background: var(--b-t);display: grid; margin: 7px auto; padding: 22px; grid-template-columns:66px auto 88px; border-radius: 14px; box-shadow: var(--bs-bs);max-width:666px;width: calc(100% - 66px);}	
trcs>trc>hd { overflow:hidden;display: flex; justify-content: center; align-items: center; height: 55px; width: 55px; background:var(--b-t); border-radius: 16px; }
order>bd { display: grid; }	
trcs>trc name { letter-spacing: 0; font-size: 1em; font-weight: bold; }
trcs>trc price { font-weight: bold; }	
trcs>trc time, trc email, trc phone { font-weight: bold; letter-spacing: 0; color: gray; padding-left:4px}	
trcs>trc qty { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; font-weight: bold; background: rgb(0 0 0 / 10%); border-radius: 11px; margin:2px}
trcs>trc img { object-fit: contain; height: 77%; width: 77%; }
trcs>trc h6, trcs>trc h5{display:grid;grid-template-columns:max-content auto;max-width: 100%; overflow-wrap: anywhere; letter-spacing: 0;}
trcs>trc>bd { display: flex; flex-direction: column; justify-content: center; padding-left:4px}
trcs>trc>ft { display: flex; flex-direction: column; justify-content: center; align-items: end; text-align: end;}
trcs>trc>odr { grid-column-start: 2; grid-column-end: 4;font-size:0.77em;}	
trcs>trc>ft amount { display: block; }	
trcs>trc actn{display: grid;grid-gap: 0;min-height: 33px;padding: unset;grid-template-columns: 70% 30%;margin: unset;position: relative;border-radius: 11px;width: 100%;}	
trcs>trc actn>ac1{ display: flex; justify-content: center; align-items: center; }
trcs>trc actn>ac1>bb{position: relative;display: block;height: 34px;max-height: 30px;width: 60px;border-radius: 50px;border: solid 2px;color: #fff;transition: 333ms;box-shadow: inset 0 0 0 2px;overflow: visible;top: unset;height: 38px;color: var(--c1);right: unset;}	
trcs>trc actn>ac1>bb>bo{display: block; height: 100%; width: 100%;transition:333ms;border-radius: 50px; }	
trcs>trc actn>ac1>bb>bo>oo{display: block;height: 25px;width: 25px;background: #fff;margin: 2px;border-radius: 50%;position: absolute;transition: 333ms;box-shadow: -4px 0px 11px;color: #000;}
trcs>trc actn>ac2 { display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: monospace; font-size: 2.5em; color: var(--c1); transform: rotate(270deg); height: 36px; width: 36px; }
trcs>trc p { margin: 0; }	





tr.cr td:nth-of-type(1){color:#00ff00;}	
tr.dr td:nth-of-type(1){color:#ff0000;}








V {transform: scale(0.77);position: relative; display: flex; justify-content: center; align-items: center; max-width: 44px; width: 100%;opacity:0 }
V:before, v:after { content: ''; width: 50%; height: 4px; background: var(--c); display: block; position: absolute;border-radius: 50px; transition: 333ms; transition-timing-function: cubic-bezier(1, 0.55, 0, 0.55);}
V::before { transform: rotate( 45deg ); left: 4px; }
V::after { transform: rotate( 135deg ); right: 4px; }
V.A:before { transform: rotate( -45deg ); }
V.A:after { transform: rotate(225deg) }

/** Elements */



























/*# Class */

.dnone, .dn {display: none !important;}

.cgreen { color: #007600; }
.cred { color: #CC0C39; }




/** Class */
















/*# App Layout */

::-webkit-scrollbar { display: none; }
@media (min-width: 999px) {
	::-webkit-scrollbar { width: 0; height: 4px; } 
	::-webkit-scrollbar-thumb { background: var(--bc); }
	::-webkit-scrollbar-track { background: var(--b-t22); }
}


.splash console{opacity:0}	
.account content { margin-top: calc(100vh - 22px); }
.after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; }	

/** App Layout */



































/*# Screen Layout */




/*# Screen Layout 1 #*/
@media only screen and (max-width: 999px) {
	.sl1 smenu { display: none; }
	.sl1 header{ display:block }
}

@media only screen and (min-width: 999px) {
	.sl1 {display: grid ; grid-template-columns: 333px calc(100% - 333px); max-width:1920px;min-width: 1280px; margin: 0 auto;}
	.sl1 nev { display: grid ; grid-column-start: 1; grid-column-end: 3; }
	.sl1 smenu { display: grid ; grid-row-start: 1; grid-row-end: 3; height: unset; position: unset; top: 0; bottom: 0; overflow: auto; }
	.sl1 header { display: none;}
	.sl3 hero { display: grid ; grid-column-start: 2; grid-column-end: 3; }
	.sl1 aerea { display: grid ; grid-column-start: 2; grid-column-end: 3; }
	.sl1 main { max-width: 777px; margin: 0 auto; }
	.sl1 sidebar { max-width: 333px;}
	.sl1 footer { display: grid; grid-column-start: 1; grid-column-end: 3; }
}
/** Screen Layout 1 **/









/*# Screen Layout 2 #*/
@media only screen and (max-width: 999px) {
	.sl2 smenu { display: none; }
}

@media only screen and (min-width: 999px) {
	.sl2 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
	.sl2 nev { display: grid ; }
	.sl2 smenu { display: grid ; }
	.sl2 header { display: grid ; }
	.sl2 hero { display: grid ; }
	.sl2 aerea { display: grid ; }
	.sl2 main { max-width: 777px; margin: 0 auto; }
	.sl2 sidebar { max-width:333px;}
	.sl2 footer { display: grid ; }
}
/** Screen Layout 2 **/

/*# Screen Layout 3 #*/
@media only screen and (max-width: 999px) {
	.sl3 smenu { display: none; }
}

@media only screen and (min-width: 999px) {
	.sl3 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
	.sl3 nev { display: grid ; }
	.sl3 smenu { display: grid ; }
	.sl3 header { display: grid ; }
	.sl3 hero { display: grid ; }
	.sl3 aerea { display: grid ; }
	.sl3 main { width:100%; max-width: 100%; margin: 0 auto; }
	.sl3 sidebar { max-width:333px;}
	.sl3 footer { display: grid ; }
}
/** Screen Layout 3 **/




/** Screen Layout */


flyouts { position: absolute; display: none; justify-items: center; opacity: 0; visibility: hidden; z-index: 2147483647; inset: 0px; place-content: center; transition: 333ms; }
Flyouts>bg { background: var(--b-t22); backdrop-filter: blur(33px); }

/** flayout : flyout { } css removed by GaganNayak */
flyouts>rvm { position: absolute; inset: 0; z-index: 0; top: 0; }



scroll { display: flex; align-items: center; position: absolute; top: 0; bottom: 0; z-index: 99; }	
cdco scroll btn i { transform: rotate(90deg); min-width: 28px; min-height: 28px; }
scroll>btn {width: 24px; height: 50px;border: solid 1px #e5e7eb;}




/* layout header by Gagan Kumar */
@media (min-width: 999px){
	header { height: 0; overflow: hidden; }
}


/* layout Nav by Gagan Kumar */
nav { display: flex ; flex-direction: column; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 333px; z-index: 99999999; transition: 1s; box-shadow: var(--bs-bs); backdrop-filter: unset; }

@media only screen and (max-width: 999px) {
	nav { height: 66px; width: 100vw; box-shadow: unset; overflow: hidden; }
}


/* layout Screen by Gagan Kumar */
@media only screen and (max-width: 999px) {
	screen:last-child { top: 100px; }
}

/* layout Account by Gagan Kumar */

/* Account */
account { max-width: 444px; display: block; overflow-y: auto; position: absolute; width: 100%; left: 0; right: 0; border: solid 1px var(--bc); bottom: unset; height: auto;  margin: auto;  transform: scale(0); transition: 99ms; height: 100%; }
#account { display: block;  position: relative; z-index: 2;overflow:hidden }
#account>*{ position:relative;z-index:2 }
app.account account { transform: scale(1); z-index: 999999999; }	
app.account.login forgot { display:none; }		
app.account.register forgot { display:none; }
saco login, account register, account forgot, account character { display: none; }	
#AccountRegular{ display: grid; grid-template-columns: 100% 100% 100%; }	
saco .wrapper { position: relative; box-shadow:unset;   border-radius: 44px;margin-top:11px;}		
saco input { -webkit-border: solid 1px var(--bc); padding: 11px 33px; font-size: 1em; width: calc(100% - 66px); margin: 0; transition: 99ms; border: solid 1px var(--bc); background: transparent; border-radius: 11px; height: 30px; font-family: "Karla", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; }
saco input[type="radio"]:focus { box-shadow: unset; }	
saco input:focus { box-shadow: inset 0 0 0 2px var(--c); }
saco steps { opacity: 0; }	

saco .btn { background: var(--a); border: unset; color: var(--bb1); height: 40px; font-size: 1em; font-weight: bold; box-shadow: var(--bs-b); border-radius: 36px; padding: 0; display: block; text-align: center; place-content: center; line-height: 1; margin-top: 7px; }
saco .gf { grid-column-start: 1; grid-column-end: 3; display: grid; margin-top: 14px; }		
saco gds { display: grid; grid-template-columns: 50% 50%; color: var(--c); gap: 2%; row-gap: 7px; }
gds gd:last-child { grid-column-start: 1; grid-column-end: 3; }
gds gd { display: block; padding: 9px 11px; border: solid 0.5px var(--bc); position: relative; overflow: hidden; background: transparent; border-radius: 11px; }
gds gd>btn { display: grid; grid-template-columns: 33px auto 33px; align-items: center; }
account gd input[type="radio"] { margin: 0; height: 16px; width: 16px; } 
account gd label { display: block; opacity: 0.77; font-weight: unset; }		
account #RBirthday gd { display: grid; grid-template-columns: auto; padding: 0; }
account gd select { width: 100%; height: 44px; padding: 11px; background: transparent; color: var(--c); border: unset; outline: unset; font-family: var(--ff); font-weight: bold; opacity: 0.7; border-radius: 0; }
account gd select option { background: var(--b); }


form.success::after { content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9; }
account .success{ background:linear-gradient(90deg, rgb(111 111 111 / 10%), rgb(111 111 111 / 22%), rgb(111 111 111 / 10%));padding: 44px 0; }
account .success .btns{display:none}
account .success input { background: unset; }		
account steps { display: flex; width: 77%; height: 11px; justify-content: center; margin: 11px auto; grid-gap: 5%; position: relative; transition: 111ms; z-index: 8; opacity: 1; }
account steps>step { height: 7px; width: 7px; border-radius: 11px; border: 2px solid var(--b-t); transition: 333ms; }
account.verifying steps>step:nth-of-type(1) { border: 1px solid var(--b); width: 22px; background: var(--b); }	
account.verified steps>step:nth-of-type(1) { border: 1px solid var(--b); width: 22px; background: var(--b); }
account.verified steps>step:nth-of-type(2) { border: 1px solid var(--b); width: 22px; background: var(--b); }	
.account content { margin-top:unset }	
account label { font-weight: bold; letter-spacing: 0.44px; display: block; opacity: 1; font-size: 18px; margin: 5px; }
.regbtn{box-shadow: var(--bs-b);display: flex;justify-content: center;align-items: center;width:100%;height: 50px;border: solid 2px var(--b-t);border-radius: 7px;}
account span.help-block { font-family: monospace; color: #00bcd4; text-align: center; width: 100%; display: block;max-width: 222px; text-align: center; margin:0 auto; }
account f{	position: absolute; bottom: 0; left: 0; right: 0; height: 44px; display: flex;}
account f input { display: flex; justify-content: center; align-items: center; width: 50%; height: 100%; background: rgba(255,255,255,0.11); font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0; border: 0; border-radius: 0;color:#eef}
account f input.this{background:transparent}
account h1 { margin-top: 44px; display: inline-block; text-align: center; line-height: 1; width: 100%;color:#008}
i.Phone{position: absolute; top: 0; left: 8px; bottom: 0; width: 50px; display: flex; justify-content: center; align-items: center; height: auto; color: var(--c); font-style: unset; font-weight: bold; background: var(--b-t); border-top-right-radius: 0; border-bottom-right-radius: 0;z-index: 8;}			
account #rpwdc { grid-column-start: 1; grid-column-end: 3; display: grid; }		
account #rpwd { grid-column-start: 1; grid-column-end: 3; display: grid; }			
account.verify #RRefer{display:none}	
account.verify #RGender{display:none}	
account.verify #RBirthday{display:none}	
account.verify #rpln{display:none} 
account.verify #rpwdc{display:none} 
account.verify #AjaxRegister{display:none} 
account.otp #PhoneVerify{display:none}
account.otp #rotp{display:none}
account #SendOTP{display:none}
account.otp #SendOTP{display:flex} 
account #RPhone{display:none}
account.otp #RPhone{display:block}	
account.verified #PhoneVerify { display: none; } 
account.verified #rotp { display: block; }						
account illu{ display:none}
account illu>*{ position: absolute; margin: auto; display: block; left: 0; right: 0; }
account d1 { opacity: 1; }
account d2 { opacity: 0; }
.register account d2 { opacity: 1; }	
.register account d1 { opacity: 0; }	
saco .img-box{display: flex;justify-content: center;align-items: center;}	
saco>hd { height: 55px; display: block; position: relative; }
saco hd grid>* { margin: unset; }	
saco>bd { position: absolute; top: 55px; bottom: 0; left: 0; right: 0; } 
saco eye { position: absolute; background: #0000; right: 11px; top: 0; height: 100%; width: 25px; opacity: 0.7; padding: 0 11px; display: flex; }
.register account register { left: 0; display: block; }	
.register account login { left: -100%; display: block; }	
.character character { display: block; }
.wla { width: 55%; margin: auto; display: block; text-align: center; margin-top: 44px; }
.wla>h3 { font-weight:unset }
.wlb { max-width: 111px; left: 0; right: 0; margin: 22px auto; display: block; }		
saco forgot { top: 100%; transition: 333ms; z-index: 8; display: none; }
.forgot account forgot { top: 0; display: block; }
account.LoginOTP aa#PhoneVerify { display: none; }		
saco aa.loginOTP { display: none; }		
account.LoginOTP aa.loginOTP { display: flex; }		
account.LoginOTP input#RegRefer { display: none; }	
saco>d>hd { display: flex; justify-content: space-between; padding: 7px; }

form.success::after {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 9;}
account .success{background:linear-gradient(90deg, rgb(111 111 111 / 10%), rgb(111 111 111 / 22%), rgb(111 111 111 / 10%));padding: 44px 0;}
account .success .btns{display:none}
account .success input { background: unset; }
.forgot #fpwd {display:none}
.forgot #fpwdc {display:none}
.forgot #fotp {display:none}
.forgot #FPhoneVerify {display:none}
.forgot #FChangePassword {display:none}	
.forgot account.Fverifying #fPhone{display:none}
.forgot account.Fverifying #FSendOTP{display:none}
.forgot account.Fverifying #fotp{display:block}
.forgot account.Fverifying #FPhoneVerify{display:flex}	
.forgot account.Fverified #fotp{display:none}
.forgot account.Fverified #FPhoneVerify{display:none}	
.forgot account.Fverified #fpwd{display:block}
.forgot account.Fverified #fpwdc{display:block}
.forgot account.Fverified #FChangePassword{display:flex}
#fresend{color: var(--a);margin: auto;text-align: center;display:none}
#fce{color: var(--a);margin: auto;text-align: center;display:none}
account again{display:none;margin: 11px;text-align: center;}
.forgot account.Fverifying again{display:block}
.forgot account.Fverifying #fresend{display:block}
.forgot account.Fverifying #fce{display:block}
account sl.edt>label { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; height: 22px; margin: auto 0; padding: 22px; font-size: 0.77em; letter-spacing: 0.44px; transition: 333ms; }
saco sl>input:focus {  transform: unset; }
account sl.edt>input:focus ~ label, account sl.edt>input:valid ~ label { opacity: 0; }
.eyelogo form sl .btn:after { content: " "; height: 27px; position: absolute; width: 3px; background: #526c88; top: 9px; bottom: 0; transform: rotate(45deg); right: 20px; border-radius: 22px; }


/* Account in Desktop */
@media screen and (min-width: 999px) {	
	account { border: solid 1px var(--bt); max-width: unset; max-height: unset; top: 0; backdrop-filter: blur(3px); display: block ; align-items: center; justify-content: center; }
	saco { display: block; }
	#account { border-radius: 22px; display: block; padding: 7px; margin: 4px; position: relative; z-index: 2; overflow: hidden; }
	cento .phone { display: none; }
	clgso { display: grid; grid-template-columns: 62% 38%; }
	clgso>cvr { display: block; padding: 22px; background: var(--bc); width: auto; margin: 22px; border-radius: 22px; overflow: hidden; border: 1px solid var(--bor); height: 55vh; max-width: 88%; margin: 0 auto; }
	clgso>cvr>i>img { height: 100%; width: 100%; object-fit: cover; }
	clgso>cvr>i { height: 100%; width: 100%; overflow: hidden; border-radius: 22px; }
	cento>ft>.btn { max-width: 333px; }
	cafro { display: grid; grid-template-columns: 56% 44%; justify-content: center; height: 66vh; padding: 11px; }
	cafgo { display: block; max-width: 444px; margin: 0 auto; }
	cafro>cvr { display: block; height: 65vh; border-radius: 22px; overflow: hidden; margin: 0 auto; }
	cafro>cvr>i { height: 100%; width: 100%; overflow: hidden; }
	cafro>cvr>i>img { height: 100%; width: 100%; object-fit: cover; }
	crgro { display: grid; grid-template-columns: 56% 44%; }
	crgro>cvr { display: block; padding: 22px; background: var(--bc); height: 74vh; width: 100%; border-radius: 22px; overflow: hidden; border: 1px solid var(--bor); max-height: 77%; max-width: 88%; margin: 0 auto; }
	crgro>cvr>i { height: 100%; width: 100%; overflow: hidden; border-radius: 22px; }
	crgro>cvr>i>img { height: 100%; width: 100%; object-fit: cover; }
	cchro>ft>btn.btn { display: block; place-content: center; text-align: center; height: auto; padding: 11px 22px; max-width: 222px; }
	cchro { width: 100%; margin: auto; padding: 0; max-width: 444px; }
	conbo { display: grid; grid-template-columns: 56% 44%; justify-content: center; }
	cchro>bg { display: none; }
	conbo>cvr>i { height: 100%; width: 100%; animation: oscillate 18s infinite; }
	conbo>cvr>i>img { height: 96%; width: 66%; }
	conbo>cvr { display: block; height: 95%; border-radius: 22px; overflow: hidden; background: var(--aa); margin: 22px; position: relative; }
	conbo>cvr>bg { background-image: url(/0/IMG/0Stars.webp); background-repeat: repeat; background-size: 100%; background-position: 100% 100%; animation: Flow 3s infinite; display: grid; grid-template-rows: 16% 16% 16% 16% 16% 16%; }
}
@media screen and (max-width: 999px) {	
	crgro>cvr { display: none; }
}

@media only screen and (max-width: 999px){
	account { top: 0; border: unset; max-height: unset; bottom: 0; background: var(--b); } 
	#account>bd{ display: block;overflow: hidden;overflow-y: scroll;max-height: calc(100% - 55px); } 
	#account>bg { opacity: 0; } 
	saco { border-radius: 0; box-shadow: none; max-height: unset; }
}


/* Account by Arnav */
saco>bg { background: var(--b); backdrop-filter: blur(11px); }
@media(min-width:999px){
	account { border: solid 1px var(--bt); max-width: unset; max-height: unset; top: 0; backdrop-filter: blur(3px); display: block; justify-content: center; align-items: unset; }

}


account.verify #rpfn { display: block; margin-top: 14px;} 
account.verify #rpwd { display: block; margin-top: 14px;} 
account hd exit i { height: 22px; }	
account hd exit { display: flex; justify-content: center; align-items: center; }


@media(max-width:999px){
	account.verify #rpwd { display: none; }
	crgs d p:nth-child(1) { display: none; }
	crgs>bl ft d>p { display: none; }
	account { max-width:unset;display: block; overflow-y: auto; position: absolute; width: 100%; left: 0; right: 0; border: solid 1px var(--bc); bottom: unset; height: auto;   transform: scale(0); transition: 99ms; height: 100%; justify-content: center; display: flex; }
}

crgs ft devider { display: flex; gap: 2px; align-items: center; }
crgs ft devider { display: none; }
crgs ft btn { display: none; }




/* layout by GaganNayak */
/*# Screen Layout 4 #*/
@media only screen and (max-width: 999px) {
	.sl4 smenu { }
}

@media only screen and (min-width: 999px) {
	.sl4 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
	.sl4 nev { display: grid ; }
	.sl4 smenu { display: grid ; }
	.sl4 header { display: grid ; }
	.sl4 hero { display: grid ; }
	.sl4 aerea { display: grid ; }
	.sl4 .aerea { display: grid ;grid-template-columns: 100%; }
	.sl4 main { width:100%; max-width: 100%; margin: 0 auto; }
	.sl4 sidebar { max-width:100%;width:100%; }
	.sl4 footer { display: grid ; }
}
/** Screen Layout 4 **/








/*# Screen Layout 5 #*/
@media only screen and (max-width: 999px) {
}

@media only screen and (min-width: 999px) {
	.sl5 {display: grid ; grid-template-columns:100%; max-width:1920px;min-width: 1280px; margin: 0 auto;}
	.sl5 nev { display: grid ; }
	.sl5 smenu { display: grid ; }
	.sl5 header { display: grid ; }
	.sl5 hero { display: grid ; }
	.sl5 aerea { display: grid ; }
	.sl5 .aerea { width: 85%; margin: 0 auto; max-width: 1700px; }
	.sl5 main { margin: 0 auto; }
	.sl5 sidebar { }
	.sl5 footer { display: grid ; }
}
/** Screen Layout 5 **/



.flyout flyouts { opacity: 1; visibility: visible; display: block; }
.flyout flyout { opacity: 1; visibility: visible; display: block; }
Flyouts>bg { background: var(--bor); backdrop-filter: unset; }

cpst.PrivacySettingsC { display: none; }



/* Layout Screen Popup */
popups>bg { background: var(--bor); }
popups { position: absolute; inset: 0; z-index: 999; transition: 95ms; opacity: 0; visibility: hidden; }
popups d>rvm { position: absolute; inset: 0; z-index: 5; }
.popup popups { opacity: 1; visibility: visible; }
.popup screen:last-child { overflow: hidden; }


/* Elements Rating by GaganNayak */
rt { display: flex ; align-items: center; margin: 5px 0; }
rt>i { height: 12px; width: 12px; margin: 0 4px; }
rt>i.this svg { fill: var(--a); }
rt>i svg { fill: none; stroke-width: 7px; stroke: var(--a); }
/* Nav by Arnav Bishnoi */
nav { width: unset; justify-content: unset; align-items: unset; left: 0; position: unset; top: 0; }
nav {
    position: relative;
    overflow: unset;
}

/* account by Arnav Bishnoi */

  
account hd exit { display: flex; justify-content: center; align-items: center; position: absolute; right: 34px; }
account hd exit i { height: 22px; }
#account>hd { display: flex; position: unset; justify-content: center; align-items: center; margin-bottom: 11px; }

@media(max-width:999px){
 
}
 
account.verifying div#rpwd { display: none; }
account.verifying div#rpfn { display: none; }
account.verifying hd  p { display: block; margin: 0; }
.otp crgs>bl hd>p:nth-child(5) { display: none; }
.verifying crgs>bl hd>p:nth-child(4) { display: none; }
account.verifying d.gf { display: none; }

account.verifying ft t { display: none; }
account.verifying d a:nth-child(2) { display: none; }
account.verifying devider { display: flex; }
account.verifying ft btn { display: flex; justify-content: center; box-shadow: 0px 0px 1px 0px; border-radius: 21px; padding: 7px; font-size: 14px; margin-top: 4px; }

account.verifying  crgs>bl { display: block; padding: 15px; }


account label { font-weight: bold; letter-spacing: 0.44px; display: block; opacity: 1; font-size: 0.88em; margin: 0; margin-bottom: 7px; }
account.verifying  no { display: flex; justify-content: unset; align-items: unset; text-align: unset; margin: 0; gap: 5px; }
crgs bd no { display: none;  }
 
/*component:AccountAccess*/

/*component:Digital_contents*/
cdcts bl { display: block; margin-top: 22px; }
cdcts hd h2 { display: block; line-height: 46px; font-size: 28px; }
cdcts {   border-bottom: solid 1px var(--bor); }
cdcts d { display: grid ; grid-template-columns: 77px auto; border-radius: 11px; padding: 11px; border: 1px solid var(--bor); }
cdcts d i { display: flex ; justify-content: center; margin: 0; height: 55px; width: 55px; }
cdcts d:hover { background: var(--bc); }
cdcts b { font-size: 1em; font-weight: 500; color: var(--c); }
cdcts bd p { margin: 0px 0px; font-size: 0.88em; color: var(--c0); font-weight: 400; }
cdcts hd h2 { line-height: 47px; }
cdcts div:hover { background: var(--bc); }
cdcts bl bd { display: grid ; grid-template-columns: auto auto auto; gap: 11px; margin: 11px 0; }
@media(max-width:999px){
	cdcts bd d { height: 73px; margin-top: 12px; position: relative; left: 8px; width: 88%; }
	cdcts { display: none; }
	cdcts bd { display: none; }
}
/* Component : AccountLogin */
clgno form sl:nth-child(2) { grid-template-columns: auto 55px; display: grid; }

clgno h1 { margin: 0; font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; font-size: 1.88em; letter-spacing: 1px; color: var(--c); }
clgno ops { display: flex; justify-content: space-between; padding: 7px; align-items: center; color: var(--a); height: 22px; }
clgno ops>op { display: grid; grid-template-columns: auto 22px; align-items: center; letter-spacing: 1px; font-weight: 400; }
clgno ops>a { color: var(--a); font-weight: 400; letter-spacing: 1px; }
clgno>bd p>input { height: 17px; width: 17px; margin: 0; padding: 0; }
clgno>bd p>label { margin: 0; }
clgno ops svg { fill: var(--a); }
clgno bl>ft>.btn { display: flex; justify-content: center; height: auto; padding: 11px; width: auto; font-family: "Roboto", sans-serif; font-weight: 700; font-style: normal; letter-spacing: 1px; height: 33px; align-items: center; }
clgno>ft btn { display: grid ; grid-template-columns: 44px auto; justify-content: center; text-align: center; align-items: center; font-size: 0.88em; font-weight: 600; letter-spacing: 0.88px; padding: 15px; margin: 4px; border: 1px solid var(--c); border-radius: 7px; }
clgno>ft btns { display: grid ; grid-template-columns: 50% 50%; position: relative; }
clgno>ft btn>i { display: flex; height: 19px; width: 19px; margin: 0 auto; border-radius: 11px; }
clgno>bd>p { text-align: center; }
clgno divider { width: auto; white-space: nowrap; opacity: 0.6; margin: 33px 11px; display: grid ; grid-template-columns: 34.5% auto 35.5%; }
clgno>bd>aa { display: block; text-align: center; padding: 11px; }
clgno divider>t { font-weight: 400; }
clgno a { font-weight: 400; }
clgno label>input { margin: 6px; height: 13px; width: 13px; border: 1px solid; margin-left: 0; }
clgno bl p { font-weight: 400; letter-spacing: 0.33px; text-align: center; }
clgno>hd>d { display: block; text-align: center; }
clgno bl>hd>label { display: grid ; grid-template-columns: 22px auto; font-size: 0.88em; align-items: center; }
login steps { display: none; }
clgno>hd { display: block; text-align: center; margin: 11px; margin-bottom: 44px; }
clgno>hd>p { margin: 11px 0; font-size: 1em; }
clgno>hd>d>i { height: 44px; width: 44px; margin: 22px auto; margin-top: 0; }
clgno>bd>bl>ft { margin: 11px 0; margin-bottom: 22px; }
.login login { display: block;  }
clgno>bd p.forgetmenot { display: grid ; grid-template-columns: 22px auto; align-items: center; padding: 4px 7px; text-align: start; margin: 0; }
login>bg { background: var(--aaa); z-index: -1; }
clgno { display: block; padding: 33px 22px; overflow: hidden; background: var(--b); border-radius: 22px 22px 0 0; height: 98%; max-width: 444px; margin: 0 auto; }
saco login { transition: 333ms; display: none; }
saco login logo>h1 { margin: 22px; padding: 22px; color: var(--b); width: auto; text-align: center; display: block; }
login out svg { fill: var(--b); }
login>hd { display: grid; grid-template-columns: 55px auto 129px; align-items: center; text-align: end; color: var(--b); font-size: 0.88em; position: sticky; top: 7px; z-index: 999; backdrop-filter: blur(20px); border-radius: 11px; margin: 7px; background: var(--aat); }
login>hd>btn.btn { background: var(--b-t44); height: auto; padding: 11px; font-weight: 400; border-radius: 7px; margin: 0 11px; }
login>ft { display: block; height: 75vh; }
/*clgno:after { content: ""; position: absolute; top: -11px; left: 0; right: 0; height: 14px; width: 90%; background: var(--b-t44); display: block; margin: 0 auto; z-index: -1; border-radius: 44px 44px 0 0; box-shadow: 0 -2px 7px var(--c); opacity: 0.5; }*/
clgno form sl>input { position: absolute; z-index: 0; border: none; height: auto; top: 0; bottom: 0; width: auto; left: 0px; right: 0px; margin: 0; background: transparent; font-family: "Karla", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; padding: 11px 22px; padding-right: 44px;border-radius }
clgno form { position: relative; }
clgno form sl .btn { display: flex; margin: 0; position: relative; z-index: 99; width: 44px; height: 44px; align-items: center; justify-content: center; }
clgno form sl { display: flex; align-items: center; background: transparent; border: 1px solid var(--bor); height: 42px;  margin: 13px 0; }
app.account.forgot login { display:none; }	
app.account.register login { display:none; }
@media screen and (min-width: 999px) {
login>hd { background: transparent; color: var(--c); position: unset; }
login out svg { fill: var(--c); }
login>hd>btn.btn { background: var(--aaa); }
clgno:after { display: none; }
login>bg { opacity: 0; }
saco login logo>h1 { color: var(--c); }
clgso>cvr { position: sticky; top: 0; }
clgno { background: transparent; }
}	

clgno bl p { font-weight: 400; font-size: 17px; text-align: unset;    margin-block-end: 0; }


clgno btns { display: grid ; grid-auto-flow: column; }
clgno btn { display: grid ;   row-gap: 7px; }
clgno btn i { width: 24px; height: 24px; margin: auto; }
clgno btn t { font-size: 0.88em; font-weight: 500; text-align: center; }
clgno ft aa.jrac { font-weight: 500; text-decoration: underline; color: var(--aa); }
.login crgs { display: none; }



clgno { background: transparent; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 2px 0px; height: unset; }
clgno form lable { font-weight: 600; margin: 5px; margin-block-end: 5px; display: block; font-size: 18px; }
clgno form sl .btn { display: flex; margin: 0; position: relative; z-index: 99; width: 44px; height: 44px; align-items: center; justify-content: center; grid-column-start: 2; background: transparent; box-shadow: none; opacity: 0.7; position: absolute; top: 0; bottom: 0; right: 0; margin: auto;    margin-block-start: 0; }

clgno ft aa.jrac:nth-child(2) { font-weight: 500; text-decoration: underline; color: var(--aa); display: block; }
@media(max-width:999px){
clgno { margin: 10px; border: solid 1px var(--b-t44); }
}

















 
/* Component : AccountRegister */
 
crgs>bl hd>i { height: 44px; width: 44px; margin: 11px auto; display: block; }
register { overflow-y: auto; scroll-behavior: smooth; }
gds gd>btn>label { margin: 0; opacity: 1; font-weight: 400; }
register>bg { background: var(--aaa); z-index: -1; }
register>hd { display: grid; grid-template-columns: 55px auto 129px; align-items: center; text-align: end; color: var(--b); font-size: 0.88em; position: sticky; top: 7px; z-index: 999; backdrop-filter: blur(20px); border-radius: 11px; margin: 7px; }
register>hd>btn.btn { background: var(--b-t44); height: auto; padding: 11px; font-weight: 400; border-radius: 7px; margin: 0 11px; }
saco register logo>h1 { margin: 22px; padding: 22px; color: var(--b); width: auto; text-align: center; display: block; }
crgs>bl { display: block; padding: 33px 11px; background: var(--b); border-radius: 22px 22px 0 0; position: relative; min-height: 100%; max-width: 100%; }
register>ft { display: block; height: 75vh; }
register>bg { display: none; }
saco register logo>h1 { color: var(--c); }
register>hd>btn.btn { background: var(--aaa); }
.register account steps { padding-top: 33px; }
crgs>bl:after { content: ""; position: absolute; top: -11px; left: 0; right: 0; height: 14px; width: 90%; background: var(--b-t44); display: block; margin: 0 auto; z-index: -1; border-radius: 44px 44px 0 0; box-shadow: 0 -2px 7px var(--c); opacity: 0.5; }
register>bg { display: none; }
saco register logo>h1 { color: var(--c); }
register>hd>btn.btn { background: var(--aaa); }
.register account steps { padding-top: 33px; }
app.account.forgot register { display:none; }		
app.account.login register { display:none; }
.register account steps { z-index: 2; background: transparent; opacity: 1; position: relative; top: unset; padding-bottom: 33px; }
register out svg { fill: var(--b); }
crgs>bl sl.edt { grid-template-columns: auto 44px; display: grid; border-radius: 11px; padding: 0 11px; width: auto; height: 55px; background: transparent; border: 1px solid var(--bc); }
crgs>bl sl.edt>input { position: absolute; z-index: 0; border: none; height: auto; top: 0; bottom: 0; width: auto; left: 0px; right: 0px; margin: 0; background: transparent; font-family: "Karla", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; padding: 11px 22px; padding-right: 55px; }
crgs>bl sl.edt>btn { display: flex; margin: 0; position: relative; z-index: 99; width: 44px; height: 44px; align-items: center; justify-content: center; grid-column-start: 2; background: transparent; box-shadow: none; opacity: 0.7; margin: auto; }
crgs>bl ft d { display: block;  }
crgs>bl ft d>aa:last-child { font-weight: 500; color: var(--a); }
crgs>bl bd d { font-size: 0.88em; }
@media screen and (max-width: 999px) {	
	register>ft>cvr { position: absolute; top: -255px; opacity: 0.06; }
	register>ft>cvr>img { height: 100%; width: 100%; object-fit: cover; }
}
@media screen and (min-width: 999px) {
	register>hd { color: var(--c); background: transparent; backdrop-filter: unset; position: relative; }
	register>ft { height: auto; display: grid; grid-template-columns: 55% 45%; }
	saco register logo { display: none; }
	register>ft>cvr>img { height: 100%; width: 100%; object-fit: cover; }
	register>ft>cvr { display: block; height: 61vh; border-radius: 22px; overflow: hidden; margin: 11px; position: sticky; top: 0; }
	crgs>bl { max-width: 444px; display: block; margin: 0 auto; background: transparent; min-height: auto; }
	crgs>bl:after { display: none; }
	account.verified steps>step:nth-of-type(1), account.verified steps>step:nth-of-type(2),maccount.verifying steps>step:nth-of-type(1) { border-color: var(--aa); background: var(--aaa); border-width: 2px; }
	account steps>step { border-color: var(--c); }
}
saco>d>hd name { font-size: 2em; font-weight: bold; text-align: center; }



crgs cc { display: grid; grid-template-columns: 34% 66%; }





register { overflow: unset; }
crgs>bl { max-width: 444px; display: block; margin: 0 auto; background: transparent; min-height: auto; border: solid 1px var(--bor); border-radius: 11px; padding: 25px;}
saco input { padding: 11px 10px; font-size: 0.88rem; margin: 0; box-shadow: 0px 0px 2px 0px; transition: 99ms; background: transparent; border-radius: 5px; height: 18px; font-family: "Karla", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal;width: -webkit-fill-available; }
crgs cc { display: grid; grid-template-columns: max-content auto; gap: 7px; }
crgs cc>select { max-width: 121px; margin: 0; background: var(--aat); padding: 1px 6px; width: auto; border-radius: 8px; height: 43px; }
crgs>bl ft t { font-weight: 700; text-align: unset; display: block; }
crgs>bl ft d>p {  align-items: center; font-weight: 600; font-size: 15px; display: block;}
crgs d p i { height: 21px; width: 22px; }
crgs d p { display: flex; gap: 10px; align-items: center; font-weight: 600; font-size: 16px; }
crgs d a { font-weight: 500; color: var(--aa); font-size: 15px; margin: 4px; text-decoration: underline; }
crgs hd h2 { font-size: 1.77em; font-weight: 400; }

@media(max-width:999px){
crgs>bl { max-width: 444px; display: block; margin: 0 auto; background: transparent; min-height: auto; border: solid 2px var(--bor); border-radius: 11px; padding: 11px; margin: 0 9px; }
}

crgs bd btn t { color: var(--aa); font-weight: 500; margin: 3px; }

/* component:Account_AccessMore */

caes {   display: block; }
caes bd d t { display: block; color: var(--aa); line-height: 24px; font-weight: 400; font-size: 15px; }
caes bd d h2 { font-size: 1.2em; line-height: 31px; }
caes bd d t:hover { color: var(--c); opacity: 1; text-decoration: underline; }
caes>bl>bd { display: grid; grid-template-columns: auto auto auto; gap: 22px; }
caes bd d { gap: 11px; margin: 7px 0; border: solid 1px var(--bor); border-radius: 10px; padding: 11px; display: block; }
@media(max-width:999px){
	caes { display: none;  }
}
/* Forgot Password */
cfrgo { display: block; position: relative; border: 1px solid var(--bor); border-radius: 10px; max-width: 333px; padding: 13px 13px 13px 20px; margin: 11px auto; }
cfrgo>hd i { display: block; height: 44px; width: 44px; }
cfrgo>hd p { margin: 2px 0; font-size: 15px; font-weight: 400; }
cfrgo>bd .wrapper { padding: 0; }
cfrgo>bd aa.regbtn { margin: 22px 0; background: var(--a); font-weight: 500; }
cfrgo>ft d { display: block; text-align: center; }
/* Component : Address */
cadd>bl { border: solid 2px var(--bor); border-radius: 11px; display: grid; grid-template-rows: max-content auto max-content; margin: 4px; height: -webkit-fill-available; background: var(--b); }
cadd>bl>hd { display: flex; gap: 10px; border-bottom: solid 1px var(--bc); padding: 11px; margin: 0 11px; }
cadds>bl>bd i { height: fit-content; color: var(--bb1); }
cadd bl hd h5 { margin-top: 3px; color: var(--c); }
cadd>bl>ft t { margin-left: 2px; color: var(--aa); }
cadd>bl>ft t:hover { text-decoration: underline; }
cadd>bl ft>btns { display: flex; align-items: center; gap: 10px; }
cadd>bl btns>hr { width: 1px; height: 15px; margin: 0 7px; }
cadd>bl bd { padding: 5px 11px; margin: 0 11px; }
cadd>bl ft { display: block; padding: 11px; }
cadd>bl bd>t { display: block; font-size: 0.88em; }
cadd { display: block; flex: none; width: -webkit-fill-available; max-width: 333px; }
cadd>bl bd>a { font-weight: 400; font-size: 0.88em; color: var(--aa); }
cadd>bl name { font-weight: bold; font-size: 0.88em; }
cadd>bl ft btn { font-size: 0.88em; display: block; padding: 5px 11px; position: relative; }

@media(max-width:999px){
	cadd { display: block; flex: none; width: -webkit-fill-available; max-width: unset; height: 239px; margin-bottom: 11px; }
	cadd>bl bd>t { display: block; font-size: 0.99em; }
	cadd>bl name { font-weight: bold; font-size: 0.99em; }
	cadd>bl {height: inherit; }
	cadd>bl btns>hr { width: 1px; height: 15px; margin: 0 7px; display: none; }
	cadd>bl ft btn { font-size: 0.88em; border: solid 1px var(--bor); padding: 7px 15px; border-radius: 27px; }
	cadd>bl>ft t { color: var(--c); }
}
/* Component -:- Address1*/

cado hd dv span { font-size: 13px; line-height: 14px; color: var(--bb1); margin-top: 0px; }
cado hd  dv span { font-size: 13px; line-height: 14px; color: var(--bb1); margin-top: 0px; }
cado hd  dv span b { display: flex; align-items: center; justify-content: space-around; font-size: 14px; min-width: 204px; max-width: 123px;  margin-left: -9px; }
cado hd  span b img { width: 26px; }
cado hd span b i { border: solid 2px; width: 26px; height: 27px; margin-left: 49px; }
cado.Address { display: block; }
cado { display: none; }
cado hd mg {background: var(--b); display: block; border: solid 1px; max-width: 167px; padding: 10px; height: 140px; border-radius:10px;}

cado bl {position: absolute; display: block;  bottom: 115px;  margin-left: 423px; }
cado.Address { display: block; } 



/* Component -:- AddressEdit */

caet>bl { display: block; max-width: 385px; border: solid 1px var(--bc); border-radius: 10px; position: relative; background: var(--b); }
caet>bl>hd { display: flex; align-items: center; justify-content: space-between; padding: 3px 3px 1px 24px; background: var(--bc); border-radius: 10px 10px 0px 0px; border-bottom: solid 1px var(--bor); }
caet>bl>hd h2 { font-size: 1.1em; }
caet>bl hd>i { width: 15px; height: 14px; border: solid 2px var(--c0); padding: 16px 17px; }
caet>bl>bd d ul { padding: 4px 0px 9px 15px; display: block; margin: 0; }
caet>bl>bd d ul li { display: block; font-size: 0.88em; margin-bottom: 3px; position: relative; font-weight: 400; }
caet>bl>bd dv { display: flex; margin-bottom: 11px; gap:6px; }
caet>bl>bd dv p { font-size: 0.88em; color: var(--red); margin: 0; }
caet>bl>bd { display: block; padding: 13px; }
caet>bl bd>dv i { width: 60px; }
caet>bl bd>dv i svg { fill: var(--red); height: 26px; width: 24px; }
caet>bl>ft btns { display: flex; align-items: center; justify-content: center; padding: 11px; }
caet>bl>ft btns btn { display: flex; justify-content: center; align-items: center; padding: 4px 11px; border-radius: 24px; font-size: 0.88em; border: solid 1px var(--bor); margin: 9px; }
caet>bl>ft btns btn:nth-child(2) {  background: var(--a); }
.edit caet { display: block; visibility: visible; opacity: 1; z-index: 580; inset: 0; position: relative; top: 13%; left: 0; left: 33%; }
caet { display: none; visibility: hidden; opacity: 0; position: absolute; left: 100%; right: 100%; bottom: 0; top: 100%; }

@media(max-width:999px){

.edit caet {left: 24px;}


}
/* component AddressNew */
cdds>bl { display: block; padding: 11px; margin: 11px; }
cdds hd f { display: flex; gap: 21px; }
cdds hd h2 {font-size: 32px; margin-top: 6px;}
cdds f a { display: block; font-size: 0.88em; font-weight: 400; }
cdds f a:hover { text-decoration: underline; color: var(--a); }
cdds f a:nth-child(3) { color: var(--a); }
cdds hd d { display: flex ; gap: 7px; align-items: center; color: var(--aa); padding: 11px 0; margin: 7px 0; }
cdds p i { height: 39px; display: block; width: 24px; }
cdds hd div { display: flex ; background: var(--aat); padding: 8px; border-radius: 11px; border: 1px solid var(--aat); justify-content: space-between; align-items: anchor-center; }
cdds div btn { display: block; background: var(--b); padding: 4px 22px; border-radius: 11px; border: solid 1px var(--bc); font-size: 0.88em; }
cdds div span { display: block; font-weight: 400; font-size: 16px; }
cdds>bl bd sl { background: unset; height: unset; display: grid ; grid-template-columns: auto; gap: 14px; overflow: visible; margin-top: 11px; }
cdds lable { font-weight: 700; margin-top: 7px; display: block;  font-size: 17px; margin-left: 5px; }
cdds bd select { margin: unset; border-radius: 9px; font-size: 17px; padding: 10px 3px; padding-left: 17px; font-weight: 100; color: var(--c0); border: solid 1px var(--bor); width: unset; }
cdds dv select { width: 318px; }
cdds div d {display:flex; gap:2px;align-items: center;}
cdds bd b { font-weight: 600; font-size: 20px; color: var(--aa);display: flex }
cdds bd b:hover { text-decoration: underline; }
cdds b i { display: block; width: 21px; margin-top: 6px; margin-left: 5px; }
cdds f h4 { font-weight: 500; font-size: 24px; }
cdds bd f { display: block; }
cdds btns btn { display: flex; font-size: 15px; font-weight: 500; border: solid 1px var(--bc); padding: 6px 19px; /* width: 5%; */ justify-content: center; border-radius: 20px; align-items: center; }
cdds f p { font-size: 20px; font-weight: 600; color: var(--c0); }
cdds f btns { display: flex; gap: 14px;    padding-top: 8px; }
cdds expand i { display: block; width: 21px; margin-top: 6px; margin-left: 5px; }
cdds bd expand { display: flex; background: var(--bc); padding: 11px; justify-content: space-between; }
cdds bd dv1 { display: none; }
cdds dv1 span { display: flex; border: solid 1px var(--bc); gap: 41px; padding: 18px; }
cdds bd dv1.active { display: block; }
cdds dv1 span.receive { display: flex; }
cdds ins input { outline: 0; border-radius: 4px 7px; display: block; border: solid 1px var(--bor); background: var(--b-t77); color: var(--c); font-weight: bold; padding: 22px; font-size: 1.11em; margin-top: 9px; }
cdds sl btn{display:none;}
cdds ft btn { display: flex; background: var(--a); padding: 9px; justify-content: center; border-radius: 22px; }
cdds ft btn { margin: unset; width: 100px; }
cdds { display: block; }
cdds check input[type="Checkbox"] { width: 16px; }
cdds sl:nth-child(8) { display: flex; align-items: anchor-center; font-size: 13px; font-weight: 400; }
cdds sl input:focus { box-shadow: inset 0 0 0 2px var(--bb1); border-radius: 8px; opacity: 83%; }
cdds sl input { font-size: 0.88em; border: solid 1px var(--bor); border-radius: 5px; width: unset; display: block; font-weight: 400; padding: 11px; height: max-content; }
cdds bd select:hover { background: var(--tb); }
cdds>bl bd ins h2 { font-size: 1.44em; font-weight: 500; }
cdds ins  btn1 { display: flex; border: solid 1px  var(--bor); justify-content: center; font-size: 16px; border-radius: 25px; padding: 6px  23px; width: auto; }
cdds ins  btns1 { display: flex; gap: 11px; padding: 4px; }
cdds bd expand h2 { font-size: 1.28em; font-weight: 400; }
cdds dv1 span ins { display: block; width: -webkit-fill-available; }
cdds bl hd i { height: 22px; width: fit-content; }

@media(max-width:999px){
	cdds f a { font-size: 11px; }
	cdds hd f { display: flex; gap: 21px; white-space: nowrap; }
	cdds hd h2 { font-size: 17px; margin-top: 6px; }
	cdds hd d {font-size: 16px; }
	cdds p i { height: 36px; display: block; width: 17px; }
	cdds div span { display: block; font-weight: 500; font-size: 14px; }
	scdds check input[type="Checkbox"] { width: 10px; }
	cdds sl:nth-child(8) { font-size: 19px; }
	cdds bd select { margin: unset; border-radius: 9px; font-size: 17px; padding-left: 17px; font-weight: 100; color: var(--c0);  border: solid 1px var(--bor); }
	cdds>bl { margin: unset; }
	cdds sl input { font-size: 19px; background: transparent; border: solid 1px var(--bor); border-radius: 7px;  font-family: sans-serif; margin: 4px; display: block; font-weight: 300;  width: auto;  padding: 11px; }
	cdds lable { font-weight: 700; margin-top: 7px; display: block; font-size: 15px; margin-left: 5px; }
	cdds hd div { display: flex; background: rgb(194, 225, 254); padding: 11px 8px; width: auto; border-radius: 9px; border: 1px solid rgb(106, 156, 203); justify-content: space-between; align-items: anchor-center; }
}
/* component AddressNew */
cddoa>bl { display: block; padding: 11px; margin: 11px; }
cddoa hd f { display: flex; gap: 21px; }
cddoa hd h2 {font-size: 32px; margin-top: 6px;}
cddoa f a { display: block; font-size: 0.88em; font-weight: 400; }
cddoa f a:hover { text-decoration: underline; color: var(--a); }
cddoa f a:nth-child(3) { color: var(--a); }
cddoa hd p { display: flex; gap: 7px; align-items: center;color: var(--aa);}
cddoa p i { height: 39px; display: block; width: 24px; }
cddoa hd div { display: flex ; background: var(--aat); padding: 8px; border-radius: 11px; border: 1px solid var(--aat); justify-content: space-between; align-items: anchor-center;}
cddoa div btn { display: block; background: var(--b); padding: 4px 22px; border-radius: 11px; border: solid 1px var(--bc); font-size: 0.88em; }
cddoa div span { display: block; font-weight: 400; font-size: 16px; }
cddoa>bl bd sl { background: unset; height: unset; display: grid ; grid-template-columns: auto; gap: 14px; overflow: visible; margin-top: 11px; }
cddoa lable { font-weight: 700; margin-top: 7px; display: block;  font-size: 17px; margin-left: 5px; }
cddoa bd select { margin: unset; border-radius: 9px; font-size: 17px; padding: 10px 3px; padding-left: 17px; font-weight: 100; color: var(--c0); border: solid 1px var(--bor); width: unset; }
cddoa dv select { width: 318px; }
cddoa div d {display:flex; gap:2px;align-items: center;}
cddoa bd b { font-weight: 600; font-size: 20px; color: var(--aa);display: flex }
cddoa bd b:hover { text-decoration: underline; }
cddoa b i { display: block; width: 21px; margin-top: 6px; margin-left: 5px; }
cddoa f h4 { font-weight: 500; font-size: 24px; }
cddoa bd f { display: block; }
cddoa btns btn { display: flex; font-size: 15px; font-weight: 500; border: solid 1px var(--bc); padding: 6px 19px;  justify-content: center; border-radius: 20px; align-items: center; }
cddoa f p { font-size: 20px; font-weight: 600; color: var(--c0); }
cddoa f btns { display: flex; gap: 14px;    padding-top: 8px; }
cddoa expand i { display: block; width: 21px; margin-top: 6px; margin-left: 5px; }
cddoa bd expand { display: flex; background: var(--bc); padding: 11px; justify-content: space-between; }
cddoa bd dv1 { display: none; }
cddoa dv1 span { display: flex; border: solid 1px var(--bc); gap: 41px; padding: 18px; }
cddoa bd dv1.active { display: block; }
cddoa dv1 span.receive { display: flex; }
cddoa ins input { outline: 0; border-radius: 4px 7px; display: block; border: solid 1px var(--bor); background: var(--b-t77); color: var(--c); font-weight: bold; padding: 22px; font-size: 1.11em; margin-top: 9px; }
cddoa sl btn{display:none;}
cddoa ft btn { display: flex; background: var(--a); padding: 9px; justify-content: center; border-radius: 22px; }
cddoa ft btn { margin: unset; width: 100px; }
cddoa { display: block; }
cddoa check input[type="Checkbox"] { width: 16px; }
cddoa sl:nth-child(8) { display: flex; align-items: anchor-center; font-size: 13px; font-weight: 400; }
cddoa sl input:focus { box-shadow: inset 0 0 0 2px var(--bb1); border-radius: 8px; opacity: 83%; }
cddoa sl input { font-size: 0.88em; border: solid 1px var(--bor); border-radius: 5px; width: unset; display: block; font-weight: 400; padding: 11px; height: max-content; }
cddoa bd select:hover { background: var(--tb); }
cddoa>bl bd ins h2 { font-size: 1.44em; font-weight: 500; }
cddoa ins  btn1 { display: flex; border: solid 1px  var(--bor); justify-content: center; font-size: 16px; border-radius: 25px; padding: 6px  23px; width: auto; }
cddoa ins  btns1 { display: flex; gap: 11px; padding: 4px; }
cddoa bd expand h2 { font-size: 1.28em; font-weight: 400; }
cddoa dv1 span ins { display: block; width: -webkit-fill-available; }
@media(max-width:999px){
	cddoa f a { font-size: 11px; }
	cddoa hd f { display: flex; gap: 21px; white-space: nowrap; }
	cddoa hd h2 { font-size: 17px; margin-top: 6px; }
	cddoa hd p {font-size: 16px; }
	cddoa p i { height: 36px; display: block; width: 17px; }
	cddoa div span { display: block; font-weight: 500; font-size: 14px; }
	cddoa check input[type="Checkbox"] { width: 10px; }
	cddoa sl:nth-child(8) { font-size: 19px; }
	cddoa bd select { margin: unset; border-radius: 9px; font-size: 17px; padding-left: 17px; font-weight: 100; color: var(--c0);  border: solid 1px var(--bor); }
	cddoa>bl { margin: unset; }
	cddoa sl input { font-size: 19px; background: transparent; border: solid 1px var(--bor); border-radius: 7px;  font-family: sans-serif; margin: 4px; display: block; font-weight: 300;  width: auto;  padding: 11px; }
	cddoa lable { font-weight: 700; margin-top: 7px; display: block; font-size: 15px; margin-left: 5px; }
	cddoa hd div { display: flex; background: rgb(194, 225, 254); padding: 11px 8px; width: auto; border-radius: 9px; border: 1px solid rgb(106, 156, 203); justify-content: space-between; align-items: anchor-center; }
}


/* MamtaNayak*/

cddoa hd d { display: flex; align-items: center; padding: 6px; }
cddoa hd d i { width: 32px; height: 32px; }
/* Component -:- Address_PickupLocation */

capl>bl bd h4 { display: block; font-weight: 500;}
capls>bl bd span { font-size: 0.99em; font-weight: 400; color: var(--c0);  display: block; }
capl>bl bd { display: block;}
capl>bl { display: grid; border-top: 1px solid var(--bor); border-bottom: 1px solid var(--bor); }
capls>bl hd dv i { width: 18px; height: 16px; padding: 9px 12px; border-radius: 0; }
capls>bl hd dv { display: flex; align-items: center; gap: 7px; }
/* Component -:- Address_PickupLocations */

.addresslocation capls { display: block; visibility: visible; opacity: 1; }
capls { position: absolute; inset: 0; visibility: hidden; opacity: 0; }
capls>bl { display: block; padding: 11px; border: solid 1px var(--bor); background: var(--b); height: -webkit-fill-available; }
capls>bl hd sl { display: flex; align-items: center; }
capls>bl hd sl i { width: 22px; height: 22px; position: absolute; padding-left: 7px; }
capls>bl hd sl input { font-size: 0.88em; width: inherit;  padding-left: 31px; position: relative; border: solid 1px var(--bor); border-radius: 7px; }
capls>bl hd h4 { display: block; margin-bottom: 5px; }
capls>bl hd { display: block; margin-bottom: 12px; }
capls>bl bd span { font-size: 0.99em; font-weight: 400; margin-bottom: 7px; color: var(--c0); }
capls>bl bd d dv { display: flex;   gap: 5px; }
capls>bl bd d dv span { font-size: 0.99em; font-weight: 400; color: var(--aa); }
capls>bl bd div { display: flex; border-bottom: solid 1px var(--a); border: solid 2px var(--a); border-left: solid 12px var(--a); border-radius: 10px; padding: 7px; }
capls>bl bd d dv i { width: 38px; height: 39px; }
capls>bl hd sl:active { display: flex; align-items: center; border: solid 1px var(--c); height: auto; border-radius: 9px; padding: 3px; }
capls>bl hd sl input:active {  border: solid 1px var(--aa); }
capls>bl bd d { display: block; margin-bottom: 14px; }
/* component Address_QuickAccess */

caqs ul li { list-style: none; padding: 11px; display: flex ; justify-content: space-between; border-bottom: solid 1px var(--bor); position: relative; }
caqs bd ul { box-shadow: unset; display: grid ; gap: 9px; position: relative; margin: 0; }
caqs li i { width: 29px; transform: rotate(269deg); }
caqs bl { display: flex; flex-direction: column; gap: 5px; padding: 12px; border-top: solid 1px var(--bor); }
caqs { display: none; }
@media(max-width:999px){
	caqs { display: block; }
	caqs ul li { list-style: none; padding: 13px; display: flex; justify-content: space-between; border-bottom: solid 1px var(--bor); position: relative;}
	caqs bd ul { width: 100%; box-shadow: unset; display: grid; gap: 9px; position: relative; padding: 0; }
	caqs bl bd { border-top: solid 1px var(--bor); }
	caqs ul li:nth-child(2) { border-top: solid 1px var(--bor); }
}
/* component Addresses */
cadds>bl { max-width: 1200px; display: block; margin: 11px auto; padding: 11px; }
cadds>bl>bd { display: grid; grid-template-columns: max-content 317px;}
cadds bd number { font-size: 13px; font-weight: 500; }
cadds bd number { font-size: 12px; font-weight: 500;   }
cadds bd div l img { width: 47px; height: 32px; object-fit: contain; object-fit: contain; }
cadds ft  h2 { font-size: 17px;margin-left: 10px;}
cadds bd div:nth-child(1) img { filter: opacity(0.5); margin-top: 18px; }
cadds>bl>bd div:nth-child(1) { border: 16px solid var(--bor); border-radius: 11px; display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 11px; min-width: 320px; background: var(--b); box-sizing: border-box; border-style: dashed; border-width: 2px; margin: 4px; height: max-content; min-height: 236px; position: relative; }
/* Addresses by GaganNayak */
cadds>bl bd>d { display: flex ; height: -webkit-fill-available; flex-wrap: wrap; }
cadds>bl>hd { display: block; margin-bottom: 11px; }
cadds>bl>bd div>t { font-weight: bold; font-size: 1.55em; color: var(--c0); }
cadds dv ul { margin-block-end: 0; margin-block-start: 0; padding-inline-start: 0; margin-top: 18%; }
cadds>bl>bd div:nth-child(2)  { display: block; border-radius: 11px; box-shadow: 0px 0px 2px 0px; width:322px; height: 17em; }
cadds>bl>bd div l { display: flex; align-items: anchor-center; width: max-content; padding: 7px; padding-bottom: 0; }
cadds bd dv { padding: 8px; display: block; padding-top: 0; }
cadds dv p { margin-block-end: 0; margin-block-start: 0; font-weight: 400; line-height: 18px; }
cadds>bl>ft a { font-size: 13px; margin-top: 10px; color: var(--aa); font-weight: 400; margin-left: 6px; font-weight: 500; }
@media(min-width: 999px){
	cadds bd span { display: none; }
	cadds a:hover { text-decoration: underline; }
	cadds>bl>hd d span:nth-child(3) { color: chocolate; }
	cadds>bl>hd d { display: block; }
	cadds>bl>hd d h2 { font-size: 20px; padding: 10px; }
	cadds>bl>bd i { height: fit-content; }
}
@media(max-width: 999px){
	cadds>bl>bd span { width: 99%; height: 189px; overflow: clip; padding: 5px 6px 8px 8px; }
	cadds>bl>bd div:nth-child(2) { display: none; }
	cadds>bl>ft a { margin-left: 0px; }
	cadds>bl>ft h2 { margin-left: 0px; }	
	cadds>bl>hd d h2 { font-size: 32px;}
}
@media(max-width:999px){
	cadds>bl>bd div:nth-child(1) { display: grid; }
	cadds>bl>bd { display: block;}
	cadds>bl>hd { display: none; }
	cadds>bl>bd a { color: var(--aa); font-weight: 500; font-size: 15px; }
	cadds dv ul { display: flex; }
	cadds>bl>bd div:nth-child(1) { display: none; }
}
/* Component : Amazon_Mg */
camo>bl ul { padding: 0; display: flex ; align-items: center; overflow: auto; background: var(--bb); color: var(--b); margin-top: 0px; margin: 0px; }
camo>bl ul>li { display: block; flex: none; padding: 11px; margin: 0 7px; }
camo>bl ul>li a { color: var(--b); font-weight: 500; font-size: 0.88em; }
/* Component : BabyWishlist_Benefits */
cwbs { display: block; background: var(--b); padding: 22px; max-width: 1400px; margin: 11px auto; }
cwbs>bl>hd{ display: flex; align-items: baseline; }
cwbs bd flex { display: flex; gap: 15px; }
cwbs>bl>bd { display: block; padding: 13px 0px 0px 0px; }
cwbs>bl>bd>d { display: flex ; gap: 14px; overflow: auto; }
cwbs hd a { font-size: 19px; margin-left: 10px; font-weight: 400; color: var(--aa); }
cwbs hd a:hover { text-decoration: underline; }
@media(max-width:999px){
	cwbs bd flex { display: flex; flex-direction: column; }
	cwbs hd a { display: none; }
	cwbs bd d { display: block; }
	cwbs { border-bottom: solid 4px var(--bor); }
}
/* Component : BabyWishlist_FQ */
cfqo { background: var(--b); display: block; padding: 22px; margin: 11px auto; max-width: 1400px; }
cfqo hd { border-bottom: 1px solid; display: flex; border-color: var(--bor); padding-bottom: 10px; }
cfqo hd h2 {font-size: 18px;}
cfqo bd { display: block; padding: 10px; padding-left: 11px; }
cfqo bd div { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid; border-color: var(--bor); height:6vh;}
cfqo p { font-size: 22px; font-weight: 500; }
cfqo bd a { font-weight: 700; font-size: 17px; padding: 10px;}
cfqo bd i { height: 14px; width: auto; right: 5vh; }
@media screen and (max-width: 999px) {
	cfqo bd div { display: flex; align-items: center; justify-content: space-between; width: -webkit-fill-available; border-bottom: 1px solid; border-color: var(--bor); height: 12vw; }
	cfqo bd a { font-weight: 700; font-size: 19px; }
	cfqo { background: var(--b); display: block; width: -webkit-fill-available; margin-top: -5px; }
	cfqo bd p { font-size: 12px; font-weight: 500; }
}
/* component : BabyWishlist_Filter */

/* BabyWishlist_Filter by GaganNayak */
cajo>bl { display: grid ; background: var(--b); padding: 11px; grid-template-columns: auto calc(100% - 74%) auto; justify-content: center; align-items: center; max-width: 1380px; margin: 11px auto; }
cajo>bl sl { display: flex ; border: 1px solid var(--bc); background: var(--bc); height: auto; padding: 0; align-items: center; margin: 0 11px; width: auto; border-radius: 6px; }
cajo>bl sl>i { height: 22px; width: 22px; padding: 4px; margin: 4px; position: absolute; }
cajo>bl sl>input { width: -webkit-fill-available; padding: 11px; height: auto; padding-left: 33px; }
cajo>bl bd>btn { display: block; padding: 7px 22px; background: var(--c); color: var(--b); border-radius: 33px; }
cajo>bl>bd { display: flex; }

@media(max-width: 999px){
	cajo>bl h4 { font-size: 13px; }
	cajo>bl>hd { display: block; margin-bottom: 11px; padding: 11px; }
	cajo>bl { display: block; padding: 11px 0; }
	cajo>bl sl>input { width: 256px; padding: 11px; height: auto; padding-left: 33px; }

}
crsa { display: flex ; background: var(--b); padding: 11px; justify-content: center; position: relative; bottom: -4px;align-items: center; max-width: 1400px; margin: 11px auto; }
crsa hd h2 { font-size: 31px; }
crsa bd { display: flex; align-items: center; flex-direction: column; justify-content: center; }
crsa bd p { font-size: 15px; font-weight: 500; }
crsa bd btn { display: block; padding: 11px 11px; background: var(--a); border-radius: 33px; font-size: 0.88em; margin: 11px 0; }
crsa bl { display: grid ; align-items: center; position: relative; text-align: center; }
crsa ft p { color: var(--c0); font-size: 14px; font-weight: 500;}
crsa ft { display: flex; align-items: center; justify-content: center; }
crsa ft span { color: var(--aa); font-weight: 500; font-size: 14px; }
@media only screen and (max-width: 999px) {
	crsa bd p { font-size: 10px; font-weight: 500; }
	crsa bd { display: block; }
	crsa ft { display: flex; align-items: center; justify-content: unset; margin-left: 28%; }
	crsa ft p { color: var(--c0); font-size: 12px; position: relative; left: 2%; }
	crsa hd h2 { font-size: 26px; position: relative; left:-14%; }
	crsa hd p { font-size: 1.12em; text-align: center; width: 385px; margin-block-start: 5px; margin-block-end: 0; }
	crsa { display: block;  margin-top: 4px; }
}
crsa>bl h4 { font-size: 1.77em; text-align: center; }
/*component=Baby_WishlistPurpos*/
cbpm { display: block; border-radius: 11px; }
cbpm>bl>hd { display: block; }
cbnp d { display: flex; gap: 22px; overflow-x: scroll; }
cbpm hd h2 { font-size: 19px; }
cbpm hd p { font-size: 17px; font-weight: 400; color: var(--bb); }

@media(max-width:999px){
cbpm { display: flex; border-radius: 11px;  }
cbpm i img { width: -webkit-fill-available; object-fit: cover; border-radius: 6px; padding: 12px 31px 11px 0px; }	
	cbpm hd p { font-size: 12px; font-weight: 400; color: var(--bb); margin-block-start: 0; }
	cbnp d { display: block; }
}
/*Component:-Baby_WishlistPurposes*/
cbnp { display: block; background: var(--b); padding: 22px; max-width: 1400px; margin: 11px auto; }
cbnp>bl>hd{ display: flex; align-items: baseline; }
cbnp bd flex { display: flex; gap: 15px; }
cbnp>bl>bd { display: block; padding: 13px 0px 0px 0px; }
cbnp hd a { font-size: 17px; margin-left: 10px; font-weight: 400; color: var(--aa); }
cbnp hd a:hover { text-decoration: underline; }
@media(max-width:999px){
cbnp>bl>hd>h2 { font-size: 15px; }
cbnp d{ display: block;}
cbnp { background: var(--b); display: block; margin-bottom: 10px; }}
cbto { display: flex ; margin: 11px; padding: 11px; }
cbto hd img { max-width: 225px; max-height: 160px; }
cbto bd div { position: relative; display: flex; gap: 5px; align-items: center; color: var(--aa); }
cbto price { display: block; text-align: start; color: var(--aa); }
cbto bl { display: grid; }
cbto spn { display: block; color: var(--aa); }
cbto p { font-size: 15px; margin: 0; color:var(--aa); }
cbto p:hover { text-decoration: underline; color: var(--aa); }
cbto hd dv { transition: 99ms; display: grid; grid-template-columns: 33px auto; box-shadow: 0px 0px 1px 0px; border-radius: 22px; justify-content: center; align-items: center; padding: 0px 13px; position: absolute; bottom: 0; right: 0; background: var(--b); width: 9px; height: auto; }
cbto:hover hd dv { width: 88px; }
cbto:hover hd dv span { width: 46px; visibility: unset; }
cbto hd dv span { transition: 99ms; width: 0; overflow: hidden; visibility: hidden; }
cbto hd { width: auto; position: relative; }
cbto btn { display: flex; height: 28px; width: 36px; background: var(--aa); align-items: center; justify-content: center; color: var(--b); clip-path: polygon(0 0, 100% 0, 73% 100%, 134% 100%, 108% 125%, 0 125%, 0 125%); font-weight: 500; margin-top: 0; }
       /*Bestsellers*/
cest h2 { display: flex; justify-content: left; align-items: center; }
cest t { font-size: 14px; color: var(--aa); font-weight: 100; }
cest bd { display: block; }
cest bd d { display: flex; overflow: scroll; }
cest p { font-size: 17px; color: var(--aa); margin: 0; text-align: start; }
cest { display: block; padding: 11px; margin: 11px; border-radius: 8px; text-align: center; transition: 0.3s; }
cest btn { display: flex; height: 28px; width: 36px; background:var(--a); align-items: center; justify-content: center; color: var(--b); clip-path: polygon(0 0, 100% 0, 73% 100%, 134% 100%, 108% 125%, 0 125%, 0 125%); font-weight: 500; margin-top: 23px; position: relative; bottom: 109%; }
cest t:hover { text-decoration: underline; }

@media (max-width: 900px) {
cest d { overflow: scroll; display: flex; max-width: 1332px; }
cest hd h2 { margin-left: 10px; }
cest bd d { margin-left: 8vh; }
cest p { font-size: 10px; color: var(--aa); margin: 0; text-align: start; }
cbto spn { display: block; color: var(--aa); font-size: 12px; }
cbto { display: flex ; margin: 6px; }
cest bd d { margin-left: 0vh; }
cest t { font-size: 14px; color: var(--aa); position: relative; top: 5px; left: -6px; font-family: system-ui; font-weight: 100; }
}`
/* Component -:- ProductBrands */
cpbs>bl { display: block; padding: 11px; background: var(--bc); margin-bottom: 11px; margin-top: 11px; }
cpbs>bl>bd d { display: grid; grid-template-columns: auto auto auto auto auto; }
cpbs>bl>hd { display: grid ; gap: 11px; margin-bottom: 16px; grid-template-columns: auto max-content auto; }
cpbs>bl hd>d { display: grid; align-items: center; justify-content: center; }
cpbs>bl hd>d i { width: 17px; height: 12px; transform: rotate( 270deg); width: auto; /* height: auto; */ }
cpbs>bl hd>d t { font-size: 1.0em; font-weight: 500; margin-bottom: 3px; }
cpbs>bl>hd hr { display: block; height: 7px; }
cpbs>bl hd>d { display: grid; align-items: center; justify-content: center; width: -webkit-fill-available; }
cpbs>bl>hd>dv { display: block; width: -webkit-fill-available; }
@media(max-width:999px){
	cpbs>bl { display: block; padding: 11px; }
	cpbs>bl>hd>dv { display: none; }
	cpbs>bl>hd { margin-bottom: 11px; }
	cpbs>bl>bd d { display: grid; grid-template-columns: auto auto; gap: 6px; }
}
/* Component -:- ProductBrand */
cpbd>bl { display: block; margin: 7px; max-width: 291px; border: solid 1px var(--bc); position: relative; }
cpbd>bl bd>dv { display: flex; align-items: center; gap: 3px; }
cpbd>bl bd>dv bt { display: flex; align-items: center; gap: 2px; }
cpbd>bl bd>dv bt>i { width: 15px; height: 13px; transform: rotate( 270deg); }
cpbd>bl bd>dv bt f { font-size: 0.77em; color: var(--aa); }
cpbd>bl bd>btns { display: flex; gap: 10px; margin-top: 11px; }
cpbd>bl bd>btns btn { height: 21px; width: 21px; border-radius: 33px; }
cpbd>bl bd>btns btn:nth-child(1) { border: 1px solid var(--bor); }
cpbd>bl bd>btns btn:nth-child(1) { background: var(--c); }
cpbd>bl bd>btns btn:nth-child(2) { background: var(--at); }
cpbd>bl bd>btns btn:nth-child(3) { background: var(--aat); }
cpbd>bl bd>btns btn:nth-child(4) { background: var(--c0); }
cpbd>bl bd>btns btn:nth-child(5) { background: var(--aa); }
cpbd>bl bd>btns btn:nth-child(6) { background: var(--a); }
cpbd>bl bd>btt p { margin: 0; font-size: 0.88em; font-weight: 500; color: var(--c0); margin-bottom: 4px; }
cpbd>bl bd>btt btn { display: flex; align-items: center; justify-content: center; padding: 10px; border: solid 1px var(--bor); width: fit-content; height: 4px; font-size: 0.78em; font-weight: 500; color: var(--b); background: var(--red); }
cpbd>bl>bd { display: block; padding: 8px; }
cpbd>bl bd>span { font-size: 0.99em; font-weight: 400; }
cpbd>bl bd>cc price { display: flex; align-items: center; font-size: 1.55em; }
cpbd>bl bd>cc mc { font-size: 1.55em; color: var(--red); font-weight: 400; }
cpbd>bl hd>i { display: flex; background: var(--bc); border-radius: 0; width: auto; height: auto; padding-top: 100%; position: relative; }
cpbd>bl bd>cc price small { font-size: 0.44em; margin-top: -10px; }
cpbd>bl bd>dv small { font-size: 0.66em; font-weight: 500; color: var(--c0); }
cpbd>bl bd>dv  s { font-size: 0.75em; font-weight: 500; color: var(--c0); }
cpbd>bl bd>cc { display: flex; align-items: center; gap: 6px; }
cpbd>bl bd>p { font-size: 0.88em; margin: 0; }
cpbd>bl bd>p t { font-weight: 500; color: var(--c); }
cpbd>bl>ft btn { display: flex; align-items: center; border: solid 1px  var(--bor); width: fit-content; padding: 7px; border-radius: 19px; font-size: 0.88em; background: var(--a); }
cpbd>bl hd>i img { position: absolute; inset: 0; width: auto; margin: auto; }
cpbd>bl>ft{display: block; padding: 8px;}
@media(max-width:999px){
	
	cpbd>bl bd>span { font-size: 0.89em; font-weight: 400; }
	cpbd>bl>ft btn {padding: 6px; justify-content: center; width:auto;} 
	cpbd>bl { display: block; padding: 0px; margin: 0px;max-width: 236px; border: solid 1px var(--bc); }
	cpbd>bl bd>btt p {font-size: 0.78em; }
	cpbd>bl bd>cc mc { font-size: 1.25em;}
	cpbd>bl bd>cc price { font-size: 1.25em; }
}
/*Brands_Related*/
cbrs>bl { display: block; padding: 11px; margin-top: 11px; }
cbro>bl { display: block; overflow: hidden; position: relative; border: 1px solid var(--bc); padding: 11px; }
cbro>bl bd { display: block; text-align: center; position: absolute; left: 0; right: 0; bottom: -17px; background: var(--b); transition: 333ms; }
cbro>bl:hover bd { bottom: 0; transition: 99ms; }
@media(max-width:999px){
	cbrs hd i { width: auto; height: auto; }
	cbro span { font-size: 10px; }
	cbro>bl bd { display: block; text-align: center; position: absolute; left: 0; right: 0; bottom: -69px; background: var(--b); transition: 330ms; }
}    /*Brands_Relateds*/


cbrs bd d { display: grid; gap: 16px; padding: 10px; padding-left: 0; grid-template-columns: 26% 26% 26%; }
cbrs hd span { display: flex; align-items: center; color: var(--c0); font-size: 9px; }
cbrs hd span:hover { color: var(--br); }
cbrs hd i { width: 387px; }
  @media(max-width:999px){
	 cbrs hd span:hover { color: var(--br); }
	  cbrs h3 { display: flex ; margin-left: 17px; margin-top: 80px; } 
	  
  cbrs hd span { display: flex ; align-items: center; color: var(--c0); font-size: 10px; margin-left: 18px; }
cbrs hd i { width: 387px; }
cbrs bd d { display: grid ; gap: 13px; padding-left: 10px; grid-template-columns: 86% 72% 54%;overflow: scroll; }
cbrs bl { display: block; margin-top: 22px; }
}cbow bd b { font-weight: 400; font-size: 15px; }
cbow div { background: var(--bc); display: grid; padding: 11px; line-height: 26px; }
cbow a { display: block; font-weight: 400; color: var(--aa); padding: 3px; font-size: 14px; }
cbow p { font-size: 15px; font-weight: 500; }
cbow bd { display: flex; gap: 2%; box-shadow: 0px 0px 1px 0px; margin-bottom: 57px; margin-top: 20px; border-radius: 4px; }
cbow a:hover { color: var(--c); text-decoration: underline; }
cbow b:hover { color: var(--c1); }
cbow hd h2 { font-weight: 400; font-size: 23px; }
cbow hd { display: flex; padding: 10px; }
cbow bd dv:nth-child(1){ display: flex; flex-direction: column; border-right: 1px solid; padding-right: 11px; border-color: var(--bor); }
cbow bd dv { display: flex; flex-direction: column; padding-right: 41px; border-left: solid 1px var(--bor); }

@media(max-width:999px){
cbow div { font-size: 15px; }
cbow bd { margin-bottom: 1px; margin-top: 9px; display: block; }
cbow bl { padding: 10px; }
}
/*Component:-Browsing_History*/
crby { padding: 11px; background: var(--b); display: block; margin-top: 11px; }
crby hd h2 { font-size: 22px; margin-top: 11px; }
crby bd d { display: flex ; overflow: scroll; }
@media(max-width: 999px){
	crby bd d {gap: 17px;}
}
/*Component:-Browsing_History*/
cers>bl { position: relative; padding: 11px; margin: 7px; }
cers>bl bd { display: block; }
cers hd i { position: relative; padding-top: 100%; }
cers>bl hd i>img { position: absolute; inset: 0; margin: auto; }
cers bd div { display: flex; gap: 4px; color: var(--aa); font-weight: 300; font-size: 14px; }
cers bd p { margin-top: 4px; color: var(--aa); font-size: 13px;}
cers bd f { font-size: 16px; }
cers bd pm { font-size: 23px; }
cers bd name { font-size: 14px; color: var(--aa); }
cers bd span:hover{ text-decoration: underline;}
cers bd dv { display: flex; align-items: center; }
cers>bl bd>d span { color: var(--b); background: var(--red); width: 100px; display: flex ; height: 23px; align-items: center; justify-content: center; font-weight: 500; font-size: 12px; padding: 2px 8px; border-radius: 3px; }
cers bd d small { margin-bottom: 5px; font-size: 14px; }
cers bd d price { font-size: 22px; }
cers bd d { display: flex; align-items: center; gap: 2px; }

/* Component : Carousel */
ccso>bl { display: block; min-height: 510px; max-height: 520px; background: var(--bc); text-align: center; position: relative; overflow: hidden; -webkit-mask-image: linear-gradient(180deg, var(--aa) 85%, transparent); mask-image: linear-gradient(180deg, var(--aa) 85%, transparent);  mask-composite: intersect; }
ccso>bl hd>t { font-size:30px; font-weight:bold; color:var(--c); }
ccso>bl hd>p { font-size:16px; color:var(--bc); }
ccso>bl bd { display:flex; justify-content:center; align-items:center; margin:20px 0; overflow:hidden; }
ccso>bl bd>i { display: none; }
ccso>bl ft { font-size:14px; color:var(--bc); } 
ccso>bl ft>dots { display:flex; justify-content:center; margin-top:10px; } 
ccso>bl ft>dots>d { width:10px; height:10px; border-radius:50%; background:var(--bc); margin:0 4px; cursor:pointer; }
/*OrderItem_Card*/
cadm>bl { display: block; background: var(--bt); padding: 11px; }
cadm bd h2 { font-size: 20px;  }
cadm { display: block; margin-top: 3px; }
@media(max-width:999px){
}
/*Component:-Product_Checkout*/
caof>bl { display: grid ; gap: 11px; background: var(--bc); padding: 11px; margin-top: 3px; grid-template-columns: 222px auto auto; border-radius: 11px; }
caof>bl hd>i img { position: absolute; inset: 0; object-fit: cover; }
caof>bl hd>i { padding-top: 100%; height: auto; width: auto; overflow: hidden; }
caof>bl ft { grid-column-start: 1; grid-column-end: 3; }
caof>bl ft>d { display: grid ; grid-template-columns: 30px 33px 30px; align-items: center; border-radius: 33px; padding: 4px 7px; width: max-content; text-align: center; box-shadow: 0 0 0 4px var(--a); margin: 11px 0; }
caof>bl ft>d btn { height: 15px; width: 15px; margin: auto; }
caof>bl ft>aa:hover { text-decoration: underline; }
caof>bl ft>aa { font-size: 0.88em; color: var(--aa); }
caof>bl d>span { display: flex ; width: max-content; align-items: center; }
caof>bl d>span>i { width: max-content; margin: 0 11px; }
caof>bl dv>d { font-size: 0.88em; line-height: 1.77; }
caof>bl price { line-height: 2; font-weight: 600; }



@media(max-width:999px){
 
 caof>bl { display: grid;  grid-template-columns: 139px auto auto;  }
 caof>bl bd name { font-size: 0.88em; }
  
 }
/* Component:-CheckoutSecure*/
csko>bl { background: var(--bt); padding: 11px; }
csko bd b { font-size: 15px; color: var(--aa); font-weight: 500; }
csko hd { display: flex ; align-items: center; justify-content: space-between; }
csko hd a { font-size: 15px; color: var(--aa); font-weight: 500; display: flex ; }
csko hd h2 { font-size: 18px; display: flex ; font-weight: 700; margin-top: 10px; }
csko { margin-top: 3px; display: block; }
csko bd a { color: var(--aa); font-weight: 400; font-size: 0.88em;  }
csko bd p { font-size: 0.77em; margin: 0; margin-bottom: 7px; }
csko bd a:hover { text-decoration: underline; }
@media(max-width:999px){
	csko h2 { font-size: 18px; }
	csko hd a { margin-left: 9vh;}
}
/*Customer_Checkout*/
cccr>bl { background: var(--bt); display: block; margin-top: 3px; padding: 11px; }
cccr hd h2 { display: flex; font-weight: 700; font-size: 13px; gap: 11px; }
cccr hd a { display: flex ; color: var(--aa); font-weight: 500; font-size: 13px }
cccr hd h { color: rgb(0 66 189 / 99%); font-weight: 500; font-size: 13px }
cccr bd b { display: block; margin-top: 10px; font-size: 13px; font-weight: 500; }
cccr bd t { color: var(--aa); text-decoration: underline; }
cccr bd p { font-size: 13px; }
cccr bd r { font-size: 13px; }
@media(max-width:999px){
	cccr hd h2 { display: flex ; font-size: 10px; }
	cccr bd b { font-size: 7px; }
	cccr bl { display: block; width: inherit; }
	cccr bd p { font-size: 12px; }
	cccr hd a { font-size: 10px; }
	cccr hd h { font-size: 10px; }
	cccr bd r { font-size: 10px; }
}


/* Component : Arriving_Order */
caoo ft div { display: grid ; align-items: center; grid-template-columns: 22px auto; gap: 11px; }
caoo ft div dv { display: block; }
caoo ft dv b { display: block; }
caoo input[type="radio"] { display: block; width: 17px; }
caoo ft div i { display: block; width: fit-content; }
caoo>bl { display: grid ; background: var(--bt); padding: 11px; margin-top: 3px; grid-template-columns: auto auto auto; }
caoo hd h2 { font-weight: 700; font-size: 21px; }
caoo>bl>bd { display: grid ; grid-column-start: 1; }
caoo>bl>ft { grid-row-start: 1; grid-column-start: 3; }
@media(max-width:999px){
	caoo>bl { display: block; }
	caoo>bl>bd { display: block; /* grid-column-start: 1; */ }
	caoo>bl>ft { grid-row-start: 1; grid-column-start: 3; display: none; }
}
/*Component Payment_Method*/
cpdm bl { display: grid ; padding: 11px; border-radius: 1px; grid-template-rows: max-content auto auto; background: var(--bt); margin-top: 11px; }
cemo cpdm bd div dv:nth-child(2) { display: flex; gap: 4px; padding: 11px; margin-top: 21px; }

cpdm bl bd { border: solid 1px var(--bor); border-radius: 11px; padding: 11px; margin: 11px; }
cpdm bd p { display: block; border-bottom: solid 1px var(--bor); padding: 0px 11px 7px 8px; font-weight: 700; font-size: 18px; }
cpdm hd h2 { font-size: 22px; color: var(--c); font-weight: 500; padding: 6px; }
cpdm bd dv { display: flex; align-items: center; }
cpdm bl h4 { display: flex; font-weight: 700; font-size: 17px; }
cpdm bd h2 hr { background: var(--bor); }
cpdm bd d { display: flex ;  align-items: center; }
cpdm bd d i { height: 23px; }
cemo hd {height: 0;display: flex;}
cpdm bd d input{ height: 35px; border: solid 1px var(--bor); display: flex ; width: 271px; border-radius: 6px; }
cpdm bd d btn { display: flex ; margin-left: 10px; border: solid 1px var(--bor); height: 33px; border-radius: 21px; min-width: 87px; align-items: center; justify-content: center;}
cpdm bd dv b { font-size: 17px; margin-top: 13px; color: var(--c); font-weight: 400; display: flex ; margin-left: 17px; }
cpdm bd hr { background: var(--bor); }
cpdm bd div dv span { display: flex; gap: 10px; align-items: center; }
cpdm bd div { display: block; margin-bottom: 12px; }
cpdm bd div dv:nth-child(2) { display: flex; gap: 4px; padding: 11px; }
cpdm bd div span f { font-size: 15px; color: var(--aa); }
cpdm bd div span f:hover{text-decoration: underline; }
cpdm bd btn i { height: 24px; }
cpdm bd div dv input[type="radio"] { height: 16px; width: 28px; }
cpdm bd btn span { display: block; color: var(--bb1); margin-left: 12px; }
cpdm bd div dv btn { border: solid 1px var(--bor); height: 37px; display: flex; align-items: center;  border-radius: 13px; white-space: nowrap; }
cpdm bd span a { color: var(--aa); text-decoration: unset; font-weight: 100; }
cpdm bd span i { display: block; height: 23px; width: 15px; }

@media(max-width:999px){
	cemo hd h2 { display: none; }
	cpdm bl h4 { display: flex; font-weight: 700; font-size: 17px; padding: 1px 0px;margin: 0;}
	cpdm bl bd { padding: 8px; margin: 7px; max-width: 376px; margin-top: 16px;}
	cpdm bl { display: grid; border-radius: 1px; grid-template-rows: 24px auto auto; }
	cpdm hd h2 { padding: 19px; }
	cpdm svg { display: block; position: relative; left: -12%; }
	cpdm bd d btn { display: flex; justify-content: center; align-items: center; position: relative; right: 32%; }
	cpdm bd d input { display: block;width: 40%; }	
	cpdm btn { position: relative; margin-left: -12vh; }	
	cpdm bd div dv:nth-child(2) { display: none; }
	cpdm bd div dv btn { width: 175px; top: 10px; }
	cpdm bd div dv a { display: flex; align-items: center; font-size: 15px; font-weight: 400; border: 1px solid var(--bor); padding: 10px; border-radius: 11px; }
	cpdm bd form { width: 89%;}
	cpdm bd span t { white-space: nowrap; }
	cpdm bd span a { white-space: nowrap; }
}


@media(max-width:412px){
cpdm bl bd { padding: 8px; margin: -1px; max-width: 376px; margin-top: 16px; }
}


/* Payment_Method by GaganNayak */
cpdm>bl sl>select { margin: 0 11px; width: auto; }
cpdm>bl dv>sl { height: 44px; max-width: max-content; margin: 0; }
cpdm>bl bd dv>d { display: flex ; align-items: center; font-size: 0.88em; font-weight: 500; }
cpdm>bl bd dv>i { display: flex ; height: 17px; width: 17px; margin-right: 7px; }
cpdm>bl cc { display: flex;  margin-left: 15px; gap: 14px; }
cpdm>bl cc>i { height: 33px; width: 50px; border: 1px solid var(--bc); margin: 4px; }
cpdm>bl dv>sl:focus { outline: 1px solid var(--c); outline-offset: 2px; background: var(--aat); }
cpdm>bl div>spain { display: grid ; grid-template-columns: 22px auto; align-items: center; font-size: 0.88em; margin-top: 7px; margin-left: 8px; gap: 7px; }
cpdm>bl div>spain svg { fill: var(--aa); }
cpdm>bl cc>i img { height: 100%; width: 100%; object-fit: cover; }
/* Component : Checkout_TotalAmount */

codt hd btns btn { display: flex ; padding: 11px; border-radius: 33px; background: var(--a); box-shadow: 0px 0px 1px 0px; justify-content: center; }
codt bd div b { display: block; }
codt bd div t { font-size: 0.88em; }
codt bd div { display: block; }
codt>bl { display: flex ; gap: 11px; background: var(--bt); margin-top: 3px; padding: 11px; }
@media(max-width:999px){
	codt bl { display: block; background: var(--b); }
	codt bl btns { display: flex; align-items: center; justify-content: center; }
	codt hd btns btn { display: flex; justify-content: center; align-items: center; width: -webkit-fill-available;margin-bottom:10px; }
	codt bd div t { font-size: 14px; font-weight: 400; padding: 3px; }
}

/* component :- CustomerReview */
cmbor hd d div { display: flex ; gap: 11px; }
cmbor bd { display: block; position: relative; top: 11px; }
cmbor bd dv div f { background: var(--red); display: block; height: 21px; position: relative; right: 2px; width: 41%; bottom: 2px; border-radius: 3px; }
cmbor bd dv { display: flex ; align-items: center; gap: 11px; position: relative; top: 10px; }
cmbor bd dv span { color: var(--aa); }
cmbor ft span { color: var(--aa); }
cmbor bd d { display: grid ; gap: 15px; }
cmbor ft { display: flex ; position: relative; top: 37px; align-items: center; }
cmbor bd f.Customer_Review { width: 80%; }
cmbor bd f.Customer_Revie { width: 50%; }
cmbor bd f.Customer_Revi {width: 0px;}
cmbor bd span:hover { text-decoration: underline; }
cmbor bd dv div { border: 1px solid; padding: 2px; border-radius: 5px; height: 17px; width: 77%; }
@media(max-width: 999px){
	cmbor bd dv div { width: 100%; }
	cmbor bd d { margin-top: -6px; gap: 13px; }
	cmbor ft { top: 25px; }
	cmbor bd dv { align-items: unset; }

}
/* component :- DeliveryAddress */ 

cdas>bl { display: block; border: solid 3px var(--aa); border-radius: 12px; width: -webkit-fill-available; background: var(--aat); }
cdas>bl>bd div {display: block; padding: 7px; }
cdas>bl>bd div span { font-size: 0.88em; }
cdas>bl>bd div dv { display: flex; gap: 4px; align-items: center; }
cdas>bl>bd div span { font-size: 0.88em; display: block; }
cdas>bl>bd div dv span { font-size: 0.88em; margin-top: 1px; }
cdas>bl>bd div h6 { font-size: 0.88em; margin-top: 10px; color: var(--c0); }
cdas>bl:hover { background: var(--b); }
/* Component :- DeliveryAddresses */

cdaos>bl { display: block;border: solid 1px var(--bor); max-width: 348px; border-radius: 9px; background: var(--b); }
cdaos>bl hd { display: flex; align-items: center; justify-content: space-between; border-bottom: solid 1px var(--bor); background: var(--bor); padding-right: 4px; padding-left: 15px; padding-top: 4px; border-radius: 9px 9px 0px 0px; }
cdaos>bl hd h4 { font-size: 0.99em; font-weight: 500; }
cdaos>bl hd i { width: 20px; height: 20px;padding: 11px; }
cdaos>bl>bd { padding: 11px; display: grid; }
cdaos>bl bd>dv span { font-size: 0.77em; font-weight: 500; color: var(--c0); margin-bottom: 11px; }
cdaos>bl bd h7 { font-size: 0.88em; color: var(--aa); }
cdaos>bl bd h7:hover { text-decoration: underline; }
cdaos>bl>ft { display: flex; align-items: center; padding: 10px; gap: 6px; }
cdaos>bl ft  input[type="text"] { display: flex; border: solid 1px var(--bor); padding: 2px 11px; height: 30px; border-radius: 9px; width: auto; }
cdaos>bl ft btn { display: flex; align-items: center; justify-content: center; border: solid 1px var(--bor); padding: 8px 11px; border-radius: 22px; width: -webkit-fill-available; font-size: 0.76em; }
cdaos>bl>bd>dv { margin-bottom: 10px; }
cdaos>bl>bd  d { display: block; margin-bottom: 11px; }
cdaos>bl>bd btn { display: flex; align-items: center; justify-content: center; font-size: 0.78em; margin-top: 5px; color: var(--c0); }
cdaos>bl>bd btn:before { content: ''; border: solid 1px var(--bor); width: 76px; margin-top: 3px; margin-right: 3px; }
cdaos>bl>bd btn:after { content: ''; border: solid 1px var(--bor); width: 76px; margin-top: 3px; margin-left: 3px; }
cdaos { position: absolute; inset: 0; height: max-content; width: max-content; margin: auto; transition: 95ms; opacity: 0; visibility: hidden; }
.address cdaos { opacity: 1; visibility: visible; }
/*component:-Delivery_Ceahout*/
ceuo bl { display: block; background: var(--bt); margin-top: 11px; padding: 11px; }
ceuo hd { display: flex; align-items: center; justify-content: space-between; }
ceuo h2 { font-size: 15px; padding: 2px 3px 3px 14px; }
ceuo bd span { color: var(--aa); display: block; margin-top: 12px; }
ceuo hd a { display: flex; color: var(--aa); font-weight: 500; font-size: 13px; padding-right: 11px; }


@media (max-width: 999px) {
ceuo a { color: var(--aa); font-weight: 400; }
ceuo h2 { font-size: 15px; padding: 2px 3px 3px 14px; white-space: nowrap; }
ceuo bl { display: flex; height: 91px; background: var(--b-t); padding: 5px 2px 7px 5px;}
ceuo bl { display: grid; height: 91px; background: var(--b-t); padding: 5px 2px 7px 5px;}
}ccff>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
ccff>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
ccff>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
ccff>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
ccff>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
ccff>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
ccff>bl li>input { margin: 0; height: 11px; width: 11px; position: relative; z-index: 55; }
/*component:Smart_Device*/
csdc { flex: none; max-width: 244px; }
csdc>bl { display: block; position: relative; padding: 11px; margin: 11px; }
csdc hd i img { inset: 0; position: absolute; }
csdc bd h4 { display: block; font-size: 15px; margin-top: 8px; font-weight: 400; }
csdc bd span { font-size: 15px; margin-top: 11px; display: block; font-weight: 600; }
csdc bd f { display: flex; margin-top: 12px; }
csdc f s { font-size: 0.66em; margin-top: 9px; margin-left: 3px; }
csdc f price { font-size: 19px; font-weight: 600; }
csdc bd b { display: flex; margin-top: 12px; }
csdc hd i { position: relative; padding-top: 100%; height: auto; width: auto; }
csdc b t { font-weight: 500; font-size: 0.88em; }
/*component:Smart_Devices*/
csds>bl { display: block; padding: 11px; margin: 11px; }
csds hd p { display: block; font-size: 17px; font-weight: 600;  margin-top: 3px; color: var(--c0); }
csds>bl hd>h2 { font-size: 1.75em; }
csds bd flex { display: flex; position: relative; gap: 45px; overflow: scroll; width: 1843px; padding-left: 8%; }
csds d { display: flex ; overflow: scroll; }

csds>bl>ft { display: flex; justify-content: center; background: var(--bc); padding: 13px; border-radius: 10px; font-weight: 700; font-size: 20px; }
csds>bl ft t { color: var(--aa); }
csds>bl ft t:hover { color: var(--c1); }
@media(max-width:999px){
	csds>bl hd>h2 { font-size: 1.1em; }
	csds bd flex { display: flex; position: relative; gap: 66px; overflow: scroll; }
	csds hd p { display: none;  }
	csds { max-width: 1398px; padding: 11px; }
}
ccpp>bl { display: block; padding: 11px; margin: 11px;  position: relative;}

ccpp bl bd { display: flex; gap: 20px; justify-content: center; padding-top: 19px; }
ccpp>bl>ft { display: block; border: solid 1px var(--c0); padding: 16px; border-radius: 8px; margin-bottom: 11px; }
ccpp>bl>ft a { color: var(--c1); font-weight: 400; margin-left: 6px; font-weight: 500; }
@media(max-width:999px){
	ccpp bl bd {justify-content: unset;width: 630px;}
	ccpp{display:none;}
	ccpp hd i { justify-content: unset; width: 470px; }
}
/*component=Digital_ProductCategory*/
cade >bl { display: block; padding: 11px; margin: 4px; }
cade { background: var(--bc); display: block; border-bottom: solid 1px var(--bor); }
cade mg t { display: flex; font-size: 12px; font-weight: 400; }
cade mg t:hover { border-bottom: solid 2px var(--aa); color: var(--aa); }
cade bd mg { display: flex; gap: 45px; /* padding: 13px; */ align-items: center; }
@media(max-width:999px){
	cade {display: none; }
}
cesok bl bd { display: block; }
cesok div em { display: flex; text-align: center; font-weight: 400; font-size: 12px; justify-content: center; width: -webkit-fill-available; }
cesok  h4 { display: flex; align-items: center; justify-content: center; }
cesok bd span { display: flex; font-weight: 600; justify-content: center; }
cesok>bl { display: block; padding: 11px; margin: 11px; position: relative; }
cesok>bl hd img { inset: 0; position: absolute; }
cesok>bl hd i { padding-top: 100%; position: relative; height: auto; width: auto; }
cesok { display: block; }
cesok>bl bd i { padding-top: 100%; position: relative; height: auto; width: auto; }
cesok>bl bd i img { inset: 0; position: absolute; }
@media(max-width: 999px){
cesok div em { width: auto; margin-top: 8px; font-size: 13px; }
cesok>bl { margin: unset; }
cesok bd span { font-size: 13px; }


}
cessn>bl { display: block; padding: 11px; margin: 11px; }
cessn>bl>bd { display: grid; grid-template-columns: auto auto auto auto; }
cessn h2 { display: flex; justify-content: center; color: var(--at); font-size: 51px; font-weight: 500; }
@media(max-width:999px){
	cessn>bl>bd { display: grid; grid-template-columns: auto auto; width: 100%; padding-left: 0; }
}
/*coponent :Product_Banner*/

cdbo { margin: auto; display: block;}
cdbo bd i { display: flex; }
@media(max-width:999px){
	cdbo hd i { width:98%;  }
	cdbo { margin: auto; display: block; margin-top: 0; padding: 11px; }
}

ccvfh bl { display: block; max-width: 276px; min-width: 276px; background: var(--bc); padding: 11px; margin: 11px; border-radius: 8px; }
cpwvv>bl hd i { width: 11px; height: 11px; }
cpwvv>bl hd d { display: grid ; align-items: center; justify-content: space-between; grid-template-columns: auto auto auto; }
ccvfh bl hd div { border-radius: 50%; font-weight: 600; line-height: 100px; height: 37px; background-color: rgb(194, 57, 179); width: 38px; text-align: center; display: flex; justify-content: center; align-items: center; color: var(--b); font-size: 12px; border: none; }
ccvfh bl hd div t { font-size: 14px; color: var(--bl); font-weight: 500; }
ccvfh bl bd btn { border-radius: 50%; color: var(--white); font-size: 21px; font-weight: 600; line-height: 100px; height: 31px; background-color: rgb(194, 57, 179); width: 31px; text-align: center; display: flex; justify-content: center; align-items: center; color: var(--b); font-size: 12px; border: none; }
ccvfh bd btns { display: flex ; gap: 8px;}
ccvfh bl bd btn t { font-size: 14px; color: var(--bl); font-weight: 500; }
ccvfh bd btns span { display: flex ; position: relative;}
ccvfh bd { display: block; margin-top: 6px; padding-left: 50px; }
ccvfh ft { display: flex ; justify-content: end; padding: 5px; }
ccvfh ft btn { display: flex ; align-items: center; justify-content: center; font-weight: 500; font-size: 12px; padding: 7px 17px; border-radius: 3px; border: 1px solid; }
ccvfh bd btns span { font-size: 14px; }

 cpwvv { display: none; }
cpwvv>bl { display: grid ; grid-template-columns: auto auto; max-width: 1017px; min-width: 1017px; }
cpwvv>bl hd div i { width: 200px; height: 380px; position: relative; left: 23%; }
cpwvv>bl { display: block; padding: 11px; margin: 11px; }
cpwvv>bl>hd { display: grid; gap: 17px; background: var(--bc); max-width: 318px; min-width: 77px; padding: 11px; margin: 13px; }
cpwvv>bl hd p { display: block; font-size: 18px; }
cpwvv>bl bd div i { height: 22px; width: 22px; transform: rotateY(165deg); position: relative; left: 9px; }
cpwvv>bl bd div input { display: block; background: unset; padding-left: 8px; border: solid 0; }
cpwvv bd div { display: flex; align-items: center; background: var(--b-t); border: 1px solid var(--c0); gap: 10px; border-radius: 2px; height: 29px; max-width: 386px; }
cpwvv>bl>ft hr { width: 202%; }
cpwvv bd { display: block; margin-top: 11px; grid-row-start: 1; grid-row-end: 2; grid-column-start: 3; grid-column-end: 5; }
cpwvv>bl bd d span { display: flex ; justify-content: center; padding-top: 3px; }
cpwvv>bl bd  t { font-size: 21px; font-weight: 100; display: block; position: relative; margin-top: 2%; }
cpwvv>bl { display: grid ; grid-template-columns: auto auto;}
cpwvv dv.Discover_groups { display: grid ; grid-template-columns: 313px max-content;margin-top: 30px;}
cpwvv>bl>ft { grid-row-start: 2; grid-row-end: 3; grid-column-start: 2; grid-column-end: 4; position: relative; bottom: 35px; }
cpwvv>bl>ft btn { display: flex; align-items: center; justify-content: center; font-weight: 500; font-size: 12px; width: 36%; padding: 7px 17px; border-radius: 3px; border: 1px solid var(--bor); }




/*component:DistalProduct*/
cshn { display: flex ; background: var(--b); border: solid 1px var(--bc); max-width: 300px; padding: 22px;}
cshn bl { display: flex; flex-direction: column; gap: 13px; }
cshn hd i { display: block; width: 289px; }
cshn btn { border-radius: 8.5px; height: 17px; width: 17px; border: 1px solid rgba(0, 0, 0, .6); display: flex; background: var(--b1);}
cshn btn1 { border-radius: 8.5px; height: 17px; width: 17px; border: 1px solid rgba(0, 0, 0, .6); display: flex; background:var(--b1); }
cshn bd a { display: flex; border: solid 1px; width: fit-content; padding: 2px; border-radius: 20px; }
cshn bd a:nth-child(2) { border: none; }
cshn bd a:hover:nth-child(2) { display: flex; border: solid 1px; width: fit-content; padding: 2px; border-radius: 20px; }
cshn bd btns { display: flex; gap: 5px; padding: 8px; }
cshn bd span { font-weight: 700;display: flex; }
cshn bd h5 { font-weight: 400; }
cshn bd h5:hover { color: var(--aa); }
cshn bd div.star { display: flex; color: var(--aa); }
cshn bd p { display: flex; color: var(--c0); }
cshn bd div.row { display: flex; align-items: center;gap: 7px;}
cshn bd s { display: flex; color: var(--c0); }
cshn bd btn2 { background: var(--aa); padding: 3px; }
cshn bd h4 { font-weight: 400; font-size: 14px; display: flex; gap: 6px; }
cshn bl>i { background-image: url(/-Brand/Amazon/asset/Prime.png); width: 53px; height: 15px; background-position: -181px -128px; }


@media(max-width:999px){

	cshn bl{gap: 0px;}
	cshn hd i { display: block; width: 142px; }
	cshn bd btns {display: none; }
	cshn bd div.star {
		display: none;}
	cshn bl>i {
		display: none;}
	cshn bd p { display: none;  }
	cshn bd div.row { display: none;  }
	cshn ft { display: none; }
	cshn bd h5 { font-weight: 600; font-size: 15px; }
}
/*component=EmailUser*/
ceun bl dv>i { width: 44px; }
ceun bl hd>dv { display: flex; gap: 11px; align-items: center; }
ceun { display: none; }
ceun bl d h4 { font-size: 1.3em; }
ceun bl d t { display: block; background: var(--bc); padding: 0 5px; height: fit-content; width: fit-content; font-size: 0.8em; color: var(--c0); }
ceun bl hd>div { display: flex; gap: 4px; align-items: center; padding: 11px 3px; margin-top: 11px; }
ceun bl div>btn { display: flex; background: var(--bor); padding: 5px 11px; gap: 5px; align-items: center; justify-content: center; border-radius: 4px; color: var(--b); }
ceun bl div>i { width: 35px; height: 28px; }
ceun bl div>i>svg { width: 20px; height: 20px; }
ceun bl { display: block; max-width: 355px; }
ceun bl btns i { width: 20px; }
ceun bl btns>btn { display: flex; align-items: center; }
ceun bl btns>btn:nth-child(2) { gap: 10px; }
ceun bl dv>btns { display: flex; gap: 11px; padding: 0 6px; flex-direction: column; margin-bottom: 15px; }
ceun bl btns t { color: var(--at); }
ceun bl btns>btn:nth-child(1) t { color: unset; }
ceun bl btns>btn:nth-child(3) t:hover { text-decoration: underline; }
ceun bl btns>btn:nth-child(1) t:hover { color: var(--at); }
ceun bl div i:nth-child(1) { width: 20px; }
ceun bl div>i:hover { background: var(--bor); }
ceun bl ft>span { font-weight: 600; }
ceun bl ft>p { color: var(--bor); margin-block-end: 0; }
ceun bl dv>btn { display: flex; align-items: center; padding: 4px 11px; border: solid 1px var(--bor); gap: 7px; width: fit-content; border-radius: 3px; color: var(--c0); }
ceun bl ft>dv { display: flex; align-items: center; justify-content: center; }
ceun bl dv>btn>i { width: 26px; }
/*component=Email_SendMessage*/
cmmn { display: none; }
cmmn bl { display: block; border: solid 1px var(--bor); box-shadow: 0px 0px 1px 0px; border-radius: 11px; max-width: 1010px; }
cmmn bl hd { display: flex; align-items: center; padding: 11px; justify-content: space-between; }
cmmn bl hd>div { display: flex; align-items: center; gap: 22px; }
cmmn bl div>btns { display: flex; gap: 1px; }
cmmn bl btns>btn { display: flex; align-items: center; background: var(--at); gap: 5px; color: var(--bl); width: fit-content; padding: 6px 11px; border-radius: 7px 0px 0px 7px; }
cmmn bl btn>i { width: 15px; }
cmmn bl btns>btn:nth-child(2) { border-radius: 0 7px 7px 0; padding: 6px; }
cmmn bl hd>dv { display: flex; align-items: center; gap: 5px; }
cmmn bl hd>dv>btn:hover { background: var(--bor); border-radius: 4px; }
cmmn bl dv i { width: 20px; height: 25px; }
cmmn bl dv i>svg { width: 15px; }
cmmn bl hd>dv>btn { display: flex; align-items: center; }
cmmn bl hr { margin-block-end: unset; }
cmmn bl bd>t { display: block; height: 200px; } rrrr>bl bd div i { height: 18px; width: 18px; transform: rotate(89deg); }
rrrr>bl { display: block; max-width: 269px; min-width: 279px; }
rrrr>bl bd div { display: flex; gap: 8px;align-items: center;}
rrrr>bl bd div span { font-size: 18px; font-weight: 600; }
rrrr>bl bd ul li:nth-child(2) { display: grid; grid-template-columns: 26px 133px auto; padding: 9px; margin: 6px 0; gap: 8px; height: 20px; border-radius: 6px;}
rrrr>bl bd ul li:nth-child(3) { display: grid; grid-template-columns: 26px 133px auto; padding: 9px; margin: 6px 0; gap: 8px; height: 20px; border-radius: 6px; }
rrrr>bl bd ul { display: block; position: relative; right: 25px; }
rrrr>bl bd ul li:hover { background: var(--bc); }

rrrr.Favorites bd ul:nth-child(2) {  display: none; height: 0; opacity: 0; transition: 300ms;}
rrrr.help bl bd ul:nth-child(4) { display: none; height: 0; opacity: 0; transition: 300ms; }
rrrr.Favorites bd div i { transform: rotate(3deg);transition: 800ms; }
rrrr.help bd div i { transform: rotate(3deg);transition: 800ms; }

rrrr>bl bd ul li { display: grid; grid-template-columns: 26px 133px auto; padding: 9px; margin: 6px 0; gap: 8px; height: 20px; border-radius: 6px; }

rrrr>bl bd ul li:nth-child(1) { background: var(--bc); }
rrrr { display: none; }footer { background: var(--bb); color: var(--b); text-align: center;} 

cfbn { display: block; background: var(--bb1); }
cfbn bd span { color: var(--b-t44); font-size: 12px; line-height: 110%; font-weight: 100; }
cfbn bd { font-size: 12px; padding: 30px 0; }
cfbn bd dv { max-width: 1000px; margin: 0 auto; display: block; }
cfbn li { padding: 0 .75em; text-align: left; line-height: 115%; list-style-type: none; width: 15%; }
cfbn ul { display: flex ; flex-wrap: nowrap; justify-content: flex-start; margin-bottom: 15px; margin-left: 0; gap: 2rem; padding: unset; }
cfbn h5 { font-size: 12px; font-weight: 400; line-height: 14px; margin-bottom: 2px; }
cfbn ft { max-width: 100%; margin: 0; padding: 10px 0 30px; font-size: 12px; display: block; color: var(--b-t); }
cfbn ft span { padding: 0 .6em; }
cfbn ft d:nth-child(2) { margin-top: 4px; }
cfbn span:hover { border-bottom: solid 1px var(--bt);}
cfbn h5:hover { text-decoration: underline; }cffs svg { font-size: 12px; height: 55px; }
cffs bl { display: grid; grid-template-columns: 122px auto; padding: 66px; 67px; background: var(--a); }
cffs div { display: grid; justify-content: center; }
cffs btns { display: flex; gap: 28px; margin-bottom: 32px; }
cffs btns svg { height: 42px; }
cffs ft { grid-column-start: 1; grid-column-end: 3; }
cffs btns svg { height: 21px; fill: var(--b); }
cffs amazon { display: flex; } 
cffs careers { border-bottom: solid 1px var(--a); }
cffs amazon { display: flex; padding: 11px 0px 0px 0px; gap: 8px; font-size: 13px;}
cffs resources { display: flex; border-bottom: solid 1px; }
cffs a { color: var(--b); text-decoration: unset; font-weight: bold; }
cffs b:hover { text-decoration: underline; }
cffs div { display: flex;align-items: center;justify-content: center; }
@media screen and (min-width: 999px){
cffs b { display: block; padding: 12px; margin-bottom: 12px; font-size: 14px; }
cffs bl bd { border-right: solid 1px var(--b-t22); width: 366px; display: flex; align-items: center; justify-content: center; position: relative; left: 13%; }
}


@media screen and (max-width: 999px){
cffs btns { display: flex; gap: 23vw; padding: 7px; }
cffs bl bd { align-items: center; justify-content: center; display: flex; width: 100%; }
cffs bl { display: flex; padding: 15px; background: var(--a); flex-direction: column; }
cffs b { display: flex; padding: 12px; margin-bottom: 12px; font-size: 15px; border-bottom: 1px solid; width: 88vw; border-bottom-color: var(--b-t22); }
cffs div { display: block; }
cffs hd svg { font-size: 12px; height: 55px; display: none; }
}
/* Component : Footer_Top */
cfbt div { line-height: 120%; display: table-cell; padding: 0 11px; }
cfbt li { margin: 0 0 10px; list-style-type: none; text-align: start; color: var(--b-t); white-space: normal; font-size: 14px; }
cfbt bd dv { display: table; margin: 0 auto; max-width: 1000px; }
cfbt li:hover { text-decoration: underline; }
cfbt h3 { font-weight: 700; font-size: 16px; margin: 6px 0 14px 0; text-align: justify; }
cfbt hd span { display: block; text-align: center; padding: 15px 0; line-height: 19px; font-size: 13px; margin-bottom: 40px; background: var(--lg); }
cfbt ul { padding: unset; }
cfbt bd dv { display: flex ; margin: 0 auto; max-width: 1000px; gap: 6rem; }
cfbt hr { background: var(--b-t22); }
cfbt ft btn { border: 1px solid var(--c0); padding: 5px 20px; margin: 5px; border-radius: 5px; font-family: sans-serif; display: flex; gap: 11px; justify-content: center; }
cfbt f { align-items: center; justify-content: center; padding: 10px 0 2rem 0; gap: 4rem; }
cfbt ft i { width: 7rem; }
cfbt>bl btn>i { height: 22px; width: 22px; }
cfbt>bl btn>i svg { fill: var(--b); }

@media(max-width:999px){
	cfbt bd dv { display: flex; margin: 0 auto; max-width: 1000px; gap: 2rem;justify-content: center; }
	cfbt h3 { display: none; }
	cfbt div:nth-child(3) { display: none; }
	cfbt div:nth-child(4) { display: none; }
	cfbt f { display: block; }
}cfre bd { display: block; margin-top: 30px; margin-left: -46px; }
cfre hd div { display: flex ; align-items: center; justify-content: center; margin-top: 12px; margin-left: 35%; }
pan:nth-child(2) { font-weight: bolder; font-size: 20px; margin-left: 90%; }
cfre bd i { height: 30%; width: 19%; margin-left: 43px; margin-top:-66px; }
pacfren:nth-child(1) { margin-left: -19%; }
cfre hd i { display: flex ; justify-content: flex-start; align-items: center; margin-top: -14px; }
cfre hd span { margin-left: 24%; font-size: 18px; font-weight: 400; }
cfre bd span1 { margin-top: 13px; margin-left: 17%; font-weight: 500; }
cfre hd p { align-items: center; justify-content: center; display: flex ; margin-left: -49%;margin-top: 1px; }
cfre hd btn { height: 27px; width: 44px; border: solid 1px var(--bor); border-radius: 6px; align-items: center; justify-content: center; display: flex ; }
cfre btn:nth-child(1) {  border-radius: 6px; }
cfre hd btns { display: flex ; margin-left: 22%; border: solid 1px var(--bor); width:165px; border-radius: 4px; }
cfre hd b { display: block; color: var(--c1); font: menu; margin-top: -23px; margin-left: 37%; }
cfre btn:nth-child(2) { width: 44%; background: white; }
cfre hd a { align-items: center; justify-content: center; display: flex ; margin-left: 94%; margin-top: -1%; color: var(--c0); text-decoration: line-through;font-weight: 400; }
cfre ft div { padding: 0 !important; margin-top: 45px; margin-bottom: 0; border-bottom: solid 1px var(--bor); margin-right: 20%; width: 100%; }
/*component:Highlights_Drop*/
chro { display: block; background: var(--b); padding: 11px; border-radius: 7px; }
chro hd { display: flex; align-items: center; justify-content: center; flex-direction: column; }
chro hd div { display: flex; gap: 5px; align-items: center; justify-content: center; margin-right: -5%; }
chro bd div { border-radius: 7px; padding: 16px; max-width: 206px; min-width: 260px; margin-right: 0%; }
chro hd h2 { font-size: 49px; color: var(--bb); white-space: nowrap; }
chro hd i {width: 10%;}
chro bd { display: flex; gap: 20px; align-items: center; justify-content: center; padding: 10px; }
chro bd f { display: flex; font-size: 39px; font-weight: 800; justify-content: center; }
chro bd p { font-size: 18px; margin: 6px; text-align: center; font-weight: 100; }
chro bd price { font-size: 20px; position: relative; display: flex; justify-content: center; }

@media(max-width: 999px){
	chro bd { display: grid; gap: 20px; }
	chro { max-width: 402px; min-width: 418px; }
	chro hd i { position: relative;}
	chro bd f { position: relative;  }
	chro bd price { display: none; }
	chro hd { flex-direction: unset; display: flex; position: relative; margin-right: 0%; }
	chro hd h2 { font-size: 20px; /* position: relative; */ margin-left: 7%; }
	chro hd div img { max-width: 236px; height: 83px; min-width: 86px; margin-right: 47%; }	
	prdo bl { display: flex; margin-left: 20%; /* position: relative; */ /* overflow: hidden; */ flex-flow: column; }
	chro bd div { padding: 0px; display: grid; justify-content: center; align-items: center; max-width: 314px; min-width: 271px; height: 149px; }
	chro hd div {margin-right: 0;}
}
/* Component : Amazone_Hero */
chso { max-width: 1500px; display: block; mask-image: linear-gradient(180deg, black 53%, transparent), linear-gradient(180deg, black 23%, transparent); margin: 0px auto; position: relative; min-height: 588px; }
chso .sliderr { display: flex; transition: transform 0.5s ease-in-out; } 
chso>bl slider { display: block; position: relative; overflow: hidden; }
chso>bl slides { display: flex; transition: transform 0.6s ease; touch-action: pan-y; } 
chso>bl slide { min-width: 100%; box-sizing: border-box; position: relative; }
chso>bl slide img { width: 100%; height: 100%; display: block; }
chso>bl btns>btn { position: absolute; top: 50%; transform: translateY(-50%); font-size: 40px; font-weight: bold; color: white; background: rgba(0,0,0,0.3); padding: 10px; cursor: pointer; user-select: none; border-radius: 50%; z-index: 2; }
chso>bl btns>btn:nth-child(1) { left: 20px; }
chso>bl btns>btn:nth-child(2) { right: 20px; }
chso>bl dots { display: none ; justify-content: center; gap: 8px; align-items: center; position: absolute; bottom: 37%; z-index: 3; margin: 0 auto; left: 0; right: 0; }
chso>bl dot { width: 5px; height: 5px; background: var(--b); border-radius: 50%; cursor: pointer; transition: background 0.3s; border: 2px solid var(--bor); }
chso>bl dot.this { background: var(--aa); }
chso>bl slider>btn { position: absolute; display: flex; align-items: center; justify-content: center; height: 33px; width: 33px; top: 22%; margin: auto; padding: 11px; z-index: 9999; }
chso>bl slider>btn[right] { right: 0; transform: rotate(180deg); }

@media (max-width : 999px){
	chso>bl slider>btn { display: none; }
	chso>bl dots { display: flex; }
	chso { min-height: auto; }
}/*Language_Settings*/

cess { display: block; margin: 11px auto; max-width: 1400px; }
cess input[type="radio"] { height: 28px; width: 17px; box-shadow: none;}
cess hd h4 { font-size: 19px; }
cess hd p { font-size: 15px; }
cess bd lable { display: flex; align-items: anchor-center; font-size: 13px; }
cess lable a { border-bottom: solid 1px var(--bor); width: 266px; height: 37px;align-items: center; display: flex; font-weight: 400; }
cess bl bd {padding: 0px; max-width: 331px; }
cess ft select { display: flex; max-width: 254px; height: 34px; border: solid 1px var(--bc); border-radius: 8px; background: var(--bc); font-size: 14px; color: var(--bb); font-weight: 500; overflow-y: scroll; min-width: 324px; }
cess ft div { display: flex; justify-content: left; margin-left: -2%; }
cess ft span b { font-weight: 400; }
cess  hr { max-width: 1254px; margin-top: 3%; min-width: 1055px; height: 3px; }
cess ft hr { max-width: 1254px; margin-top: 3%; min-width: 1055px; height: 3px; }
cess ft option { background: var(--b); }
cess bl hd { display: flex; justify-content: space-between; }
cess hd p1 { font-size: small; }
cess hd dv1 { width: 43%; }
cess p1 a { font-weight: 400; color: var(--aa); }
cess bl  ft{display:block;}
cess bl  ft btns { display: flex; height: 30px; margin-top: 27px; }
cess ft btn { display: flex; border: solid 1px var(--bor); justify-content: center; align-items: center; border-radius: 21px; max-width: 152px; min-width: 90px; font-size: 14px; height: 33px; }

cess ft btn:nth-child(2) { background: var(--a); font-size: 14px; font-weight: 500; border: unset; margin-left: 7px; min-width: 150px; }

cess hd dv1 { display: none; }
cess bd sl { background: url(); display: flex; align-items: center; margin-bottom: unset; height: unset; gap: 10px; overflow: unset; }
cess sl input:focus {border: unset;box-shadow: unset;}
cess ft span a { font-size: 15px; font-weight: 600; color: var(--aa); }

cess ft span a:hover { text-decoration: underline; }


cess ft span { margin-top: 4%; display: block; font-size: 15px; }
@media(max-width:999px){
cess>bl { display: block; padding: 11px; margin: 11px; }
cess bd sl { height: 35px; border: solid 1px var(--bor); border-radius: 0px; padding: 11px 21px; margin-bottom: 5px;}
cess input[type="radio"] { height: 22px; width: 22px; box-shadow: none; }
cess lable a{border-bottom: solid 0px var(--bor);}
cess bd lable{font-size: 15px;}
cess ft hr { min-width: 343px; height: 3px; margin-top: 11%; }	
cess ft select { max-width: 405px; min-width: 320px; height: 41px; margin-left: 4%; font-size: 18px; }	
cess ft btn { max-width: 139px; min-width: 88px; font-size: 16px; height: 42px; }
	
cess  hr { max-width: 100%; margin-top: 7%; min-width: 100%; height: 1px; }
cess ft p { font-size: 15px; }
cess ft btn:nth-child(2) { min-width: 141px; }
cess ft span { font-size: 18px; }
}
/*Languages*/

clus { display: block; background: var(--b); position: absolute; z-index: 99; top: 6px; right: 0; transform: translateX(-81%); display: none; }
clus bl { max-width: 226px; padding: 11px; margin-bottom: 11px; border-radius: 4px; }
clus bl hd div { display: flex; gap: 4px; }
clus bl div a { font-weight: 100; margin-left: 10px; color: var(--aa); text-decoration: underline; }
clus bl d { display: grid ; grid-template-columns: max-content auto; align-items: center; gap: 8px; font-size: 0.88em; }
clus bl hd  d input { width: 17px; margin: 0; height: 28px; padding: 0; accent-color: var(--a); }
clus bl bd d i img { width: 29px; }
clus bl bd d t { margin-top: 14px; }
clus bl bd  a { font-weight: 100; display: flex; color: var(--aa); justify-content: center; margin-bottom: 8px; margin-top: 8px; }
clus bl bd a:hover { text-decoration: underline; }

clus:before { content: ''; border-style: solid; _border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid var(--bor); width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; top: -9px; transform: translateX(62px); }
clus:after { content: ''; border-style: solid; _border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid var(--b); width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; top: -9px; transform: translateX(62px); }

.languages flyouts { top: 55px; }
.languages clus { display: block; }
.search flyouts { top: 55px; }
/*component:Latest_Range*/
clrm bl hd h2{ display: block; font-size: 17px; font-weight: bold; color: var(--a); /* margin-bottom: 15px; */ }
clrm bd { display: block; }
clrm bd p { margin: 10px 0; } 
clrmbd p { margin: 0 0 0.5em 0; line-height: 1.4em; font-size: 14px; font-family: arial, helvetica, sans-serif; }
clrm a { color: var(--aa); text-decoration: none; text-decoration: underline; font-weight: 400; }
clrm { padding: 11px; display: block; margin: 11px; }
clrm ft { display: block; margin-top: 20px; }
@media(max-width:999px){
	clrm { padding: 11px; display: block; margin: 11px auto; }
	clrm bd p { font-size: 12px; }

}ffff hd i { height: 65px;}
ffff hd span { font-size: 25px; font-weight: 300; margin-bottom: 14px; margin-top: 20px; }
ffff hd { display:grid; justify-content: center; align-items: center;margin-top: 25px;}
ffff ft btn { display: block; background: var(--green); padding: 7px 14px; border-radius: 6px; }
ffff ft { display: grid; justify-content: center; gap: 13px; align-items: center; }
ffff bd { display: flex; justify-content: center; align-items: center; }
ffff bd p { text-align: center; width: 400px; font-size: 14px; }
ffff ft span { display: flex; justify-content: center; align-items: center; margin-top: 7px; color: var(--aa); }
ffff bl { display: block; background: var(--b); max-width: 488px; min-height: 367px; padding: 11px; margin: 11px; border-radius: 10px;  margin-top: 25px;}   
ffff { display: none; }
/*component="Live_CategoryProductFilter"*/
clre bl a t { font-weight: 500; font-size: 0.8em; }
clre bl { display: block; padding: 11px; border-right: solid 1px var(--bor); }
clre bl a svg { display: flex; height: 20px; width: 33px; }
clre bl a i { width: 20px; }
clre bl div a { display: flex; align-items: center; }
clre bl a i { width: 20px; height: 20px; }
clre bl div a:nth-child(1) { align-items: unset; }
clre bl hd h4 { padding: 5px 5px; }
clre bl bd div { display: block; padding: 6px 0; }
clre bl bd>dv>span { display: block; max-width: 166px; padding: 0 11px; font-weight: bold; }
clre bl bd>dv>btn { display: block; padding: 5px 6px; margin-bottom: 11px; }
clre bl bd>dv { padding: 0px -3px; display: block; }
clre bl ft>dv { display: flex; flex-direction: column; gap: 4px; }
clre bl ft span { font-weight: 500; font-size: .88em; }
clre bl t:hover { color: var(--a); }
/*component=Live_ProductPromo*/
crfp bd div { display: flex; height: 44px; width: 95%; border: solid 1px; border-radius: 13px; margin-top: 10px; margin-left: 3%; }
crfp hd img { width: 100%;height: 100%;}
crfp dv { display: flex ; margin-left: 21px; margin-top: 2px; }
crfp bd t { display: flex ; font-size: 14px; margin-top: 10px; }
crfp bd p { display: flex ; font-size: 14px; margin-left: 4px; color:var(--b1); }
crfp bd i img { display: block; border-radius: 13px; }
crfp bd { display: block; margin-top: 16px; }
@media(max-width:999px){
	crfp bd i img { height: 100%; width: 99%; }
	crfp hd i img { height: 100%; width: 99%; }

	crfp { max-width: 424px; }
	crfp bd div { display: none; }
	crfp img { max-width: 409px; height: 78px; }

}
/*MembershipBenefit*/
cmbo>bl>bd { display: grid ; max-width: 1185px; min-width: 1185px; }
cmbo>bl>bd d { display: grid; background: var(--bc); padding: 11px; margin-bottom: 5px; }
cmbo>bl>bd d>div { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; }
cmbo>bl>bd d>div i { width: 34px; height: 30px;}
cmbo>bl>bd d>div b { font-size: 0.66em; }
cmbo>bl>bd d>p { font-size: 0.56em; margin-bottom: 0px; margin: 0; padding-bottom: 10px; }
/*MembershipPlan*/
cmne { border: 2px solid var(--aa); display: block; padding: 11px 22px; max-width: 207px; border-radius: 9px; margin: 7px; }
cmne hd { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 3px; }
cmne hd span { color: var(--aa); font-size: 11px; font-weight: 400;position: relative; bottom: 6px; }
cmne hd price { color: var(--aa); display: block; position: relative; left: 2%; font-size: 13px; font-weight: 700; }
cmne bd i { height: 13px; width: 13px; }
cmne ft i {height: 15px; width: 15px;}
cmne bd { display: flex; flex-direction: column; gap: 10px; padding-top: 10px; align-items: center; justify-content: center; }
cmne ft { display: flex; flex-direction: column; gap: 17px; align-items: center; justify-content: center; padding-top: 13px; }
@media(max-width:999px){
	cmne bl { display: block; width: 85px; }		
	cmne {padding: 10px;}

}
/*MembershipPlans*/
cmns { background: var(--b); display: block; padding: 10px; border-radius: 22px; max-width: 982px; margin: 11px 22px; position: relative; margin-left: auto; }
@media(max-width:999px){
	cmns{ margin: 0; }
}
/*MembershipPromo*/
@media (min-width: 999px) {
	cepos { display: block; background: var(--aa); padding: 10px; color: var(--b); background-image: url(/-Brand/Amazon/asset/woman.png); min-height: 419px; border-radius: 0 0 24px 24px; background-repeat: no-repeat; position: absolute; width: -webkit-fill-available; }
	cepos hd b { font-weight: 400; font-size: 15px; }
	cepos>bl { display: block; padding: 0 11px; margin: 0 22px; }
}
cepos hd h2 { font-size: 19px; }
@media (max-width: 999px) {
	cepos { display: flex; background: none; /* padding: 10px; */ color: var(--c); background-image: none; justify-content: center; text-align: center; }
	cepos hd b { font-size: 1.23em; }
	cepos hd h2 {display: none; }
}

/*MembershipShopping*/
ceso bl { background: var(--b); display: flex; box-shadow: 1px -7px 4px 0px var(--bor); border-radius: 11px; padding: 11px; justify-content: space-between; position: relative; margin-top: 14px; }
ceso hd div { border: 1px solid; padding: 9px; display: flex; min-width: 72px; border-radius: 7px; min-height: 65px; flex-direction: column; line-height: 22px; margin: 3px; }
ceso hd span { font-size: 12px; }
ceso hd price { font-weight: 600; font-size: 17px; }
ceso ft btn { background: var(--a); padding: 11px; border-radius: 33px; display: flex; align-items: center; justify-content: center; max-width: 208px; }
ceso ft p { font-size: 12px; margin: 2px; display: flex; gap: 4px; }
ceso ft dv { display: flex; justify-content: center; }
ceso hd { display: flex; align-items: center;gap: 5px;}
ceso ft a { color: var(--aa); font-size: 10px; font-weight: 400; margin-top: 2px; }
ceso hd:before { background-color: var(--aa); border-radius: 50%; color: var(--b); content: "✓"; display: flex; font-size: 14px; height: 21px; justify-content: center; position: relative; top: -4vh; width: 22px; font-weight: 900; left: 11vh; }
ceso hd div:nth-child(1){ border: 2px solid var(--aa); }
@media only screen and (max-width: 999px) {
	ceso bl { background: var(--b); display: block; box-shadow: 0px 0px 3px 0px; border-radius: 6px; padding: 10px; }
	ceso ft btn { background: var(--a); padding: 14px; border-radius: 26px; display: flex; align-items: center; justify-content: center; width: 93%; max-width: unset; }
	ceso hd div {border: 1px solid var(--bor);padding: 9px;display: flex;min-width: 67px;border-radius: 7px;min-height: 65px;flex-direction: column;line-height: 22px;margin: 3px;}
	ceso hd:before { display: none; }
	ceso hd { padding: 5px; }
	ceso hd div:nth-child(4) { display: none; }
	cmbp>bl>bd { display: block; overflow-x: scroll; height: 555px; }
	ceso ft p { font-size: 10px; display: block; /* gap: 4px; */ text-align: center; }
}
/* Component -:- Membership_BenefitMore */
cmbs>bl>bd { display: flex; align-items: center; margin: 11px auto; justify-content: center; }
cmbs>bl hd>h2 { display: flex; justify-content: center; font-size: 2.24em; color: var(--aa); font-weight: 700; }
cmbs>bl>bd { display: flex; align-items: center; margin: 11px auto; }
cmbs>bl bd>d { display: block; text-align: center; padding: 11px; margin: 11px; }
cmbs>bl bd>d i { display: flex; margin: auto; max-height: 62px; max-width: 49px; justify-content: center; }
cmbs>bl bd>d h4 { font-size: 1.44em; color: var(--aa); margin-bottom: 11px; }
cmbs>bl bd>d span { font-size: 0.88em; white-space: pre-line; }
cmbs>bl bd>d i img { margin-bottom: 11px; display: block; }

@media(max-width:999px){

	cmbs>bl hd>h2 {  font-size: 1.54em; } 
	cmbs>bl>bd { display: block; align-items: center; }


}                                                                                                                   
/*component=Membership_FrequentlyQuestions*/
cqos { background: var(--b); display: block; padding: 11px; border-radius: 6px; margin-top: 11px; }
cqos hd { border-bottom: 1px solid; display: flex; border-color: var(--bor); padding-bottom: 10px; justify-content: center; }
cqos hd h2 { font-size: 30px; color: var(--aa); }
cqos bd { display: block; padding: 10px; padding-left: 11px; }
cqos bd div { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid; border-color: var(--bor); height:6vh;}
cqos>bl>bd div h4 { font-size: 16px; font-weight: 400; }
cqos bd a { font-weight: 700; font-size: 17px; padding: 10px;}
cqos bd i { height: 16px; width: 14px;   }
@media screen and (max-width: 999px) {
	cqos bd div { display: flex; align-items: center; justify-content: space-between; width: -webkit-fill-available; border-bottom: 1px solid; border-color: var(--bor); height: 17vw; }
	cqos bd a { font-weight: 700; font-size: 19px; }
	cqos { background: var(--b); display: block;   margin-top: -5px; }
cqos bd name { font-size: 16px; font-weight: 700; }
	cqos bd div { height: 7vh; }
	cqos bd div p { font-size: 16px; font-weight: 700; }
}
/*Component -:- Membership_PaymentMethod*/
cmpm>bl dv>sl { height: 44px; max-width: max-content; margin: 0; margin-left: 22px; margin-top: 8px; }
cmpm>bl cc { display: flex ; align-items: center; margin-top: 7px; margin-left: 33px; gap: 16px; }
cmpm bl { display: grid; padding: 15px; max-width: 1300px; margin: 15px auto; border: solid 1px var(--bor); border-radius: 11px; }
cmpm bd div dv:nth-child(2) { display: flex; gap: 4px; }
cmpm bd p { display: block; border-bottom: solid 1px var(--bor); padding: 0px 11px 7px 8px; font-weight: 700; font-size: 18px; }
cmpm hd h2 { font-size: 22px; color: var(--c); font-weight: 500; padding: 6px; }
cmpm bd dv { display: flex; align-items: center; }
cmpm bl h4 { display: flex; font-weight: 700; font-size: 17px; }
cmpm bd h2 hr { background: var(--bor); }
cmpm bd d { display: flex ;  align-items: center; }
cmpm bd d i { height: 23px; }
cmpm bd d input{ height: 35px; border: solid 1px var(--bor); display: flex ; width: 271px; border-radius: 6px; }
cmpm bd d btn { display: flex ; margin-left: 10px; border: solid 1px var(--bor); height: 33px; border-radius: 21px; min-width: 87px; align-items: center; justify-content: center;}
cmpm bd dv b { font-size: 17px; margin-top: 13px; color: var(--c); font-weight: 400; display: flex ; margin-left: 17px; }
cmpm bd hr { background: var(--bor); }
cmpm bd div dv span { display: flex; gap: 10px; align-items: center; }
cmpm bd div { display: block; margin-bottom:11px; }
cmpm bd div dv:nth-child(2) { display: flex; gap: 4px;}
cmpm bd div span f { font-size: 15px; color: var(--aa); }
cmpm bd div span f:hover{text-decoration: underline; }
cmpm bd btn i { height: 24px; }
cmpm bd div dv input[type="radio"] { height: 16px; width: 28px; }
cmpm bd btn span { display: block; color: var(--bb1); margin-left: 12px; }
cmpm bd div dv btn { border: solid 1px var(--bor); height: 37px; display: flex; align-items: center;  border-radius: 13px; white-space: nowrap; }
cpdm bd span a { color: var(--aa); text-decoration: unset; font-weight: 100; }
cpdm bd span i { display: block; height: 23px; width: 15px; }
cmpm bd div.this { background: var(--bc); padding: 7px; }
@media(max-width:999px){
	cmpm hd h2 { display: none; }
	cmpm bl h4 { display: flex; font-weight: 700; font-size: 17px; padding: 1px 0px;margin: 0;}
	cmpm bl bd { padding: 8px; margin: 7px; max-width: 376px; margin-top: 16px;}
	cmpm bl { display: grid; border-radius: 1px; grid-template-rows: 24px auto auto; }
	cmpm hd h2 { padding: 19px; }
	cmpm svg { display: block; position: relative; left: -12%; }
	cmpm bd d btn { display: flex; justify-content: center; align-items: center; position: relative; right: 32%; }
	cmpm bd d input { display: block;width: 40%; }	
	cmpm btn { position: relative; margin-left: -12vh; }	
	cmpm bd div dv:nth-child(2) { display: none; }
	cmpm bd div dv btn { width: 175px; top: 10px; }
	cpdm bd div dv a { display: flex; align-items: center; font-size: 15px; font-weight: 400; border: 1px solid var(--bor); padding: 10px; border-radius: 11px; }
	cmpm bd form { width: 89%;}
	cmpm bd span t { white-space: nowrap; }
	cmpm bd span a { white-space: nowrap; }}

@media(max-width:412px){
	cmpm bl bd { padding: 8px; margin: -1px; max-width: 376px; margin-top: 16px; }}
/* Payment_Method by Rajveer Nayak */
cmpm>bl sl>select { margin: 0 11px; width: auto; }
cmpm>bl dv>sl { height: 44px; max-width: max-content; margin: 0; margin-left: 22px; }
cmpm>bl bd dv>d { display: flex ; align-items: center; font-size: 0.88em; font-weight: 500; }
cmpm>bl bd dv>i { display: flex ; height: 17px; width: 17px; margin-right: 7px; }
cmpm>bl cc { display: flex ; align-items: center; margin-top: 7px; margin-left: 33px; }
cmpm>bl cc>i { height: 33px; width: 50px; border: 1px solid var(--bc); margin: 4px; }
cmpm>bl dv>sl:focus { outline: 1px solid var(--c); outline-offset: 2px; background: var(--aat); }
cmpm>bl div>spain { display: grid ; grid-template-columns: 22px auto; align-items: center; font-size: 0.88em; margin-top: 7px; margin-left: 33px; gap: 7px; }
cmpm>bl div>spain svg { fill: var(--aa); }
cmpm>bl cc>i img { height: 100%; width: 100%; object-fit: cover; }
/*PaymentOption*/
cype bd dv { display: grid; line-height: 15px; }
cype hd h2 { padding: 4px; font-weight: 500; font-size: 29px; }
cype bd { display: flex ; justify-content: space-between; line-height: 20px; border-bottom: 2px solid; padding: 7px; margin-bottom: 10px; border-bottom-color: var(--bor); }
cype bd i { height: 44px; width: max-content; }
cype bd div { display: flex; flex-direction: column; justify-content: space-between; }
cype bd a {color: var(--aa);font-weight: 400;font-size: 12px;display: block;}
cype>bl ft>btn { display: block; padding: 11px; margin: 11px 0; color: var(--aa); }
cype>bl { display: block; padding: 11px; margin: 11px auto; max-width: 1344px; }
@media(max-width: 999px){
cype bd i {width: 110px;height: 110px;display: none;}
cype hd {display: none;}
cype bd a {color: var(--aa);font-weight: 400;font-size: 17px;display: block;border: 1px solid;border-color: var(--bor);padding: 22px;border-radius: 10px;}
cype bd b { display: none; }
}
/*component=Prime_Product*/
cmpe { display: block; text-align: center; }
cmpe hd i { position: relative; max-height: 222px; max-width: 222px; margin: auto; margin-bottom: 11px; }
cmpe bd p { font-size: 14px; text-align: center; font-weight: 500; }
cmpe bd t { font-size: 23px; color: var(--aa); font-weight: 600; }
cmpe hd i img { inset: 0; }
cmpe>bl { display: block; position: relative; padding: 11px; margin: 11px; }
@media(max-width:999px){

}


/*Component=Membership_PrimeServices*/
cirs bd d { display: flex; gap: 11px;justify-content: center; }
cirs hd h2 { font-size: 36px; line-height: 1.22; color: var(--aa); }
cirs>bl>hd { display: flex; border-color: var(--bor); padding-bottom: 10px; justify-content: center; }
cirs bd { display: block;  }
@media(max-width:999px){
	cirs hd h2 { font-size: 22px; color: var(--aa); }
	cirs bd d { display: block; text-align: center; }
}
/*Membership_SelectedPlan */
apro bl { display: flex; border: 2px solid var(--a); padding: 16px; border-radius: 11px; max-width: 1312px; margin: 11px auto; box-shadow: inset 11px 0px var(--a); }
apro hd i { height: 25px; width: 32px; }
apro bd p { margin-top: 0; margin-left: 5px; font-weight: 500; display: block; }
apro hd { display: flex ; justify-content: center; align-items: center; }
@media(max-width: 999px){
	apro bl {width: 89%;margin: 6px;}
}
/*component=Membershipt_PaymentMethod*/
ceme hd h2 { font-size: 26px; font-weight: 400; }

/* Component : MershipPlans1 */
cmbp { position: relative; display: block; }
cmbp>bl { display: block; background: var(--b); border-radius: 22px; }
cmbp>bl table { border-collapse: collapse; border-spacing: 0; }
cmbp>bl tr>td { height: auto; padding: 3px; }
cmbp>bl td>span { font-size: 0.66em; }
cmbp>bl tr.pl { background: var(--bc); margin: 0; }
cmbp>bl tr.pl>td { border: none; margin: 0; box-shadow: none; }
cmbp>bl tr.bn { background: var(--bc); margin: 0; }
cmbp>bl tr.bn>td { border: none; margin: 0; box-shadow: none; }
cmbp>bl tr>th.ph { border-radius: 5px 5px 0 0; font-size: 0.77em; }
cmbp>bl tr>td div { display: grid ; grid-template-columns: 22px auto; font-size: 0.77em; align-items: center; }
cmbp>bl tr.pl>td>i { height: 15px; width: 15px; margin: 0 auto; position: unset; }
cmbp>bl tr.bn>td>i { height: 15px; width: 15px; margin: 0 auto; }
cmbp>bl tr>th.this { border-top: 2px solid var(--aa); border-right: 2px solid var(--aa); border-left: 2px solid var(--aa); color: var(--aa); }
cmbp>bl tr>td.this { border-left: 2px solid var(--aa); border-right: 2px solid var(--aa); }
cmbp>bl tr.spc>td { padding: 2px; }
cmbp>bl td>small { display: block; text-align: center; font-size: 0.66em; }
cmbp>bl tbody>tr:nth-child(1) { position: sticky; top: 0; background: var(--b); }
cmbp>bl tr>td div>i { position: unset; height: 22px; width: 22px; }
cmbp>bl tr.pl:last-child .this { border-radius: 0 0 7px 7px; border-bottom: 2px solid var(--aa); }

@media (max-width:999px){
	cmbp>bl tbody>tr:nth-child(1) { position: unset; }
}
/*"MiniCart"*/
cmcr>bl { display: block; padding: 11px; margin: 7px; position: relative; }
cmcr>bl hd>i { height: auto; width: auto; position: relative; padding-top: 100%; }
cmcr>bl hd>i img { position: absolute; inset: 0; }
cmcr>bl prc { display: block; text-align: center; font-weight: 800; line-height: 1.55; }
cmcr>bl ft>d { display: grid ; grid-template-columns: max-content auto max-content; align-items: center; padding: 5px; text-align: center; max-width: 222px; box-shadow: 0 0 0 3px var(--a); margin: 11px 0; margin-bottom: 0; border-radius: 33px; position: relative; z-index: 555; }
cmcr>bl d>btn { height: 17px; width: 17px; padding: 5px; }
cmcr>bl>ft btn>i>svg { filter: brightness(0); }
cmcr>bl>hd {
    display: block;
    text-align: center;
    border-bottom: 1px soild var(--bor);
}
/*"MiniCarts"*/
cars { margin-top: 11px; } 
cars>bl { display: block; background: var(--b); max-width: 222px; border-left: 1px solid var(--bor); padding: 11px 0; }
cars>bl>hd { display: block; text-align: center; border-bottom: 1px solid var(--bor); }
cars>bl>hd p { margin: 2px 0; font-size: 0.84em; font-weight: 600; color: var(--green); }
cars>bl>hd btn { display: block; border: solid 1px; border-radius: 33px; font-size: 0.88em; padding: 5px; margin: 11px; position: relative; }
cars>bl>hd t { display: block; }
cars>bl>hd b { color: var(--red); line-height: 1.55; }
cars>bl p>a { color: var(--aa); font-weight: 500; text-decoration: underline; }
cars>bl p>span { color: var(--c); }
extra { position: absolute; right: 0; top: 6%; bottom: 0; width: 222px; z-index: 999; } 
cmeo bl { display: block; border: 1px solid; border-radius: 7px; border-color: var(--bor); min-height: 216px; }
cmeo hd ul { background: var(--bc); border-top-left-radius: 6px; border-top-right-radius: 6px; display: flex; align-items: center; margin: 0; gap: 10%; }
cmeo hd div { padding: 10px; display: flex; position: relative; left: 58%; top: 6px; }
cmeo hd li { font-size: 12px; color: var(--c0); list-style: none; line-height: 16px; align-items: center; }
cmeo hd dv span { position: relative; left: 75%; bottom: 34%; }
cmeo hd span {display: flex; justify-content: end; font-size: 13px; }
cmeo bd svg { height: 24px; width: 54px; margin: 0; }
cmeo bd d i { height: 35px; width: 96px; }
cmeo bd { display: flex; align-items: center; justify-content: space-between; padding: 14px; }
cmeo bd aa { display: block; font-size: 13px; color: var(--aa); font-weight: 500; line-height: 20px;}
cmeo bd d { display: flex; }
cmeo flex { display: block; color: var(--c); }
cmeo bd btn { display: flex; width: 181px; height: 17px; align-items: center; justify-content: center; border-radius: 50px; padding: 10px; box-shadow: 0px 0px 1px 0px; }
cmno { display: block; background: var(--b); padding: 11px; position: relative; }
cmno bl { display: flex; gap: 13px; }
cmno hd { display: flex; align-items: center; border: solid var(--bc) 1px; width: 9%; border-radius: 10px; }
cmno hd i { height: 82px; width: 88px; }
cmno bd p { font-weight: 400; font-size: 17px; margin-bottom: 2px; }
cmno bd span { font-weight: 600; color: var(--c0); font-size: 15px;display: block;}
cmno bd dv { display: flex; align-items: center; justify-content: space-between; }
cmno bd { display: block; width: -webkit-fill-available; line-height: 22px;}
cmno bd price { color:var(--bb); font-weight: 500; font-size: 15px; }
/* component:Nav1 */
cano>bl hd { display: flex; align-items: center; justify-content: center; }
cano>bl form input { border: none; outline: none; background: var(--b); padding: 0 11px; font-weight: lighter; font-size: 14px; height: 40px; width: -webkit-fill-available; }
cano .logo { font-size: 24px; font-weight: bold; display: grid ; align-items: center; grid-template-columns: auto auto; }
cano .logo img { height: 30px; margin-right: 5px; } 
cano>bl form button img { width: 20px; } 
cano>bl hd>btn i { display: none; }
cano>bl  form button { background-color: #febd69; border: none; padding: 10px; cursor: pointer; } 
cano .right-section div { cursor: pointer; }
cano aa { display: flex; justify-content: center; position: relative; left: 6%; }
cano>bl hd aa:hover { height: 47px; box-shadow: 0px 0px 1px 1px; }
cano>bl select {background: var(--bc);border-right: solid 1px  var(--aat);font-weight: 200;color: var(--c0);margin: 0;width: 58px;}
cano>bl hd>logo img:hover { box-shadow: 0px 0px 1px 1px; }
cano .right-section { display: flex ; align-items: center; gap: 15px; justify-content: space-around; }
cano .dropdown { position: relative; display: inline-block; } 
cano .dropbtn { padding: 0; cursor: pointer; height: 22px; background: unset; color: var(--b); display: flex ; align-items: center; gap: 6%; }
cano .dropdown-content { display: none; position: absolute; min-width: 250px; padding: 10px; z-index: 9; top: 47px; }
cano .dropdown-content label { display: grid ; padding: 5px; cursor: pointer; grid-template-columns: 39px auto; color: var(--c); }
cano .dropdown-content label:hover { background-color: #f1f1f1; } 
cano .dropdown:hover .dropdown-content { display: block; } 
cano .dropdown-content { display: block; position: absolute; min-width: 250px; padding: 10px; z-index: 9; top: 47px; }
cano .dropdown-content { display: none; position: absolute; min-width: 250px; padding: 10px; z-index: 9; top: 47px; }
cano .dropdown-content a { display: block; padding: 5px; text-decoration: none; color: #0073e6; font-size: 11px; margin-left: 39px; } 
cano .shopping-info { display: flex; align-items: center; margin-top: 10px; } 
cano .shopping-info img { width: 20px; height: 15px; margin-right: 5px; }
cano>bl b { font-size: 16px; }
cano .dropdown-content input { height: 22px; width: 22px; }
cano>bl aa i { display: flex; align-items: center; height: 20px;}
cano>bl hd logo img { height: 40px; align-items: center; justify-content: center; display: flex; position: relative; top: 4px; }
cano>bl bd p { width: 100%; font-size: 12px; color: var(--b-t); }
cano>bl i { height: 24px; width: 22px; }
cano>bl t i { height: 24px; background: unset; }
cano>bl t { display: flex; }
chno>bl bd p { color: var(--b); }
chno>bl bd b { color: var(--b); display: block; }
cano>bl div button:hover { box-shadow: 0px 0px 1px 1px; width: 58px; display: flex; }
@media screen and (min-width: 1300px) {
	cano>bl aa { font-size: 0.77em; width: 50%; }
	cano>bl ft aa:hover { height: 35px; box-shadow: 0px 0px 1px 1px; }
	cano>bl b { font-size: 13px; }
	cano>bl ft aa { width: 21%; }
}
cano>bl bd { align-items: flex-start; flex: 1; display: flex; max-width: 100%; margin: 0 10px;; }
cano>bl bd i:nth-child(2) { display: none; }
cano>bl ft>div { display: flex; align-items: center; gap: 14px; }
@media screen and (max-width: 999px) {
	cano>bl search { display: block; padding-right: 64px; flex: 1; }
	cano>bl bl { display: block ; }
	cano>bl form div { display: none; }
	cano>bl bl * .bgnv { display: none; }
	cano>bl bl { padding: 14px  ; height: -webkit-fill-available  ; }
	cano>bl bl hd { display: flex ; justify-content: unset; }
	cano>bl bd i:nth-child(2) { display: block; width: 45px; margin: 3px;   height: 27px; }
	cano>bl i:nth-child(2) svg { height: 35px; fill: var(--b); }
	cano>bl select { min-width: 56px; max-width: 45px; }
	cano>bl form { display: flex; background: var(--b); position: relative; border-radius: 4px; width: 103% ; }
	cano>bl ft>div { display: none  ; align-items: center; gap: 14px; }




	chno>bl bd p { color: var(--b); }
	chno>bl bd b { color: var(--b); display: block; }
	cano>bl hd logo img { height: 40px; align-items: center; justify-content: center; display: flex; position: relative; top: 4px; }
	cano>bl form { display: flex; background: var(--b); position: relative; border-radius: 4px; width: 100%; overflow: hidden; }
	cano form { display: flex; background: var(--b); position: relative; border-radius: 4px; width: 100%; overflow: hidden; }}
cano ft>div>div { padding: 12px 0px; padding-right: 2px; position: relative; z-index: 99999999; }
cano hd logo:hover, cano hd div>a:hover, cano ft>div>div:hover, cano ft a:hover { box-shadow: 0px 0px 0px 1px var(--b); border-radius: 2px; }
cano .left-section { display: flex; justify-content: revert-layer; }

cano logo i { width: 109px; height: 36px; background-image: url(/-Brand/Amazon/asset/Logos.png); background-repeat: no-repeat; background-position: 1px -108px; background-size: 424px; }
cano>bl hd a { display: flex; }
cano>bl hd p { margin: 0; font-size: 12px; letter-spacing: 0.4px; color: var(--b-t77); font-weight: 400; }
cano>bl hd h4 { font-size: 13px; letter-spacing: .4px; }
cano>bl form { display: flex; background: var(--b); position: relative; border-radius: 8px; width: 100%;  }
cano>bl select { background: var(--bc); border-right: solid 1px  var(--bc); font-weight: 200; color: var(--c0); margin: 0; text-overflow: ellipsis; white-space: nowrap; min-width: 80px; max-width: 96px; display: inline-block; width: auto; padding: 7px; }
cano>bl form>i { width: 45px; height: 40px; background-image: url(/-Brand/Amazon/asset/Logos.png); background-repeat: repeat-x; background-position: 0px -299px; background-size: 374px; background-color: var(--a); position: absolute; right: 0; border-radius:8px; cursor: pointer; }
cano>bl search { display: block; padding-right: 64px; flex: 1; }
cano>bl hd a:nth-child(3) i { width: 22px; }
cano>bl ft dv { display: flex; align-items: center; width: auto; position: relative; font-size: 1em; font-weight: 500; }
cano>bl ft dv i:nth-child(1) { background-image: url(/-Brand/Amazon/asset/Countrys.png); width: 24px; position: relative; display: inline-block; height: 18px; margin-top: 5px; margin-left: 15px; margin-right: 3px; background-position: -144px -202px; border-radius: 0px; background-position: 0 -166px; }
cano .down { display: inline-block; border-style: solid; border-width: 4px; border-color: transparent; border-top: 4px solid #a7acb2; border-bottom-width: 0; width: 0; height: 0; font-size: 0; line-height: 0; background: 0 0; padding: 0; cursor: pointer; margin: auto  2px 5px 3px; }
cano>bl ft a div { color: var(--b); text-align: start; font-size: 11px;   }
cano>bl ft a p { margin: 0; font-size: 11px; letter-spacing: .2px; color: var(--b-t88); }
cano>bl ft a h4 { font-size: 13px; letter-spacing: .4px; }
cano>bl cart { display: flex; align-items: end; gap: 5px; font-size: 14px; font-weight: 700; letter-spacing: .2px; position: relative; }
cano>bl cart b { color: var(--a); position: absolute; top: -6px; left: 3px; font-size: 16px; width: 100%; display: flex ; font-weight: 500; justify-content: center; }
cano cart i { background-image: url(/-Brand/Amazon/asset/Logos.png); background-position: 753px -705px; background-size: 314px; width: 47px; height: 31px; border-radius: 0px; top: 3px; }
3cano ft>div>div:hover .dropdown-content { display: block; }
cano .dropdown-content span { border-style: solid; border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid #fff; width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; top: 1px; left: 60px; }
cano>bl ft form { flex-direction: column; text-align: start; }
cano>bl cart span { position: relative; }
cano>bl cart t { display: flex; font-size: 1em; color: var(--b); letter-spacing: .2px; }
cano>bl ft a { display: flex; flex-flow: wrap; padding: 7px; padding-right: 2px; }
cano>bl form:has(search:focus-within) { box-shadow: 0 0 0 2px #f90,0 0 0 3px rgba(255,153,0,.5); }
cano>bl form>i:focus-within { box-shadow: 0 0 0 2px #f90,0 0 0 3px rgba(255,153,0,.5); }
cano>bl form i input { position: absolute; inset: 0; z-index: 9999999; opacity: 0; cursor: pointer; }
.bgnv:hover  bg.bgnv { position: absolute; width: 100%; height: 93%; inset: 0; z-index: 9; top: 64px; background: var(--c); opacity: .6; }
cano>bl bl * .bgnv { transition: 0.5s linear(-0.91 -80.39%, 1 100%); transition-delay: 20ms; }
@media (max-width : 999px) {
	cano>bl hd a:nth-child(3) { display: none; }
}
/* Layout : Nav by Gagan Nayak */
cano>bl hd a { display: flex ; margin: 0 11px; align-items: end; color: var(--b); }
cano>bl hd div:nth-child(2) { display: flex; align-items: center; }
cano>bl hd a div:nth-child(2) { display: block; }
cano>bl hd logo { display: flex ; position: relative; }
cano>bl hd btn svg { fill: var(--b); }
cano>bl hd>btn { display: flex ; align-items: center; justify-content: center; height: 22px; width: 22px; padding: 7px; }
cano>bl ft>btn { display: flex ; align-items: center; justify-content: center; height: 22px; width: 22px; padding: 7px; margin: 7px; }
cano>bl ft>btn svg { fill: var(--b); }
cano>bl { background: var(--a1); padding: 11px; display: grid ; color: var(--b); align-items: center; grid-template-columns: max-content auto max-content; }
cano>bl logo>a { margin: 0; }
@media(min-width:999px){
	cano>bl ft>btn { display: none; }
	cano>bl hd>btn { display: none; }
	cano>bl pf { display: none; }
}
@media(max-width:999px){
	cano>bl hd a { display: none; margin: 0; }
	cano>bl hd btn i { display: block; height: 22px; width: 22px; transform: scale(1.5); }
	cano>bl bd { margin: 0; grid-column-start: 1; grid-row-start: 2; grid-column-end: 3; }
	cano>bl logo i { background-size: 288px; background-position: -3px -95px; width: 90px; }
	cano>bl hd logo a { display: block; }
	cano>bl ft { display: grid ; grid-template-columns: auto max-content; justify-content: end; align-items: center; }
	cano>bl pf { display: grid ; grid-template-columns: auto max-content; align-items: center; height: max-content; padding: 11px 5px; margin: 0 5px; }
	cano>bl logo>span { display: block; margin-top: 5px; }
	cano>bl { padding-top: 0; }
}chno { display: flex; width: -webkit-fill-available; background: var(--c); height: 87px; position: relative; bottom: 10%; }
chno hd.navbar { display: grid ; grid-template-columns: 44px auto 44px; align-items: center; }
chno i { height: 33px; width: 33px; }
chno .search-box { display: flex ; background: var(--bl); align-items: center; border-radius: 8px; padding: 0px 7px; }
chno .search-box input { padding: 0; }
chno .nav-left { display: flex; align-items: center; } 
chno .nav-left i { font-size: 24px; cursor: pointer; margin-right: 10px; } 
chno .logo img { height: 30px; } 
chno .nav-right { display: flex; align-items: center;justify-content: end; } 

@media screen and (min-width: 999px) {
	
	chno{display:none;}

}/-Brand/Amazon/asset/logo.png@media screen and (max-width: 999px) {
	chno hd.navbar { display:block}
	chno dv i { width: 113px; position: relative; top: 9px; }
	chno bd p { display: none; }
	chno { width: -webkit-fill-available; background: var(--c); height: 110px; bottom: 0; display: flex; flex-direction: column-reverse; }
	chno bd.sub-navbar { display: flex; align-items: center; position: relative; bottom: 16px; left: 10px; padding-bottom: 5px; }
	chno dv i { width: 113px; position: relative; bottom: -9px; }
	chno .search-box { display: flex; background: var(--bl); align-items: center; border-radius: 8px; padding: 0px 7px; width: 372px; position: relative; top: -8px; left: 16px; }
	chno .nav-left { display: none; }
	chno .nav-right { display: none; }
	chno hd div i { height: 33px; width: 33px; background: var(--a); padding: 8px; position: relative; left: 5%; }
	chno d i { display: none; }
	chno span { color: var(--b); font-size: 14px; font-weight: 500; }
	chno .location { align-items: center; width: 100%; display: flex; justify-content: space-between; }
	chno bd aa { display: flex ; background-image: url(/-Brand/Amazon/asset/logo.png); border: solid; height: 37px; width: 36px; border-radius: 50px; position: relative; top: 7px; background-position: -136px -299px;}
	chno bd cart { background-image: url(/-Brand/Amazon/asset/smile.png ); background-repeat: repeat-x; background-position: -10px -340px; width: 38px; height: 26px; border-radius: 0px; position: relative; top: 8px; }
	chno bd number { position: relative; left: 28px; color: var(--a); font-weight: 600; }
	chno bd flex { display: flex; align-items: center; justify-content: center; position: relative; left: 15%; }
}
cnco { display: flex; background: var(--b); padding: 14px; }
cnco bl { display: flex; padding: 10px; }
cnco bd span { color: var(--aa); font-size: 14px; }
cnco bd span:hover { text-decoration: underline; }
cnco bd div { display: flex; flex-direction: column; gap: 11px; padding-left: 14px; }
cnco hd i { width: 210px; height: 131px; object-fit: cover; }
cnco bd btn:nth-child(1) { background: yellow; padding: 7px; width: 65%; align-items: center; justify-content: center; display: flex; border-radius: 25px; }
cncr bd btns { display: flex; gap: 14px; width: -webkit-fill-available; align-items: center; justify-content: center; }
cnco bd btn:nth-child(2) { display: flex; align-items: center; justify-content: center; padding: 6px; border: 1px solid; width: 36%; border-radius: 17px; }
cnco bd a { color: var(--aa); font-weight: 400; }

@media(max-width:999px){
coso bd div { background: var(--b); box-shadow: 0px 0px 1px 0px; padding: 12px; display: flex; gap: 12px; }
coso bd dv t { font-size: 9px; }
coso bd dv b { font-size: 11px; }
}

/*component=NoWishlist*/
cgno hd { background-image: url(/-Brand/Amazon/asset/intro-page-banner-pc.png);min-height: 178px; justify-content: center;display: flex;padding: 22px;}
cgno { display: block; padding: 11px; border: solid 1px var(--bor); max-width: 1616px; margin: 11px auto;}
cgno dv h2 { display: block; text-align: center; font-family: HelveticaNeue-Thin; font-size: 34px; line-height: 41px; color: var(--b); }
cgno dv h4 { display: block; text-align: center; font-family: HelveticaNeue-Thin; font-size: 70px; line-height: 75px; color: var(--b); }
cgno dv btn { display: flex ; background: var(--a); width: 77px; padding: 7px 22px; justify-content: center; border-radius: 52px; margin-left: 35%; margin-top: 22px; }
cgno dv1 i { display: block; width: 98px; }
cgno i svg { height: 79px;}
@media(min-width:999px){
	cgno bd dv1 { display: flex; gap: 10px; }}
cgno bl ft { display: flex; justify-content: space-between; margin: auto;   padding: 7px; }
cgno ft i { width: 12%; justify-content: unset; height: 65px;position: relative; top: 6px;}
cgno ft name { font-weight: 600; display: block; color: var(--aa); }
cgno bl bd { display: grid; grid-template-columns: auto auto; border-bottom: solid 1px var(--bor); gap: 27px; padding: 18px 9px; justify-content: center; margin-top: 35px; }
@media(max-width:999px){
	cgno { padding: 1px; }
	cgno bd dv1{    /* display: flex; */    /* gap: 10px; */}
	cgno bd d { display: flex; flex-direction: column; border-bottom: 2px solid var(--bor); }
	cgno bl bd { display: block; margin: unset; border: unset; padding: 11px; line-height: 1.52em; }
	cgno i svg { display:none;}
	cgno bd p { margin: 0; display: flex; margin-bottom: 11px; font-size: 1.0em; font-weight: 400; }
	cgno ft i { /* width: 12%; */ /* justify-content: unset; */ height: 40px; top: unset; }
	cgno bl ft { display: flex; justify-content: space-between; padding: 16px; }
	cgno hd { background-image: url(/-Brand/Amazon/asset/intro-page-banner-pc.png);min-height: 178px; justify-content: center; }
	cgno dv btn { display: flex; background: var(--a); padding: 12px; justify-content: center; border-radius: 52px; margin-left: unset; margin-top: 22px; width: unset; }
	cgno dv h4 { display: block; font-size: 46px; color: var(--b-t77); font-weight: 400; }
	cgno bl hd h2:nth-child(2) { color: var(--b); border-bottom: unset; font-size: 16px; }
	
	
	
	
	
	
	
}


cyos hd ul { display: flex; align-items: center; gap: 3%; border-bottom: 1px solid;margin: 0; border-color: var(--bor);}
cyos hd li { list-style: none; padding-bottom: 12px; }
cyos hd t:nth-child(2) { color: var(--a); }
cyos hd span { font-size: 20px; font-weight: 500; color: var(--bb); position: relative; left: 9%; }
cyos hd input { border: 1px solid; border-radius: 7px; height: 0px; position: relative; background: unset; width: 290px; }
cyos hd sl { background: unset; padding: unset; height: unset; width: unset; margin-bottom: unset; overflow: unset; display: flex ; gap: 220px; position: relative; bottom: 82%; }
cyos hd i {  height: 39px;  width: 19px;  position: relative;left: 42%;}
cyos hd div { display: flex; justify-content: space-between; }
cyos sl input:focus { box-shadow: unset; border-radius: unset; outline: solid 3px; outline-color: var(--bor); }
cyos bl hd { display: flex; flex-direction: column; gap: 24px; }
cyos bl bd { display: flex; margin-top: 1%;    gap: 15px; }
cyos ft d { display: flex ; align-items: anchor-center; gap: 9px; position: relative; left: 3%; }
cyos ft { display: block; margin-top: 14px; }
cyos ft btn i { display: flex; justify-content: flex-end; }
cyos ft div i { display: block; width: 70px; }
cyos ft div a { color: var(--aa); text-decoration: unset; font-weight: 300; }
cyos ft div { display: block; padding: 0%; margin-left: 17%; }
cyos hr { width: 64px; border: solid 1px; margin-left: -81px; color: var(--a); margin-top: 30px; }
cyos bd b { color: var(--bb); font-size: 14px; }
cyos cb { font-size: 14px; color:var(--aa); }
cyos bd div { display: flex ; gap: 30px;position: relative; left: 4%; }
cyos bd btns btn:nth-child(1) { font-weight: 600; border-bottom: 3px solid var(--a); }
cyos bd btns btn:nth-child(2) { color: var(--aa); }
cyos bd btns btn:nth-child(3) { color: var(--aa); }
cyos bc { color: var(--aa); font-size: 18px; position: relative; left: 9%; }
cyos bd btn{ display: flex ; background: var(--bb1); color: var(--b); border-radius: 49px; width: 111px; justify-content: center; align-items: anchor-center; font-weight: 800; font-size: 11px; position: relative; bottom: 78%; height: 30px; }
cyos sl { display: block; border-radius: unset; margin-bottom: unset; position: relative; height: unset; overflow: unset; background: unset; width: unset; }
cyos input[type="text"] { outline: 0; border-radius: 8px; display: block; border: solid 1px var(--c);color: var(--c); padding-left: 59px; }
cyos sl input:focus { outline: 1px solid; outline-offset: 2px; box-shadow: none;border-radius: 8px;}









@media(max-width:999px){
cyos bd btns { display: flex; gap: 27px; border-bottom: solid 1px; color: var(--bor); overflow-x: scroll; }
cyos btns btn { color: var(--aa); white-space: nowrap; }
cyos ft btn { display: flex; align-items: center; justify-content: center; border-radius: 5px; padding: 7px; box-shadow: 0px 0px 2px 0px; width: 141px; }
cyos ft div t { font-size: 11px; }
}
/* Component : OrderSummary */
cose>bl { display: block; margin-top: 11px; padding: 11px; background: var(--b); }
cose bl hd btn { display: block; border-radius: 31px; background: var(--a); padding: 11px; text-align: center; position: relative; }
cose bl hd p { font-size: 0.88em; }
cose bl hd p a { color: rgb(20 134 224); text-decoration: underline; }
cose bl p a { color: var(--c); text-decoration: unset; font-weight: unset; }
cose bl bd { display: grid; }
cose bl bd d { display: flex; justify-content: space-between; }
cose bd d b { color: var(--c); font-size: 15px; display: flex; font-weight: 400; }
cose bd d t { color: var(--c); font-size: 14px; display: flex; font-weight: 400; }
cose bd d  price { font-size: 21px; font-weight: 600; }
cose bd d span { font-size: 16px; color: var(--aa); }/*Order_Checkout*/
ccot bl { background: var(--b-t); margin-top: 20px; padding: 14px 14px 14px 14px; width: 1042px; border-radius: 0px; margin-left: 21px; }
ccot h2 { font-size: 15px; }
ccot bd btn { border: solid 1px var(--a); width: 223px; height: 31px; border-radius: 20px; background: var(--a); color: var(--bb1); align-items: center; justify-content: center; display: flex ; }
ccot bd div { display: flex ; gap: 55px; }
ccah bd dv p { display: flex ; height: 68px; width: 327px; font-size: 12px; margin-left: -25px; }
ccot bd a { color: var(--aa); font-weight: 400; }
ccah bd f { display: flex ; left: 25%; position: relative; margin-top: 5px; }
ccah bd f b { display: block; margin-top: 45px; margin-left: -99px; width: 149px; font-weight: 600; }
ccah bd f p input[type="radio"] { height: 21px; width: 61px; margin-left: -46px; margin-top: -11px; }
ccah bd f p { display: flex ; align-items: center; font-weight: 700; font-size: 13px; margin-top: -25vh; width: 272px; }





@media(max-width:999px){
ccot bd btn { margin-left: 2px; width: 126px; }
ccot bd h2 { margin-left: -2vh; font-size: 21px; }
ccot bd dv { margin-left: 6vh; display: block; font-size: 11px; }
}
/* Component Overview_Transactions */

cveo bl { background: var(--b); box-shadow: 0px 0px 1px 0px; padding: 11px; display: grid; grid-template-columns: auto; }
cveo hd { display: flex; align-items: center; justify-content: space-between; }
cveo bd dv i { display: block; height: 28px; width: 36px; margin-bottom: 9%;  }
cveo bd dv { display: flex; align-items: center; gap: 3%; justify-content: space-between; width: 87%;   line-height: 29px; }
cveo bl { background: var(--b); box-shadow: 0px 0px 1px 0px; padding: 12px; display: grid; grid-template-columns: auto ;margin-bottom: 11px; }
cveo hd i { display: block; width: 93%; transform: rotate( 170deg); }
cveo bd p { margin-block-end: 0; color: var(--aa); }
cveo bd mg.Overview { display: none; }
cveo bd mg { display: block; }
cveo hd h3 { font-size: 11px; font-weight: 500; }
cveo  t { font-size: 12px; color: var(--bb); }
cveo hd price { display: flex; }
cveo bd { height: 0; opacity: 0; }
cveo.expend bd { opacity: 1; height: auto; }
@media(max-width:999px){
	cveo bd div dv { display: block; font-size: 9px; position: relative; left: 73%; }
	cveo hd h3 { font-size: 12px;}
	cveo bd dv { font-size: 13px; }
	cveo bd p { font-size: 13px; }
}
cpsk bl { display: block; height: 627px; width: 338px; background: var(--b);padding: 10px; border-radius: 20px; }
cpsk hd h2 { font-size: 18px; }
/* Component : PayBalance */
cpbe bl { display: block; background: var(--b-t77); margin-bottom: 10px; position: relative; max-width: 244px; margin-left: auto; }
cpbe hd { display: flex ; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--bor); padding: 11px; background: var(--bt); }
cpbe hd h2 { font-size: 15px; }
cpbe hd span { color: var(--green); }
cpbe bd i { height: 20px; width: 24px; }
cpbe bd dv { display: flex; gap: 7px; padding: 4px; align-items: center; position: relative; }
cpbe bd t { color: var(--aa); font-size: 12px;  font-weight: 500; }
cpbe bd t:hover { text-decoration: underline;}
cpbe>bl hd>h4 { font-size: 0.88em; font-weight: 500; }
cyno>bl { display: grid; grid-template-columns: 97px auto auto; border-bottom: solid 1px var(--bor); gap:7px; }
/*cyno>bl { display: grid; grid-template-columns: 6% auto; border-bottom: solid 1px var(--bor); }*/
cyno bl hd i { border: solid 1px var(--bor); height: 71px; max-width: 81px; }
cyno bl hd i img { border-radius: 5px; }
cyno bl bd p { margin: 0; color: var(--c0); }
cyno>bl bd>d { display: flex; align-items: center; justify-content: space-between; padding-right: 33px; }
cyno>bl bd>dv { display: flex; align-items: center; justify-content: space-between; padding-right: 5px; }
cyno>bl bd>dv i { width: 19px; height: 19px; transform: rotate( 181deg); }
cyno>bl bd { display: block; padding: 8px; }
cyno>bl bd>d span:nth-child(2) { font-size: 1.22em; font-weight: 500; color: var(--c); }

@media (max-width :999px){
	cyno>bl { display: grid; grid-template-columns: 71px auto auto; align-items: center; }
	cyno bl ft i { height: 12px; }
	cyno>bl bd { display: block; padding: 8px; grid-column-start: 2; grid-column-end: 4; }
	
	cyno>bl ft{ display : block;}
}

cyno>bl ft { /* display: none; */ grid-column-end: 4; grid-row-start: 2; grid-row-end: 4; grid-column-start: 1; background: var(--bc);     margin-bottom: 11px; }
cyno>bl bd { display: block; padding: 8px; grid-column-start: 2; grid-column-end: 4; }

cyno>bl ft { display: none; }
cyno>bl ft i svg { fill: var(--c); opacity: 0.6; }
cyno>bl ft i { width: 27px; height: 23px; }
cyno>bl ft d dv { display: flex; align-items: center; justify-content: space-between;  }
cyno>bl ft d span { border: none; padding: 0; }
cyno>bl ft div { display: flex; align-items: center; justify-content: space-between; }
cyno>bl ft d { display: block; padding: 12px; border-bottom: solid 2px var(--bc); }

cyno>bl ft d dv b { font-weight: 400; margin: 0; padding: 0; }
cyno>bl ft span { display: flex; border-bottom: solid 1px var(--bc); padding: 5px; /* align-items: center; */ height: 38px; }
cyno.expend ft { display: block; }
cyno.expend bd>dv i { transform: rotate( 88deg); }
/*YourDefault*/
cyfo { background: var(--b); display: block; margin-bottom: 10px; border: solid 1px var(--bor); border-radius: 0px; max-width: 1058px; }
cyfo hd { display: flex; gap: 12px; border-bottom: solid 1px var(--bor); align-items: center; padding: 8px; }
cyfo hd h2 { font-size: 22px; font-weight: 500; }
cyfo hd btns { display: flex; gap: 22px; }
cyfo.bl>hd { display: block; line-height: 18px; margin-top: 10px; padding: 12px;}
cyfo bl hd btns btn { font-size: 12px; margin-left: 9px; color: var(--aa); }
cyfo btn:nth-child(1) { color: var(--c); }
cyfo btns btn:focus { border-bottom: solid 2px var(--a); }
cyfo bl hd btn { display: none; }
cyfo>b>ft { display: none; }
@media only screen and (max-width: 999px) {
	cyfo hd h2 { font-size: 23px; font-weight: 500; white-space: nowrap; display: none; }
	cyfo btn:nth-child(1) { font-size: 18px; font-weight: 600; width: 33px; }
	cyfo>bl>ft { display: flex; margin: 0px 17px; justify-content: space-between; }
	cyfo hd { display: flex; /* justify-content: space-between; */ padding: 0; }
	cyfo bl hd btn { display: flex; gap: 2px; }
	cyfo { background: var(--b); display: block; border: solid 1px var(--bor); border-radius: 7px; margin: 0; padding: 0px; }
	cyfo bl hd t { color: var(--a); }
	cyfo bl hd btn i { height: 1.6rem; width: 1.6rem; }
	cyfo>bl>hd>btn { border-left: 1px solid var(--bor); padding: 0 7px;display: none; gap: 2px; }
	cyfo>bl>bd { display: block; padding: 0px; margin: 1px; }
}
/*Payment*/
cpet bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); margin-top: 10px; width: -webkit-fill-available; }
cpet bd span:hover {text-decoration: underline;}
cpet bd i { height: 40px; width: 40px; }
cpet hd h2 { font-size: 1.1em; color: var(--bb); }
cpet bd dv { align-items: center; display: flex; flex-direction: column; margin: 16px; justify-content: center; text-align: center; }
cpet bd i { height: 45px; width: 50px;}
cpet bd span { font-size: 15px; }
cpet bd div { display: grid;   align-items: center; white-space: nowrap; grid-template-columns: auto auto auto auto auto auto auto; }
cpet bl hd { display: flex; align-items: center; justify-content: space-between; }
 cpet  hd p { color: var(--aa); }
@media(max-width:999px){
cpet bd div { display: grid; align-items: center; justify-content: center; white-space: nowrap; grid-template-columns: auto auto auto; padding: 0; margin: 0; gap: 0; }
	cpet bd dv { align-items: center; display: flex; flex-direction: column; margin: 5px; justify-content: center; text-align: center; }
cpet bd i img { width: 22px; }
}
cise>bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); margin-top: 10px; width: -webkit-fill-available; }
cise hd h2 { font-size: 1.1em; color: var(--bb); }
cise bd { display: grid; grid-template-columns: auto auto; width: 40%; padding: 8px; }
cise bd dv { display: flex; flex-direction: column; align-items: center; justify-content: center; }
cise bd i { height: 47px; width: 55px; }
cise bd span { font-size: 15px; }/*Pay_ManageService*/
cans>bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); margin-top: 10px; width: -webkit-fill-available; }
cans hd h2 { font-size: 1.1em; color: var(--bb); }
cans bd i { display: flex ; align-items: center; justify-content: center;; margin-left: 3%; }
cans i img { max-width: 52px; }
cans bd { display: grid; white-space: nowrap; grid-template-columns: auto auto auto auto auto auto; }
cans bd dv { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; margin: 18px; }
cans bd dv t { font-size: 0.88em; }

@media(max-width:999px){
cans bd dv { display: flex; flex-direction: column; align-items: center; margin: 5px; }
cans bd { display: grid; white-space: nowrap; grid-template-columns: auto auto auto; }

}
/*component=Pay_MoreServices*/
csces {display: block;width: -webkit-fill-available;}
csces bl { display: block; margin-top: 11px; }
csces>bl>bd { display: grid ; gap: 9px;}
csces bd i img { width: -webkit-fill-available; }


@media(max-width:999px){
csces bd i img { min-width: 100%; }
}


/*Component -:- Pay_RechargeService */

crseo>bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); margin-top: 10px; width: -webkit-fill-available; }
crseo hd h2 { font-size: 1.1em; color: var(--bb); }
crseo bd dv { display: grid; line-height: 3; align-items: center; }
crseo bd i { height: 40px; width: 40px; }
crseo bd { display: flex; padding-left: 32px; gap: 9%; }
crseo bd span:hover {text-decoration: underline;}
crseo bl hd { display: flex; align-items: center; justify-content: space-between; }
 crseo  hd p { color: var(--aa); }





@media only screen and (max-width: 999px) {
crseo bd i { width: 31px; }
crseo hd h2 { font-size: 12px; }
crseo hd p { font-size: 12px; }
crseo bd span { font-size: 11px; }
crseo bd { display: flex; padding-left: 6px; gap: 9%; }
}ctit>bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); margin-top: 10px; width: -webkit-fill-available; }
ctit>bl hd h2 { font-size: 22px; }
ctit>bl bd { display: flex; white-space: nowrap; }
ctit>bl bd dv { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 10px; text-align: center; }
ctit>bl bd i { height: 47px; width: 55px; }
ctit>bl bd t { font-size: 15px; }
ctit>bl bd t:hover { text-decoration: underline; }


@media(max-width:999px){
	ctit>bl bd { display: grid;  white-space: normal; grid-template-columns: auto auto auto; }
	ctit bd t { font-size: 12px; }
	ctit>bl bd dv {  margin: 0px; }
}ctie bl hd { display: flex; align-items: center; justify-content: space-between; }
ctie  hd p { color: var(--aa); }
ctie>bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); margin-top: 10px; width: -webkit-fill-available; }
ctie hd h2 { font-size: 1.1em; color: var(--bb); }
ctie bd span { font-size: 15px; }
ctie bd b { font-size: 13px; font-weight: 400; display: block; position: relative; left: 12%; }
ctie bd i { height: 47px; width: 55px; }
ctie bd { display: flex; padding: 11px; gap: 26px; }
ctie bd dv { display: flex; flex-direction: column; align-items: center; justify-content: center; }


@media only screen and (max-width: 999px) {
	ctie hd h2 { font-size: 12px; }
	ctie bd span { font-size: 10px; }
	ctie bd i img { width: 30px; }
	ctie bl { margin-top: 11px; }

}
/* Component : Pay_TravelService */
ctel>bl { display: block; padding: 10px; border: solid 1px var(--bc); background: var(--b-t); width: -webkit-fill-available; margin: 0; }
ctel hd h2 { font-size: 1.1em; color: var(--bb); }
ctel bd dv { display: grid; line-height: 3; align-items: center; }
ctel bd i { height: 43px; width: 43px; }
ctel bd { display: flex;  gap: 9%; }
ctel bd span:hover {text-decoration: underline;}
ctel bl hd { display: flex; align-items: center; justify-content: space-between; }
ctel  hd p { color: var(--aa); }
@media only screen and (max-width: 999px) {
	ctel bd i { width: 31px; }
	ctel hd h2 { font-size: 12px; }
	ctel hd p { font-size: 12px; }
	ctel bd span { font-size: 11px; }
	ctel bd { display: flex; padding-left: 6px; gap: 9%; }
}
/*component :Personalized*/
cprn { display: block; background: var(--b); margin: 11px 0 0 0; }
cprn h2 { font-size: 21px; font-weight: 700; margin-bottom: 11px; }
cprn btn { font-size: 14px; font-weight: 500; color: var(--c); border-radius: 20px; cursor: pointer; width: 80%; margin-left: 7%; height: 35px; display: flex ; align-items: center; justify-content: center; background: var(--a); }
cprn div { display: flex; flex-direction: column; text-align: center;   position: relative; }
cprn p { font-size: 12px; margin-top: 5px; margin-right: 8%; }
cprn a { color: var(--aa); font-size: 11px; font-weight: 400; text-decoration: underline; }
cprn bd { display: flex; justify-content: center;}
cprn bl { display: flex ; justify-content: center; padding: 20px; }
sfgl cprn { border: 1px solid var(--bc); margin: 22px 0; border-right: none; border-left: none; }

@media(max-width: 999px){ 
	cprn { display: none; }
}


/* Component : PrivacySettings */
.ds flyouts { display: block; visibility: visible; opacity: 1; }
.ds flyout { display: block; visibility: visible; opacity: 1; }
cpst { display: block; position: relative; inset: 0; max-width: 777px; max-height: max-content; margin: auto; z-index: 999; margin: 11px;  }
cpst>bl { display: block; background: var(--b); border-radius: 11px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
cpst hd { display: block; }
cpst hd d { display: grid ; grid-template-columns: 50% 50%; border-bottom: 1px solid var(--bc); }
cpst hd aa.this { border-bottom: 1px solid; color: var(--a); }
cpst hd aa { text-align: center; padding: 22px; } 
cpst hd aa { text-align: center; padding: 22px; }
cpst hd t { font-size: 0.88em; font-weight: bold; }
cpst hd span {padding: 11px; display: block; }

cpst bd { display: block; padding: 11px 0; }
cpst bd h3 { font-size: 1em; font-weight: bold; margin: 0 11px; }
cpst bd p { font-size: 0.88em; font-weight: 500; margin: 7px 11px; }
cpst bd span { font-size: 1em; font-weight: 500; margin: 0 11px; }
cpst bd a { font-size: 1em; font-weight: 500; color: var(--a); }
cpst bd btcs { display: none ; grid-auto-flow: column; border-top: 1px solid var(--bc); border-bottom: 1px solid var(--bc); margin-top: 22px; }
cpst bd btc { display: flex ; flex-direction: column; text-align: center; padding: 33px; border-right: 1px solid var(--bc); height: 44px; }
cpst bd btc:nth-child(3) { border-right: none; }
cpst bd t { font-size: 0.88em; font-weight: 500; }
cpst bd btn { position: relative; }
cpst bd bb { width: 44px; height: 22px; background: var(--c); box-shadow: unset; left: 66px; top: 5px; }
cpst bd oo { width: 18px; height: 18px; box-shadow: unset; }

cpst ft { display: block; padding: 11px; }
cpst ft btns { display: grid ; grid-auto-flow: column; column-gap: 7px; }
cpst ft btn { display: block; text-align: center; background: var(--a); color: var(--b); padding: 14px; border-radius: 4px; }
cpst ft t { font-size: 0.88em; font-weight: 500; }

.oo oo { box-shadow: unset; margin-left: 22px; }



@media only screen and (max-width: 999px) { 
cpst bd bb { left: 11px; }

}
/*Product*/

cpud { display: inline-block; flex: none; }
cpud>bl { display: block; padding: 11px; margin: 7px; position: relative; }
cpud>bl>bd { display: grid; gap: 10PX; }
scpud bd btn:hover { outline: 1px solid; outline-offset: 1px; }
cpru bd d { display: flex;}
cpud bd btns { display: flex ; gap: 10px; margin-top: 11px; position: relative; z-index: 999; }
cpud hd input { width: 30px; display: flex ; }
cpud hd div d { display: flex ; align-items: center; gap: 10px; }
cpud hd div dv{ margin-top: 14px;}
cpud hd div d { display: flex; align-items: center;  border-radius: 17.5px; height: 27px; width: 27px;   margin-top: 14px; justify-content: center; margin-right: -1px; }
cpud bd btn { color: var(--at); font-size: 14px; }
cpud bd btns btn:nth-child(1){border: 1px solid var(--bor); }
cpud bd btn { height: 21px; width: 21px; border-radius: 33px; }
cpud bd btn:nth-child(1){background: var(--c);}
cpud bd btn:nth-child(2){background: var(--at);}
cpud bd btn:nth-child(3){background: var(--aat);}
cpud bd btn:nth-child(4){background: var(--c0);}
cpud bd btn:nth-child(5){background: var(--aa);}
cpud bd btn:nth-child(6){ background: var(--a); }
cpud bd div dv img { height: 28px; width: 53px; object-fit: contain; }
cpud bd div dv svg { height: 38px; width: 64px; }
cpud>bl bd>div d { align-items: center; margin-top: 2%; gap: 7px; }
cpud bd  div p { font-size: 17px; font-weight: 400; color: var(--c); margin: 0; }
cpud bd div dv flex:active { border: solid 1px var(--c0); padding-top: 2px; padding-right: 24px; }
cpud bd div dv flex {border-radius: 10px; align-items: center;  display: grid; height: 39px; padding: 2px; max-width: 31% grid-template-columns: auto auto auto auto auto auto; }
cpud bd div dv d { color: var(--aa); font-size: 16px;}
cpud bd div grid { font-size: 18px; display: flex; gap: 8px; align-items: center; }
coto bd d {  flex-direction: column; gap: 9px; }
cpud bd d price { display: flex; gap: 5px; font-weight: 600; font-size: 22px;  align-items: start; line-height: 1; }
cpud bd d small { font-size: 17px; color: var(--c0); }
cpud bd div c { font-size: 14px; }
cpud bd d s { font-size: 15px; color: var(--c0); }
cpud bd div dv { display: flex ; gap: 2px; align-items: center; }
cpud bd div dv:hover chcd { opacity: 1; visibility: visible; }
chcd.HeadphoneCard { display: block; }
cpud ft span { font-size: 15px; font-weight: 400; color: var(--c); width: fit-content; max-width: 465px; }
cpud ft strong { font-size: 15px; font-weight: 400; color: var(--c); }
cpud ft div { display: none; }
cpud ft btns { display: flex ; gap: 10px; }
cpud ft btn { height: 21px; width: 21px; border-radius: 33px; }
cpud ft btn:nth-child(1){background: var(--c);}
cpud ft btn:nth-child(3){background: var(--aat);}
cpudft btn:nth-child(4){background: var(--c0);}
cpud ft btn:nth-child(5){background: var(--aa);}
cpud ft btn:nth-child(6){ background: var(--a); }
cpud ft u { color: var(--at); font-size: 14px; }
cpud flex:not(:checked) > input { position: absolute; height: 0px; padding: 0px; }
cpud flex:not(:checked) > label { font-size: 151%; color: var(--c1); }
cpud flex:not(:checked) > label:before { content: '★'; }
cpud flex> input:checked + label:hover,
cpud flex> input:checked + label:hover ~ label,
cpud flex> input:checked ~ label:hover,
cpud flex> input:checked ~ label:hover ~ label,
cpud flex> label:hover ~ input:checked ~ label { color: var(--c1); }
cpud flex:not(:checked) > label:hover,
cpud flex:not(:checked) > label:hover ~ label { color: var(--c1); }
cpud flex> input:checked ~ label { color: var(--c1); }
cpud>bl>ft d { display: grid; margin-bottom: 12px; }
cpud>bl>ft btn { display: grid ; align-items: center; padding: 7px 15px; width: fit-content; background: var(--a); position: relative; z-index: 999; }

@media screen and (max-width: 999px) {
	cpud>bl>ft btn { display: grid; align-items: center; padding: 7px 15px; width: unset; background: var(--a); justify-content: center; }
	cpud ft btns { display: flex; gap: 10px; margin-top: 5%; }
	cpud ft { grid-column-start: 2; }
	cpud ft btn:nth-child(5) {  display: none; }
	cpud bd btn { height: 16px; width: 16px; border-radius: 33px; }	
	cpud ft btn:nth-child(6) {  display: none; }	
	cpud>bl hd { display: block; background: var(--bc); }
	cpud bd div p { font-size: 15px;}
	cpud bd btns { display: none ; gap: 10px; margin-top: 11px; }
	cpud bd div dv flex { min-width: 36%;}
	cpud bl { box-shadow: unset; backdrop-filter: unset; padding: 5px; margin: 2px; background: var(--bt); }
	cpud bd div grid { font-size: 12px;}
	cpud bd d price {  font-size: 22px;}
	cpud bd d small { font-size: 14px;}
	cpud bd div d {gap: 1px;}
	cpud bd div c { font-size: 11px; margin-left: 0%; }
	cpud ft div { display: block; }
	cpud ft span { font-size: 11px;  display: block; max-width: unset; width: unset; }
	cpud hd  i { align-items: end; }
	cpud hd img { width: 100%; height: 100%; }
	cpud ft u { color: var(--c);}
	cpud ft strong { font-size: 12px; font-weight: 400; color: var(--c); }
	
}
/* ProductItems : GaganNayak */
cpud>bl hd>i { height: auto; width: auto; position: relative; padding-top: 100%; background: var(--bc); }
cpud>bl hd>i img { position: absolute; inset: 0; margin: auto; }
/*component=ProductAbout*/
crbn>bl ft { display: block; }
crbn>bl>bd ul { display: grid ; padding: 11px; margin: 0; }
crbn>bl>bd li { font-size: 0.88em; display: block; }
crbn>bl>ft span { font-size: 0.88em; color: var(--aa); display: grid ; grid-template-columns: 22px auto; align-items: center;}
crbn>bl>ft { display: block; margin-top: 11px; }
crbn>bl ft>i.this svg { fill: var(--a); }

crbn ft span i.jtc { transition: 600ms; }
crbn>bl>ft p { height: 0; font-size: 0; bottom: 12px; }
crbn.Product_Detail i.jtc { display: block; transform: rotate(92deg); transition: 600ms; }
crbn.Product_Detail p { display: block; font-size: 13px; }
crbn>bl name { font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
/* Component : ProductCart */
cscoe>bl { display: grid ; grid-template-columns: 188px auto auto; padding: 11px; margin-bottom: 11px; border-bottom: 1px solid var(--bc); position: relative; }
cscoe>bl bd div { display: flex ; grid-row-start: 1; grid-column-start: 2; grid-row-end: 3; flex-direction: column; align-items: end; }
cscoe>bl bd { display: grid; grid-template-columns: auto max-content; gap: 10px; grid-column-start: 2; grid-column-end: 4; }
cscoe>bl hd>i { display: block; padding-top: 100%; position: relative; height: auto; width: auto; overflow: hidden; }
cscoe>bl hd>i img { position: absolute; inset: 0; }
cscoe>bl hd { display: grid ; grid-template-columns: 22px auto; }
cscoe>bl hd>input { height: 11px; width: 11px; margin: auto 0; }
cscoe>bl bd d svg { height: 30px; width: 30px; }
cscoe bd d input { height: 16px;width: 14px;}
cscoe>bl bd name { white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.44; overflow: hidden; }
cscoe>bl ft d { display: flex ; align-items: center; border: solid 4px var(--a); padding: 1px 11px; border-radius: 19px; gap: 5px; position: relative; z-index: 999; }
cscoe>bl f>hr { width: 1px; height: 22px; margin: 0 7px; }
cscoe>bl ft d i { width: 18px; }
cscoe>bl ft { display: flex ; grid-column-start: 2; align-items: center; gap: 10px; }
cscoe>bl bd d { display: grid; gap: 5px; }
cscoe>bl bd d g { display: flex; align-items: center; font-size: 0.88em; }
cscoe>bl bd d g a { position: relative; color: var(--aa); font-weight: 400; }
cscoe>bl bd d g a:hover {  text-decoration: underline; }
cscoe>bl bd d t { font-size: 0.66em; }
cscoe>bl bd d b { font-size: 0.88em; }
cscoe>bl bd d cc { margin-bottom: 4px; }
cscoe>bl bd d span { display: grid; justify-content: left; }
cscoe>bl ft>f { display: flex ; align-items: center; margin-top: 11px; flex-wrap: wrap; position: relative; gap: 11px; font-size: 0.88em; z-index: 999; }
cscoe>bl price { display: flex ; font-size: 1.11em; font-weight: bold; margin-bottom: 11px; justify-content: end; }
cscoe>bl price>small { font-size: 0.55em; margin: 0 2px; margin-top: 3px; }
cscoe>bl div d>t { display: grid ; grid-template-columns: max-content 22px; align-items: center; margin: 4px 0; }
cscoe>bl div>c span { display: block; padding: 4px 7px; font-size: 0.88em; margin-right: 4px; background: var(--aat); color: var(--aa); }
cscoe>bl d>t>span { height: 15px; width: 15px; display: block; }
cscoe>bl div>c { display: flex ; justify-content: end; align-items: center; font-size: 0.82em; gap: 4px; flex-wrap: wrap; }
cscoe>bl div>c a { color: var(--aa); font-weight: 400; }
cscoe>bl st { color: var(--green); line-height: 1.66; }
cscoe>bl bd div>t ct { text-decoration: line-through; }
cscoe>bl bd div>t { display: block; font-size: 0.77em; }


@media (max-width : 999px){
	cscoe>bl { grid-template-columns: 155px auto auto; border: none; background: var(--bc); border-radius: 11px; }
	cscoe>bl hd { position: relative; display: block; background: var(--bc); border-radius: 11px; margin-right: 11px; }
	cscoe>bl hd>input { position: absolute; z-index: 99; height: 15px; width: 15px; margin: 11px; }
	cscoe>bl f> { display: flex ; grid-column-start: 1; align-items: center; gap: 7px; flex-wrap: wrap; margin-top: 11px;  }
	cscoe>bl f>hr { display: none; }
	cscoe>bl f>btn { display: block; padding: 4px 11px; background: var(--b); border-radius: 33px; border: var(--bor) 1px solid; font-size: 0.88em; }
	cscoe>bl ft { grid-column-start: 1; grid-column-end: 3; }
	cscoe>bl bd { display: block; }
	cscoe>bl bd div { display: block; }
	cscoe>bl price { justify-content: start; margin: 4px 0; font-size: 1.33em; }
	cscoe>bl bd d { display: none; }
	cscoe>bl div>c { margin: 4px 0; }
	cscoe>bl hd>i img { position: absolute; inset: 0; width: -webkit-fill-available; object-fit: cover; }
}
/* Component : ProductCarts */
ccats hd dv t { color: var(--aa); font-weight: 400; }
ccats hd dv t:hover { border-bottom: solid 1px; }
ccats>bl { background: var(--b); padding:11px; margin: 11px 0; }
ccats bl hd h2 { font-weight: 500; font-size: 24px; }
ccats bl hd t { font-size: 13px; color: var(--aa); font-weight: 400; }
ccats>bl>ft { display: flex; width: 100%; justify-content: end; font-weight: 500; }
ccats>bl>hd div f { display: flex; justify-content: space-between; margin-top: 1px; margin-bottom: 12px; }
ccats>bl>hd div flex { display: flex; justify-content: end; font-size: 0.77em; font-weight: 500; color: var(--c0); }
@media(max-width:999px){
	ccats>bl { margin: 0; padding: 11px; }
}
/*Component:Vibration_Categorys*/
cvns>bl>bd d { display: grid; gap: 18px; overflow: scroll; grid-template-columns: auto auto auto auto; }
/*Component:Vibration_Category*/
cvny hd i { height: 258px; width: 236px;}
cvny hd img { background: rgb(63 63 63 / 4%);border-radius: 13px; }
cvny bd b { display: flex; height: 24px; width: 62px; background:var(--bt); border-radius: 5px; margin-top: -7px; align-items: center; justify-content: center; color: var(--b); font-size: 11px; }
cvny bd dv { display: flex; align-items: center; gap: 7px; }
cvny bd p { margin-top: 2px; color:var(--bt); }
cvny bd span { display: flex; gap: 11px; font-size: 22px; margin-top: -6px; }
cvny bd f { font-size: 13px; color: var(--bb); margin-top: 7px; }
cvny ft d { font-size: 13px; }
cvny ft pm { font-size: 13px; }
cvny ft sp { display: block; font-size: 13px; color: var(--aa); }
/*Product_Consider*/
cmim>bl { position: relative; padding: 11px; margin: 0 7px; display: block; }
cmim { display: block; flex: none; }
cmim bd i { display: block; max-width: 134px; }
cmim bd img { object-fit: contain;}
/*Product_Considers*/
cmis>bl { display: block; padding: 11px; background: var(--b); margin-top: 11px; }
cmis>bl>hd { display: flex ; align-items: center; justify-content: space-between; margin-bottom: 11px; }
cmis hd h2 { font-size: 23px; font-weight: 600; }
cmis hd a { font-weight: 400; font-size: 14px; color: var(--aa); }
cmis hd a:hover { text-decoration: underline; }
cmis>bl>bd>d { display: flex; overflow: scroll; }
@media screen and (max-width: 999px) {
	cmis>bl { background: var(--b); min-width: 224px; display: block;}
}
/*component=ProductDetails*/
crdn>bl { display: block; padding: 11px 0; margin: 7px 0; }
crdn>bl>bd { display: block; margin-top: 11px; }
crdn bd d grid btn { display: flex; border: solid 1px var(--bor); padding: 6px 4px; max-width: 112px; border-radius: 5px; font-size: 12px; background: var(--red); justify-content: center; }
crdn bd d grid btn t { font-weight: 400; color: var(--b); font-size: 13px; }
crdn bd d grid discount { display: flex; gap: 8px; font-size: 26px; align-items: center; margin-top: 8px; color: var(--red); }
crdn bd d grid discount price { color: var(--c); font-size: 28px; font-weight: 400; display: flex; }
crdn bd d grid discount price small { font-size: 17px; display: block; }
crdn bd d grid rt { display: flex; gap: 6px; font-size: 13px; margin-left: 1%; color: var(--c0); }
crdn bd d grid dv { display: grid; align-items: center; }
crdn bd d grid dv span { font-size: 15px; font-weight: 600; color: var(--c); }
crdn bd d grid dv a { font-size: 14px; font-weight: 400; color: var(--aa); }
crdn bd d grid dv a:hover{text-decoration: underline; }
crdn>bl>bd>d dv { display: grid; margin-top: 8px; gap: 7px; justify-content: flex-start; }
cpdg>bl dv>div { display: grid; grid-template-columns: 144px auto; }
crdn>bl bd>d>dv h3 { display: block; margin-bottom: 11px; }
cpdg>bl bd>d>dv>div b { font-size: 15px; font-weight: 500; }
crdn>bl bd>d>dv>div span { font-size: 15px; }

/* Component : ProductFilter */
cpdf>bl { display: block; padding: 11px; margin: 11px; position: relative; }
/* Component : Product_Gallery */
ctyo>bl { display: grid ; grid-template-columns: 88px auto; padding: 11px; margin: 11px; }
ctyo>bl>hd dv { display: block; }
ctyo>bl>hd>dv i { display: flex; border: solid 1px var(--c0); padding: 0px 1px; margin: 6px; width: 69px; height: 64px; }
ctyo>bl>hd>dv i img { width: 36%; object-fit: cover; }
ctyo>bl>bd>div i { height: auto; width: auto; margin: 11px; position: relative; padding-top: 100%; cursor: zoom-in; overflow: hidden; margin: 0; }
ctyo>bl>bd>div i img { position: absolute; inset: 0; margin: auto; }
ctyo>bl bd>div { height: -webkit-fill-available; background: var(--bc); position: relative; display: grid ; align-items: center; }

@media screen and (max-width: 999px) { 
	ctyo bl { margin: 0; display: flex ; flex-direction: column-reverse; }
	ctyo>bl>hd dv { display: flex ; }
	ctyo>bl bd>div { position: relative; background: unset; }

}



:root{ --container-w: 420px; --container-h: 420px; --result-w: 420px; --result-h: 420px; --lens-size: 120px; --zoom-factor: 2.8; }
ctyo .img-container img { user-select: none; -webkit-user-drag: none; transition: transform .25s ease; }
ctyo .zoom-lens { position: absolute; width: calc(100% - 44%); height: calc(100% - 67%); border: 1px solid rgba(0, 0, 0, 0.12); background: url(/-Brand/Amazon/asset/Graper.gif); pointer-events: none; transform: translate(-50%, -50%); mix-blend-mode: normal; display: none; backdrop-filter: blur(2px); }
ctyo .zoom-result { width: 77vh; height: 70vh; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; background-size: cover; display: none; position: absolute; right: 0; transform: translateX(105%); background: var(--b); border: 1px solid var(--bor); box-shadow: 0 0 7px 4px var(--bc); top: 0; }

@media (max-width: 980px){
	:root{ --result-w: 300px; --result-h: 300px; } 
	ctyo .wrap{flex-direction:column; align-items:center;}
}
/*Component :-Product_Help*/
cphp>bl { display: block; padding: 11px; margin: 11px; }
cphp hd i { width: 19px; }
cphp hd { display: grid; grid-template-columns: 5% 23%; align-items: center; margin-bottom: 11px; }
cphp hd h3 { font-size: 14px; }
cphp>bl bd btns { display: flex; gap: 4px; flex-wrap: wrap; }
cphp>bl bd btns btn { padding: 7px 16px; border-radius: 26px; font-size: 14px; background: var(--aat); color: var(--aa); font-weight: 400; }
cphp>bl bd btns btn:nth-child(4) { background: var(--aa); color: var(--b); font-weight: 500; }

@media(max-width: 999px){
	cphp>bl { padding: 11px; margin: 11px; }
}
/*Component:-ProductHistories*/
cumr { display: block;  margin: auto; }
cumr>bl { display: block; /* background: var(--bt); */ background: var(--b); }
cumr d { display: flex ; overflow: scroll; }
cumr hd h4 {font-size: 19px; margin-bottom: 10px; }
cumr hd span { margin-top: 6px; margin-left: 9px; color: var(--aa); }
cumr>bl>hd dv { display: flex; padding: 13px; justify-content: flex-start; }
@media (max-width: 999px) {
cumr bd { overflow: scroll; display: block; }
cumr { position: relative; }
	
cumr>bl>hd dv { padding: 7px; }
}

/* Component :- ProductInvoice */

cpiv>bl { display: block; background: var(--b); padding: 11px; margin: 11px; border-radius: 8px;  }
cpiv bl hd mg { display: flex; }
cpiv bl hd mg { display: flex; gap: 5px; }
cpiv bl hd mg a { color: var(--aa); }
cpiv bl hd mg a:hover { text-decoration: underline; color: var(--c); }
cpiv a.this { color: var(--a); }
cpiv bl hd h4 { margin-top: 3px; font-size: 29px; }
cpiv bl hd mg { display: flex; gap: 9px; }
cpiv bl hd d t { margin-left: 5px; }
cpiv bl hd f hr{ width: 1px; height: 22px; margin: 0 11px; }
cpiv bl hd d { display: flex; justify-content: space-between; }
cpiv bl hd  btn t { color: var(--aa); font-size: 18px; font-weight: 500; }
cpiv bl hd btn t:hover { text-decoration: underline; color: var(--c); }
cpiv bl hd btn { display: flex; }
cpiv bl hd btn i img { width: 38px; margin-left: 9px; }
cpiv>bl>bd { display: block;color: var(--bor); }
cpiv>bl>bd div:nth-child(1) { display: grid; grid-template-columns: auto auto auto; padding: 22px; border: solid 1px var(--bor); border-radius: 8px; }
cpiv bd div ul { padding: 0; margin: 0; }
cpiv>div>d { display: block; }
cpiv bl div li { color: var(--c); display: flex; padding-left: 0; align-items: center; justify-content: space-between; }
cpiv div  h4 { font-weight: 700; color: var(--c); }
cpiv cods>bl>hd { display: none; }
cpiv cods>bl bd { grid-row-start: unset; grid-row-end: unset; }
cpiv cods>bl { grid-template-columns: auto auto; }
cpiv bl hd btn i { width: 11px; height: 11px; margin: auto 4px; }

@media(max-width: 999px){

cpiv>bl>bd div:nth-child(1) {display: none;}


}

/*ProductLive*/
cbwd bl { display: block; padding: 11px; box-shadow: unset; border-radius: 22px; border: solid 1px var(--bc); backdrop-filter: unset; max-width: 262px;  position: relative;}
cbws>bl bd>d { display: grid; grid-template-columns: auto auto auto auto; gap: 10px 6px; }
cbwd hd { display: block; }
cbwd bd  btns { display: flex ; gap: 10px; }
cbwd hd input[type="radio"] { width: 30px; display: flex ; }
cbwd hd div d { display: flex ; align-items: center; gap: 10px; }
cbwd hd div dv{ margin-top: 14px;}
cbwd hd div d { display: flex; align-items: center; border-radius: 17.5px; height: 27px; width: 27px; margin-top: 14px; justify-content: center; margin-right: -1px; }
cbwd bd u { color: var(--at); font-size: 14px; }
cbwd bd btns btn:nth-child(1){border: 1px solid var(--bor); }
cbwd bd btn { height: 21px; width: 21px; border-radius: 33px; }
cbwd bd btn:nth-child(1){background: var(--c);}
cbwd bd btn:nth-child(2){background: var(--at);}
cbwd bd btn:nth-child(3){background: var(--aat);}
cbwd bd btn:nth-child(4){background: var(--c0);}
cbwd bd btn:nth-child(5){background: var(--aa);}
cbwd bd btn:nth-child(6){ background: var(--a); }
cbwd bd div dv { display: flex ; gap: 2px; align-items: center; }
cbwd bd div dv img { height: 28px; width: 53px; object-fit: contain; }
cbwd bd div dv svg { height: 38px; width: 64px; }
cbwd bd  div p { font-size: 17px; font-weight: 400; color: var(--c); }
cbwd bd div dv flex:active{ border: solid 1px var(--c0); }
cbwd bd div dv flex { border-radius: 10px; align-items: center; justify-content: center; display: grid; height: 39px; padding: 2px; grid-template-columns: auto auto auto auto auto auto; }
cbwd bd div dv d { color: var(--aa); font-size: 16px; }
cbwd bd div grid { font-size: 18px; display: flex ; gap: 8px; align-items: center; }
cbwd bd d price { font-weight: 600; font-size: 32px; display: flex; align-items: start; line-height: 1; }
cbwd bd d small { font-size: 17px; color: var(--c0); }
cbwd bd div  d { display: flex; align-items: center; gap: 10px; margin-top: 2%; }
cbwd bd div c { font-size: 14px; }
cbwd bd d s { font-size: 15px; color: var(--c0); }
cbwd bd div dv { display: flex ; gap: 2px; align-items: center; width: max-content; }
cbwd bd div dv:hover chcd { opacity: 1; visibility: visible; }
chcd { display: none; }
chcd.HeadphoneCard { display: block; }
cbwd ft span { font-size: 15px; font-weight: 400; color: var(--c); width: fit-content; max-width: 465px; }
cbwd ft strong { font-size: 15px; font-weight: 400; color: var(--c); }
cbwd ft div { display: none; }
cbwd ft btns { display: flex ; gap: 10px; }
cbwd ft btn { height: 21px; width: 21px; border-radius: 33px; }
cbwd ft btn:nth-child(1){background: var(--c);}
cbwd ft btn:nth-child(2){background: var(--at);}
cbwd ft btn:nth-child(3){background: var(--aat);}
cbwd ft btn:nth-child(4){background: var(--c0);}
cbwd ft btn:nth-child(5){background: var(--aa);}
cbwd ft btn:nth-child(6){ background: var(--a); }
cbwd ft u { color: var(--at); font-size: 14px; }
cbwd hd  i { position: relative;height: auto; width: auto; margin: auto; }
cbwd hd img { inset: 0; margin:auto;}
@media screen and (max-width: 999px) {
	cbwd ft btns { display: flex; gap: 10px; margin-top: 5%; }
	cbwd bd btns { display: none; }	
	cbwd ft { grid-column-start: 2; }
	cbwd bl { display: grid ; grid-template-columns: 122px auto auto; gap: 10px; max-width: unset; border: unset; }
	cbwd ft btn:nth-child(5) {  display: none; }
	cbwd ft btn:nth-child(6) {  display: none; }	
	cbwd bd div p { font-size: 15px;}
	cbwd bd div grid { font-size: 14px;}
	cbwd bd d price {  font-size: 22px;}
	cbwd bd d small { font-size: 14px;}
	cbwd bd div d {gap: 1px;}
	cbwd bd div c { font-size: 11px; margin-left: 0%; }
	cbwd ft div { display: block; }
	cbwd ft span { font-size: 13px; }
	cbwd ft u { color: var(--c);}
	cbws>bl bd>d { display: block;}
}/*Boat_WiredEarphones*/

cbws hd { display: grid ; grid-template-columns: auto auto auto auto ; gap: 10px; }

cbws ft span { font-size: 14px; font-weight: 400; color: var(--c); /* margin-bottom: 10px; */ display: block; max-width: 234px; }

cbws ft strong { font-size: 15px; font-weight: 400; color: var(--c); }
cbws { display: block; margin-top: 25px; }

@media(max-width:999px){
cbws hd { display: block; }
cbws { max-width: 424px; }


}

/* COmponent :- ProductOrders */

cposi hd input {height: 31px; }
cposi hd d { display: grid; grid-template-columns: auto max-content max-content; }
cposi hd d h4 { font-size: 27px; }
cposi hd mb { display: flex ; border-bottom: 1px solid var(--bc); margin: 11px 0; }
cposi hd mb aa.this { box-shadow: 0 2px 0 var(--a); color: var(--c); font-weight: 600; }
cposi hd mb aa { font-weight: initial; color: var(--aa); font-size: 0.88em; padding: 4px 7px; margin: 0 11px; }
cposi hd btns { display: flex ; gap: 20px;align-items: center;}
cposi hd btns btn:nth-child(2) { background: var(--bc); padding: 7px 15px; border-radius: 8px; display: flex ; text-align: center; border: 1px solid var(--bc); font-size: 0.88em; }
cposi>bl btn { display: flex ; align-items: center; gap: 10px; }
cposi hd d > div i { height: 12px; width: 12px; }
cposi hd btn span { font-weight: 500; }
cposi>bl sh>btn { background: var(--bb1); color: var(--b); font-size: 0.88em; border-radius: 33px; padding: 9px 22px; white-space: nowrap; margin: 0 11px; }
cposi hd input {padding-left: 44px;background: var(--b);}
cposi>bl sh>sl>i { height: 22px; width: 22px; margin: 11px; position: absolute; }
cposi hd mb aa.this:hover { text-decoration: none; user-select: all; }
cposi hd mb aa:hover { text-decoration: underline; }
cposi bd d p:nth-child(2) { display: block; margin-left: 6px; font-size: 11px; }
cposi bd d h2 { font-size: 16px; }
cposi bd d h2 { display: none; }
cposi bd d p:nth-child(2) { display: none; }
cposi hd d > div { display: flex ; }
cposi>bl sh { display: flex ; align-items: center; }
cposi>bl sh>sl { display: flex ; align-items: center; background: var(--bc); position: relative; height: auto; border-radius: 11px; margin: 0; border: 1px solid var(--bor); }
cposi hd d > div i:nth-child(2) { height: 12px; width: 12px; transform: rotate( 178deg); }
cposi hd mb cc { display: flex; align-items: center;border-bottom: 1px solid var(--bc); }
cposi hd mb btn { display: flex; align-items: center; padding: 9px 11px; gap: 10px; font-size: 0.99em; border: solid 1px var(--bor); }
cposi hd mb btn i { width: 8px; transform: rotate( 178deg); }
cposi>bl hd div>btn { display: none ; grid-template-columns: auto 22px; align-items: center; padding: 4px 11px; border-left: 1px solid var(--bc); }
@media(max-width: 999px) {
	cposi hd d { display: block; padding: 6px; }
	cposi hd mb { display: block; }
	cposi hd mb cc { display: none; }
	cposi hd btns { display: none; }
	cposi>bl sh>btn { display: none; }
	cposi bd d {display: block;padding: 5px;margin: 11px;}
	cposi bd d h2 { display: block; }
	cposi bd d p:nth-child(2) { display: block; }
	cposi>bl hd div>btn { display: grid ; }
	cposi hd d > div svg { fill: var(--aa); }
    cposi hd d h4 {font-size: 23px;padding-left: 6px;}
cposi hd d > div { padding: 8px; box-shadow: 0px 3px 0px 0px var(--bor); border: unset; border-top: 1px solid var(--bor); gap: 19%; margin-top: 10px; width: 100%; position: relative; left: -6px; }
} 

/*ProductPurchase*/
cppc>bl price>small { font-size: 0.55em; margin: 0 2px; margin-top: 3px; }
cppc>bl price { display: flex ; font-size: 1.11em; font-weight: bold; margin-bottom: 11px; justify-content: end; }
cppc>bl d i svg { fill: var(--c1); height: 20px; width: 20px; }
cppc bl { display: block; max-width: 227px; border: 1px solid var(--bor); padding: 11px; margin: 11px; }
cppc>bl hd price { display: block; }
cppc>bl hd div span { font-weight: 600; }
cppc>bl hd div p { display: block; margin: 0px 0px; }
cppc>bl hd a { color: var(--aa); font-weight: 400; text-decoration: underline; margin-top: 3px; display: block; font-size: 0.88em; }
cppc>bl bd d:nth-child(1) { display: grid ; align-items: center; position: relative; grid-template-columns: 15px auto; margin: 11px 0; font-size: 0.88em; }
cppc>bl bd dv h3{ color: var(--green); font-weight: 400; font-size: 20px; }
cppc>bl bd div { display: grid ; grid-template-columns: auto auto; gap: 7px; align-items: center; margin-top: 10px; font-size: 0.77em; }
cppc>bl bd div a { color: var(--aa); font-weight: 400; font-size: 11px; }
cppc>bl dv { display: BLOCK; margin-top: 12px; }
cppc>bl bd d:nth-child(3) { display: flex ; gap: 10px; align-items: center; margin: 11px 0; }
cppc>bl bd d:nth-child(3) price { font-size: 14px; display: block; margin-bottom: 0px; font-weight: unset; }
cppc>bl bd d:nth-child(3) b { display: block; background: var(--green); padding: 4px 11px; font-weight: unset; color: var(--b); font-size: 0.66em; }
cppc>bl bd p { display: block; margin-bottom: 0; margin-top: 1px; }
cppc>bl d btns btn { display: block; background: var(--a); padding: 11px 0px; border-radius: 33px; align-items: center; position: relative; margin: 5px 0; text-align: center; font-size: 0.88em; }
cppc>bl d { display: block; }
cppc>bl d btns btn:nth-child(1) { border: solid 1px; background: unset; justify-content: unset; }
cppc>bl ft div { display: block; margin-top: 10px; }
cppc bl ft btns { display: grid ; align-items: center; margin-left: 3px; }
cppc>bl ft { display: block; margin-top: 7px; border-top: 1px solid var(--bor); }
cppc bl ft btns btn:nth-child(2) { border-radius: 20px; padding: 7px 11px; }
cppc ft btns btn:nth-child(3) svg { border-left: none; }
cppc bl ft btns btn { border: 1px solid var(--bor); padding: 0 7px; padding-left: 10px; border-radius: 7px; display: grid ; align-items: center; grid-template-columns: auto 22px; font-size: 0.88em; margin: 5px 0; }
cppc ft btns btn i svg { height: 22px; width: 22px; padding: 4px; border-left: 1px solid var(--bor); }
cppc bl ft btns btn i { display: block; }
cppc bl ft btns btn span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
cppc>bl d btn>select { width: -webkit-fill-available; margin: 0 11px; }
/*Product_Related*/

crps { display: block; flex: none; }
crps>bl { display: block; margin: 7px; padding: 11px; position: relative; max-width: 201px; }
crps hd i { height: auto; width: auto; position: relative; padding-top: 100%; }
crps hd i img { position: absolute; inset: 0; }
crps bd span { font-size: 14px; color: rgb(0 66 189 / 75%); font-weight: 500; }
crps bd dv { display: flex; gap: 4px; }
crps bd btn { color: var(--b); background: var(--bt); width: 100px; display: flex; height: 23px; align-items: center; justify-content: center; font-weight: 500; font-size: 7px; }
crps bd mg { display: flex; align-items: center; gap: 10px;margin-top: -7px; }
crps bd p { font-size: 18px; color: var(--c1); }
crps bd b { font-size: 18px; font-weight: 400; }
crps bd pm { font-size: 12px; color: var(--c0); }
crps bd s { font-size: 12px; color: var(--c0); }
crps bd div { margin-top: -13px; display: flex; gap: 6px; margin-left: 8px; }
crps>bl name { white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 0.88em; margin-bottom: 4px; font-weight: 600; color: var(--aa); }
/*Product_Relateds*/
cpod>bl { display: block; background: var(--b); padding: 11px; margin-top: 11px; }
cpod hd h2 { font-size: 22px; margin-bottom: 8px; }
cpod d { display: flex ; overflow: scroll; }
@media(max-width:999px){
	cpod>bl { display: block; background: var(--b); margin: 0; }
	cpod d { display: flex; overflow: scroll; width: 443px; }
	
	cpod hd h2 {font-size: 15px;}
}
/*Component:-Product_Review*/
coao bl hd { display: flex; }
coao bl hd i { display: block; height: 32px; width: 49px; }
coao bl hd { display: flex; align-items: anchor-center; background: var(--b);}
coao bd dv { display: flex; }
coao>bl bd span { color: var(--c0); margin-block-start: 0; font-weight: 500; font-size: 13px; margin-bottom: 3px; display: block; }
coao bd h { display: flex; gap: 9px; align-items: center; }
coao ft btn { border: solid 1px var(--bor); padding: 5px; border-radius: 223px; margin: 3px; display: flex; width: 89px; justify-content: center; }
coao ft btns { display: flex; }
coao h c { border-right: solid 1px var(--bor); font-size: 13px; color: var(--c0); display: flex; padding: 3px; }
coao h name { font-weight: 600; font-size: 13px; color:var(--aa); }
coao ft btn:nth-child(2) { border: unset; border-left: solid 1px var(--bor); border-radius: 0; width: unset; }
coao bd f { font-size: 12px; }
coao bd a { font-size: 0.88em; display: flex; }
coao bd span { font-size: 12px; }
coao>bl { display: flex ; flex-direction: column; gap: 2px; align-items: baseline; padding: 11px; background: var(--bt); margin: 11px; }
coao hd h2 { font-size: 14px; margin-left: 31px; }
coao>bl bd p { font-size: 0.88em; margin: 0; }
coao>bl bd>i { display: flex; justify-content: flex-start; margin-bottom: 14px; margin-top: 11px; }
coao bd h span { color: var(--c1); }
@media(max-width:999px){
	coao bd a { font-size: 0.98em; display: block; }
	coao bl { display: flex;gap: 2px; align-items: baseline; padding: 0; margin: 0; }
	coao>bl bd>i img { width: 63%; border-radius: 10px; height: 161px; object-fit: cover; }
	coao ft btns { display: grid; grid-template-columns: auto auto; justify-content: space-between; width: -webkit-fill-available; }
	coao>bl ft { display: flex; width: -webkit-fill-available; }
	coao ft btn:nth-child(2) { border: unset; border-left: unset; border-radius: 0; width: unset; }
	coao>bl bd p { font-size: 0.99em; margin: 0; font-weight: 400; color: var(--bb); }
	coao h c { border-right: solid 1px var(--bor); font-size: 15px; color: var(--c0); display: flex; padding: 3px; }
	coao bd f { font-size: 15px; display: none; }
	coao>bl bd span { color: var(--c0); margin-block-start: 0; font-weight: 500; font-size: 15px; margin-bottom: 3px; display: none; }
	coao>bl bd span { color: var(--c0); margin-block-start: 0; font-weight: 500; font-size: 15px; margin-bottom: 3px; display: block; }
}
/* Component -:- ProductReviews */
ccras>bl>bd { display: flex; justify-content: center; }
ccras>bl { padding: 11px; border-top: solid 1px var(--bor); max-width: 1121px; display: grid; margin: 11px 11px 11px 150px; }
@media(max-width:999px){
	ccras>bl { padding: 11px; margin: 11px; border-top: solid 1px var(--bor); max-width: 445px; }
	ccras>bl>bd { display: block; justify-content: center; }
}
/* Component -:- ProductSearch */
cpch { display: block; position: absolute; background: var(--b); max-width: 51%; max-height: 44vh; inset: 0; transform: translateX(47.6%); }
cpch bl { display: flex; align-items: center; }
cpch bl hd i { display: block; width: 25px; height: 25px; }
cpch>bl>bd d { display: flex; align-items: center; margin-bottom: 5px; padding: 9px;}
cpch>bl>bd d i { width: 29px; height: 25px; }
cpch>bl>bd d span { FONT-SIZE: 1.2em; font-weight: 400; }

cpch>bl>bd d:hover { background: var(--bc); }
@media(max-width: 999px){
cpch { display: block; position: absolute; max-width: 95%; transform: translateX(10px); }
}
/* Component -:- ProductSearches */

cpchs>bl { display: block; background: var(--b-t95); width: 100%; margin-right: 631px; }
cpchs { display: none; }
.productsearch cpchs { visibility: visible; opacity: 1; position: relative; }
.search cpchs { display: block; }
@media(max-width: 999px){
.search flyouts { top: 90px; }
}
/*component=ProductService*/
cpfp { display: block; max-width: 1695px; margin: auto; margin-left: 34%; }
cpfp img { height: 30px; }
cpfp p { font-size: 0.77em; color: var(--aa); margin: 0; }
cpfp h2 { display: grid ; grid-template-columns: 22px auto; gap: 1%; align-items: center; }
cpfp p { font-size: 0.77em; color: var(--aa); position: relative; top: 31px; right: 24px; }
cpfp i { height: 44px; width: 44px;  border-radius: 55%;margin: auto; }
cpfp div{display: flex ; }
cpfp slides { display: flex ; position: relative; width: 72%; }




@media only screen and (max-width: 999px) {
cpfp>bl { margin: 0; }	
cpfp { display: grid ; grid-auto-flow: column; }

}
/* Component : ProductSubscription  */
cpbj>bl { display: grid ; grid-template-columns: max-content auto max-content; padding: 11px; margin-top: 11px; position: relative; }
cpbj>bl d>i { height: 55px; width: 55px; }
cpbj>bl hd>d { display: flex ; white-space: normal; width: 122px; flex-direction: column; align-items: center; text-align: center; font-size: 0.77em; margin-right: 11px; }
cpbj>bl p { margin: 0; }
cpbj>bl hd { display: grid ; max-width: 444px; grid-template-columns: max-content auto max-content; padding-right: 11px; }
cpbj>bl name { font-size: 1.22em; }
cpbj>bl bd { display: grid ; grid-template-columns: auto max-content auto 1px; padding-left: 11px; align-items: center; }
cpbj>bl d>a { color: var(--aa); font-size: 0.88em; margin-top: 11px; display: block; font-weight: 400; }
cpbj>bl hr { width: 1px; height: -webkit-fill-available; display: block; margin: 0 11px; }
cpbj>bl dv>f { display: flex ; align-items: center; gap: 5px; font-size: 0.88em; }
cpbj>bl f>ds { display: block; height: 22px; width: 44px; background: var(--bc); }
cpbj>bl f>i { height: 33px; width: 33px; }
cpbj>bl bd dv { display: block; padding: 0 11px; }
cpbj>bl ft>btn { display: block; margin: 11px; padding: 11px 33px; font-size: 0.88em; background: var(--bc); border: 1px solid var(--bor); border-radius: 5px; text-align: center; }
cpbj>bl ft { display: flex ; flex-direction: column; justify-content: center; padding-left: 11px; }
cpbj>bl bd>d { display: flex ; flex-direction: column; padding-left: 11px; }


@media(max-width : 999px) {
	cpbj>bl { display: block; }
	cpbj>bl hr { width: -webkit-fill-available; margin: 11px 0; height: 1px; }
	cpbj>bl hd>hr { grid-column-start: 1; grid-column-end: 3; }
	cpbj>bl hd { align-items: unset; padding: 0; }
	cpbj>bl name { font-size: 1.1em; }
	cpbj>bl hd>d { justify-content: unset; }
	cpbj>bl bd { display: block; padding: 0; }
}/*ProductSubscriptions*/


casto bl { padding: 14px 18px; line-height: 26px; background: var(--b-t); width: 83%; position: relative; }
casto hd h2 { font-size: 20px; font-weight: normal;}
casto hd span { display: flex ; }
casto hd a { color: var(--aa); font-size: 18px; }
casto hd h3 { font-size: 14px; }
casto bd h3  { font-weight: 400;font-size: 15px;}
casto bd h4 { margin-left: 7%; font-size: 11px; font-weight: 500; }
casto bd a { color: varvar(--aa); }
casto ft btn { border: solid 1px var(--aa); height: 27px; display: block; border-radius: 20px; background: var(--aa); margin-top: 11px; }
casto ft t:after {border-top: 1px solid var(--aa); content: ""; display: block; height: 1px; position: absolute; top: 79%; width: 89%; }
casto ft t { margin-left: 43%; }
casto ft btn {  height: 30px; display: flex ; border-radius: 14px; margin-top: 0px; background: var(--aa); align-items: center; justify-content: center; font-size: 14px; }
casto ft span1 { display: block; margin-top: 14px; margin-left: 28px; color: var(--__dChsbGMXsw4B, var(--aa)); font-size: 14px; }
casto div { display: flex; }
casto hd div div { width: 85%; height: 122%; background-color: var(--aa); margin-left: -11px;}
casto hd div { width: 240px; height: 14px; border: 1px solid var(--aa); border-radius: 10px; overflow: hidden; display: inline-block; }
casto ft span1:hover { text-decoration: underline; }
casto pan { display: block; margin-left: 89%; margin-top: -10%; }
/* Component : ProductTrending */
cspi>bl { display: block; padding: 11px; margin: 5px; position: relative; }
cspi>bl hd>i { height: auto; width: auto; padding-top: 100%; }
cspi>bl hd>i img { position: absolute; inset: 0; margin: auto; }
cspi>bl name { font-size: 0.88em; }
cspi>bl name { font-size: 0.88em; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }

@media (max-width : 777px) {
	cspi { flex: none; width: -webkit-fill-available; display: none; max-width: 177px; }
	cspi:first-child { display: block; height: -webkit-fill-available; }
	cspi>bl name { display: none; }
	cspi>bl { margin: 0; background: var(--bc); }
}

/*Component:-AllenSolly_Product*/
caop hd i { background-image: url(/-Brand/Amazon/asset/media.png); height: 24px; min-width: 34px; background-size: cover; background-position: center; margin-bottom: 3px; line-height: 20px; font-size: 14px; padding: 0px 12px 1px 0px; color: var(--bb); width: 108px; }
caop bd dv { display: grid ; gap: 6px; padding: 9px 5px 2px 1px; }
caop hd { display: flex ; }
caop hd h2 { font-size: 19px; }
caop>bl { margin: 11px; background: var(--b); padding: 11px; border-radius: 11px; display: block; }
caop bd dv i { width: 18px; height: 28px; align-items: center; }
caop bd d { display: flex ; gap: 12px; align-items: center; }
caop bd span { font-size: 14px; font-weight: 500; }

/* component -:- Product_ApplioncesCategory */

cpac>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpac>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpac>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
/* component -:- Product_BrandCategory */

cpbc>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpbc>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpbc>bl ul>li { display: grid; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cpbc>bl li>input { margin: 0; height: 11px; width: 11px; }
/*Product_Deal */
cpho { display: block; flex: none; margin: 4px; padding: 11px; max-width: 166px; position: relative; }
cpho bl bd div.rows { display: flex ; gap: 10px; color: var(--c0);height: 1vw;}
cpho bl hd { display: flex ; margin-bottom: 18px; justify-content: center; background: var(--bc); }
cpho bl bd div { display: flex ; align-items: center; gap: 3px; margin-left: 10%;margin-top: 2%; }
cpho bd div span { font-size: 12px; }
cpho bl bd div.rows { display: flex; gap: 10px; color: var(--c0); height: 2vw; }
cpho bd div span:nth-child(2) { font-size: 20px; }
cpho bl bd>spain { background: var(--red); font-weight: 500; color: var(--bl); padding: 2px 7px; margin-bottom: 7px; margin-left: 10px; font-size: 0.77em; }
cpho ft p { color: var(--c0); }
cpho ft s { color: var(--c0); }
@media screen and (max-width: 999px) {
	cpho bl bd div { display: none;}
	cpho bl bd div.rows { display: none;}
	cpho p { font-size: 61%; margin-top: 29px; }
	cpho s { font-size: 64%; margin-top: 19px; }
	child(2) { font-size: 12px; }
	cpho bd { line-height: 8px; display: flex ; flex-direction: column; border-radius: 4px; }
	cpho bl bd btn { background: rgb(204, 12, 57); font-weight: 500; color: var(--bl); padding: 4px; margin-bottom: 7px; width: 37px; font-size: 4px; margin-left: 8%; }
	cpho bl { display: block; }
	cpho { display: block; flex: none; margin: 4px; padding: 11px; max-width: 166px; position: relative; box-shadow: 0px 0px 9px 2px var(--bc);}
	cpho bl bd>spain { background: var(--red); font-weight: 500; color: var(--bl); padding: 9px 7px; /* margin-bottom: 7px; */ /* margin-left: 10px; */ font-size: 0.77em; align-items: center; justify-content: center; display: flex; }
}

/* Component : Product_BrandDeals */
cshm>bl { display: block; position: relative; max-width: 100%; padding: 11px; margin-top: 11px; }
cshm hd { display: flex; }
cshm>bl>bd>i img { width: 100%; height: 100%; object-fit: cover; }
cshm ft d { display: flex; gap: 23px; align-items: center; }
cshm hd span { font-size: 21px; }
cshm hd span:hover { display: flex; color: var(--aa); }
cshm hd div { padding: 8px; }
cshm hd div p { display: flex; color: var(--aa); font-size: 12px; align-items: center; }
cshm hd div p svg { height: 12px; }
cshm>bl>bd>i { max-height: 465px; overflow: hidden; mask-image: linear-gradient(92deg, black 81%, transparent); border-radius: 0; }
cshm>bl>bd { display: grid ; grid-template-columns: 33% auto; }
cshm>bl>bd>d { display: flex; overflow: auto; }
cshm cpho { background: var(--bt); }
cshm>bl bx { position: relative; display: block; }
/* Product_BrandDeals by GaganNayak */
cshm>bl>hd d { display: grid ; grid-template-columns: max-content auto; align-items: center; position: relative; }
cshm>bl bx>t { display: grid ; grid-template-columns: auto 15px; align-items: center; color: var(--aa); font-size: 0.77em; font-weight: 400; }
cshm>bl bx>name { font-weight: 700; }
cshm>bl>hd d>i { padding: 11px; margin-right: 22px; height: 44px; width: max-content; border-right: 2px solid var(--bc); border-radius: 0; }
@media (max-width: 999px) {
	cshm>bl hd { display: block; }
	cshm bd i { min-width: 100%; }
	cshm>bl>bd { display: block; }
	cshm>bl>bd>i { mask-image: none; }
	cshm>bl { margin: 0; }
}

/*Component=Product_BrandFilter*/
cpfn>bl { display: grid ; align-items: end; grid-template-columns: max-content auto max-content; max-width: 1500px; margin: 11px auto; padding: 11px; background: var(--b); box-shadow: 0 2px 8px var(--bc); }
cpfn>bl>hd { display: flex; align-items: end; }
cpfn>bl hd>d { display: grid; gap: 15px; padding: 0px 11px; }
cpfn>bl hd>i { width: 111px; height: 70px; align-items: end; }
cpfn>bl d>btn { display: block; text-align: center; }
cpfn>bl>bd { display: block; }
cpfn>bl bd>mg { display: flex; gap: 11px; }
cpfn>bl hd>i:nth-child(2) { display: none; }
cpfn>bl hd>i:nth-child(3) { display: none; }
cpfn>bl d>btn { display: flex; text-align: center; gap: 25px; }
cpfn>bl mg>a { display: flex; }
cpfn>bl a>i { width: 25px; height: 25px; }
cpfn>bl ft>sl { display: flex; border: solid 1px var(--bor); max-height: 30px; padding: 0px 11px; align-items: center; margin: 0; border-radius: 4px; }
cpfn>bl>ft { display: flex; align-items: end; padding: 0 11px; }
cpfn>bl sl>i { width: 20px; height: 38px; }
cpfn>bl sl>input { padding: 0; }
cpfn>bl mg>a:nth-child(1) { display: flex; color: var(--at); }
cpfn>bl a>t:hover { display: block; text-decoration: underline; }
cpfn>bl mg>a:nth-child(9) { display: flex; color: var(--bor); }
cpfn>bl d>name:hover { text-decoration: underline; }
@media(max-width:999px){
	cpfn>bl bd>mg { display: none; }
	cpfn>bl ft>sl { display: none; }
	cpfn>bl hd>i { display: none; }
	cpfn>bl hd>i:nth-child(2) { display: block; width: 25px; height: 25px; }
	cpfn>bl hd>i:nth-child(3) { display: block; width: 25px; height: 25px; }
	cpfn>bl d>name { display: none; }
	cpfn>bl>hd { display: grid ; align-items: center; background: var(--bt); box-shadow: 11px 11px 10px 0 var(--bc), -5px -2px 10px 0 var(--bc); padding: 11px 10px; gap: 14px; grid-template-columns: max-content auto max-content; }
	cpfn>bl { display: block; margin: 0; padding: 0; }
	cpfn>bl hd>d { padding: 0; }
}
cpfn>bl btns { display: flex; align-items: center; gap: 10px; }
cpfn>bl btns btn { display: flex; border: solid 1px var(--bor); padding: 6px 14px; border-radius: 19px; font-size: 0.88em; }
cpfn>bl btns btn i { width: 20px; height: 20px; }
cpfn>bl btns btn:nth-child(2) { border: none; }
/*Component=Product_BrandPromo*/
cpbn>bl { display: block; padding: 11px; padding-top: 0; margin: 11px auto; margin-top: 0; max-width: 1500px; }
@media(max-width:999px){
cpbn>bl { padding: 0; display: block; margin: 0; }
}
/*component=Product_BrandRelateds*/
cpis>bl>bd { display: grid; grid-template-columns: auto auto; gap: 5px; padding: 11px 0; }
 cpis  bd i {
    width: 506px;
}
cpis>bl { padding: 11px; background: var(--b); }
cpis d { display: flex; overflow: scroll; }

@media(max-width:999px){
cpis>bl>bd { display: block; }
 cpis  bd i { width: 386px; }
}


/*  Component -:- Product_BrandSearch */

cpdd>bl { display: grid; max-width: 482px; grid-template-columns: 155px auto 0; padding: 11px; margin: 11px; background: var(--bt); box-shadow: 11px 11px 10px 0 var(--bc), -5px -2px 10px 0 var(--bc); position: relative; width: max-content; }
cpdd>bl hd { grid-row-start: 1; grid-row-end: 3; background: var(--bc); display: grid ; }
cpdd>bl hd>i { inset: 0; height: auto; width: auto; position: relative; }
cpdd hd i { height: auto; width: auto; padding-top: 100%; }
cpdd>bl hd>i img { position: absolute; inset: 0; margin: auto; display: block; }
cpdd bd d btn { border-radius: 5px; background: var(--red); padding: 4px 6px; color: var(--b); font-size: 12px; }
cpdd bd d span:nth-child(2) { color: var(--red); font-weight: 500; font-size: 13px; padding-left: 6px; }
cpdd bd div p { display: block; position: relative; font-weight: 500; font-size: 1rem; bottom: 8px; top: 0; }
cpdd bd d div:nth-child(3) price:nth-child(1) { font-size: 24px; font-weight: normal; }
cpdd bd div:nth-child(3) { display: grid ; }
cpdd bd div:nth-child(3) span:nth-child(2) { text-decoration: line-through; font-size: 14px; color: var(--aa); font-weight: normal; }
cpdd bd div:nth-child(3) price { display: flex ; gap: 6px; align-items: center; }
cpdd bd div:nth-child(4) i { width: auto; height: 18px; margin-right: 1em; display: flex ; justify-content: unset; }
cpdd bd div:nth-child(4) t { color: var(--c0); font-size: .75rem; }
cpdd>bl ft btn { display: flex; background: var(--a); padding: 7px; border-radius: 33px; align-items: center; justify-content: center; width: -webkit-fill-available; position: relative; z-index: 99; }
cpdd>bl ft { grid-column-start: 2; display: flex ; align-items: center; margin-top: 7px; padding-left: 22px; }
cpdd>bl>bd { padding-left: 22px; }

@media(max-width: 999px){
	cpdd>bl>bd div:nth-child(1) { display: grid ; }
	cpdd>bl {max-width: 391px; min-width: 391px; }
	cpdd>bl>bd div:nth-child(1) btn { width: 21%; padding: 6px; }
	cpdd bd div p { font-size: 12px; }
	cpdd>bl ft btn { width: auto; padding: 9px 22px; }

}
/* Component -:- Product_BrandSearches */

cvbs>bl>hd { display: flex ; justify-content: center; align-items: center; margin-bottom: 16px;}
cvbs hd h2 { text-align: center; font-weight: 300; font-size: 24px; }
cvbs>bl>bd { display: flex ; gap: 10px; overflow: scroll; }
cvbs { display: block; padding: 0px; margin-top: 11px; margin-bottom: 11px; background: var(--b); }
@media(max-width: 999px){
cvbs { padding: unset; margin: unset; }


}
/*componet :Product_BrowsHistories*/
cbps>bl { display: block; padding: 11px; margin-top: 11px; }
cbps csbhs { display: grid ; grid-auto-flow: column; overflow-x: scroll; width: 100%; margin: auto; align-items: center;}
cbps>bl>bd>d { display: flex ; overflow: auto; }
cbps>bl>bd { display: grid ; }
cbps>bl hd>h4 { white-space: normal; }
@media(max-width:999px){
	cbps>bl { margin: 0; }
}

@media(min-width:999px){
	cbps>bl hd>h4 { white-space: normal; font-size: 1.33em; font-weight: 500; }
}

/* Component : Product_BrowsHistory */
cbyo { flex: none; max-width: 233px; }
cbyo>bl { display: block; padding: 11px; margin: 7px; position: relative; }
cbyo>bl hd>i { height: auto; width: auto; padding-top: 100%; position: relative; }
cbyo>bl hd>i img { position: absolute; inset: 0; margin: auto; }
cbyo>bl name { white-space: normal; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; font-size: 0.88em; margin-bottom: 4px; font-weight: 600; color: var(--aa); }
cbyo>bl am { font-weight: 600; font-size: 1.11em; }cypo div { display: flex; padding: 10px; box-shadow: 0px 0px 2px 0px;    width:86%;    border-radius: 10px;}
cypo b { font-size: 19px; }
cypo bd p { margin: 10px 0; font-size: 16px; color: var(--aa); }
cypo div i { height: 78px; display: block; width: 84px; margin-top: 3%; }
cypo hd h2 { line-height: 47px; }
@media(max-width:999px){
cypo div { display: flex; padding: 10px; box-shadow: 0px 0px 2px 0px; width: 93%; border-radius: 10px; }}
/* Component : Product_CartRelated */
cdco>bl { display: grid ; grid-template-columns: 122px auto; gap: 14px; cursor: pointer; }
cdco bl hd i { width: 100%; }
cdco bl bd a { font-size: 0.9em; }
cdco bd span t { font-size: 22px; }
cdco bl bd span { font-size: 15px; display: flex; }
cdco bl bd btn { border: solid 1px var(--bor); padding: 4px 11px; border-radius: 33px; font-size: 0.88em; margin: 4px 0; display: block; width: max-content; }  
cdco>bl rt { display: flex; align-items: center; margin-right: 11px; }
cdco>bl rt>i { height: 15px; width: 15px; margin: 0 3px; }
cdco>bl rt>i.this svg { fill: var(--a); }
cdco>bl rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }

cdcos>bl { background: var(--b); padding: 11px; margin: 11px; width: -webkit-fill-available; }
cdcos bl hd span { display: flex; align-items: center; color: var(--c0); }
cdcos bl hd span:hover { color: var(--bb1); }
cdcos bl hd span i { background-image: url(/-Brand/Amazon/asset/newinfo.png); background-repeat: no-repeat; height: 12px; margin: 1px 0 1px 3px; }

@media(max-width: 999px){	
	cdcos>bl { margin: unset; margin-top: 5px; }
}

/* Component : Eligible_Delivery */
cedo>hd>span i { width: 22px; display: block; }
cedo>bl { display: block; margin: 11px; padding: 11px; background: var(--b); width: -webkit-fill-available; }
cedo hd dv a { text-decoration: unset; font-weight: 400; font-size: 0.88em; }
cedo>hd>dv i { display: block; width: 25px; }
cedo>hd>div { display: flex; align-items: center; gap: 10px; }
cedo>bl>hd { display: flex; gap: 10px; }
cedo>bd>dv { display: flex; align-items: center; }
cedo hd d>i { height: 18px; width: 18px; margin: 4px; } 
cedo hd d>i svg { fill: var(--green); }
cedo ft btns>btn { font-size: 14px; font-weight: 500; color: var(--c); border-radius: 20px; display: flex; align-items: center; justify-content: center; background: var(--a); padding: 10px; width: 88%; margin-left: 13px; }
cedo bd d input { width: 17px; }
cedo ft d { display: flex ; justify-content: space-between; box-shadow: 0px 0px 2px; margin-top: 11px; padding: 6px; }
cedo hd d { display: grid ; grid-template-columns: 22px auto; font-size: 0.88em; margin-bottom: 11px; gap: 4px; align-items: center; }
cedo ft d i { width: fit-content; display: block; transform: rotate(90deg) }
cedo ft d btn { white-space: nowrap; display: flex; justify-content: space-between; }
cedo>bl>ft dv>btn { display: grid; align-items: center; grid-template-columns: auto auto; margin-top: 15px; border: solid 2px var(--bor); padding: 7px 10px; justify-content: space-between; border-radius: 0px 0px 9px 9px; font-size: 0.88em; }
cedo>bl>ft dv>btn i { width: 33px; transform: rotate( 89deg); }
cedo>bl>ft dv>btn  span { font-size: 0.88em; display: none; }
cedo>bl>ft dv>btn span b { font-weight: 500; color: var(--aa); }
cedo>bl>ft dv>btn span b:hover { text-decoration: underline; }
cedo.expend ft dv span { display: block; }
cedo>bl bd>btn { font-size: 1.44em; word-wrap: break-word; max-width: 177px; display: block; }
cedo>bl bd>btn price { font-weight: bold; font-size: 0.88em; }
cedo>bl bd>d { display: grid ; align-items: center; grid-template-columns: 22px auto; font-size: 0.88em; margin: 11px 0; }
cedo>bl bd>d input { height: 11px; width: 11px; margin: 4px; }

@media(max-width: 999px){
cedo>bl { margin: unset; }

}crcs { margin: 11px; }
crcs svg { opacity: 1; max-width: 100%; max-height: 100%; display: block; fill: var(--c); }
crcs bd span { display: flex; width: 131px; }
crcs bd d { display: flex; gap: 9px; overflow: scroll; }

@media(max-width:999px){
crcs bd d { gap: 1px; }

}


cpcs { display: flex; position: relative; margin-top: 35px; gap: 14px; }
cpce bd { display: flex; position: relative; margin: 0 11px 0 0; }
cpcs bd img { max-width: 150px; }

cpcs ft span { position: relative; left: 11px;top: 3px; width: 155px; display: flex ; }
cpcs bd img { max-width: 150px; border-radius: 69px; }
cpce bd { display: flex; position: relative; margin: 0 11px 0 0; }

	
cufo { background: var(--bc); padding: 11px; display: block; }
cufo bl bd { display: flex; flex-direction: column; gap: 7px; }
@media(max-width:999px){
	cufo {padding: 0px;}
}
cdbe span { display: flex; padding: 5px; align-items: center; }cdbe bd  i{ display: inline-block; width: 10px; }
cdbe hd i { display: inline-block; width: 10px; }
cdbe ft i { display: inline-block; width: 17px; }
cdbe ft i svg { fill:var(--bb); }
cdbe bd input[type="checkbox"] { width: 15px; }
cdbe hd input[type="radio"] { width: 15px; }
cdbe ft input[type="radio"] { width: 15px; }
/* component -:- Product_CookewareCategory */

cpcf>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpcf>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpcf>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }	
/*component=Product_CustomerFeedback*/	
	
cmbot is { display: flex; }
cmbot bd h1 { display: grid; grid-template-columns: 83px auto; align-items: center; font-size: 16px; font-weight: 600; column-gap: 7px; }
cmbot hd p { display: grid; grid-template-columns: 33px auto; align-items: center; font-size: 16px; column-gap: 11px; font-weight: 600; margin: 11px 1px; }
cmbot bd h2 { font-size: 16px; font-weight: 600; }
cmbot bl bd { padding: 8px 3px; }
cmbot bl hd { font-size: 21px; }
cmbot bd h4 { margin-top: 8px; }
cmbot btn { display: inline-flex; background:var(--bc); padding: 6px 18px; border-radius: 6px; font-weight: 600;}
cmbot btn:nth-child(2) { background: var(--aaa); color: var(--b); }
cmbot ft { margin-bottom: 12px; display: flex; column-gap: 18px; }
cmbot { background: var(--b); padding: 22px; border-radius: 11px; display: block; margin: 4px 0; }
cmbot  btn:nth-child(2) { box-shadow: inset 0 0 0 2px var(--a); color: var(--a); background: transparent; }
cmbot bl { padding: 4px; margin: 4px; }
cmbot bd p { margin-left: 9px 4px; }

/*component=Product_CustomerReview*/	
cmso { position: relative; display: grid ; background: var(--b); padding: 22px; border-radius: 11px; }
cmso hd h4 { display: grid; grid-template-columns: 47% auto; align-items: center; font-size: 18px; font-weight: 600; }
cmso hd h4 { font-size: 14px; text-align: justify; grid-template-columns: 100%; margin: 11px 4px 3px 1px; }
cmso hd b { font-size: 16px; }
cmso hd t { font-size: 12px; }	
cmso hd b { font-size: 16px; }	
cmso bd { display: grid ; grid-template-columns: 20% 20% 20% 20%;  gap: 11px;  border-radius: 22px; box-shadow: var(--bs-bs);  padding: 0;  margin: 0;padding-top: 11px;}
cmso bd bl { display: grid; grid-template-columns: 24% 68%; padding: 0; align-items: center; background: rgb(213 249 213); margin-block: 11px; border-radius: 8px; box-shadow: var(--bs-b); font-size: 18px; margin: 0;}
cmso ft h1 { font-size: 16px; display: flex; justify-content: space-between; align-items: baseline; }
cmso ft flex.scroll { padding: 4px; margin: 4px; width: 97%; }
cmso ft bl { margin: 2px; padding: 2px; }
cmso ft flex.scroll { overflow-y: scroll !important; padding: 11px 0; display: flex; position: relative; margin: unset; width: 100%; }	
cmso img { border-radius: 7px; }	
cmso ft p { display: grid; grid-template-columns: 95px 13px; align-items: center; font-size: 14px; font-weight: 500; }	
cmso ft p:active { text-decoration: underline; }	
cmso i { height: 35%; }

@media only screen and (min-width: 999px)  { 

}
	
/* Component :- Product_DeliveryOptions */
cdoos>bl { display: block; margin-top: 11px; }
cdoos>bl>bd { display: flex ; overflow-y: auto; }
cdoos>bl>bd d { display: grid ; align-items: center; justify-content: center; white-space: nowrap; margin-right: 11px; padding: 11px; }
cdoos>bl>bd d img { width: 39px; }
cdoos>bl>bd>d b { font-size: 13px; font-weight: 400; color: var(--aa); }

/*Component :- Product_Detail*/
cpdg>bl { display: block; margin: 11px; padding: 11px; max-width: 444px; padding-right: 44px; }
cpdg>bl>hd { display: block; border-bottom: solid 2px var(--bc); }
cpdg>bl>hd>div a { font-size: 14px; color: var(--aa); font-weight: 400; }
cpdg>bl>hd>div a:hover{text-decoration: underline; }
cpdg>bl>hd>div h2 { font-size: 1.51em; font-weight: 500; }
cpdg>bl>hd>dv { display: flex ; gap: 11px; align-items: center; margin: 11px 0; }
cpdg>bl>hd>dv d { display: flex; gap:10px; }
cpdg>bl>hd>dv>d span { font-size: 14px; color: var(--aa); }
cpdg>bl rt { display: flex ; align-items: center; margin-left: 7px; }
cpdg>bl rt>i svg { fill: none; stroke-width: 7px; stroke: var(--a); }
cpdg>bl rt>i { height: 15px; width: 15px; margin: 0 4px; }
cpdg>bl>hd>dv>d span:hover{text-decoration: underline; }
cpdg>bl>hd>dv>d b { font-size: 14px; font-weight: 400; }
cpdg>bl>hd>dv d:nth-child(1) { display: flex ; padding: 5px 11px; border-radius: 7px; gap: 2px; align-items: center; }
cpdg>bl>bd { display: block; margin-top: 11px; }
cpdg bd d grid btn { display: flex; border: solid 1px var(--bor); padding: 6px 4px; max-width: 112px; border-radius: 5px; font-size: 12px; background: var(--red); justify-content: center; }
cpdg bd d grid btn t { font-weight: 400; color: var(--b); font-size: 13px; }
cpdg bd d grid discount { display: flex; gap: 8px; font-size: 26px; align-items: center; margin-top: 8px; color: var(--red); }
cpdg bd d grid discount price { color: var(--c); font-size: 28px; font-weight: 400; display: flex; }
cpdg bd d grid discount price small { font-size: 17px; display: block; }
cpdg bd d grid rt { display: flex; gap: 6px; font-size: 13px; margin-left: 1%; color: var(--c0); }
cpdg bd d grid dv { display: grid; align-items: center; }
cpdg bd d grid dv span { font-size: 15px; font-weight: 600; color: var(--c); }
cpdg bd d grid dv a { font-size: 14px; font-weight: 400; color: var(--aa); }
cpdg bd d grid dv a:hover{text-decoration: underline; }
cpdg>bl>bd>d dv { display: grid; margin-top: 8px; gap: 7px; justify-content: flex-start; }
cpdg>bl bd>d>dv div { display: grid; grid-template-columns: 159px auto; }
cpdg>bl bd>d>dv h3 { display: block; margin-bottom: 11px; }
cpdg>bl bd>d>dv>div b { font-size: 15px; font-weight: 500; }
cpdg>bl bd>d>dv>div span { font-size: 15px; }

cpdg.Product_Detail i.jtc { display: block; transform: rotate(92deg); transition: 600ms; }
cpdg.Product_Detail p { display: block; font-size: 13px; }
cpdg>bl name { font-size: 1.4rem; line-height: 2rem; font-weight: 400; overflow: hidden; -webkit-line-clamp: 4; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; }
/* Component :- Product_DetailColor */
cpdcr>bl { display: block; margin-top: 11px; }
cpdcr>bl>hd { display: flex ; gap: 3px; align-items: center; margin-bottom: 11px; }
cpdcr>bl>hd h5 { font-size: 16px; color: var(--c0); font-weight: 500; }
cpdcr>bl>hd b { font-weight: 500; }
cpdcr>bl>bd { display: grid; grid-template-columns: 75px 75px 75px 75px 75px; margin-left: 0%; padding: 0; gap: 7px; }
cpdcr>bl>bd>d { align-items: center; justify-content: center; border-radius: 5px; display: grid; padding: 2px 1px; border: solid 1px var(--c0);}
cpdcr>bl>bd d img { width: 39px; }
cpdcr>bl>bd>d b { font-size: 13px; font-weight: 400; color: var(--aa); }
cpdcr>bl>bd>d s { font-size: 14px; font-weight: 100; }
cpdcr>bl>bd>d:nth-child(1) { border: solid var(--aa); }
cpdcr>bl>bd>d:hover{border: solid 1px var(--aa);}

/*Component :- Product_DetailOffer*/
cpdor>bl { display: block; margin-top: 11px; }
cpdor>bl hd { display: flex; align-items: center; }
cpdor>bl>hd div { display: grid ; align-items: center; grid-template-columns: 22px auto; gap: 11px; }
cpdor>bl>hd div img { width: 34px; }
cpdor>bl>hd div h3 { font-size: 18px; }
cpdor>bl>bd { display: grid; grid-template-columns: 100%; /* align-items: center; */ gap: 0; width: fit-content; }
cpdor>bl>bd div { display: flex ; gap: 6px; overflow: auto; }
cpdor>bl>bd>div dv { border: solid 1px var(--bor); padding: 6px 8px; border-radius: 6px; width: fit-content; flex: none; height: -webkit-fill-available; }
cpdor>bl>bd>div dv h6 { font-size: 15px; margin-bottom: 0; }
cpdor>bl>bd>div dv span { font-size: 14px; }
cpdor>bl>bd div a { display: flex; align-items: center; gap: 5px; color: var(--aa); font-size: 13px; font-weight: 400;  align-items: flex-start; }
cpdor>bl>bd div a:hover{text-decoration: underline;}
cpdor>bl>bd div a p { font-size: 16px; display: flex; margin-top: -2%; }
cpdor>bl>bd>div dv bx { display: flex; padding: 17px 8px; border: solid 1px var(--c0); width: fit-content; font-size: 20px; position: absolute; margin-left: 100px; margin-top: 2%; background: var(--b); }
cpdor>bl>bd>div dv:nth-child(3) { padding: 7px 9px; }
cpdor>bl bd { position: relative; display: block; }
cpdor>bl bd>btn { display: flex ; position: absolute; height: 66px; width: 33px; z-index: 99; background: var(--b); top: 0; bottom: 0; margin: auto; left: -7px; box-shadow: 0 0 4px 2px var(--bc); border: 1px solid var(--bc); }
cpdor>bl bd>btn:nth-child(1) { left: unset; right: -22px; transform: rotate(180deg); }
cpdor>bl bd>btn i { height: 16px; width: 16px; margin: auto; }
/* Component :- Product_DetailSize */
cpdcs>bl { display: block; margin-top: 11px; }
cpdl>bl>ft h2 { font-size: 1.22em; }
cpdcs>bl>hd { display: flex; gap: 3px; align-items: center; }
cpdcs>bl>hd h5 { font-size: 16px; color: var(--c0); font-weight: 500; }
cpdcs>bl>hd b { font-weight: 500; }
cpdcs>bl>bd { display: grid; grid-template-columns: 54px 54px 54px 55px 54px; margin-left: 0%; padding: 0; gap: 7px; }
cpdcs>bl>bd>d { align-items: center; justify-content: center; border-radius: 5px; display: grid; padding: 8px 13px; border: solid 1px var(--bor); }
cpdcs>bl>bd>d b { font-size: 13px; font-weight: 400; color: var(--aa); }
cpdcs>bl>bd>d:hover{border: solid 1px var(--aa);}
cpdcs>bl>bd>d:nth-child(3) { border: solid var(--aa); }
cpdcr>bl>bd>d:nth-child(1) { border: solid var(--aa); }
/*Component:-Product_Details*/
crds bl { background: var(--b); padding: 11px; border-radius: 11px; margin: 11px;}
crds hd h2 { font-size: 1.25rem; }
crds bd span { font-weight: 700; font-size: 14px;}
crds bd span:nth-child(2) { font-weight: 400; font-size: 14px; line-height: 20px; font-family: Arial, sans-serif; }
crds bd dv { display: block; line-height: 24px; list-style: none; }
crds bd mg { display: flex ; align-items: center; gap: 11px; }
crds bd b { color: var(--aa); font-weight: 400; font-size: 13px; }
crds b:hover { text-decoration: underline; }
crds bd hr { background: var(--bor); }
crds ft span { font-size: 14px; margin-top: 11px; display: block; }



/*component:Amazon_Series*/

casp bd h2 { font-size: 26px; margin-top: 19px; font-family: sans-serif; font-weight: bold; }
casp bd p { font-size: 18px; margin-block-start: 3px; font-weight: 400; }
casp bl bd { display: block; padding: 10px; }
@media(min-width:999px){
	casp hd i { justify-content: unset;}
}
@media(max-width:999px){
	casp { display: block; margin: 11px auto; padding: 11px; max-width: 428px; }
	casp bd h2 { font-size: 21px; }
	casp bd p { font-size: 14px;  }
	casp bl bd { display: block; padding: 0px; }
}cpdo { max-width: 800px; padding: 20px; border-radius: 8px; margin: 22px auto; }
cbpo hd h2 { display: block; font-size: 21px; color: var(--bb); }
cpdo p { font-size: 14px; line-height: 1.6; }
@media(max-width:999px)
{cpdo { display: none; }}
/* Comopnent Discovers */

cdvs bd flex { display: grid; grid-template-columns: auto auto auto auto auto auto; gap: 12px;margin-top: 15px; }
cdvs>bl { background: var(--bb);padding: 22px;border-radius: 15px; }
cdvs { display: block; }
@media(max-width:999px){
	cdvs{display:none; }
}cdvo bd img { border-radius: 10px; }

/* component Discover*/
/* Component Doorbuster_Deals */

cddn d { display: flex ; gap: 10px; overflow: scroll; }

cddn bd { display: flex ; gap: 10px; }

@media(max-width:999px){

cddn bd d {display: grid;gap: 10px;grid-template-columns: auto auto auto;}
}
cdde { display: block;  overflow: hidden; }
cdde hd i { height: 311px; display: block; }
cdde>bl>hd { display: flex; align-items: baseline;  }

@media(max-width:999px){
cdde:nth-child(7) { display: none; }
}
/* Product_ExploreCategories */
cops h3 { font-size: 1em; margin-bottom: 11px; }
cops grd { display: grid; grid-template-columns: auto auto; gap: 17px; }
cops  a { font-weight: 400; color: var(--aa);font-size: 14px; }
cops f { display: block; position: relative; }
cops>bl>bd>d { display: grid ; gap: 11px; grid-template-columns: auto auto auto auto; }
@media only screen and (max-width: 777px) {
	cops>bl>bd { display: grid; gap: 0px; grid-template-columns: auto auto; }
	cops>bl { display: block; margin: 0; }
	cops h3 { font-size: 0.88em; margin: 0; padding: 6px; font-weight: 500; white-space: normal; }
	cops>bl>bd>d { display: flex ; overflow: auto; gap: 0; }
}
/* component -:- Product_FeaturedCategory */

cpfc>bl {display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpfc>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpfc>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }cpfes .container { width: 90%; max-width: 1200px; margin: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; padding: 20px 0; } 
cpfes .feature { padding: 20px; border-radius: 8px; }
cpfes .feature img { width: 77%; border-radius: 8px; } 
cpfes .feature h2 { font-size: 18px; margin-top: 15px; } 
cpfes .feature p { font-size: 14px;  }

/* Component : Product_FilterAvailability */
cdfay>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfay>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfay>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfay>bl li>input { margin: 0; height: 11px; width: 11px; }

/* Component : Product_FilterBrand */
cdfb>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfb>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfb>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfb>bl li>input { margin: 0; height: 11px; width: 11px; position: relative; z-index: 55; }

/* Component : Product_FilterCategory */
cdfy>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfy>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfy>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }

cdfy>bl>hd span { font-size: 0.98em; }

/* Component : Product_FilterClosureType */
cdfct>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfct>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfct>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfct>bl li>input { margin: 0; height: 11px; width: 11px; }

/* Component : Product_FilterColours */
cdfc>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfc>bl ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; margin-top: 11px; }
cdfc>bl ul>li { display: grid; position: relative; padding: 7px; font-size: 0.88em; margin-bottom: 4px; border: solid 1px var(--bor); margin: 1px; background: var(--red); }
cdfc>bl>bd>ul>li i { display: flex; height: 17px; width: 17px; }
cdfc>bl ul>li.this>i { opacity: 1; }
cdfc>bl>bd>ul>li i { display: flex ; height: 17px; width: 17px; opacity: 0; }
cdfc>bl>bd>ul>li i img { filter: invert(1); }

/* Component : Product_FilterDiscount */
cdfds>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfds>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfds>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }

/* Component : Product_FilterDiscountDeal */
cdfn>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfn>bl ul>li { display: grid; grid-template-columns: 104px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfn>bl>bd ul { display: block; padding: 0; margin: 0; margin-top: 4px; }

/* Component : Product_FilterFashionBrand */
cdfn>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfn>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfn>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfn>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterMap*/
cdfmp>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfmp>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfmp>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfmp>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterNewArrival */
cdfa>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfa>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfa>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }



/* Component : Product_FilterOccasion*/
cdfct>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfct>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfct>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfct>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterOuterMaterial */
cdfob>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfob>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfob>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfob>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterPattern*/
cdfpt>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfpt>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfpt>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfpt>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterPayDelivary*/
cdfpd>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfpd>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfpd>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfpd>bl li>input { margin: 0; height: 11px; width: 11px; }

/* Component : Product_FilterPopulars */
cdfp>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfp>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfp>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }


				
/*Component:-Product_FilterPrice*/

cdfo>bl { display: block; position: relative; margin-bottom: 11px; }
cdfo>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfo>bl ul>li { display: flex; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 1px; font-weight: 400; color: var(--c); }
cdfo>bl li>input { margin: 0; height: 11px; width: 11px; }
cdfo>bl price { font-size: 0.98em; font-weight: 500; }
cdfo>bl>hd dv t { display: flex; font-size: 0.88em; padding: 6px 21px; border: 1px solid var(--c0); margin: 4px; border-radius: 19px; position: relative; transition: 95ms; justify-content: center; }
cdfo>bl>hd dv input { margin: 0; width: -webkit-fill-available; height: 4px; accent-color: var(--aa); padding: 0; }
cdfo>bl>hd dv { display: grid ; grid-template-columns: auto max-content; align-items: center; }

/* Component : Product_FilterPurpose*/
cdfpe>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfpe>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfpe>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfpe>bl li>input { margin: 0; height: 11px; width: 11px; }

/* Component :- Product_FilterQuelity */

cpfy>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpfy>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpfy swsn>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cpfy>bl li>input { margin: 0; height: 11px; width: 11px; }
cpfy>bl ul li { display: flex; gap: 11px; align-items: center; font-size: 14px; font-weight: 400; }

/* Component : Product_FilterRunningSurface*/
cdfrs>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfrs>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfrs>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfrs>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterSeason*/
cdfsn>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfsn>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfsn>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfsn>bl li>input { margin: 0; height: 11px; width: 11px; }


/* Component : Product_FilterSpecialFeature */
cdfso>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfso>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdfso>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdfso>bl li>input { margin: 0; height: 11px; width: 11px; }

/* Component : Product_FilterSize */
cdfs>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdfs>bl ul { display: grid ; grid-template-columns: auto auto auto auto auto; padding: 0; margin: 0; margin-top: 11px; }
cdfs>bl ul>li { display: block; font-size: 0.88em; padding: 4px 17px; border: 1px solid var(--bc); margin: 4px; border-radius: 5px; position: relative; transition: 95ms; }
cdfs>bl ul>li:hover { border: 1px solid var(--aat); color: var(--aa); background: var(--aat); }
cdfs>bl ul>li:active { box-shadow: 0 0 0 2px var(--aa); }
cdfs>bl ul>li.this { background: var(--aat); }

/* Component : Product_FilterSpecialFeature */
cdff>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cdff>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cdff>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cdff>bl li>input { margin: 0; height: 11px; width: 11px; }

/*component=Product_FrequentlySuggestion*/
cfbo .container { background: var(--b); padding: 22px; border-radius: 11px; margin: 11px; }
cfbo .title { font-size: 22px; font-weight: 500; margin-bottom: 10px; } 
cfbo .product-list { display: flex ; gap: 15px; padding: 22px;}
cfbo .product { padding: 22px; width: 200px; border-radius: 11px; display: grid ; grid-template-rows: 210px auto ; }
cfbo .product img { width: 88%; height: 88%; }
cfbo .price { font-size: 18px; font-weight: bold; margin-top: 5px; } 
cfbo .add-to-cart { background: var(--a); border: none; padding: 10px 20px; font-size: 0.88em; cursor: pointer; margin-top: 10px; border-radius: 7px; }
cfbo span { display: flex ; justify-content: center; align-items: center; font-size: 35px; }
cfbo .product i { background: var(--bc); padding: 7px; }
cfbo bd { display: flex ; align-items: center; }
cfbo .product input { position: relative; height: 19px; width: 19px; top: auto; right: 0; left: 79px; margin: auto; bottom: 150px; }
cfbo .product>hd { position: relative; display: grid ; }
cfbo .product bd { display: block; }

@media only screen and (max-width: 999px) {
cfbo bd { overflow: scroll; display: grid}
cfbo .product-list { display: block; padding: 0; }
cfbo .product { width: auto; grid-template-columns: 112px auto; padding: 0;height: 99px; }
cfbo .product p { margin: 0; }
cfbo .product i { height: 77px; width: 77px; }
cfbo .product input { display: none; }
}
/* component -:- Product_GardenCategory */

cpgc>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpgc>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpgc>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }cpkc>bl hd>i { display: block; height: 100%; width: 100%; }
cpkc>bl bd { display: flex ; align-items: center;justify-content: center; }ckso>bl>bd { display: flex ; gap: 18px; }

/* Component Kitchen_Shops */

ckss i img { width: 100%; }
ckss>bl bd d { display: grid ; grid-template-columns: auto auto auto auto auto auto auto; }
@media(max-width:999px){
ckso>bl>bd { display: grid; grid-template-columns: auto auto auto; }
}
/*component=Product_LastSearch*/
csie bl { display: block; background: var(--b); min-width: 314px; max-width: 341px;position: relative; }
csie hd h2 { font-size: 22px; }
csie bd { display: flex; flex-direction: column;padding: 10px; }
csie bd p { font-size: 15px; font-weight: 600; }
csie ft a { font-size: 13px; display: flex; gap: 5px; }
csie ft span { color: var(--c0); text-decoration: line-through; }
csie ft { padding: 12px; display: block; }
csie ft aa { display: flex; width: 56px; padding: 6px; border-radius: 4px; border: 1px solid; border-color: var(--bor); height: 52px; aspect-ratio: 1 / 1; }
csie ft dv { display: flex ; gap: 8px; padding: 11px; position: relative; z-index: 999; align-items: center; }
csie ft btn { display: flex ; padding-top: 11px; color: var(--aa); font-size: 15px; position: relative; z-index: 999; }
csie bd dv { display: flex; align-items: center; justify-content: center; width: -webkit-fill-available;}
csie ft aa:focus { border-color: var(--aa); box-shadow: 0px 0px 0px 2px; }
csie ft aa:hover { box-shadow: 0px 0px 1px 0px; border-color: var(--aa); }
csie bd dv i { height: 222px; }
csie bd aa { display: flex; align-items: center; gap: 3px; }
csie bd price { display: flex; align-items: center; font-size: 20px; font-weight: 500; }
@media screen and (min-width: 768px) {
	csie bd small {  display: block; font-size: 15px; font-weight: 400; }}
csie bd rt { font-size: 14px; font-weight: 300; }
csie bd s { font-size: 14px; font-weight: 400; text-decoration: none; }
@media screen and (max-width: 999px) {
	csie bl { display: block; background: var(--b); padding: 11px; width: unset; max-width: unset; }
	csie ft dv { gap: 0; grid-template-columns: 25% 25% 25% 25%; margin: auto; display: grid ; padding: 0; }
	csie bd dv i { height: auto; }
	csie ft i { height: auto; width: auto; }
	csie ft aa { width: auto; height: auto; margin: 4px; padding: 11px;justify-content: center; }	
	csie hd h2 { font-size: 20px; }
}
@media screen and (max-width: 666px) {
	csie ft dv { grid-template-columns: auto auto auto auto; }
	csie ft i { height: auto; width: auto; }
	csie ft aa { display: flex; width: auto; padding: 5px; border-radius: 4px; border: 1px solid; border-color: var(--bor); height: auto; }
	csie bd small {display: block;font-size: 15px;font-weight: 400;}
}
@media(max-width:1240px){
	csie:nth-child(4) { display: none; }
}

/* Component : Product_LastSearches */
csil { display: block; max-width: 1458px; width: -webkit-fill-available; }
csil>bl>bd d { display: flex ; gap: 11px; }
csil>bl>bd { display: flex; gap: 0px; }
csil>bl { background: var(--bl); border-radius: 0px; display: block; }
@media screen and (min-width: 999px) {
	csil>bl>bd d { display: grid; grid-template-columns: auto auto auto auto; gap: 16px; }
	csil>bl { padding: 11px;}
}

@media screen and (max-width: 768px) {
	csil>bl>bd { display: block; }
	csil>bl>bd d { display: flex; gap: 0px;flex-direction: column; }
	csil { padding: 0; }
}
/*Product_LastViewed by arnav*/
cplv>bl name { font-weight: 500; overflow: hidden; display: block; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; white-space: normal; font-size: 1.22em; }
cplv>bl { display: grid ; grid-template-columns: 222px auto; background: var(--b); margin: 11px auto; max-width: 1000px; border: solid 1px var(--bc); padding: 11px; align-items: center; position: relative; }
cplv hd i { position: relative; padding-top: 100%; }
cplv hd i>img { position: absolute; inset: 0; }
cplv div h3 { font-size: 18px; font-weight: 400; }
cplv div dv { display: flex; align-items: center; }
cplv div dv rate { color: var(--c0); margin: 3px; }
cplv div f btn { background: var(--red); padding: 5px; border-radius: 2px; color: var(--b); font-size: 12px; }
cplv div f t { padding: 5px; border-radius: 2px; color: var(--red); font-size: 12px; font-weight: bold;}
cplv f h1 { font-weight: 400; font-size: 38px; }
cplv div btn { background: var(--a); padding: 7px 22px; border-radius: 38px; display: flex ; justify-content: center; width: fit-content; margin-top: 7px; }
cplv bd f { display: flex; align-items: center; gap: 9px; }
cplv>bl prc { font-weight: 600; font-size: 1.22em; }
@media(max-width:999px){
	cplv>bl { padding: 11px; border: solid  0; }
	cplv hd i { height: 100px; }
	/*cplv bd f { display: none; }*/
}
/*Component:-Product_Listing*/

cplg>bl>bd { display: flex; justify-content: center; background: var(--bc); padding: 13px; border-radius: 10px; font-weight: 700; font-size: 20px;}
cplg bl bd a{ color: var(--aa);}
cplg bl bd a:hover{ text-decoration: underline; color: var(--a); }
@media(max-width:999px){
	cplg>bl>bd { display:none; }
}

/* component -:- Product_MettressCategory */

cpmy>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpmy>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpmy>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
/* component -:- Product_MultiCategories */

cpmcs>bl{display: block; padding: 11px; margin: 11px; position: relative;}
/* Component : Product_OLD */

cpts bl bd { width: fit-content; }
cpts bl { padding: 24px; box-shadow: unset; }
cpts hd i { width: 13%; }
cpts btn { border-radius: 8.5px; height: 17px; width: 17px; border: 1px solid rgba(0, 0, 0, .6); display: flex; background: var(--bc); }
cpts btn1 { border-radius: 8.5px; height: 17px; width: 17px; border: 1px solid rgba(0, 0, 0, .6); display: flex; background:var(--bc); }
cpts bd a { display: flex; border: solid 1px; width: fit-content; padding: 2px; border-radius: 20px; }
cpts bd a:nth-child(2) { border: none; }
cpts bd a:hover:nth-child(2) { display: flex; border: solid 1px; width: fit-content; padding: 2px; border-radius: 20px; }
cpts bd btns { display: flex; gap: 5px; }
cpts bd span { display: flex ; font-size: 19px;}
cpts bd h5 { font-weight: 400; }
cpts bd h5:hover { color:var(--aa); }
cpts bd div.star { display: flex; color: var(--aa); }
cpts bd p { color: var(--c0); }
cpts bd div.row { display: flex; align-items: center;gap: 7px;}
cpts bd s { display: flex; color: var(--c0); }
cpts bd btn2 { background:var(--bc); padding: 3px; }
cpts bd h4 { font-weight: 400; }
cpts bd btn3 { display: flex; background: var(--bc); padding: 7px; width: fit-content; border-radius: 20px; }
@media(max-width:999px){
	cpts bd span { display: flex; font-size: 10px; }
	cpts bd btn2 { background: var(--bc); padding: 3px; font-size: 9px; width: 54px; }
	cpts { width: 411px; }
	cpts hd i { min-width: 68%; }
	cpts bd btn3 { display: flex; background:  var(--bc); padding: 7px; width: 32%; border-radius: 20px; justify-content: center; margin-top: 11px; }
	cpts bd h4 { font-weight: 400; font-size: 16px; }
	cpts bd div.row { display: flex; align-items: center; gap: 7px; font-size: 14px; }
}
/* Component -:- Product_OrderFilter */
cpofr { position: absolute; inset: 0; margin: auto; width: -webkit-fill-available; opacity: 0; visibility: hidden; z-index: 9999; }
cpofr>bl { display: block; border: solid 1px var(--bc); background: var(--b); height: -webkit-fill-available; }
cpofr>bl hd { display: block; background: var(--bc); border-bottom: solid  1px var(--bor); }
cpofr>bl hd d { display: flex; align-items: center; justify-content: space-between; padding: 9px; }
cpofr>bl hd d dv { display: flex; align-items: center; gap: 6px; font-size: 0.88em; }
cpofr>bl hd i { width: 6px; height: 13px; }
cpofr>bl hd d btn { display: flex; border: solid 1px var(--bor); border-radius: 20px; padding: 6px 14px; font-size: 0.77em; background: var(--a); }
cpofr>bl bd { display: block; }
cpofr>bl bd>d { display: block; }
cpofr>bl bd>d dv { display: flex; align-items: center; border-bottom: solid 1px var(--bor); padding: 14px; background: var(--b); gap: 6px; }
cpofr>bl bd>d dv input { width: 20px; height: 24px; }
cpofr>bl bd>d h4 { border-bottom: solid 1px var(--bor); background: var(--bc); padding: 9px; }
cpofr>bl bd>d dv span { font-size: 0.99em; }
cpofr>bl ft { display: flex; justify-content: center; align-items: center; margin-top: 1px; padding: 11px; }
cpofr>bl ft btn { display: flex; align-items: center; justify-content: center; width: -webkit-fill-available; border-radius: 20px; padding: 8px; background: var(--a); }
.orderfilter cpofr { opacity: 1; visibility: visible; }
/* component -:- Product_PrimeCategory */

cpgc>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpgc>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpgc>bl ul>li { display: grid; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
cpgc>bl li>input { margin: 0; height: 11px; width: 11px; }
/*Product_RelatedBrands*/
cban bl { display: block; background: var(--bt); padding: 40px; border-radius: 11px; margin: 11px; }
cban hd div { display: block; border-bottom: solid 1px var(--bor); }
cban hd h4 { margin-top: 20px; }
cban hd i { width: 122px; height: 100px; }
cban bd d {display: flex;}
cban hd dv { display: flex ; }
cban hd d { display: block; border-right: solid 1px var(--bor); margin-left: 26px; height: 61px; margin-top: 15px; }
cban hd span { font-size: 20px; margin-left: 32px; margin-top: 12px; font-weight: 500; }
cban hd a { margin-top: 47px; margin-left: -17%; font-size: 13px; color: var(--aa); }
cban bd { background: var(--bc); }
cban ft div { border-bottom: solid 1px var(--bor); margin-top: 20px; }

/*component=Related_Search*/
ctho { display: block; box-shadow: 0px 0px 1px 0px; padding: 11px; }
ctho bd i { height: 37px; display: block; width: 21px; }
ctho bl bd { display: flex; align-items: anchor-center; gap: 42px; }
ctho  bd :focus { outline: auto; }
ctho:focus { border: solid 2px; color: var(--aa); opacity: 76%; }
@media(max-width:999px){
ctho:focus { border: solid 2px; color: var(--aa); opacity: 76%; }
ctho { border-radius: 10px; width: 112%; gap: 108px; display: flex ; }	
ctho { border-radius: 0px; width: 114%; margin: -2vh; margin-left: -2vh; margin-top: -19px; }
ctho bl bd { display: flex ; align-items: anchor-center; gap: 2px; }

ctho bd i { display: block; width: 18px; } 
}
/*component=Product_RelatedSearches*/
cths>bl { display: block; padding: 11px; margin-top: 11px; }
cths>bl>hd { margin-bottom: 11px; }
cths bd d { display: grid ; grid-template-columns: auto auto auto; gap: 11px; }
cths ft btns { border: solid 1px var(--bc); display: grid ; border-radius: 11px; align-items: center; margin: 11px auto; max-width: max-content; grid-template-columns: max-content auto max-content; align-items: center; }
cths ft btns>d { display: grid ; grid-auto-flow: column; align-items: center; }
cths ft btn { display: flex ; align-items: center; justify-content: center; width: -webkit-fill-available; padding: 11px 22px; margin: 0 7px; }
@media(max-width:999px){
	cths { display: block; padding: 5px; width: 118%; }
	cths h2 { display: flex ; margin-left: 11px; }
	cths ft btns { border-radius: 8px; align-items: center; margin: 22px auto; min-height: 5px; color: gray; height: 40px; position: absolute; gap: 15px; border: none; width: -webkit-fill-available; justify-content: center; }
	cths bd d { display: grid; padding-left: 25px; gap: 33px; display: none; }
	cths ft p { display: flex; min-width: 163px; border: solid 1px; align-items: center; justify-content: center; color: gray; min-height: 99%; border-radius: 5px; }
	cths ft i { position: relative; display: flex; border-radius: 7px; justify-content: center; align-items: center; width: 10%; }
	cths ft btn { display: none; }
}


cths ft btns>btn i { height: 22px; width: 22px; }
cths ft btns>btn { font-weight: 500; }
cths ft btn.this { box-shadow: 0 0 0 1px var(--c); }
/* Component : Product_ReviewFilter*/

cpfr>bl { display: block; position: relative;  padding: 11px;  }
cpfr>bl ul { display: flex; flex-wrap: wrap; padding: 0; margin: 0; margin-top: 11px; }
cpfr>bl ul>li { display: flex; position: relative; font-size: 0.88em; margin-bottom: 4px; margin: 1px; align-items: center; }
cpfr>bl>bd>ul>li i { display: flex; height: 19px; width: 19px; margin: 2px; }
cpfr>bl ul>li t { display: grid; align-items: center; grid-template-columns: auto 35px; align-items: center; }
cpfr>bl rt { display: flex; align-items: center; margin-right: 11px; }
cpfr>bl rt>i { height: 15px; width: 15px; margin: 0 3px; }
cpfr>bl rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }
cpfr>bl rt>i.this svg { fill: var(--a); }
/* Component:-Product_Reviews*/
cpdro hd h2 { background: var(--b); font-size: 18px; }
cpdro hd h2 { background: var(--b); font-size: 16px; color: var(--c); }
/* component -:- Product_RoomCategory */

cpry>bl { display: block; padding: 11px; margin: 7px; position: relative; margin-bottom: 11px; }
cpry>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cpry>bl ul>li { display: block; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }
/*Component:-Product_SimularBrand*/

cpsb { display: block; flex: none; max-width: 266px; }
cpsb>bl { display: block; padding: 11px; margin: 7px; position: relative; }
cpsb hd i { height: auto; width: auto; position: relative; padding-top: 100%; }
cpsb hd i>img { position: absolute; inset: 0; }
cpsb bd span { font-size: 14px; color: rgb(0 66 189 / 75%); font-weight: 500; }
cpsb bd dv { display: flex; gap: 4px; }
cpsb bd btn { color: var(--b); background: var(--c1); width: 122px; display: flex ; padding: 6px; align-items: center; justify-content: center; font-weight: 500; font-size: 11px; }
cpsb bd mg { display: flex; align-items: center; gap: 10px;margin-top: -7px; }
cpsb bd p { font-size: 18px; color: var(--c1); }
cpsb bd b { font-size: 18px; font-weight: 400; }
cpsb bd pm { font-size: 12px; color: var(--c0); }
cpsb bd s { font-size: 12px; color: var(--c0); }
cpsb bd div { margin-top: -13px; display: flex; gap: 6px; margin-left: 8px; }
cpsb bd span:hover { text-decoration: underline; }
cpsb bd from i { background-image: url(/-Brand/Amazon/asset/Prime.png); width: 53px; height: 15px; background-position: -181px -128px; }
@media(max-width:999px){
}
/*Component:-Product_SimularBrands*/
cprbs hd h2 { font-size: 22px; margin-top: 11px; }
cprbs bd d { display: flex ; overflow: scroll; }
cprbs>bl { display: block; margin: 11px; padding: 11px; background: var(--b); }
@media(max-width:999px){
	cprbs>bl { display: block; margin: 0px; padding: 11px; }
}
/* component:Subscription_Filter*/
sfpo sl input { font-size: 14px; margin: 0; border: unset; box-shadow: 0px 0px 1px 0px; height: 0; width: fit-content; font-weight: 200; padding: 15px; border-radius: 4px; padding-left: 33px; border: solid 1px var(--bor); }
sfpo hd sl { display: flex; align-items: center; position: relative; overflow: unset; background: unset; height: auto; }
sfpo { display: block; padding: 20px; margin: 11px 0; }
sfpo bl hd { display: flex;  justify-content:space-between; }
sfpo sl input:focus { box-shadow: inset 0 0 0 2px var(--c); border-radius: 5px; outline: auto var(--c0); }
sfpo sl i { display: flex; position: absolute; right: 0; left: 0; height: 17px; width: 17px; margin: 7px; align-items: center; justify-content: center; }
sfpo hd dv { display: flex; align-items: baseline; gap: 5px; }
sfpo hd btn { display: flex; background: var(--c); color: var(--b); padding: 4px; margin: 5px; border-radius: 19px; align-items: center; justify-content: center; width: 80px; font-weight: 500; }
sfpo bd sl { display: flex; position: relative; overflow: unset; background: unset; height: auto; align-items: center; width: auto; }
sfpo bd select { display: flex; font-weight: 500; padding: 5px 88px 4px 2px; border-radius: 5px; margin: 4px; width: auto; border: solid 1px var(--bor); box-shadow: 0px 0px 1px 0px var(--c); background:var(--b1); }
sfpo bd t { display: flex; justify-content: center; color: var(--c0); margin-top: 25px; }
sfpo bd f { display: grid; grid-template-columns: 35% 35%; }
sfpo hd h2 { font-weight: 400; font-size: 1.88rem; }
sfpo hd div { display: none; }
scao>bl>ft { padding: 11px 0; display: block; max-height: 33px; }

@media(max-width:999px){
	scao>bl>ft { padding: 0; display: contents; }
	sfpo bd sl { display: none; }
	sfpo hd h2 { font-size: 1.11em; font-weight: 500; padding: 11px 0; border-bottom: 1px solid var(--bc); margin: 11px; }
	sfpo hd div { display: flex ; justify-content: space-between; padding: 11px; }
	sfpo hd dv { display: none; }
	sfpo bl hd { display: block;justify-content: unset; }
	sfpo div btn1 { display: flex ; box-shadow: 0px 0px 1px 0px; padding: 1px 3px; }
	sfpo bd t { display: block; margin-left: 11%;margin-top: unset; }
	sfpo { padding: unset; }


}

/*Component :- Product_ViewdRelated*/
cpoo bl { display: block; max-width: 222px; min-width: 225px; padding: 11px; }
cpoo hd i { width: 190px; height: 200px; }
cpoo bd span {  18px;color: var(--aa); }
cpoo bd span:hover { text-decoration: underline; }
cpoo hd i { background-image: background-size: 400px 900px; background-position: -82px -293px; }
cpoo bd b { display: flex ; }
cpoo bd a { color: var(--aa); font-weight: 400;  }
cpoo bd t { display: flex ;  gap: 10px;}
cpoo h2:nth-child(1) { font-size: 17px; }
cpoo h2:nth-child(2) { font-size: 17px; font-weight: 400; }
cpoo bd p {  margin-top: 2px; color: var(--bb); }
cpoo bd mg { display: flex ;   }
cpoo p:nth-child(2) { text-decoration-line: line-through; }
cpoo bd d { margin-top: -11px; }
cpoo bd s { font-size: 15px; text-decoration: auto; font-weight: 600; }
cpoo bd from { font-size: 13px; }
cpoo ft btn { display: flex ; height: 28px; width: 91px; border-radius: 28px; margin-top: 6px;background:var(--a); font-size: 12px; justify-content: center; align-items: center; }
cpoo>bl>bd dv { display: grid; }
@media(max-width:999px){
	cpoo { display: block;max-width: 1500px; margin: 11px auto; }
	
	cpoo bl { display: grid ; max-width: 170px; min-width: 189px; margin: 11px; padding: 11px; }	
	cpoo bd span {  11px; color: var(--c); font-size: 16px; }

}


/*component=Product_ViewdRelateds*/
cpvn bl d { display: flex; overflow: scroll; background: var(--b); }
cpvn bl hd h4 { display: block; padding: 11px; font-size: 20px; }
cpvn bl hd { display: block; background: var(--b); }
cddo { padding: 11px; background: var(--b); margin: 11px auto; max-width: 1019px; }

cddo bd { display: flex; overflow: scroll; }
cddo bd d { display: flex;  padding: 12px; gap: 10px; grid-template-columns: auto auto auto auto auto auto auto; }  
cddo h3 { padding: 11px;font-size: 23px;}
cddo a { font-weight: 400; color: var(--aa); margin-top: 23px; height: 21px; font-size: 13px; }
cddo>bl>hd { display: flex;  }
cddo scroll>btn { padding: 5px; background: var(--b); display: flex; border-radius: 0%; align-items: center; justify-content: center; width: 24px; height: 50px; }
cddo btn i { height: 43px; width: 37px; padding-top: var(--m1); margin-top: 13px; }
cddo ft btn:nth-child(2) { position: absolute; left: 87%; margin-left: 29px; transform: rotate(180deg); }
@media only screen and (max-width: 999px) {
cddo { max-width: 100%; }
}
cods bl { display: grid ; border: solid 1px var(--bor); border-radius: 13px; height: auto; }
cods hd { border: solid 1px var(--bc); border-radius: 10px 10px 0px 0px; padding: 11px; background: var(--bc); grid-column-start: 1; grid-column-end: 3; }
cods bd h4 { font-size: 20px; font-weight: 600; color: var(--cgreen); line-height: 1.44em; }
cods bd i { display: flex ; height: 130px; position: relative; right: 7%; }
cods ft img { width: 115px; height: 132px; position: relative; left: 5%;}
cods>bl name { font-size: 16px; font-weight: 400; color: var(--aa); }
cods>bl name:hover{text-decoration: underline;color:var(--c);}
cods bd div btn { max-width: 248px; border: solid 1px var(--c0); border-radius: 20px; height: 32px; min-width: 204px; display: flex; justify-content: center; align-items: center; font-size: 14px; }
cods bd dv p { font-size: 16px; color: var(--aa); margin: 0; }
cods bd div { display: grid ; grid-template-columns: 144px auto; justify-content: center; align-items: center; }
cods>bl ft { display: block; padding: 11px; }
cods { display: block; position: relative; margin: 11px 0; }
cods bd div span:hover { text-decoration: underline; }
cods hd div flex { display: grid ; grid-template-columns: 16% 11% 46% 27%; font-size: 0.88em; }
cods hd div { display: grid ; gap: 0px; }
cods hd div flex neme { color: var(--aa); }
cods hd div flex span:nth-child(4) { color: var(--aa); gap: 15px; display: flex;}
cods hd div flex span { color: var(--c0); }
cods hd div flex price { color: var(--c0); }
cods ft d btns { display: block; }
cods ft d { display: block; }
cods ft d btns btn:nth-child(1) { background: var(--a);border: unset; }
cods ft d btns btn { border: 1px solid var(--c0); padding: 6px 35px; border-radius: 48px; display: block; text-align: center; font-size: 0.88em; margin: 4px; position: relative; }
cods>bl bd { grid-row-start: 2; grid-row-end: 2; padding: 11px; }
cods hd div flex btns t i { height: 11px; width: 6px; transform: rotate( 272deg); margin-left: 5px; }
cods hd div flex btns t { display: flex; align-items: center; }
cods hd div flex btns { display: flex; align-items: center; gap: 10px; }
cods hd div flex btns t { display: flex; align-items: center; color: var(--aa); }
cods hd div flex btns btn:nth-child(2) { background: none; /* padding: 0; */ border-radius: 0; border: none; font-size: 0.99em; }
cods hd div flex btns t:hover { text-decoration: underline; }
cods hd div flex btns btn { position: relative; display: block; }
@media(max-width: 999px){
	cods>bl bd { padding: 0; }
	cods hd { display: none; }
	cpiv cods>bl { padding: 12px; }
	cods>bl ft { display: none; }
	cods>bl bd dv { display: none; }
	cods bd div { grid-template-columns: 111px auto; padding: 0; overflow: hidden; }
	cods>bl name { color: var(--c0); font-size: 14px; }
	cods bd i { display: flex ; height: 77px; width: 91px; right: 0; background: var(--bc); overflow: hidden; border-radius: 11px 0 0 11px; }
	cods bd i>img { height: 100%; width: 100%; object-fit: cover; }
}

/* Products */
cpru>bl { display: block; padding: 11px; margin-top: 11px; }
cpru>bl>bd>d { display: grid ; grid-template-columns: repeat(5, 3fr); }
cpru hd span { font-size: 14px; color: var(--c0); }
cpru hd h2 { font-size: 22px; }
@media(max-width:999px){
	cpru>bl { display: block; padding: 7px; }
	cpru>bl bd>d { display: grid; /* overflow: scroll; */ grid-template-columns: auto auto; } 
	cpru hd span { font-size: 14px; padding: 0px; color: var(--c0); }
	cpru hd h2 { font-size: 22px; padding: 0px; }
}

@media(max-width:1555px){
	cpru>bl>bd>d { grid-template-columns: repeat(4, auto); }
}
@media(max-width:1266px){
	cpru>bl>bd>d { grid-template-columns: repeat(3, auto); }
}
@media(max-width:999px){
	cpru>bl>bd>d { grid-template-columns: repeat(3, auto); }
}
@media(max-width:777px){
	cpru>bl>bd>d { grid-template-columns: repeat(2, auto); }
}
/* Component : Products_OLD */
coto bl { padding: 14px; }
coto bd d { flex-direction: column; gap: 9px; }
@media screen and (max-width: 999px) {
	coto bd flex { display: grid; grid-template-columns: auto auto; gap: 2px; }
	coto h2 { display: none; }
	coto p { display: none; }
	coto { padding: 11px; display: block; }
}
coto bd d {  flex-direction: column; gap: 9px; }cpps hd i { height: 22px; display: block; }
cpps ft div a { color: var(--aa); text-decoration: unset; font-weight: 400; }
cpps bl { display: flex; gap: 8px; justify-content: center; }
cpps ft div a:hover { border-bottom: solid 1px; }

rvdn bd div { display: block; border: solid 1px var(--bor); height: 130px;background: var(--b);}
rvdn bd h2 { font-size: 24px; font-weight: 400; padding: 9px; }
rvdn bd span { padding: 16px; font-style: italic; margin-top: 7px; display: block; }
rvdn bd {display: flex;}
cpre bl { background: var(--b); }
cpre hd h2 { font-weight: 400; font-size: 20px; }
cpre d { display: flex; overflow: scroll; }
crcc {display: none;}
crcc bl { display: block; max-width: 667px; min-width: 798px;margin: 11px auto; }
crcc hd div { border-radius: 50%; color: var(--white); font-size: 42px; font-weight: 600; line-height: 100px; height: 100px; background-color: rgb(194, 57, 179); width: 100px; text-align: center; }
crcc hd div span { color: var(--b); }
crcc hd cc i { display: block; height: 22px; width: 29px; }
crcc hd cc aa:nth-child(1) { display: flex; background: var(--aat); align-items: center; padding: 6px; border-radius: 7px; }
crcc hd cc { display: flex ; gap: 18px; align-items: center; margin-top: 10px; }
crcc>bl>hd { display: grid ; grid-template-columns: 139px auto auto; }
crcc hd d span:nth-child(2) { margin-top: 3px; display: flex ; padding: 3px; background: var(--bc); width: 47px; justify-content: center; align-items: center; font-size: 11px; border-radius: 4px; }
crcc>bl hd d mb { display: flex ; gap: 30px; padding: 5px; margin: 5px; margin-top: 25px; }
crcc>bl>hd btt { grid-column-start: 2; grid-column-end: 5; }
crcc bd div h3 { font-size: 17px; font-weight: normal; margin: 0px 7px; }
crcc bd div i { display: flex ; width: 21px; height: 21px; align-items: center; position: relative; top: 8px; }
crcc bd div b a { display: block; margin-top: 33px; position: relative; left: -41px; color: var(--aa); font-weight: 400; font-size: 12px; }
crcc bd div b { display: flex ; align-items: center; font-size: 12px; box-sizing: border-box; padding: 0px 3px; gap: 9px; }
crcc>bl div c { display: block; margin-top: 20px; color: var(--aa); }
crcc>bl bd hr { margin-top: 26px; }
crcc>bl dv div { display: grid ; grid-template-columns: 56px auto; align-items: center; }
crcc>bl bd dv { display: grid; background: var(--b); position: relative; padding: 35px 14px; overflow: hidden; text-overflow: ellipsis; white-space: normal; box-shadow: rgba(0, 0, 0, 0.13) 0px 1px 3px 0px, rgba(0, 0, 0, 0.11) 0px 0px 0px 0px; background-color:var(--b-t22); flex-grow: 1; }
crcc>bl dv div t { border-radius: 50%; color: var(--white); font-size: 21px; font-weight: 600; line-height: 100px; height: 34px; background-color: rgb(194, 57, 179); width: 37px; text-align: center; display: flex; justify-content: center; align-items: center; color: var(--b); font-size: 12px; }
crcc>bl bd dv bth a { margin-right: 10px; line-height: 24px; color: var(--c1); font-size: 16px; font-weight: 600; display: flex ; }
crcc>bl dv a:nth-child(2) { display: block; margin-top: 12px; font-size: 14px; font-weight: normal; }
crcc>bl bt { display: grid ; gap: 9px; }
crcc>bl ft btn { display: flex ; gap: 7px; border-radius: 5px; padding: 6px 15px; border: 1px solid var(--bor); font-size: 15px; align-items: center; }
crcc>bl ft { display: flex ; justify-content: center; align-items: center; }
crcc>bl bd hr:nth-child(3) { margin-top: 5px; }
/*Component=ReviewNew*/
cwrs hd dv i { display: block; width: 19px; height: 19px; }
cwrs hd i img { height: 24px; width: 39px; }
cwrs hd dv { display: flex ; align-items: center; gap: 21px; }
cwrs hd span i { display: block; width: 17px; }
cwrs hd span { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
cwrs sl input:focus { box-shadow: unset; border-radius: 0px 0px 1px 0px; }
cwrs bd form t { display: block; font-weight: 600; font-size: 15px; }
cwrs bd form sl { overflow: unset; height: auto; background: transparent; }
cwrs bd div { font-size: 14px; margin: 9px 0px 0px; background: transparent; border: dashed; color: var(--bor); padding: 30px; }
cwrs bd div i { height: 29px; position: relative; width: fit-content; margin: auto; }
cwrs hd div i { display: block; height: 20px; width: 17px; }
cwrs ft input:focus { box-shadow: 0px 0px 4px 1px var(--c); }
cwrs ft btns btn { display: flex ; background: var(--a); padding: 6px 22px; border-radius: 21px; box-shadow: 0px 0px 2px 0px; justify-content: center; }
cwrs bd textarea { min-height: 100px; max-height: 400px; resize: both; overflow: auto; margin-top: 9px; padding: 11px; min-width: -webkit-fill-available; max-width: -webkit-fill-available; }
cwrs hd { display: grid; width: fit-content; }
cwrs input[type="file"] { position: absolute; inset: 0; width: -webkit-fill-available; opacity: 0; }
cwrs>bl hd>d { display: grid ; grid-template-columns: 22px auto; padding: 11px 0; margin-bottom: 11px; }
cwrs>bl>ft input { width: 30%; border: 1px solid; margin-top: 8px; }
cwrs>bl>ft { display: block; padding: 9px; padding-left: 0px; }
cwrs>bl>ft div { display: flex ; justify-content: space-between;align-items: center; }
cwrs>bl { display: block; max-width: 777px; padding: 11px; margin: 11px auto; }

@media(max-width:999px){
cwrs bd textarea { margin-top: 7px; width: 95%; height: 65px; min-width: fit-content; padding: 7px; }
	cwrs bd div { font-size: 14px; width: -webkit-fill-available; margin: 0; background: transparent; border: dashed; color: var(--bor); margin-top: 9px; }
	cwrs>bl bd t:nth-child(4) { margin-top: 8px; display: block; }
	cwrs ft input { max-width: 60%; padding: 0 22px; border: solid 2px; margin-top: 9px; }
	cwrs ft btns btn { display: flex; background: var(--a); padding: 6px; border-radius: 21px; width: 26%; box-shadow: 0px 0px 2px 0px; justify-content: center; }
	cwrs ft btns { display: flex; justify-content: end; width: 98%; margin-top: 12px; }
	cwrs ft input { max-width: 96%; padding: 0 22px; border: solid 2px; margin-top: 9px; }
}

 /*Component:-ReviewRatio*/

chcd h3 { margin: 0; font-size: 22px; font-weight: bold; color: var(--bb1); display: flex ; align-items: center; justify-content: space-between; }
chcd hd p { font-size: 19px; color: var(--c0); font-weight: 600; }
chcd hd i { border: solid 3px var(--c0); border-radius: 10px; width: 41px; align-items: center; margin-top: -12px; margin-right: -10px; height: 40px; }
chcd hd h3 img { width: 38px; height: 39px; }
chcd flex { display: flex ; align-items: center; margin: 5px 0; font-size: 14px; }
chcd flex span:first-child { width: 48px; color: var(--aa); font-size: 17px; margin-bottom: 14px;    margin-right: 10px; }
chcd flex span:nth-child(2) { flex: 1; height: 25px; border-radius: 3px; margin-bottom: 7px; border: solid 1px var(--bb1); border-left: solid 1px  var(--bb);}
chcd flex span:nth-child(2) i { display: block; height: 100%;background:var(--bb);}
chcd flex span:last-child { width: 30px;color: var(--bb); font-size: 16px; margin-left: 27px; }
chcd a { display: block; margin-top: 11px; font-size: 18px; text-decoration: none; color: var(--aa); }
hr { display: inline-block; width: 100%; background: var(--bor); height: 1px; border: 0; }
chcd { position: absolute; background: var(--bt); backdrop-filter: blur(15px); opacity: 0; visibility: hidden;}
chcd>bl { height: 378px; border: 1px solid var(--c0); max-width: 430px; padding: 15px; border-radius: 20px; min-width: 365px; }
/*Component -:- ReviewUpdate */

crwu hd dv i { display: block; width: 19px; height: 19px; }
crwu hd i img { height: 24px; width: 39px; }
crwu hd dv { display: flex ; align-items: center; gap: 21px; }
crwu hd span i { display: block; width: 17px; }
crwu hd span { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
crwu sl input:focus { box-shadow: unset; border-radius: 0px 0px 1px 0px; }
crwu bd form t { display: block; font-weight: 600; font-size: 15px; }
crwu bd form sl { overflow: unset; height: auto; background: transparent; }
crwu bd div { font-size: 14px; margin: 9px 0px 0px; background: transparent; border: dashed; color: var(--bor); padding: 30px; }
crwu bd div i { height: 29px; position: relative; width: fit-content; margin: auto; }
crwu hd div i { display: block; height: 20px; width: 17px; }
crwu ft input:focus { box-shadow: 0px 0px 4px 1px var(--c); }
crwu ft btns btn { display: flex ; background: var(--a); padding: 6px 22px; border-radius: 21px; box-shadow: 0px 0px 2px 0px; justify-content: center; }
crwu bd textarea { min-height: 100px; max-height: 400px; resize: both; overflow: auto; margin-top: 9px; padding: 11px; min-width: -webkit-fill-available; max-width: -webkit-fill-available; }
crwu hd { display: grid; width: fit-content; }
crwu input[type="file"] { position: absolute; inset: 0; width: -webkit-fill-available; opacity: 0; }
crwu>bl { display: block; max-width: 777px; }
crwu>bl hd>d { display: grid ; grid-template-columns: 22px auto; padding: 11px 0; margin-bottom: 11px; }
crwu>bl>ft input { width: 30%; border: 1px solid; margin-top: 8px; }
crwu>bl>ft { display: block; padding: 9px; padding-left: 0px; }
crwu>bl>ft div { display: flex ; justify-content: space-between;align-items: center; }
crwu>bl { display: block; max-width: 777px; padding: 11px; margin: 11px; }



@media(max-width:999px){
	crwu bd textarea { margin-top: 7px; width: 93%; height: 65px; padding: 7px;min-width: unset; }
	crwu bd div { font-size: 14px; width: -webkit-fill-available; margin: 0; background: transparent; border: dashed; color: var(--bor); margin-top: 9px; }
	crwu>bl bd t:nth-child(4) { display: block; margin-top: 8px; }
	crwu ft input { max-width: 60%; padding: 0 22px; border: solid 2px; margin-top: 9px; }
	crwu ft btns btn { display: flex; background: var(--a); padding: 6px; border-radius: 21px; width: 26%; box-shadow: 0px 0px 2px 0px; justify-content: center; }
	crwu ft btns { display: flex; justify-content: end; width: 98%; margin-top: 12px; }
	crwu ft input { max-width: 96%; padding: 0 22px; border: solid 2px; margin-top: 9px; }
}

crow bl { background: var(--b); margin-bottom: 10px; }
crow hd { display: flex ; align-items: center; gap: 10px; }
crow hd h2 { font-size: 14px; font-weight: 400; color: var(--bb1); }
crow hd i { width: 30px; height: 60px; }
crow bd span { font-size: 13px; font-weight: 700; position: relative; bottom: 16px; left: 127px; }
crow bd { display: block; align-items: center;}
crow bd dv { display: grid ; }
 crow hd div { display: flex; justify-content: center; align-items: center; gap: 15px; } 
crow bd dv p { position: relative; bottom: 21px; }
crow bd d { display: flex; position: relative; right: 20%; gap: 15px; }
crow bd span:nth-child(3) { color:var(--b1); }
crow bd t { position: relative; display: block; right: 20vh; }
crow ft btn { border: solid 1px; padding: 4px 20px 6px 20px; border-radius: 20px; }
crow ft { display: flex ; gap: 15px; align-items: center;margin-top: 15px; }

@media(max-width: 999px){
crow { display: none; }
}

cerso {display: flex;justify-content: center;}
cerso bl { background: var(--bt); }
cerso hd h2 { font-size: 20px; font-weight: 500; }

@media(max-width: 999px){
	cerso hd h2 {display: none;}


}
/*component=RewardBalance*/
crbs bl { padding: 0px; margin-top: 11px; display: flex ; gap: 21px; }
crbs hd { max-width: 113px; min-width: 220px; }
crbs hd h2 { font-size: 30px; }
crbs hd h4 { font-size: 24px; color: var(--c); font-weight: 500; margin-top: 10px;  margin-bottom: 28px; }
crbs hd div i { display: flex ; align-items: center; justify-content: left; }
crbs hd div img { width: 40%; object-fit: cover; }
crbs hd grid i { display: flex ; align-items: center; justify-content: left; }
crbs hd flex img { width: 59%; object-fit: cover; }
crbs hd div grid { display: flex; max-width: 241px; gap: 10px; align-items: center; }
crbs hd div grid  b { font-size: 13px; font-weight: 100; color: var(--aa); max-width: 125px; min-width: 151px; }
crbs hd div grid i { display: flex; align-items: center; justify-content: left; display: flex; align-items: center; justify-content: left; /* max-width: fit-content; */ }
crbs hd div  grid img { /* width: 100%; */ /* object-fit: cover; */ object-fit: cover; /* height: 66px; */ /* margin-left: 59px; */ min-width: 67px; }
crbs hd flex { display: flex ; align-items: center; }
crbs hd grid img { width:79%; object-fit: cover; }
crbs hd grid  flex a { font-size: 12px; font-weight: 100; /* margin-right: 23px; */ color: var(--aa); max-width: 422px; min-width: 148px; }
crbs hd flex i { display: flex; align-items: center; justify-content: left; display: flex; align-items: center; justify-content: left; /* max-width: fit-content; */ }
crbs hd flex img { width: 92%; object-fit: cover; }
crbs grid div { display: flex;  max-width: 241px; gap: 10px; align-items: center; }
crbs hd grid flex img { width: 90%; object-fit: cover; }
crbs grid div dv d { font-size: 12px; font-weight: 500; width: 119px; }
crbs grid div dv a { font-size: 12px; font-weight: 400; }
crbs hd div grid b:hover{ text-decoration: underline; }
crbs grid div dv d:hover{text-decoration: underline; }
crbs grid div dv a:hover{text-decoration: underline; }
crbs hd grid flex a:hover{text-decoration: underline; }
crbs bd { display: grid;  margin: auto;}
crbs bd div { display: flex; justify-content: center; align-items: center; background: var(--b); max-width: 447px; min-width: 543px; height: 352px; border-radius: 0px; }
crbs bd p { margin-bottom: 15px; font-size: 14px; font-weight: 400; }
crbs bd btn { margin-left: 37px; display: flex; align-items: center; justify-content: center; /* border: solid; */ border-radius: 57px; height: 36px; font-size: 14px; color: var(--c); background: gold; max-width: 181px; }
crbo bd { background: var(--b); box-shadow: 0px 0px 1px 0px; padding: 12px; }
crbo bd div b { display: block; font-weight: 500; font-size: 13px; }
crbo bd div a { color: var(--bt); text-decoration: unset; font-weight: 500; font-size: 13px; }
crbo bd div { display: grid; justify-content: center; }
crbo bd div a:hover { color: var(--bt); border-bottom: solid 1px; width: fit-content; }

@media(max-width:999px){
crbo bd div b { display: block; font-weight: 500; font-size: 13px; }
crbo bd div a { color:var(--bt); text-decoration: unset; font-weight: 500; font-size: 13px; }
crbo bd div { display: grid; justify-content: center; }
}


/*Comopnent:=Reward_ScratchCard*/
 
crscd hd i { justify-content: flex-start; display: flex; }

crscd bd span { font-size: 11px; color: var(--c0); font-weight: 400; }
crscd bd h4 { font-size: 15px; font-weight: 500; }

crscd bd a { font-size: 14px; font-weight: 400; color: var(--c0); }

crscd bd b { font-size: 13px; color: var(--c0); font-weight: 400; }

crscd { border-radius: 11px; display: grid ; grid-template-columns: 111px auto; border: solid 1px var(--bor); width: fit-content; margin: 0 11px; }

crscd hd img { width: 100%; height: 97%; border-radius: 13px 0px 0px 13px;}

crscd bd { display: grid; background: var(--b-t);  padding: 17px; border-radius: 0px 16px 16px 0px; }


@media(max-width:999px){
	crscd{display:none;}


}
/* component :- SellerAbout*/

csao>bl { display: flex; align-items: center; justify-content: space-between; padding: 19px; margin: auto; background: var(--b); max-width: 1334px; margin-bottom: 14px; }
csao>bl hd { display: grid; gap: 8px; }
csao>bl hd h4 { font-size: 1.19em; }
csao>bl hd price { font-size: 0.88em; }
csao>bl hd span { font-size: 0.88em; }
csao hr { display: inline-block; width: 4%; background: var(--bor); height: 1px; border: 0; transform: rotate(90deg); margin-left: 51%; margin-top: 34px; }
csao>bl bd { display: grid; gap: 17px; }
csao>bl bd span { font-size: 0.99em; color: var(--c); font-weight: 500; }
csao>bl bd btn { display: flex; border: solid 1px; width: 206px; border-radius: 30px; padding: 6px 11px; align-items: center; justify-content: center; }

@media(max-width:999px){
 csao>bl { display: block; margin: 3px 0; }
csao hr { display: inline-flex; width: 103%; background: var(--bor); height: 1px; border: 0; transform: rotate( 180deg); margin-left: -3%;  }
}
/*component:SellerAnnouncement*/
cjas bl { display: grid; background: var(--bc); padding: 22px; border-radius: 13px; grid-template-columns: 70% auto;  align-items: anchor-center; max-width: 1111px; margin: 11px auto; }
cjas hd { display: block;  width: 66%; }
cjas hd p { font-size: 18px;}
cjas hd span { color: var(--bb1); display: flex; font-size: 16px; align-items: anchor-center; font-weight: 500; }
cjas hd i { display: block; height: 28px; }
cjas bd d { display: flex; gap: 22px; margin-top: 11px; padding: 8px; padding-left: 0; }
cjas bd div1 f { display: block; border-radius: 14px; background: var(--bb); padding: 22px; }
cjas bd div1 span { display: flex; justify-content: center; color: var(--b); }
cjas bd div1 p {color: var(--b);   font-size: 16px;  }
cjas bd div1.active { transition: 999ms; display: block;    border-bottom: solid 1px var(--bor); }
cjas t i { height: 25px; width: 30px; }
cjas t { display: flex; gap: 4px; }
cjas div1 { display: none; }
cjas bd i { width:  60%; height: 50%; display: flex; justify-content: flex-end; }
@media(max-width: 999px){
	cjas hd {width:unset; }
	cjas bl { display: flow; background: var(--bc); padding: 14px; margin: 8px; }
	cjas bd i { width: 40%; height: 76%; }
	cjas bd { display: flex ; justify-content: center; align-items: center; }
	cjas hd p { font-size:16px;font-weight:500; }
	cjas hd i { display: flex ; }
	cjas { display: block; margin-top: 30px; }
}
/*Component :- SellerCategory */

cscl bl { display: block; padding: 11px; margin: 11px; }
cscl bl hd { margin-bottom: 20px; }
cscl bl bd { display: grid ; align-items: center; gap: 11px; grid-template-columns: auto auto; }
cscl bl bd d span { font-size: 0.72em; }
cscl bl bd d { display: flex ; align-items: center; justify-content: space-evenly; height: fit-content; border: solid 1px var(--bc); background: var(--bc); padding: 7px 11px; }
cscl bl bd d i { width: 52px; object-fit: cover; }

@media(max-width: 999px){
cscl bl { margin: unset; }
	cscl bl hd { margin-bottom: 10px; }

}


/* Component : SellerDetail */
csdt>bl { display: grid ; grid-template-columns: 40% auto; align-items: center; margin: 11px; padding: 44px 11px; border-bottom: 1px solid var(--bc); }
csdt>bl bd { display: none; }
csdt>bl hd { display: block; padding: 11px 11px 11px 0; }
csdt>bl name { font-size: 1.44em; font-weight: 700; }
csdt>bl hd>btn { display: none; }
csdt>bl h5 { display: none; }
csdt>bl a { color: var(--aa); font-weight: 400; font-size: 0.88em; transition: 333ms; }
csdt>bl rt { display: flex ; align-items: center; }
csdt>bl rt>i { height: 15px; width: 15px; margin: 0 3px; }
csdt>bl rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }
csdt>bl rt>i.this svg { fill: var(--a); }
csdt>bl d { display: flex ; align-items: center; margin-top: 4px; }
csdt>bl rt { display: flex ; align-items: center; margin-right: 11px; }
csdt>bl a:hover { color: var(--c); }
csdt>bl hr { width: 1px; height: 77px; margin: 0 22px; background: var(--bc); }
csdt>bl ft { display: flex ; }
csdt>bl ft btn { display: grid ; padding: 7px 21px; grid-template-columns: auto 22px; align-items: center; color: var(--aa); border: 1px solid var(--bc); border-radius: 7px; font-size: 0.88em; width: max-content; margin-top: 11px; }
csdt>bl d>t { font-size: 1.11em; font-weight: 500; }
csdt>bl ft>d { display: block; }
csdt>bl ft btn>i { height: 17px; width: 17px; margin-left: 4px; }
csdt.cv1>bl { background: var(--b); display: block; padding: 11px; margin: auto; max-width: 1353px; }
csdt.cv1>bl ft { display: none; }
csdt.cv1>bl h5 { display: block; font-size: 0.88em; color: var(--aa); font-weight: 400; }
csdt.cv1>bl rt { border-right: solid 1px var(--aat);}
csdt.cv1>bl h5:hover{ text-decoration: underline;}

@media (max-width : 999px) {
	csdt>bl { display: block; margin: 0; padding: 0; border: none; }
	csdt>bl hr { display: none; }
	csdt>bl hd>btn { display: block; height: 22px; width: 22px; padding: 7px; margin: 7px; position: absolute; right: 0; top: 0; }
	csdt>bl hd rt { display: none; }
	csdt>bl h5 { display: block; }
	csdt>bl ft { display: none; }
	csdt>bl bd { display: grid ; grid-template-columns: 88px auto; align-items: center; margin-top: 11px; padding: 0 22px; }
	csdt>bl bd>i { overflow: hidden; border-radius: 11px; margin-right: 11px; height: 77px; width: 77px; }
	csdt>bl d { flex-direction: column; align-items: start; gap: 7px; }
	csdt>bl bd a { font-size: 1em; }
	csdt>bl hd { position: relative; padding: 11px 22px; }
	csdt>bl bg>img { opacity: 1; height: 100%; width: 100%; }
	
	csdt.cv1>bl bd{display:none;}
}
/*SellerFAQ*/

csfq bl { max-width: 493px; box-shadow: 0px 0px 1px; border-radius: 4px; padding: 2px; margin: 22px 0px; background: var(--bt); }
csfq bl hd  h2 { margin-left: 4px; }
csfq bl bd div { display: grid; grid-template-columns: auto 22px; justify-content: space-between; padding: 0 11px; }
csfq bl bd div t { margin-left: 4px; font-weight: 600; }
csfq bl bd div i { width: 22px; height: 22px; }
csfq bl bd div i svg { width: 24px; }
csfq bl hd { padding: 5px 11px; display: block; }
@media(max-width: 999px){
csfq { display: none; }

}
/* Component : SellerFilters */

cslfs>bl { display: block; border-right: solid 1px gray; /* padding: 11px; */ width: fit-content; }
@media(max-width:999px){
cslfs>bl { display: none; }
}
/*component:SellerHero*/
cfce { background: var(--bc); background-image: url(/-Brand/Amazon/asset/banner.png); display: block; background-size: contain; background-repeat: no-repeat; background-size: 36%; background-position: right; max-width: 1340px; margin: 13px auto; padding: 24px; }
cfce bd p { display: flex; font-weight: 500; color: var(--bb); font-size: 32px; line-height: 48px; margin-left: 38px; width: auto; }
cfce bd span { display: block; color: var(--c); font-size: 21px; line-height: 24px; margin-left: 39px; }


cfce ft btn { display: flex; height: 55px; border-radius: 50px; background: var(--a); font-size: 18px; font-weight: 700; color: var(--bb); cursor: pointer; transition: transform 0.3s ease-in-out; margin-left: 45px; max-width: 177px; min-width: 165px; border: solid 4px var(--b); justify-content: center; align-items: center; }

cfce ft btn:hover {  transform: translateX(-3px);  transform: translateY(-3px); }


cfce bl ft { display: block; margin-top: 14px; }

@media(max-width:999px){
	cfce { background-size: 84%; background-position: 21px 254px; height: 479px;padding: 0;}
	cfce>bl { justify-items: center; display: flex; gap: 11px; flex-direction: column; align-items: center; }
cfce bd span { font-size: 17px; text-align: center; margin-left: 0; }
	cfce ft btn { position: relative; bottom: 11px; margin-left: 0; }
 cfce bd p { display: block; font-size: 16px; margin-left: 2px; }
}
/*component:SellerHighlights*/

chro { display: block; background: var(--b); padding: 11px; border-radius: 7px; }
chro hd { display: flex; align-items: center; justify-content: center; flex-direction: column; }
chro hd div { display: flex; gap: 5px; align-items: center; justify-content: center; margin-right: -5%; }
chro bd div { background: var(--at); box-shadow: 0 0 32px rgba(0,0,0,.1); }
chro hd h2 { font-size: 49px; color: var(--bb); white-space: nowrap; }
chro hd i {width: 10%;}
chro bd { display: flex; gap: 20px; align-items: center; justify-content: center; padding: 10px; }
chro bd f { display: flex; font-size: 39px; font-weight: 800; justify-content: center; }
chro bl bd p { font-size: 18px; margin: 6px; text-align: center; font-weight: 100; }
chro bd price { font-size: 20px; position: relative; display: flex; justify-content: center; }

@media(max-width: 999px){
	chro bd { gap: 20px; overflow: scroll; }
	chro { max-width: 402px; min-width: 418px; }
	chro hd i { position: relative;}
	 chro bd { justify-content: unset; }
	chro bd f { position: relative;  }
	chro bd price { display: none; }
	chro hd { flex-direction: unset; display: flex; position: relative;}
	chro hd h2 { font-size: 20px; margin-left: 7%; }
	chro hd div img { max-width: 236px; height: 83px; min-width: 86px; margin-right: 47%; }	
	prdo bl { display: flex; margin-left: 20%;  flex-flow: column; }
chro bd div { padding: 0px; display: grid; justify-content: center; align-items: center; max-width: 388px; min-width: 301px; height: 149px; }
	chro hd div {margin-right: 0;}
}
/* Component -:- SellerIdentity */

cdve>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cdve bd dv span svg { height: 22px; width: 22px; opacity: 0.2; }
cdve bd dv:nth-child(7) p { display: flex; font-size: 0.99em; color: var(--c0); margin-bottom: 11px; }
cdve bd dv p:nth-child(2) { font-size: 0.99em; color: var(--c0);padding-left: 13px; }
cdve bd p span { color: var(--c1); font-weight: 500; }
cdve bd d { margin-top: 2%; display: block; }
cdve bd d span { font-size: 16px; font-weight: 600; }
cdve bd d div { padding-left: 13px; }
cdve bd d t { color: var(--c1); font-weight: 500; display: block; margin-top: 2%; }
cdve bd div:nth-child(5) input { height: 15px; width: 15px; }
cdve bd div:nth-child(5) span { display: flex; align-items: center; margin-top: 16px; }
cdve bd div:nth-child(5) p {  padding-left: 13px; }
cdve bd div:nth-child(6) input { height: 15px; width: 15px; }
cdve bd div:nth-child(6) span { display: flex; align-items: center; }
cdve bd div:nth-child(6) p { padding-left: 13px; }
cdve>bl>bd h5 { display: block; margin-top: 9px; font-weight: 400; font-size: 0.99em; }
cdve>bl>bd h5:nth-child(2) { display: block; margin-top: 9px; font-weight: 400; font-size: 0.99em; }
cdve>bl>bd h5:nth-child(2) p { margin: 0; font-weight: 700; font-size: 0.99em; color: var(--bor); }
cdve ft { display: flex; margin-top: 49px; justify-content: center; }
cdve ft btn { display: flex ; width: 37%; padding: 11px 0px; border-radius: 8px; justify-content: center; align-items: center; background-color: var(--a); }
@media(max-width: 999px){
cdve { display: block; margin-top: 8px; }
	cdve ft btn { width: 100%; }
	cdve bd p span { display: flex ; }
	cdve bd dv span svg { height: 25px; width: 32px; }


}
/* Component :- SellerProduct */
cspa>bl { display: block; padding: 1px; margin: 11px; border-radius: 4px; }
cspa>bl>bd div>h5 { display: block; font-weight: 400; }
cspa>bl>hd i { display: flex ; position: relative; padding-top: 100%; height: auto; width: auto; background: var(--bc); border-radius: 0px; }
cspa>bl>hd i img { position: absolute; inset: 0; margin: auto; object-fit: unset; height: auto; width: auto;margin: auto;}
cspa>bl>bd div>d { display: flex; align-items: center; width: fit-content; border-radius: 9px; padding: 3px; }
cspa { max-width: 287px; display: block; }
cspa>bl>bd div>h6 { font-size: 0.77em; font-weight: 400; }
cspa>bl>bd div>discount { display: flex; flex-wrap: wrap; min-width: max-content; align-items: end; gap: 3px; /* margin-bottom: 8px; */ font-size: 0.88em; padding: 0px; }
cspa>bl>bd div>discount price { font-size: 1.55em; font-weight: 400; display: flex; }
cspa>bl>bd div>discount b { font-weight: 400; font-size: 0.88em; }
cspa>bl>ft f { font-size: 0.77em; display: inline-block; }
cspa>bl>ft h6 { font-size: 0.77em; font-weight: 400; }
cspa>bl>ft { display: block; line-height: 22px; padding: 5px; }
cspa>bl>bd div>discount>price small { margin-bottom: 2px; font-size: 0.77em; }
cspa>bl rt { display: flex ; align-items: center; margin-right: 11px; }
cspa>bl rt { display: flex ; align-items: center; }
cspa>bl rt>i { height: 15px; width: 15px; margin: 0 3px; }
cspa>bl rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }
cspa>bl rt>i.this svg { fill: var(--a); }
cspa>bl name { font-weight: 400; max-height: 4.4rem; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.44; overflow: hidden; white-space: normal; margin: 4px 0px; font-size: 0.77em; }
cspa>bl bd { display: block; padding: 5px; }


@media (max-width:999px){

	cspa>bl { display: grid; /* padding: 11px; */ justify-content: center;  grid-template-columns: 150px auto auto; border: none; margin: 0; }
	cspa>bl hd { display: grid; grid-row-start: 1; grid-row-end: 4; }
	cspa>bl bd { display: grid; grid-column-start: 2; grid-column-end: 4; }
	cspa>bl bd { display: grid; grid-column-start: 2; grid-column-end: 4; }	
	cspa { max-width: unset; margin-bottom: 19px; }
	cspa>bl>bd div>discount { min-width: unset; }
	cspa>bl name { font-size: 10px; font-weight: 400; }
	cspa>bl>ft f { font-size: 11px; }
	cspd>bl hd>div { border-radius: 0;}
	cspd>bl hd>div t { font-weight: 400; color:unset; }	
	cspa>bl>hd i { display: flex; position: relative; padding-top: 100%; height: auto; width: auto; background: var(--bc); border-radius: 0px; }
cspa>bl>hd i img { position: absolute; inset: 0; margin: auto; object-fit: unset; height: auto; /* width: 95%; */ }
}
/*component:Displays_Speakers*/
cesl { margin-bottom: 19px; display: block; }
cesl bd d { display: flex ; gap: 35px; overflow: scroll; }
@media(max-width:999px){
	cesl { margin: 11px auto; padding: 11px; display: block; max-width: 422px; }

cesl bd d { display: grid; grid-template-columns: auto auto; /* overflow: unset; */ gap: 9px; }






}
/* Component :- SellerProducts */

cspd>bl { display: block; padding: 11px; margin: 11px auto; max-width: 1500px; }
cspd>bl hd>div { display: flex; align-items: center; border: solid 1px var(--bor); border-radius: 10px; padding: 15px 25px; }
cspd>bl ft>btn { display: flex; align-items: center; border: solid 1px var(--bor); border-radius: 10px; padding: 9px 11px; justify-content: center; font-size: 1.2em; font-weight: 500; color: var(--aa); }
cspd>bl hd>div t { color: var(--red); font-weight: 500; }
cspd>bl ft>btn:hover{color: var(--a); text-decoration: underline; }

/* SellerProducts by GaganNayak */
cspd>bl bd>d { display: grid ; overflow: scroll;grid-template-columns: auto auto auto auto; }

@media (max-width : 999px) {
	cspd>bl bd>d { display: block; overflow:unset;}
	cspd>bl ft>btn { border: solid 1px var(--c); border-radius: 30px; width: fit-content; color: var(--c); font-size: 17px; }
	cspd>bl ft { display: flex; justify-content: center; }
	cspd>bl { display: block; padding: 11px; /* margin: 11px auto; */ max-width: 1500px; }
	cspd>bl hd>div { border-radius: 0; margin-bottom: 10px; }
}
/*Component:-SellerPromo*/

cwhe bl { background: var(--b); padding: 11px; max-width: 1255px; margin: 22px 0px; margin-bottom: 11px; }
cwhe bd d btn { background: var(--bc); border-radius: 22px; padding: 11px; display: block; height: fit-content; text-align: center; font-weight: 900; font-size: 17px; }
cwhe bd d { display: grid; grid-template-columns: 44px auto; gap: 25px; align-items: center; margin-left: 11px; }
cwhe bd div1 { display: grid ; gap: 11px; }
cwhe bd { display: grid; grid-template-columns: auto max-content; margin-top: 2%; justify-content: space-between; }
cwhe ft btn { display: flex; width: 47%; padding: 11px 0px; border-radius: 8px; justify-content: center; align-items: center; background: var(--a); }
cwhe ft { display: flex ; justify-content: center; align-items: center; margin-top: 2%; }
cwhe hd h2 { font-size: 31px; padding: 11px; }
cwhe bd dv t { font-size: 16px; font-weight: 500; }
cwhe bd dv p {  font-size: 14px; }
cwhe bl div div1 h3 { font-weight: 500;  font-size: 16px;}
cwhe bl div div1 t { font-size: 12px; }


@media (max-width: 768px) {
	cwhe bd dv t { font-size: 14px;padding: unset; }
	cwhe bd { grid-template-columns: unset; }
	cwhe bd div1 { gap: 22px; display: grid ; }
	cwhe bd dv p { width: auto; }
	cwhe ft btn { width: -webkit-fill-available; }
	cwhe hd h2 { font-size: 25px; }
}

/*SellerPromotion*/
csto { display: grid; min-height: 534px; margin: 0; position: relative; }
csto>bg { z-index: 0; }
csto>bl { padding: 22px; position: relative; z-index: 5; height: 100%; background: url(/-Brand/Amazon/asset/ShipingPromo.png) center right/700px no-repeat, url(/-Brand/Amazon/asset/WaveBG.png) top left/cover no-repeat; align-items: center; display: flex; margin-top: 11px; }
csto hd h2 { display: block; position: relative; font-size: 70px; font-weight: 700; color: var(--bb); margin-top: 24px; }
csto hd p { position: relative;  font-size: 23px; }
csto hd btn { display: flex; height: 69px; width: 178px; border-radius: 94px; background: var(--a); position: relative;  align-items: center; justify-content: center; font-size: 20px; font-weight: 700; }
csto>bl hd { display: grid;  }
csto hd btn:hover { background:var(--aa); }
@media(max-width:999px)
{
	csto bl { padding: unset; background: url(/-Brand/Amazon/asset/WaveBG.png) top left / cover no-repeat; justify-content: center; }
	csto hd h2 { font-size: 40px; }

	csto hd p { font-size: 17px; text-align: center; }
	csto hd btn { margin: auto; }
	csto { background: unset; height: fit-content; }
	csto { background: unset; }
}
/* component :- SellerProtaction */
cspn>bl { background: var(--b); display: block; padding: 11px; margin: 0 auto; max-width: 1353px; box-shadow: 0 1px 7px var(--bc); }
cspn>bl bd i { display: flex; width: 28px; height: 28px; }
cspn>bl bd { display: flex; align-items: center; gap: 8px; }
cspn>bl bd h7 { font-size: 0.77em; font-weight: 500; }
cspn>bl bd span { font-size: 0.99em; }

@media(max-width:999px){
	cspn>bl{display:none;}
}
/* component :- SellerReview */

csrw>bl bd rt { display: flex; align-items: center; margin-right: 11px; }
csrw>bl bd rt>i { height: 15px; width: 15px; margin: 0 3px; }
csrw>bl bd rt>i.this svg { fill: var(--a); }
csrw>bl bd rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }
csrw>bl bd>dv { display: flex; margin-top: 17px; gap: 26px; align-items: baseline; }
csrw>bl bd>dv h6 { font-weight: 400; font-size: 0.77em; }
csrw>bl>bd div grid span { font-size: 0.88em; margin-bottom: 8px; }
/* component :- SellerReviews*/

csrsw>bl { display: block; padding: 19px; margin: auto;  max-width: 1334px;margin-bottom: 14px; background: var(--b);}
csrsw>bl hd h4 { font-size: 1.19em; margin-bottom: 30px; }
csrsw>bl>bd div { height: max-content; align-items: center; }
csrsw>bl>bd div l select { border: solid 1px var(--bor); border-radius: 10px; padding: 8px 22px; width: auto; display: block; margin-left: -3px; margin-top: 10px; width: 156px; font-size: 0.88em; font-weight: 500; }
csrsw>bl>bd { display: flex; gap: 18px; }
csrsw>bl>bd div l b { color: var(--c0); margin-top: 8px; display: block; }
csrsw>bl>bd div grid { gap: 6px; margin-top: 6px; }
csrsw>bl>bd div grid g { font-size: 0.88em; font-weight: 500; gap: 3px; display: flex; align-items: center; }
csrsw>bl>bd div grid g t {  color: var(--aa); }
csrsw>bl>bd div grid g t:hover{ text-decoration: underline;}
csrsw>bl>bd div grid span { font-size: 0.88em;}

@media(max-width:999px){
 csrsw>bl { display: grid; margin: 3px 0; }
 csrsw>bl>bd { display: block; }
csrsw>bl>bd div l select { width: 96%; background: var(--bc); }
csrsw>bl>bd div grid { width: 60%; }
csrsw>bl>bd div grid span { font-size: 0.99em; }


}
/*component :SellerTestimonial*/

casi:nth-child(even) { display: block; }
casi:nth-child(even)>bl { flex-direction: row-reverse; align-items: end; }
casi>bl { display: flex ; align-items: center; padding: 11px; margin: 11px; margin-top: 22px; }
casi bd { display: grid; gap: 8px; /* align-items: center; */ }
casi bd h3 { font-size: 20px; }
casi bd dv i:before { background: rgba(0, 0, 0, 0) url(/-Brand/Amazon/asset/MultiIcons.png) no-repeat; background-position: -1px -380px; content: ""; height: 48px; width: 60px; }
casi bl bd i { width: fit-content; height: 45%; }
casi bl hd i img { max-width: 185px; }
caso bl bd d { display: grid; gap: 15px; }
casi bd p { margin: 0; font-size: 32px; }
casi bd span{ display:block; opacity:.75; font-size:12px; margin-top:2px; }
@media (max-width:560px){
	casi{ padding:18px 16px 14px; }
casi bd { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 55px; }
	casi bd i{ width:84px; height:84px; }
	casi bd i img { object-fit:unset;height: unset;}
	casi>bl { display: grid; }
	casi bd p { font-size: 22px; }
}
/*component : SellerTestimonials*/
caso { display: block; border: 1px solid; border-radius: 9px; border-color:var(--b); background: var(--b); margin: 12px auto; }
caso>bl>hd { display: flex; align-items: center; justify-content: center; background: var(--at); max-width: 1000px; padding: 22px; margin: 11px auto; border-radius: 15px; }
caso bd div { display: flex; align-items: center; justify-content: center; gap: 4%;}
caso bd div:nth-child(2) { position: relative; left: 321px; flex-direction: row-reverse; }
caso bd span {display: flex;font-size: 15px;font-weight: 700;flex-direction: column;height: 60px;}
caso>bl>bd { display: flex; padding: 11px; justify-content: center; }
caso bd name { font-size: 24px; font-weight: 900; }
caso hd h2{font-size: 30px;font-weight: 700;}
cjas hd p { font-size: 23px; display: flex; gap: 11%; }
cjas hd span i { height: 164px; width: 436px; position: relative; left: 36%; }
cjas hd p i { height: 164px; width: 436px; position: relative; left: 36%; }
caso bd f { position: relative; bottom: 30px; }
caso bd btn { background: var(--b); height: 41px; min-width: 40px; border-radius: 24px; position: relative; right: 76%; top: 8px; display: flex; align-items: center; justify-content: center; }
@media (max-width: 999px) {
	caso { display: block; border: 1px solid; border-radius: 9px; border-color: var(--b); background: var(--b); margin: 12px auto; padding: 28px; }
	caso hd h2 { font-size: 30px; font-weight: 700; padding: 10px; background: var(--aa); display: flex; border-radius: 14px; }
	/*prdc bl { display: flex; margin: 7px; position: relative; overflow: hidden; flex-flow: column; }*/
	caso bd div { display: flex; align-items: center; justify-content: center; gap: 4%; flex-direction: column; }
	cjas hd span { display: none;}
	caso hd h2 { font-size: 22px; padding: 11px 19px; background: var(--bc); }
	caso bd i { height: 190px; width: 338px; }
caso bd name { display: block; margin-top: 11px; font-weight: unset; font-size: 20px; }
	cjas hd p { font-size: 16px; }
	
}
/*SellerTrust*/

cbso { display: block;  }
cbso hd h2 { display: flex; justify-content: center; font-size: 33px; color: var(--bb); }
cbso hd { line-height: 86px; }
cbso bd { display: flex; border-radius: 10px; padding: 11px; gap: 22px; justify-content: center; }
cbso bd dv {  background: var(--b-t88); border-radius: 7px; padding: 11px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
cbso ft { display: flex; align-items: center; justify-content: center; margin-top: 11px; margin-bottom: 11px; }
cbso   h3 { display: block; font-size: 1.2em; font-weight: bold; color: var(--c); margin-bottom: 10px;  padding-bottom: 5px;      border-bottom: solid var(--at);}
cbso   p {  display: block;  font-size: 0.95em;  color: var(--c);  line-height: 1.5;}
cbso ft btn { display: flex;  border-radius: 59px; align-items: center; justify-content: center; background:var(--a); font-weight: 600; cursor: pointer; transition: transform 0.3s ease-in-out; padding: 14px; font-size: 15px;}
cbso ft btn:hover { box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 16px 0px;}
@media screen and (max-width: 999px) {
	cbso hd h2 { display: block; font-size: 41px; color: var(--bb); text-align: center; line-height: 36px; margin: 3px; }
cbso bd { display: flex; border-radius: 10px; padding: 12px; gap: 15px; flex-direction: column; align-items: center; justify-content: center; }
	cbso bd dv { background: var(--b-t88); border-radius: 7px; padding: 16px; box-shadow: 0 1px 3px; margin: 3px; }
	cbso ft { display: flex; align-items: center; justify-content: center; }
	cbso hd h2 { font-size: 30px; }
	cbso bd { gap: 18px; }
	cbso bd dv { box-shadow: unset; background: var(--bg); padding: 20px; }
	cbso ft btn { background: var(--red); padding: 13px 30px; }
}
/*component:Seller_AboutWork*/

cszo { display: grid ; border-radius: 22px; background: var(--b); border: solid 1px var(--at); box-shadow: var(--bs-bt); margin: 11px auto; min-height: 450px; margin-left: auto; margin-right: auto; max-width: 1218px; padding-left: 40px; }
cszo hd h2 { display: flex; justify-content: center; position: relative;font-size: 29px; color: var(--bb); }
cszo ft div { display: flex; height: 153px;  margin: 10px; width: 500px;  padding: 11px;}
cszo bd i { width: 245px; }
cszo ft div span { font-size: 17px; font-weight: 700; margin-top: 19px; height:21px;  margin-left: 30px; }
cszo ft a { display: flex; width: 345px; position: relative; left: 190px; bottom: 120px; }
cszo bd { display: grid; grid-template-columns: auto auto;gap: 55px; }
cszo bd d h2 { display: block; font-size: 20px; }
cszo bd dv span { font-size: 17px; font-weight: 700; margin-top: 19px; height:21px;  margin-left: 30px; }
cszo bd d { display: flex ; align-items: center; gap: 11px; max-width: 30px; min-width: 396px; }
/*cszo bd d div { display: block; position: relative; bottom: 141%; left: 28%; }*/



@media(max-width:999px){
	cszo bd d { display: block; }
	cszo hd { display: flex; align-items: center;justify-content: center;}	
	cszo bd d h2 { font-size: 12px; line-height: 20px; font-family: AEmbModern,Helvetica,Arial,sans-serif; }
	cszo bd {display: block;}
	cszo { display: block; margin: 11px; padding: 11px; }
	cszo bl bd span p { font-size: 14px; line-height: 24px; width: 49%; }
	cszo bd d { min-width: 380px; }
	cszo bd i { width: 100px; }
	cszo { box-shadow: unset; border: unset; margin: unset; padding: 20px; }
	cszo>bl bd div { display: block; position: relative; bottom: 84px; left: 34%; }
}
/* Component : Seller_AvailabilityFillter */

csla>bl { padding: 11px; display: block;  }
csla>bl li>input { margin: 0; height: 11px; width: 11px;display: inline-block; }
csla>bl ul>li { display: block; position: relative; }
csla bd ul { padding: 0; margin: 11px 0; }
/* Component -:- Seller_BankInfoNew */

csbn>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
csbn>bl hd>span { display: flex; align-items: center; border: solid 1px var(--bor); margin-top: 23px; width: -webkit-fill-available; justify-content: normal; padding: 1px 21px; background: var(--aat); margin: auto; }
csbn>bl hd>span i { display: block; height: 29px; width: 34px; }
csbn>bl hd>span i svg { display: block; height: 21px; width: 29px; fill: none; stroke: var(--c); }
csbn>bl bd>d sl { display: flex; align-items: center; gap: 6px; }
csbn>bl btns>btn { display: grid; align-items: center; justify-content: center; border: solid 1px var(--bc); height: 44px; width: 286px; background: var(--bc); }
csbn>bl ft btns { gap: 12px; display: flex; align-items: center; justify-content: center; padding-top: 23px; }
csbn>bl form>dv sl { display: flex; align-items: center; height: auto; margin: 0; border-radius: 0; margin-top: 11px; gap: 7px; align-items: center; }
csbn>bl form sl input[type="radio"] { width: 20px; height: 20px; border: unset; padding: unset; }
csbn>bl ft btn:nth-child(2) { background: var(--a); }
csbn>bl form>d { display: grid; box-shadow: 1px 5px 11px 5px var(--bc); padding: 11px; margin: 12px; }
csbn>bl sl>select { display: block; border: 1px solid var(--bor); width: -webkit-fill-available; margin: 0px; margin-top: 5px; padding: 9px; font-weight: 400; max-width: 333px; height: 43px; }

csbn>bl form>d dv { display: flex; align-items: center; }
csbn>bl form>d dv sl { display: flex; align-items: center; height: auto; margin: 0; border-radius: 0; margin-top: 11px; gap: 6px; align-items: center; }
csbn>bl d>cc { display: grid ; grid-template-columns: calc(100% - 73%) auto; gap: 22px; }
csbn>bl sl>label { position: unset; font-weight: 500; margin-bottom: 4px; }
csbn>bl sl>input:focus { border-radius: 0; }
csbn>bl sl>input { width: -webkit-fill-available; margin-top: 5px; max-width: 311px; border: solid 1px var(--bor); padding: 11px; border-radius: 0; font-size: 0.88em; color: var(--c); font-weight: 500; height: auto; }
csbn>bl form sl { display: block; align-items: center; height: auto; margin: 0; border-radius: 0; margin-top: 11px; background: transparent; }

@media(max-width: 999px){
	csbn>bl hd>span { width: -webkit-fill-available; padding: 0 11px; }
	csbn>bl hd>span p { font-size: 12px; padding: 9px; }
	csbn>bl form>d { margin: unset; box-shadow: unset; }
	csbn>bl d>cc { grid-template-columns: unset; }
	csbn>bl sl>input { width: -webkit-fill-available; max-width: unset; }
	csbn>bl sl>select { max-width: unset; }
	csbn>bl ft btns { gap: 12px; display: grid; align-items: center; justify-content: unset; padding-top: 14px; }
	csbn>bl btns>btn { width: unset; }
}
/* Component -:- Seller_BankInfoUpdate */

cbun>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cbun>bl hd>span { display: flex; align-items: center; border: solid 1px var(--bor); margin-top: 23px; width: -webkit-fill-available; justify-content: normal; padding: 1px 21px; background: var(--aat); margin: auto; }
cbun>bl hd>span i { display: block; height: 29px; width: 34px; }
cbun>bl hd>span i svg { display: block; height: 21px; width: 29px; fill: none; stroke: var(--c); }
cbun>bl bd>d sl { display: flex; align-items: center; gap: 6px; }
cbun>bl btns>btn { display: grid; align-items: center; justify-content: center; border: solid 1px var(--bc); height: 44px; width: 286px; background: var(--bc); }
cbun>bl ft btns { gap: 12px; display: flex; align-items: center; justify-content: center; padding-top: 23px; }
cbun>bl form>dv sl { display: flex; align-items: center; height: auto; margin: 0; border-radius: 0; margin-top: 11px; gap: 7px; align-items: center; }
cbun>bl form sl input[type="radio"] { width: 20px; height: 20px; border: unset; padding: unset; }
cbun>bl ft btn:nth-child(2) { background: var(--a); }
cbun>bl form>d { display: grid; box-shadow: 1px 5px 11px 5px var(--bc); padding: 11px; margin: 12px; }
cbun>bl sl>select { display: block; border: 1px solid var(--bor); width: -webkit-fill-available; margin: 0px; margin-top: 5px; padding: 9px; font-weight: 400; max-width: 333px; height: 43px; }

cbun>bl form>d dv { display: flex; align-items: center; }
cbun>bl form>d dv sl { display: flex; align-items: center; height: auto; margin: 0; border-radius: 0; margin-top: 11px; gap: 6px; align-items: center; }
cbun>bl d>cc { display: grid ; grid-template-columns: calc(100% - 73%) auto; gap: 22px; }
cbun>bl sl>label { position: unset; font-weight: 500; margin-bottom: 4px; }
cbun>bl sl>input:focus { border-radius: 0; }
cbun>bl sl>input { width: -webkit-fill-available; margin-top: 5px; max-width: 311px; border: solid 1px var(--bor); padding: 11px; border-radius: 0; font-size: 0.88em; color: var(--c); font-weight: 500; height: auto; }
cbun>bl form sl { display: block; align-items: center; height: auto; margin: 0; border-radius: 0; margin-top: 11px; background: transparent; }

@media(max-width: 999px){
	cbun>bl hd>span { width: -webkit-fill-available; padding: 0 11px; }
	cbun>bl hd>span p { font-size: 12px; padding: 9px; }
	cbun>bl form>d { margin: unset; box-shadow: unset; }
	cbun>bl d>cc { grid-template-columns: unset; }
	cbun hd h4 { display: block; padding: 11px; }
	cbun>bl sl>input { width: -webkit-fill-available; max-width: unset; }
	cbun>bl sl>select { max-width: unset; }
	cbun>bl ft btns { gap: 12px; display: grid; align-items: center; justify-content: unset; padding-top: 14px; }
	cbun>bl btns>btn { width: unset; }
}cble bd div { display: block; border: 1px solid var(--bor); padding: 7px; width: 50%; margin-top: 5px; }
cble bl { padding: 11px; }
/* Component -:- Seller_BussinessinfoNew */

csbv bd div i svg { height: 40px; width: 53px; }
csbv bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
csbv bd div sl select { margin: 0 1px; }
csbv bd div sl { height: 38px; border-radius: 6px; background: unset; border: 1px solid var(--bor); }
csbv bd d sl { height: 38px; border-radius: 0px; background: unset; border: 1px solid var(--bor); }
csbv bd dv div { display: grid; grid-template-columns: 22px auto; gap: 2px; align-items: center; }
csbv bd dv span { color: var(--red); margin: auto 22px; }
csbv bd dv { display: grid ; align-items: center; background: var(--bc); padding: 11px; }
csbv bd d:nth-child(4) { display: block;margin-top: 11px; /* align-items: center; */ padding: 0; }
csbv bd div input { height: 20px; width: 36px; }
csbv bd div { display: flex ; gap: 5px; align-items: center; }
csbv bd p span { color: var(--green); font-weight: 600; }
csbv bd p { font-weight: 400; }
csbv bd d { padding: 5px; }
csbv bd t:nth-child(1) { display: block; position: relative; bottom: 6px; }
csbv bd t:nth-child(2) { display: block; position: relative; }
csbv hd h3 { position: relative; bottom: 6px; font-size: 14px; }
csbv hd { display: flex ; border-bottom: solid 2px var(--bor); }
csbv ft btn { display: flex; max-width: 461px; padding: 11px; /* border-radius: 8px; */ justify-content: center; align-items: center; background: var(--aa); font-weight: 600; width: -webkit-fill-available; color: var(--b); font-weight: 700; }
csbv ft { display: flex ; justify-content: center; align-items: center; }


@media(max-width: 999px){
	csbv ft btn { width: 100%; }

}

/* Component -:- Seller_BussinessinfoUpdate */

csun bd div i svg { height: 40px; width: 53px; }
csun bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
csun bd div sl select { margin: 0 1px; }
csun bd div sl { height: 38px; border-radius: 6px; background: unset; border: 1px solid var(--bor); }
csun bd d sl { height: 38px; border-radius: 0px; background: unset; border: 1px solid var(--bor); }
csun bd dv div { display: grid; grid-template-columns: 22px auto; gap: 2px; align-items: center; }
csun bd dv span { color: var(--red); margin: auto 22px; }
csun bd dv { display: grid ; align-items: center; background: var(--bc); padding: 11px; }
csun bd d:nth-child(4) { display: block;margin-top: 11px; /* align-items: center; */ padding: 0; }
csun bd div input { height: 20px; width: 36px; }
csun bd div { display: flex ; gap: 5px; align-items: center; }
csun bd p span { color: var(--green); font-weight: 600; }
csun bd p { font-weight: 400; }
csun bd d { padding: 5px; }
csun bd t:nth-child(1) { display: block; position: relative; bottom: 6px; }
csun bd t:nth-child(2) { display: block; position: relative; }
csun hd h3 { position: relative; bottom: 6px; font-size: 14px; }
csun hd { display: flex ; border-bottom: solid 2px var(--bor); }
csun ft btn { display: flex; max-width: 461px; padding: 11px; /* border-radius: 8px; */ justify-content: center; align-items: center; background: var(--aa); font-weight: 600; width: -webkit-fill-available; color: var(--b); font-weight: 700; }
csun ft { display: flex ; justify-content: center; align-items: center; }


@media(max-width: 999px){
	csun ft btn { width: 100%; }

}

/* Component : Seller_CategoryFilter */
cslc>bl { display: block; padding: 11px; /* margin: 11px; */ }
cslc>bl ul { display: block; padding: 0; margin: 0; margin-top: 11px; }
cslc>bl ul>li { display: grid ; grid-template-columns: 17px auto; align-items: center; position: relative; padding: 4px; font-size: 0.88em; margin-bottom: 4px; }

/*component:Seller_CategoryLevel*/
clcs>bl { display: block; max-width: 1172px; margin: auto; }
clcs hd { display: flex; align-items: center; justify-content: center; }
clcs hd h2 { font-size: 25px; line-height: 41px; font-weight: 700; }
clcs bd h5 { font-weight: 500; font-size: 19px; padding: 10px; line-height: 24px; }
clcs bd div  img { max-width: 213px; height: 274px; object-fit: cover; }
clcs bd { display: grid; grid-template-columns: auto auto; gap: 21px; padding: 14px; }
clcs bd div p { display: none; }
clcs bd div p.review { display: block; }
clcs bd div { display: flex; gap: 12px; background: var(--lg1); padding: 10px; max-height: 288px; border-radius: 14px; }
clcs bd dv { max-width: 229px; min-width: 242px; max-height: 354px; min-height: 367px; }
clcs bd h3 { font-size: 23px; line-height: 6px; margin-bottom: 7px; display: flex; justify-content: center; padding-top: 22px; }
clcs bd div b { margin-top: 24px; font-size: 18px; font-weight: 500; width: 88%; }
clcs bd div p { color: var(--c); font-weight: 400; font-size: 13px; line-height: 24px; }
clcs bd div  i { display: flex; align-items: flex-start; }
clcs bd flex img { width: 20px; height: 20px; margin-top: 23px;}
clcs bd flex { display: flex; align-items: center; }
clcs>bl>ft>btn { display: block; border: solid 1px var(--a); padding: 11px; border-radius: 25px; background: var(--a); }
clcs>bl>ft { display: flex; align-items: center; justify-content: center; margin-bottom: 11px; }
clcs>bl btn>t { font-weight: bold; }
@media(max-width: 999px){
	clcs bd { display: flex; padding: 14px; flex-direction: column; }
	clcs bd dv { max-width: 227px; min-width: 122px;}
	clcs bd div { display: block; max-height: 900px; }
	clcs bd h5 { font-weight: 500; font-size: 19px; padding: 10px; line-height: 19px; }
}
/* COMPONENT -:- Seller_DocumentNew */

cedc>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cedc>bl>hd { display: grid; grid-template-columns: auto auto; box-shadow: 0px 0px 12px 4px var(--bc); border-radius: 5px; gap: 10px; }
cedc>bl>hd>div { display: block; width: -webkit-fill-available; }
cedc bl hd btn { display: flex; }
cedc bl i { width: fit-content; }
cedc bl hd sl {border-radius: 0; display: flex; border: solid var(--bor) 1px; padding: 0; align-items: center; justify-content: space-between; background: none; max-height: 43px; }
cedc hd input { box-shadow: none; width: -webkit-fill-available; margin: 0; }
cedc hd input:focus { border-radius: 11px; }
cedc bl bd { margin-top: 3%; }
cedc bl bd sl { display: flex ; border: solid var(--bor) 1px; padding: 11px; align-items: center; justify-content: space-between; border-radius: 4px; background: none; width: initial; height: auto; margin-top: 5px; }
cedc bl bd sl>select { width: auto; margin: 0; height: auto; }
cedc bd grid div { position: relative; bottom: 19%; }
cedc bl bd sl:nth-child(2) { color: var(--c0); max-height: 20px;  }
cedc bl bd sl:nth-child(3) {color: var(--c0);}
cedc bl bd sl:nth-child(4) {color: var(--c0);}
cedc bl bd sl:nth-child(5) {color: var(--c0);}
cedc bl bd sl:nth-child(6) {color: var(--c0);}
cedc bl bd grid { display: grid; grid-template-columns: auto auto; gap: 9px; align-items: center; }
cedc bl svg { fill: darkgray; }
cedc bd span select { width: 17%; }
cedc bd input { width: 14px; }
cedc bd div.rows { display: flex; align-items: center; gap: 8%; }
cedc bd div span { display: flex; align-items: center; }
cedc>bl>bd>span { display: flex; align-items: center; border: solid 1px var(--bor); width: 30%; }
cedc bl bd p { border-left: solid 1px var(--bor); margin: 0; height: 32px; display: flex; align-items: center; }
cedc bl bd { margin-top: 3%; box-shadow: 0px 0px 13px 8px var(--bc);}
cedc bl btn { background-color: var(--aa); border-radius: 7px; padding: 11px; display: flex; justify-content: center; font-weight: 500; color: var(--b); }
cedc bl ft { display: flex; align-items: center; justify-content: center; padding: 15px; }

@media (max-width:999px) {
	cedc bl bd grid { display: block; }
	cedc>bl>hd { display: block;box-shadow: unset;}
	cedc bd div.rows { display: block; }
	cedc>bl>bd>span { width: -webkit-fill-available; }
	cedc bl bd { box-shadow: unset;}
	cedc bl bd sl:nth-child(2) { height: 30px; }
	cedc bl bd sl:nth-child(3) { height: 30px; }
	cedc bl bd sl:nth-child(4) { height: 30px; }
	cedc bl bd sl:nth-child(5) { height: 30px; }
	cedc bl bd sl:nth-child(6) { height: 30px; }
cedc bl hd sl { height: 35px; margin-top: 10px; border-radius: 0; }
}
/* component :- Seller_GuaranteeDetails*/

csgds>bl { display: block; padding: 19px; margin: auto; background: var(--b); max-width: 1334px;margin-bottom: 14px; }
csgds>bl hd { display: grid; gap: 8px; }
csgds>bl hd h4 { font-size: 1.19em; }
csgds>bl hd price { font-size: 0.88em; }
csgds>bl hd span { font-size: 0.88em; }
csgds hr { display: inline-block; width: 4%; background: var(--bor); height: 1px; border: 0; transform: rotate(90deg); margin-left: 51%; margin-top: 34px; }
csgds>bl bd { display: grid;}
csgds>bl bd span { font-size: 0.88em; color: var(--c); font-weight: 400; line-height: 30px; }
csgds>bl bd t { color: var(--aa); font-size: 0.88em; }
csgds>bl bd t:hover{ text-decoration: underline; }

@media(max-width:999px){
 csgds>bl { display: grid ; margin: 3px 0; }
 
 
 
 }
/* Component -:- Seller_IdentityUpdate */
cein>bl { display: block; background: var(--bl); padding: 11px; margin-bottom: 11px; }
cein>bl>hd { display: block; border-bottom: solid 1px var(--bor); margin-bottom: 11px; }
cein>bl>bd { display: block; padding: 11px 0; }
cein>bl>bd>t { font-weight: bold; display: block; padding: 11px  0; }
cein>bl>bd>div { display: block; border: solid 1px var(--bor); }
cein>bl div>d { display: flex; gap: 11px; border-bottom: solid 1px var(--bor); }
cein>bl d>b { display: flex; min-width: 200px; min-height: 35px; color: var(--c); align-items: center; padding: 8px; background: var(--bc); }
cein>bl d>t { display: flex; align-items: center; color: var(--c); font-weight: bold; }
cein>bl d>btns { display: flex ; min-height: 160px; background: var(--bc); flex-direction: column; align-items: center; justify-content: center; margin: 11px; gap: 11px; width: -webkit-fill-available; }
cein>bl btns>btn { display: flex; align-items: center; padding: 11px; min-width: 200px; background: var(--a); justify-content: center; font-weight: bold; }
cein>bl d>select { width: 170px; border: solid 1px var(--bor); display: flex; margin: auto 0; padding: 7px; }
cein>bl div>d:nth-child(7) b { display: block; }
cein>bl div>d:nth-child(8) b { display: block; }
cein>bl div>d:nth-child(6) b { display: block; }
cein>bl div>d:nth-child(5) b { display: block; }
cein>bl>hd>h2 { display: block; margin-bottom: 11px; }
@media(max-width: 999px){
	cein>bl d>b { display: none; }
	cein>bl div>d:nth-child(7) b { display: none; }
	cein>bl div>d:nth-child(8) b { display:none; }
	cein>bl div>d:nth-child(6) b { display: none; }
	cein>bl div>d:nth-child(5) b { display: none; }
	cein>bl d>btns { margin: 0; min-width: auto; }
	cein>bl div>d { display: block; padding: 10px; }
}
/* Component -:- Seller_IdentityVerification */
clno>bl { display: block; background: var(--bl); padding: 11px; margin-bottom: 11px; }
clno>bl>hd { display: block; border-bottom: solid 1px var(--bor); margin-bottom: 11px; }
clno>bl>bd { display: block; padding: 11px 0; }
clno>bl>bd>t { font-weight: bold; display: block; padding: 11px  0; }
clno>bl>bd>div { display: block; border: solid 1px var(--bor); }
clno>bl div>d { display: flex; gap: 11px; border-bottom: solid 1px var(--bor); }
clno>bl d>b { display: flex; min-width: 200px; min-height: 35px; color: var(--c); align-items: center; padding: 8px; background: var(--bc); }
clno>bl d>t { display: flex; align-items: center; color: var(--c); font-weight: bold; }
clno>bl d>btns { display: flex ; min-height: 160px; background: var(--bc); flex-direction: column; align-items: center; justify-content: center; margin: 11px; gap: 11px; width: -webkit-fill-available; }
clno>bl btns>btn { display: flex; align-items: center; padding: 11px; min-width: 200px; background: var(--a); justify-content: center; font-weight: bold; }
clno>bl d>select { width: 170px; border: solid 1px var(--bor); display: flex; margin: auto 0; padding: 7px; }
clno>bl div>d:nth-child(7) b { display: block; }
clno>bl div>d:nth-child(8) b { display: block; }
clno>bl div>d:nth-child(6) b { display: block; }
clno>bl div>d:nth-child(5) b { display: block; }
clno>bl>hd>h2 { display: block; margin-bottom: 11px; }
@media(max-width: 999px){
	clno>bl d>b { display: none; }
	clno>bl div>d:nth-child(7) b { display: none; }
	clno>bl div>d:nth-child(8) b { display:none; }
	clno>bl div>d:nth-child(6) b { display: none; }
	clno>bl div>d:nth-child(5) b { display: none; }
	clno>bl d>btns { margin: 0; min-width: auto; }
	clno>bl div>d { display: block; padding: 10px; }
}
/* Component -:- Seller_PaymentInfonUpdate */

csue bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
csue bd d p { width: 57%; }
csue bd d p span { color: currentcolor; font-size: 15px; font-weight: 600; }
csue bd d dv { display: block; background: var(--bc); padding: 11px;margin-top: 6px;}
csue bd d { padding: 11px; }
csue bd div1 { padding: 11px; display: block; }
csue bd div1 p { background: var(--bc); padding: 11px; width: 50%; }
csue bd div1 hr { position: relative; bottom: 15px; }
csue ft btns btn { width: 20%; height: 40px; display: flex ; justify-content: center; align-items: center; background: var(--bc); border-radius: 7px; }
csue ft btns { display: flex ; justify-content: center; align-items: center; gap: 38px; }
csue ft btns btn:nth-child(2) { background-color: var(--a); border-radius: 7px; }

@media (max-width: 999px) {
	csue bd d dv {width: auto;}
	csue bd d p { width: auto; }
	csue ft btns btn { width: -webkit-fill-available; }
	csue bd div1 p { width: auto; }
	csue ft btns { gap: 13px; }

}
/* Component -:- Payment_Information */

cple bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cple bd d p { width: 57%; }
cple bd d p span { color: currentcolor; font-size: 15px; font-weight: 600; }
cple bd d dv { display: block; background: var(--bc); padding: 11px;margin-top: 6px;}
cple bd d { padding: 11px; }
cple bd div1 { padding: 11px; display: block; }
cple bd div1 p { background: var(--bc); padding: 11px; width: 50%; }
cple bd div1 hr { position: relative; bottom: 15px; }
cple ft btns btn { width: 20%; height: 40px; display: flex ; justify-content: center; align-items: center; background: var(--bc); border-radius: 7px; }
cple ft btns { display: flex ; justify-content: center; align-items: center; gap: 38px; }
cple ft btns btn:nth-child(2) { background-color: var(--a); border-radius: 7px; }

@media (max-width: 999px) {
	cple bd d dv {width: auto;}
	cple bd d p { width: auto; }
	cple ft btns btn { width: -webkit-fill-available; }
	cple bd div1 p { width: auto; }
	cple ft btns { gap: 13px; }

}
/* Component -:-:- Seller_PaymentMethodNew */

cspmw>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cspmw>bl btns>btn { display: grid; align-items: center; justify-content: center; border: solid 1px var(--bc); height: 44px; width: 286px; background: var(--bc); }
cspmw>bl ft btns { gap: 12px; display: flex; align-items: center; justify-content: center; padding-top: 23px; }
cspmw>bl bd>dv { margin-bottom: 20px; display: grid; align-items: center; border: solid 1px var(--bor); justify-content: normal; padding: 11px; background: var(--lg1); }
cspmw>bl bd>dv h4 { font-size: 1.23em; }
cspmw>bl ft btn:nth-child(2) { background: var(--a); }
cspmw>bl bd>dv p { font-size: 0.98em; font-weight: 400; }
cspmw>bl bd>dv p span { color: var(--aa); }
cspmw>bl bd>dv p span:hover {  text-decoration: underline; }
cspmw>bl hd p { margin: 0; margin-top: 4px; color: var(--c0); font-size: 0.88em; }
cspmw>bl form>d { display: grid; box-shadow: 1px 5px 11px 5px var(--bc); padding: 11px; margin: 12px; }
cspmw>bl bd d { display: grid; box-shadow: 1px 5px 11px 5px var(--bc); padding: 11px; margin-bottom: 12px; }
cspmw>bl bd d sl lable { font-weight: bold; font-size: 0.99em; margin-bottom: 5px; display: block; }
cspmw>bl bd d cc { display: grid ; gap: 11px; margin-bottom: 11px; grid-template-columns: auto auto auto; align-items: end; }
cspmw>bl bd d cc sl { height: auto; border-radius: 0; width: -webkit-fill-available; align-items: center; margin-bottom: 12px; background: transparent; }
cspmw>bl bd d cc input { display: block; border: solid 1px var(--bor); border-radius: 0; height: auto; width: -webkit-fill-available; padding: 12px; margin: 0; }
cspmw>bl bd d cc sl lable { font-size: 0.99em; font-weight: bold; margin-bottom: 5px; display: block; }
cspmw>bl bd d cc select { display: flex ; border: solid 1px var(--bor); height: auto; width: -webkit-fill-available; padding: 12px; margin: 0; }
cspmw>bl bd d cc input:focus { border-radius: 0; }
cspmw>bl bd d sl { height: auto; border-radius: 0; align-items: center; margin-bottom: 12px; width: auto; background: transparent; }
cspmw>bl bd d sl input[type="text"] { border: solid 1px var(--bor); width: -webkit-fill-available; border-radius: 0; }
cspmw>bl bd d cc input[type="text"]:focus { border-radius: 0; }
cspmw>bl bd d>div { display: block; /* align-items: center; */ padding: 10px; }
cspmw>bl bd d>div input { width: 21px; height: 18px; margin-top: 10px; }
cspmw>bl bd d>span i svg { fill: var(--aa); }
cspmw>bl bd d>span i { width: 21px; height: 20px; }
cspmw>bl bd d>span { display: flex; color: var(--aa); align-items: center; gap: 2px; padding-left: 6px; font-size: 1.1em; }
cspmw>bl bd d>a { font-weight: 400; color: var(--aa); margin-bottom: 5px; padding-left: 6px; font-size: 1.1em; }
cspmw>bl bd d>a:hover { text-decoration: underline; }
cspmw>bl bd d>span:hover { text-decoration: underline; }


@media(max-width:999px){

	cspmw>bl bd>dv p { -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.44; white-space: normal; overflow: hidden; margin: 0; }
	cspmw>bl bd d cc { display: block; align-items: flex-end; gap: 22px; margin-bottom: 11px; }
	cspmw>bl bd d cc sl { height: auto; border-radius: 0; width: unset; align-items: center; margin-bottom: 12px; }
	cspmw>bl bd d cc input { width: -webkit-fill-available;;}
	cspmw>bl bd d cc select { width:-webkit-fill-available;}
	cspmw>bl ft btns { gap: 12px; display: grid; padding-top: 5px; justify-content: unset; }
	cspmw>bl btns>btn { width: auto; }

}

/*Component:- Seller_PersonalInfoNew  */

cepn>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cepn>bl hd>h2 { display: flex ; position: relative; margin-bottom: 11px; padding: 10px 10px; justify-content: space-between; align-items: center; }
cepn>bl hd>h2 i { transform: rotate(268deg); width: 24px; height: 24px;transition: 900ms; }
cepn>bl h2>t { font-size: 0.88em; }
cepn>bl from>sl>input { display: block; border: solid 1px var(--bor); border-radius: 2px; height: 33px; background: var(--b); width: auto;padding: 3px;}
cepn>bl from>sl>label { font-size: 0.99em; font-weight: 600; margin: 0; padding: 0; position: unset; margin-bottom: 7px; }
cepn>bl from>sl { background: var(--0); display: grid; padding: 4px; height: auto; margin-bottom: 14px; }
cepn>bl d>from { display: grid; grid-template-columns: auto auto auto; gap: 20px; }
cepn>bl div>p { display: block; font-size: 0.99em; }
cepn>bl sl>i { display: block; width: 11px; height: 11px; }
cepn>bl bd mg input { max-width: 470px; }

cepn.Primary i.jtc {transform: rotate(90deg);transition: 900ms;}
cepn.Primary bd { height: 0; overflow: clip; }
cepn.Primary ft { display: none; }


cepn>bl bd dv from { display: flex; align-items: center; }




cepn>bl>bd div { display: block; box-shadow: 3px 4px 20px 6px var(--bc); padding: 32px; margin-bottom: 11px; }
cepn>bl>bd div:nth-child(2) from { display: grid; grid-template-columns: auto auto; align-items: center; gap: 12px; padding: 0; margin: 0; }
cepn>bl bd dv from d { display: flex; align-items: center; }
cepn>bl bd dv from d label { position: unset; }
cepn>bl bd dv bth sl { display: flex ; height: auto; padding: 3px; background: transparent; }
cepn>bl bd dv bth { display: block; align-items: center; }
cepn>bl bd dv bth input { width: 56px; border: solid 1px var(--bor); width: 111px; padding: 4px; margin: 0; border-radius: 0; height: 25px; }
cepn>bl bd dv bth label { position: unset; margin-bottom: 7px; display: block; font-weight: 600; font-size: 0.99em; }
cepn>bl>bd div:nth-child(2) from { display: grid; grid-template-columns: auto auto; align-items: center; }
cepn>bl>bd div:nth-child(2) from sl { display: grid; height: auto; width: auto;}
cepn>bl>bd div:nth-child(2) from sl select { display: block; border: solid 1px var(--bor); padding: 11px; margin: 0; width: auto; }
cepn>bl>bd div:nth-child(2) from input { display: block; height: auto; padding: 11px; margin: 0; }
cepn>bl>bd div:nth-child(2) from lable { display: block; margin-bottom: 7px; font-size: 0.99em; font-weight: 600; }
cepn>bl>bd div:nth-child(2) from sl { display: grid; height: auto; width: auto; margin-bottom: 20px; }
cepn>bl>bd div:nth-child(3) from sl { display: grid; height: auto; width: auto; margin: 0; margin-top: auto; }
cepn>bl>bd div:nth-child(3) from sl select { display: block; border: solid 1px var(--bor); padding: 11px; margin: 0; width: auto; }
cepn>bl>bd div:nth-child(3) from input { display: block; height: auto; padding: 11px; margin: 0; }
cepn>bl>bd div:nth-child(3) from {margin-bottom: 20px; display: grid; grid-template-columns: auto auto; align-items: center; gap: 0px; padding: 0; }
cepn>bl bd dv from d { display: flex; align-items: center; }
cepn>bl>bd div:nth-child(3) dv cc { display: flex; align-items: center; justify-content: space-between; width: 244px; margin-top: 11px; }
cepn>bl>bd div:nth-child(3) dv cc bt { display: flex; align-items: center; gap: 7px; }
cepn>bl>bd div:nth-child(3) dv cc bt input { width: 19px; height: 29px; }
cepn>bl>bd div:nth-child(3) dv h5 { font-size: 0.99em; font-weight: 500; }
cepn>bl>ft { display: flex; align-items: center; justify-content: center; padding: 11px; margin-top: 17px; }
cepn>bl>ft btn { display: grid; align-items: center; border: solid 1px var(--bor); padding: 11px; max-width: 430px; width: -webkit-fill-available; justify-content: center; background: var(--aa); color: var(--b); font-weight: 500; }
cepn>bl>bd div:nth-child(3) dv1 { display: flex; align-items: center;  }
cepn>bl>bd div:nth-child(3) dv1 sl { display: grid ; height: auto; margin-bottom: -4px; padding: 4px;background: transparent; }
cepn>bl>bd div:nth-child(3) dv1 sl label { position: unset; font-size: 0.99em; font-weight: 600; margin-bottom: 7px; padding: 0; }
cepn>bl>bd div:nth-child(3) dv1 sl select { display: flex; align-items: center; border: solid 1px var(--bor); padding: 13px; max-width: 744px; margin: 0px; border-radius: 0; }
cepn>bl>bd div:nth-child(3) dv1 btn { display: flex; align-items: center; justify-content: center; border: solid 1px var(--bor); padding: 11px; width: 544px; background: var(--aa); color: var(--b); font-weight: 500; margin-top: auto; }

@media(max-width: 999px){
	cepn>bl>bd div:nth-child(2) from { display: block; }
	cepn>bl>bd dv { display: none; }
	cepn>bl>ft { margin-top: -12px; }
	cepn>bl>bd div:nth-child(3) dv1 sl { display: none; }
	cepn>bl>bd div:nth-child(3) from { display: block; }
	cepn>bl div>d { display: block; }
	cepn>bl>bd div { display: block; padding: 11px; }
	cepn>bl>bd { margin: 2px; padding: 2px; }
	cepn>bl bd dv from { display: none; }
	cepn>bl d>from { display: block; }
	cepn>bl>bd div { padding: 12px; }
	cepn>bl>bd div:nth-child(3) dv1 { display: flex; align-items: center; margin-top: 7px; }
	cepn>bl bd bthn span select { width: 61px; }
	cepn>bl bd bthn span { display: flex; align-items: center; width: 67%; border: solid 1px var(--bor); }
}
cepn>bl bd bthn h5 { font-size: 1.1em; font-weight: 500; margin-bottom: 7px; }
cepn>bl bd bthn span { display: flex; align-items: center; width: 63%; border: solid 1px var(--bor); }
cepn>bl bd bthn span select { width: 60px; }
cepn>bl bd bthn span p { height: 32px; display: flex; align-items: center; border-left: solid 1px var(--bor); margin: 0px; }
/*Component:- Seller_PersonalInfoUpdate  */

cpun>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cpun>bl hd>h2 { display: flex ; position: relative; margin-bottom: 11px; padding: 10px 10px; justify-content: space-between; align-items: center; }
cpun>bl hd>h2 i { transform: rotate(268deg); width: 24px; height: 24px;transition: 900ms; }
cpun>bl h2>t { font-size: 0.88em; }
cpun>bl from>sl>input { display: block; border: solid 1px var(--bor); border-radius: 2px; height: 33px; background: var(--b); width: auto;padding: 3px;}
cpun>bl from>sl>label { font-size: 0.99em; font-weight: 600; margin: 0; padding: 0; position: unset; margin-bottom: 7px; }
cpun>bl from>sl { background: var(--0); display: grid; padding: 4px; height: auto; margin-bottom: 14px; }
cpun>bl d>from { display: grid; grid-template-columns: auto auto auto; gap: 20px; }
cpun>bl div>p { display: block; font-size: 0.99em; }
cpun>bl sl>i { display: block; width: 11px; height: 11px; }
cpun>bl bd mg input { max-width: 470px; }

cpun.Seller_PersonalInfoUpdate i.jtc {transform: rotate(90deg);transition: 900ms;}
cpun.Seller_PersonalInfoUpdate bd { height: 0; overflow: clip; }
cpun.Seller_PersonalInfoUpdate ft { display: none; }


cpun>bl bd dv from { display: flex; align-items: center; }
cpun>bl>bd div { display: block; box-shadow: 3px 4px 20px 6px var(--bc); padding: 32px; margin-bottom: 11px; }
cpun>bl>bd div:nth-child(2) from { display: grid; grid-template-columns: auto auto; align-items: center; gap: 12px; padding: 0; margin: 0; }
cpun>bl bd dv from d { display: flex; align-items: center; }
cpun>bl bd dv from d label { position: unset; }
cpun>bl bd dv bth sl { display: flex ; height: auto; padding: 3px; background: transparent; }
cpun>bl bd dv bth { display: block; align-items: center; }
cpun>bl bd dv bth input { width: 56px; border: solid 1px var(--bor); width: 111px; padding: 4px; margin: 0; border-radius: 0; height: 25px; }
cpun>bl bd dv bth label { position: unset; margin-bottom: 7px; display: block; font-weight: 600; font-size: 0.99em; }
cpun>bl>bd div:nth-child(2) from { display: grid; grid-template-columns: auto auto; align-items: center; }
cpun>bl>bd div:nth-child(2) from sl { display: grid; height: auto; width: auto;}
cpun>bl>bd div:nth-child(2) from sl select { display: block; border: solid 1px var(--bor); padding: 11px; margin: 0; width: auto; }
cpun>bl>bd div:nth-child(2) from input { display: block; height: auto; padding: 11px; margin: 0; }
cpun>bl>bd div:nth-child(2) from lable { display: block; margin-bottom: 7px; font-size: 0.99em; font-weight: 600; }
cpun>bl>bd div:nth-child(2) from sl { display: grid; height: auto; width: auto; margin-bottom: 20px; }
cpun>bl>bd div:nth-child(3) from sl { display: grid; height: auto; width: auto; margin: 0; margin-top: auto; }
cpun>bl>bd div:nth-child(3) from sl select { display: block; border: solid 1px var(--bor); padding: 11px; margin: 0; width: auto; }
cpun>bl>bd div:nth-child(3) from input { display: block; height: auto; padding: 11px; margin: 0; }
cpun>bl>bd div:nth-child(3) from {margin-bottom: 20px; display: grid; grid-template-columns: auto auto; align-items: center; gap: 0px; padding: 0; }
cpun>bl bd dv from d { display: flex; align-items: center; }
cpun>bl>bd div:nth-child(3) dv cc { display: flex; align-items: center; justify-content: space-between; width: 244px; margin-top: 11px; }
cpun>bl>bd div:nth-child(3) dv cc bt { display: flex; align-items: center; gap: 7px; }
cpun>bl>bd div:nth-child(3) dv cc bt input { width: 19px; height: 29px; }
cpun>bl>bd div:nth-child(3) dv h5 { font-size: 0.99em; font-weight: 500; }
cpun>bl>ft { display: flex; align-items: center; justify-content: center; padding: 11px; margin-top: 17px; }
cpun>bl>ft btn { display: grid; align-items: center; border: solid 1px var(--bor); padding: 11px; max-width: 430px; width: -webkit-fill-available; justify-content: center; background: var(--aa); color: var(--b); font-weight: 500; }
cpun>bl>bd div:nth-child(3) dv1 { display: flex; align-items: center;  }
cpun>bl>bd div:nth-child(3) dv1 sl { display: grid ; height: auto; margin-bottom: -4px; padding: 4px;background: transparent; }
cpun>bl>bd div:nth-child(3) dv1 sl label { position: unset; font-size: 0.99em; font-weight: 600; margin-bottom: 7px; padding: 0; }
cpun>bl>bd div:nth-child(3) dv1 sl select { display: flex; align-items: center; border: solid 1px var(--bor); padding: 13px; max-width: 744px; margin: 0px; border-radius: 0; }
cpun>bl>bd div:nth-child(3) dv1 btn { display: flex; align-items: center; justify-content: center; border: solid 1px var(--bor); padding: 11px; width: 544px; background: var(--aa); color: var(--b); font-weight: 500; margin-top: auto; }

@media(max-width: 999px){
	cpun>bl>bd div:nth-child(2) from { display: block; }
	cpun>bl>bd dv { display: none; }
	cpun>bl>ft { margin-top: -12px; }
	cpun>bl>bd div:nth-child(3) dv1 sl { display: none; }
	cpun>bl>bd div:nth-child(3) from { display: block; }
	cpun>bl div>d { display: block; }
	cpun>bl>bd div { display: block; padding: 11px; }
	cpun>bl>bd { margin: 2px; padding: 2px; }
	cpun>bl bd dv from { display: none; }
	cpun>bl hd>h2 i { width: 19px; height: 18px; }
	cpun>bl d>from { display: block; }
	cpun>bl>bd div { padding: 12px; }
	cpun>bl>bd div:nth-child(3) dv1 { display: flex; align-items: center; margin-top: 7px; }
	cpun>bl bd bthn span select { width: 61px; }
	cpun>bl bd bthn span { display: flex; align-items: center; width: 67%; border: solid 1px var(--bor); }
}
cpun>bl bd bthn h5 { font-size: 1.1em; font-weight: 500; margin-bottom: 7px; }
cpun>bl bd bthn span { display: flex; align-items: center; width: 63%; border: solid 1px var(--bor); }
cpun>bl bd bthn span select { width: 60px; }
cpun>bl bd bthn span p { height: 32px; display: flex; align-items: center; border-left: solid 1px var(--bor); margin: 0px; }
/* component :- Seller_Policies*/

cspso>bl { display: block; padding: 19px; margin: auto; background: var(--b); max-width: 1334px;margin-bottom: 14px; }
cspso>bl hd { display: grid; gap: 8px; }
cspso>bl hd price { font-size: 0.88em; }
cspso>bl hd span { font-size: 0.88em; }
cspso hr { display: none; width: 100%; background: var(--bor); height: 1px; border: 0; margin-top: 12px; }
cspso>bl bd { display: grid; line-height: 39px; }
cspso>bl bd span { font-size: 0.88em; color: var(--c); font-weight: 400; line-height: 30px; }
cspso>bl bd t { color: var(--aa); font-size: 0.99em; }
cspso>bl bd t:hover{ text-decoration: underline; }
cspso>bl bd d { display: grid; }
cspso>bl bd d flex { display: flex; align-items: center; gap: 2px; }
cspso>bl bd d flex b { font-size: 0.88em; }
cspso>bl bd span { font-size: 0.88em; color: var(--c); font-weight: 400; line-height: 30px; display: none; }
cspso>bl bd d b { display: none; }
cspso>bl bd d b { display: none; }
cspso>bl bd h4 { font-size: 1.19em; border-bottom: solid 1px var(--bor); margin-bottom: 8px; display: flex; align-items: center; justify-content: space-between; }
cspso>bl bd d:nth-child(3) h4 { font-size: 1.19em; border-bottom: solid 0; }
cspso>bl bd h4 i { width: 39px; height: 42px; }
cspso.shipping bd>d:nth-child(1) span { display: block; }
cspso.other bd>d:nth-child(2) span { display: block; }
cspso.help bd>d:nth-child(3) span { display: block; }
@media(max-width:999px){
 cspso>bl { display: grid ; margin: 3px 0; }
 
 
 
 }
/* Component -:-Seller_ProcessSteps */
cspss { display: block; margin-top: 11px; }
cspss>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cspss>bl bd svg { width: 50px; height: 33px; fill: var(--b); }
cspss>bl bd d { display: block; max-width: 77px; text-align: center; }
cspss>bl bd dv i { display: none; }
cspss bd d dv { border-radius: 41px; height: 47px; border: solid 1px var(--bor); width: 47px; display: flex; align-items: center; justify-content: center; }
cspss bd d dv.this { background: var(--green); }
cspss>bl bd dv.this t { display: none; }
cspss>bl bd dv.this i { display: flex; }
cspss>bl bd { display: grid ; grid-template-columns: max-content auto max-content auto max-content auto max-content; }
cspss>bl bd bx { display: flex ; border: solid 1px var(--bor); border-radius: 55%; padding: 10px; justify-content: center; align-items: center; width: 22px; height: 22px; font-weight: bold; margin: 0 auto; }
cspss>bl d.this>bx { background: var(--green); }
cspss>bl d.this bx>i { display: block; }
cspss>bl d.this bx>t { display: none; }
cspss>bl bx>i { display: none; height: 15px; width: 15px; }
cspss>bl bd d>t { font-size: 0.77em; }
cspss>bl d.this ~ st1 hr { background: var(--green); }
cspss>bl d.this:nth-child(3) ~ st2 hr { background: var(--green); }
cspss>bl d.this:nth-child(5) ~ st3 hr { background: var(--green); }
cspss>bl st1 { display: block; height: max-content; max-width: calc(100% - 22px); width: -webkit-fill-available; margin: auto; margin-top: 15px; }
cspss>bl st2 { display: block; height: max-content; max-width: calc(100% - 22px); width: -webkit-fill-available; margin: auto; margin-top: 15px; }
cspss>bl st3 { display: block; height: max-content; max-width: calc(100% - 22px); width: -webkit-fill-available; margin: auto; margin-top: 15px; }
@media(max-width:999px){
	cspss bd d dv { margin-bottom: 13px; }
}
/* Component :-:-:-:-: Seller_ProductDetailNew */

cpie>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; }
cpie bl hd h3 { margin: 11px;display:block;}
cpie bl hd li { font-family:system-ui;}
cpie bl bd h4 { margin-left:2%;font-size:17px;font-family:system-ui;font-weight:800;display:block;}
cpie bl bd input { width: 35%; order: solid 1px var(--bor); box-shadow: 0px 0px 12px 9px var(--bc); margin-left: 2%; margin-top: 1%; border-radius: 0px; margin-bottom: 13px; }
cpie bl ft  btns { display:flex;flex-wrap:wrap;gap:10px;}
cpie bl ft btn { display:flex;justify-content:center;align-items:center;padding:16px;border-radius:32px;font-size:12px;background:var(--at);}
cpie bl bd i img { width:23px;height:23px;position:relative;right:11%;bottom:32px;}

@media(max-width: 999px){
cpie bl bd input { width: 91%; margin-left: -1%; }
	cpie bl bd h4 { margin-left: 0%; }
	cpdi bl { margin: unset; }
	cpie bl ft btns { display: grid ; }
	
}

/* component :- Seller_ProductFeedback*/

cspf>bl { display: block; padding: 19px; margin: auto;  max-width: 1334px;margin-bottom: 14px; background: var(--b);}
cspf>bl hd t:hover{ text-decoration: underline; }
cspf>bl hd t{ color: var(--aa); }
cspf>bl hd span { font-size: 0.88em; color: var(--c); font-weight: 400; }
cspf>bl hd h4 { font-size: 1.19em; margin-bottom: 10px; }
cspf>bl ft t{ color: var(--aa); }
cspf>bl hd { margin-bottom: 27px; }
cspf>bl ft { display: flex; justify-content: center; border-top: solid 1px var(--bc); }


@media(max-width:999px){
 cspf>bl { display: grid ; margin: 3px 0; }
 
 
 
 }
/* component :- Seller_ReturnPolicy*/

crpd>bl { display: block; padding: 19px; margin: auto; background: var(--b); max-width: 1334px;margin-bottom: 14px; }

crpd>bl hd { display: grid; gap: 8px; }
crpd>bl hd h4 { font-size: 1.19em; }
crpd>bl hd price { font-size: 0.88em; }
crpd>bl hd span { font-size: 0.88em; }
crpd hr { display: inline-block; width: 4%; background: var(--bor); height: 1px; border: 0; transform: rotate(90deg); margin-left: 51%; margin-top: 34px; }
crpd>bl bd { display: grid;}
crpd>bl bd span { font-size: 0.88em; color: var(--c); font-weight: 400; line-height: 30px; }
crpd>bl bd span t { color: var(--aa);}
crpd>bl bd span t:hover{ text-decoration: underline; }

@media(max-width:999px){
 crpd>bl { display: grid ; margin: 3px 0; }
 
 
 
 }
/* component :- Seller_ReviewRatio */
csrr>bl bd { display: block; position: relative; top: 11px; margin-bottom: 24px; }
csrr bd dv div f { background: var(--a); display: block; height: 21px; position: relative; right: 2px; width: 7px; bottom: 2px; border-radius: 3px; }
csrr>bl bd dv>div { border: 1px solid; padding: 2px; width: 264px; border-radius: 5px; height: 17px; }
csrr bd dv { display: grid; align-items: center; gap: 11px;  top: 10px; grid-template-columns: 40px auto 83px; align-items: center; }
csrr bd dv span { color: var(--aa); }
csrr bd d { display: grid; gap: 15px; margin-bottom: 15px; }
csrr>bl ft { display: grid; gap: 12px; }
csrr bd span:hover { text-decoration: underline; }
csrr>bl rt { display: flex; align-items: center; margin-right: 11px;gap: 6px; }
csrr>bl rt>i { height: 15px; width: 15px; margin: 0 3px; }
csrr>bl rt>i.this svg { fill: var(--a); }
csrr>bl rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }
csrr>bl hd>d flex { display: grid; grid-template-columns: auto 36%; gap: 0; }
csrr>bl hd>d { display: flex; align-items: baseline; gap: 41px; }
csrr>bl hd>d b { font-size: 0.88em; font-weight: 400; }
csrr>bl hd>d div select { display: flex; border: solid 1px var(--bor); padding: 7px 11px; font-size: 0.88em; font-weight: 500; border-radius: 10px; }
csrr>bl hd>d div select option{ display: flex; border: solid 1px var(--bor); padding: 7px 11px; font-size: 0.88em; font-weight: 500; border-radius: 10px; }
csrr>bl bd btt { display: flex;}
csrr>bl bd btt i { width: 28px; height: 28px; margin-left: 46px; display: flex; justify-content: ; }
csrr>bl { display: block; max-width: min-content; }
csrr>bl bd btt span { font-size: 0.88em; color: var(--aa); }
csrr>bl bd btt span:hover { text-decoration: underline; }
csrr>bl bd grid p { font-size: 0.88em; line-height: 24px; display: none; }
csrr ft span { color: var(--c); font-size: 0.88em; }
csrr>bl ft btn { display: flex; align-items: center; justify-content: center; border: solid 1px var(--c0); padding: 7px 11px; width: fit-content; border-radius: 25px; font-size: 0.88em; }
csrr.expend bd grid p { display: block; }
csrr>bl hd>d div i { transform: rotate( 182deg); width: 10px; height: 14px; display: none; }

@media(max-width:999px){
	csrr>bl bd { display: none;  }
	csrr>bl ft { display: none; gap: 12px; }
	csrr>bl hd>d flex { display: grid; grid-template-columns: auto 51%; }
	csrr>bl hd>d { gap: 23vh; align-items: center; }
	csrr>bl hd>d div select { background: var(--bc); display: none; }
	csrr ft span { color: var(--c); font-size: 0.99em; display: flex; justify-content: center; }
	csrr>bl ft btn { padding: 10px 11px; width: 90%; margin-top: 13px; margin-bottom: 16px; }
	csrr>bl hd>d flex span { font-size: 0.99em; }
	csrr>bl hd>d flex b { font-size: 0.99em; margin-left: 8px; }
	csrr>bl { display: block; max-width: min-content; margin-bottom: 34px; }
	csrr>bl hd>d div i { display: block; }

}
/* Component -:- Seller_SellingInfoUpdate */
cele>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
cele>bl sl { background: transparent; }
cele bl hd>h3 { font-family: sans-serif; font-weight: 600; padding: 11px; }
cele bl hd p { padding: 11px; font-size: 15px; font-family: sans-serif; color: var(--bor); }
cele bl bd h5 { font-size: 16px; margin-left: 11px; font-family: sans-serif; font-weight: 600; }
cele bl bd input { display: flex;  background:var(--aa); border-radius: 7px; padding: 2px 14px; margin-top: 10px; margin-left: 6px; }
cele bl bd input  { width: 18px;  margin: 11px; }
cele bl bd .row { display: flex; align-items: center;}
cele bl ft btn { display: flex ; background: var(--bc); padding: 11px; align-items: center; justify-content: center; font-size: x-large; font-weight: 400; font-size: 0.88em; }
cele bl ft btn:nth-child(2) { background: var(--a); color: var(--b); }
cele bl ft { display: grid ; gap: 11px; grid-template-columns: auto auto; max-width: 466px; margin: 0 auto; }
@media(max-width: 999px){
	cele bl bd input { width: 20px; margin: 11px; }
	cele bl bd h5 { font-weight: 200; }
	cele bl bd input { border: unset; background: unset; }
}
/* Component -:- Seller_SellingInformation */

ceeo>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; margin-bottom: 10px; }
ceeo>bl sl { background: transparent; }
ceeo bl hd>h3 { font-family: sans-serif; font-weight: 600; padding: 11px; }
ceeo bl hd p { padding: 11px; font-size: 15px; font-family: sans-serif; color: var(--bor); }
ceeo bl bd h5 { font-size: 16px; margin-left: 11px; font-family: sans-serif; font-weight: 600; }
ceeo bl bd input { display: flex; border: solid 1px var(--aa);  background:var(--aa); border-radius: 7px; padding: 2px 14px; margin-top: 10px; margin-left: 6px; }
ceeo bl bd input[type="radio"] { width: 18px;  margin: 11px; }
ceeo bl bd .row { display: flex; align-items: center;}
ceeo bl ft btn { display: flex ; background: var(--bc); padding: 11px; align-items: center; justify-content: center; font-size: x-large; font-weight: 400; font-size: 0.88em; }
ceeo bl ft btn:nth-child(2) { background: var(--a); color: var(--b); }
ceeo bl ft { display: grid ; gap: 11px; grid-template-columns: auto auto; max-width: 466px; margin: 0 auto; }
@media(max-width: 999px){
	ceeo bl bd input[type="radio"] { width: 20px; margin: 11px; }
	ceeo bl ft btn { width: 47%; }
	ceeo bl bd h5 { font-weight: 200; }
}
/* Component : Sellet_SubscriptionFilter */

cslf>bl { display: block; padding: 11px; }
cslf>bl ul>li>input { margin: 0; height: 11px; width: 11px;display: inline-block; }
cslf>bl ul>li { display: block; position: relative; }
cslf bd ul { padding: 0; margin: 11px 0; }
/*component=SettingCountry*/
cspf { margin: auto;  }
cspf hd span { margin-top: 33px; display: block; font-size: 16px; font-weight: 500; }
cspf hd btns { height: 33px; width: 74px; display: block; border: solid 1px var(--bor); border-radius: 6px; margin-top: 7px; background: var(--bc); }
cspf hd btn { display: flex ; margin-left: 7px; margin-top: 3px; }
cspf hd p { font-size: 15px; margin-top: 36px; }
cspf hd { display: grid ; grid-template-columns: auto auto; }
cspf p:nth-child(2) { font-size: 16px;    margin: 0; }
cspf p:nth-child(1) { font-weight: 500; margin-top: 27px; margin-bottom: 0; }
cspf bd { display: flex; gap: 17px; padding: 11px; }
cspf bd btn:nth-child(2) { border-radius: 30px; align-items: center; justify-content: center; padding: 7px 22px; background: var(--a); }
cspf bd btn:nth-child(3) { background:var(--a); width: 123px; border-radius: 20px; height: 30px; align-items: center; justify-content: center; }
cspf bd btn { border: solid 1px var(--bor); display: flex; padding: 6px 11px; max-width: 82px; width: fit-content; border-radius: 22px; align-items: center; white-space: nowrap; }
cspf>bl hd select { width: auto; border: solid 1px var(--c0); height: auto; padding: 10px 11px; margin: 8px; border-radius: 6px; max-width: 90px; }

@media(max-width: 999px){
	cspf hd i { width: 19px; height: 11px; margin-left: 38px; margin-top: -55px; }
	cspf hd h2 { font-size: 17px; padding-top: 34px; font-weight: 600; }
	cspf bl { background: var(--bl); border-radius: 0px; display: flex; gap: 23px; margin: 0; padding: 16px; }
	cspf hd {display: unset;}
	cspf hd h2 { font-size: 17px; font-weight: 600; }
	cspf bd { padding: 2px; display: flex; }
	cspf hd div { display: block; padding: 10px; }	
	cspf .signin-btn { width: 90%; display: flex; justify-content: center; }
	cspf bd grid { display: flex ; overflow: scroll; }
	cspf hd btns { height: 43px; width: 88vw; display: block; border: solid 1px var(--bor); border-radius: 6px; margin-top: 15px; background: var(--bc); }
	cspf hd i { width: 19px; height: 11px; position: relative; bottom: 14vw; left: 86%; }
	cspf img { width: auto; height: 84px; border-radius: 0; position: relative; top: 18px;  left: 18vh; }
	cspf { padding: 0; margin: 0; }
	cspf btn:nth-child(2) { display: none; }
	cspf hd btn { display: flex; margin-left: 11px; margin-top: 10px; }
	cspf bd btn:nth-child(3) { width: 179px; height: 40px;margin-left: -10px;}
}



csno bd div i { display: block; height: 20px; width: 23px; }
csno bd div { display: flex; align-items: center; gap: 11px; }
csno bd { background: var(--b); box-shadow: 0px 0px 1px 0px; padding: 12px; display: grid; justify-content: center; margin-top: 12px; }
/*component Shop_Categorys*/
csca { display: block; margin-top: 18px; }
csca bl { display: block; padding: 0px 11px; margin-bottom: 11px;background: var(--b); }
csca bd d { display: grid ; grid-template-columns: auto auto auto auto auto auto; overflow: scroll; gap: 0px; }
csca h2 { font-size: 28px; }
csca bl bd { display: flex ; }
csca h2 { font-size: 21px; padding: 4px; }
@media only screen and (max-width:999px){
	csca bd d { grid-template-columns: auto auto; }
	csca h2 { margin-left: 10px; font-size: 22px; }
	csca { padding: 0px;}
	cscc { max-width: 238px; min-width: 100px; }
}cscm hd i img { height: 100%; width: 100%; }

cscm bd { display: flex ; align-items: center; justify-content: center; }

cscm bd t { color: var(--c0); font-weight: 500; position: relative; bottom: 17px; }csgo bl btn { font-size: 15px; font-weight: 100; border-bottom: solid 1px; color:var(--a); }
csgo bl { display: block; border-radius: 5px; background: var(--bt); padding: 20px; }
csgo bl span:hover { color:var(--b1); }
csgo bl span { padding: 15px; font-size: 13px; font-weight: 100; }
csgo bl a { color:var(--bt); } 
/* Component : Shopping_Guides */
cshg>bl { display: grid ; grid-template-columns: max-content auto max-content; align-items: center; padding: 11px; background: var(--b); border-bottom: 1px solid var(--bc); padding-bottom: 0; }
cshg>bl hd>a { display: block; padding: 11px; color: var(--aa); font-size: 1.22em; }
cshg>bl mg { display: flex ; align-items: center; }
cshg>bl mg>a { display: block; padding: 11px; font-size: 0.88em; font-weight: 400; margin: 0 11px; }
cshg>bl mg>a.this { box-shadow: 0px 4px 1px -1px var(--aa); color: var(--aa); font-weight: bold; }
cshg>bl ft>btn { display: grid ; grid-template-columns: auto 26px; align-items: center; gap: 3px; }
cajo>bl h4 { font-size: 1.33em; }csis { max-width: 100%; margin: 11px auto; position: absolute; top: 23%; bottom: 0; left: 0; right: 0; }
csis .Shopping_products { display: grid ; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; padding: 0 11px; }
csis .box { background: var(--bl); padding: 16px 33px 9px 18px; border-radius: 0px; display: grid; grid-template-rows: 63px auto 74px; height: 100%; min-width: 176px; }
csis h3 { font-size: 19px; margin-bottom: 10px; } 
csis .grid { display: grid ; gap: 8%; grid-template-columns: 48% 48%; }
csis .grid img { height: 100%;  }
csis .images img { width: 100px; height: auto; border-radius: 5px; }
csis .box a { font-weight: 400; color: var(--aa); margin-top: 44px; height: 21px; font-size: 13px;}
csis f i {height: 85%; }      
csis f { display: block; position: relative; }
csis f h5 { font-size: 12px; font-weight:600; }
csis ft { margin-top: 14px; }
@media only screen and (min-width: 999px) {
csis { max-width: 100%; margin: 11px auto; }
}
/* Component : Shopping_Product */
cspo { display: block; }
cspo>bl { background: var(--bl); padding: 9px; border-radius: 0px; display: grid ; grid-template-columns: auto; max-width: 444px;     position: relative;}
cspo h3 { /*font-size: 18px;*/ font-weight: 500; margin-left: 3px; }
cspo grd { display: grid; grid-template-columns: auto auto; gap: 17px; }
cspo>img { width: 180px; border-radius: 6px; }
cspo f h5 { font-size: 0.9em; font-weight: 400; }
cspo ft a { font-weight: 400; color: var(--aa); display: block; margin-block-start: 1em; }
cspo f i {height: 89%; }
cspo f { display: block; position: relative; }
cspo>bl bd grid { display: grid; grid-gap: 0; grid-template-columns: auto auto; gap: 10px; }
cspo>bl bd>d { display: grid ; grid-template-columns: 50% 50%; }
cops>bl { display: block; margin-bottom: 11px; }
@media(max-width: 999px) {
	cspo>bl bd { display: block; justify-content: center; }
	cspo grd{gap:0;}
	cspo f h5 { font-size: 0.66em; font-weight: 400; margin-left: 7%; margin-bottom: 5%; }
	cspo h3 { font-size: 0.9em;  }
	cspo>bl { padding: 7px; }
}

@media screen and (max-width: 1240px) {
	cspo:nth-child(4) { display: block; }
}
@media screen and (max-width: 768px) {
	cspo { flex: none; }
	cspo>bl ft a { margin-top: 0%; display: block; }
	cspo>bl>ft { display: none; }
	cspo>bl { background: transparent; }
	cspo f i { height: 60%; }
	cspo>bl bd>d { display: block; height: -webkit-fill-available; }
	cspo>bl { padding: 0; background: var(--b); border-radius: 7px; margin: 4px; max-block-size: fit-content; max-width: 188px; height: -webkit-fill-available; }
	cops h3 { margin: 0; }
}
/* Component : Shopping_Products */
cops h3 { font-size: 1em; margin-bottom: 11px; }
cops grd { display: grid; grid-template-columns: auto auto; gap: 17px; }
cops  a { font-weight: 400; color: var(--aa);font-size: 14px; }
cops f { display: block; position: relative; }
cops>bl>bd>d { display: grid ; gap: 11px; grid-template-columns: auto auto auto auto; }
@media only screen and (max-width: 777px) {
	cops>bl>bd { display: grid; gap: 0px; grid-template-columns: auto auto; }
	cops>bl { display: block; margin: 0; }
	cops h3 { font-size: 0.88em; margin: 0; padding: 6px; font-weight: 500; white-space: normal; }
	cops>bl>bd>d { display: flex ; overflow: auto; gap: 0; }
}
csne bd i { width: 136px; height: 147px; margin-left: -38px; }
csne bd { display: flex ; }
csne bd span { margin-left: 3px; color: var(--aa); }
csne bd span:hover { text-decoration: underline; }
csne bd dv i { background-image: url(/-Brand/Amazon/asset/Prime.png); background-repeat: no-repeat; height: 22px; width: 82px; position: relative; left: 37px; margin-top: 4px; background-position: -210px -468px; }
csne bd dv { display: flex ; }
csne bd dv t { margin-left: 43px; font-size: 11px; color: var(--aa); }
csne bd c { display: block; font-size: 20px; color:var(--bb); font-weight: 400; margin-top: -4px; }
csne bd f { font-size: 20px; margin-top: -7px; margin-left: -16px; font-weight: 500; }
csne bd mg { display: flex ; }
csne bd p { margin-top: 1px; text-decoration: line-through; margin-left: 7px; color: var(--c0); }
csne bd from { color: var(--c0); font-size: 13px; }
csne bd s { display: flex ; gap: 14px;margin-top: -10px; }
csne bd a { margin-top: -3px; font-weight: 500; }
csne bd strong { font-weight: 500; display: block; margin-top: -3px; font-size: 13px; }
csne bd h3 { font-size: 12px; font-weight: 400; }
csne bd btn { display: flex ; height: 28px; width: 91px; border-radius: 28px; margin-top: 6px; margin-left: 13px; background:var(--bb); font-size: 12px; justify-content: center; align-items: center; }
csne bd { display: flex ;    margin-top: 8%; }cmio { margin: 11px; background: var(--b-t); padding: 15px; border-radius: 11px; display: grid ; gap: 2%; }
cmio .comparison-container { max-width: 100%; overflow-x: auto;  padding: 11px 0; }
cmio .comparison-container h2 { margin-bottom: 10px; } 
cmio .items { display: flex; gap: 15px; } 
cmio .item { display: inline-block; width: 250px; border: 1px solid var(--bc); border-radius: 11px; overflow: hidden; background: var(--b); padding: 11px; }
cmio .item img { width: 66%; height: auto; margin: auto; display: block; }
cmio .item h3 { font-size: 0.88em; padding: 10px; font-weight: 400; line-height: 19px; }
cmio .add-to-cart { display: block; background: var(--a); color: var(--c); font-weight: 400; padding: 8px; text-decoration: none; border-radius: 5px; margin: 10px; text-align: center; }
/*Similar_Product*/
csrp hd video.preview-video { display: block; height: 222px; border-radius: 10px 10px 0; }
csrp hd i { display: revert; margin-top: 24px; display: block; }
csrp hd h2 { font-weight: 500; font-size: 19px; }
csrp hd i { display: revert; }
csrp bd i { height: 115px; width: 90px; }
csrp bd div { display: flex; gap: 26px; }
csrp bd dv { display: flex; justify-content: center; align-items: center; gap: 12px; margin-top: -42px; margin-left: -9vh; }
csrp bd p { color: var(--aa); font-size: 15px; display: block; margin-top: 21px ;font-weight: 400 ;}

cstmo::before { content: ""; display: block; position: absolute; background-position: center; inset: 0; background: linear-gradient(45deg, #eceff147, #ffffff12); }
cstmo { position: relative; display: block; overflow: hidden; transition: 99ms; box-shadow: var(--bxs); border: var(--bs); background: var(--a); padding: 33px; border-radius: 22px; }
cstmo bl { z-index: 999; position: relative; display: grid; justify-content: center; font-family: system-ui; }
cstmo hd i { margin: auto; float: left; text-indent: -500px; background-position: -9px -124px; width: 98px; height: 34px; background-image: url(/-Brand/Amazon/asset/Logos.png); background-size: 350px; filter: none; }
cstmo hd { display: block; } 
cstmo:hover { transform: scale(1.04); }
cstmo:active { transform: scale(.97); }
cstmo bd h3 { font-size: 14px; }
@media screen and (max-width: 999px) {
cstmo bd h3 { font-size: 10px; margin-left: 7px; }
}
cstms flex { display: flex; flex-wrap: wrap; gap: 16px; margin: 21px; margin-left: 0px; }
@media(max-width:999px){
cstms flex { display: grid; gap: 13px; grid-template-columns: auto auto; margin-left: 16px; }
cwrs  hd i { height: 49px; }
}csnu bl { display: block; box-shadow: 0px 0px 1px 0px; width: 333px; position: relative; }
csnu hd h2 { font-size: 15px; color: var(--b); }
csnu hd { background: var(--bb); padding: 10px; }
csnu  hd mg { background-image: url(/-Brand/Amazon/asset/Logos.png); background-repeat: repeat-x; height: 43px; width: 44px; background-position: -277px -684px; border-radius: 50px; }
csnu hd { background: var(--bb); padding: 10px; display: flex; gap: 12px; align-items: center; }
csnu bd { background: var(--b); padding: 10px; display: block; }
csnu bd h2 { font-size: 17px; padding-left: 18px; }
csnu bd div { display: block; line-height: 3; border-bottom: 1px solid; border-color: var(--bor); }
csnu bd span { display: flex; width: 95%; padding-left: 16px; align-items: center; justify-content: space-between; }
csnu bd span:hover { background: var(--bc); }
csnu hd i { height: 40px; width: 40px; position: absolute; right: -45px; top: 8px; left: auto; }
csnu bd i { width: 26px; height: 24px; }
csnu bd img { max-width: 100%; max-height: 100%; filter: opacity(0.5); }
csnu bd t { display: flex; align-items: center; padding-left: 18px; }
csnu bd t:hover { background: var(--bc); }
csnu bd t i { transform: rotate(87deg); }
csnu.review { display: none; height: 0; padding: 22px; opacity: 0; }
csnu bd a { color: var(--c); text-decoration: unset; font-weight: normal; }
/*Subscribe*/
csre bl { display: block; align-items: center; }
csre bd i { height: 244px; width: 310px; }
@media only screen and (min-width: 999px) {
csre ft d { display: block; padding: 11px; box-shadow: 1px 0px 0px 0px var(--bc); }
csre bd { display: flex; padding-top: 42px; }}
csre ft p { margin: 0; font-size: 14px; font-weight: 500; color: var(--aa); white-space: nowrap; }
csre bd ul { padding-left: 19px; display: block; line-height: 27px; margin-top: 0px; }
csre bd li { color: var(--c0); font-weight: 500; }
csre bd btn { background:var(--a); padding: 10px; display: flex; align-items: center; justify-content: center; width:fit-content; border-radius: 28px;}
csre ft { display: flex; margin: 3px; }
csre ft p { margin: 0; font-size: 16px; font-weight: 500; color: var(--aa); }
csre ft p1 { font-size: 14px; }
csre ft h2 { font-weight: 400; opacity: 50%; font-size: 23px; display: flex; align-items: center; }
csre ft i { height: 42px; width: 51px; }
csre ft d:nth-child(4) { display: block; max-width: 272px; padding: 11px;border-right: 0;}

@media only screen and (max-width: 999px) {
csre bd i {height: 100%;width: 100%;}
csre bd btn { background:var(--a); padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 28px; width: auto; }
csre bl { display: block; align-items: center; padding: 11px; }	
csre bd { display: grid; }	
csre ft d { flex-direction: column; display: flex; padding: 11px; line-height: 16px; }
csre ft { display: block; margin: 3px; }
}


csre div p { color: var(--c0); font-weight: 500; font-size: 17px; }
/*component:SubscriptionActions*/
scao bd h3 { font-size: 14px; font-weight: 500; display: flex; align-items: center; justify-content: space-between; }
scao bd i { width: 100px; justify-content: center; display: flex; }
scao bd t { font-size: 12px; margin-left: 16px; color: var(--c0); }
scao bl bd {display: block; border: solid 1px var(--bor); border-radius: 6px; padding: 11px;  }
scao bd dv{ margin: 15px;}
scao ft p { display: flex; justify-content: center; }
scao ft a { color: var(--aa); font-weight: 400; text-decoration: underline; }
scao bd h3>i {  display: none;}
@media(max-width:999px){
scao ft p { display: block; margin: 14px;   text-align: center; font-size: 16px; }
	scao bd dv { margin: 15px; display: none; }
	scao bd h3>i { height: 22px; width: 22px; transform: rotate( 274deg); display: block;}
	scao bl bd { max-width: 405px; }
} 
/* Component : Support */
csrl hd { display: flex; justify-content: center; background: var(--b); padding: 11px; }
csrl h2 { display: flex;}
csrl bd i { width: 186px; height: 100%; }
csrl bd i { width: 135px; height: 135px; }
csrl { display: block; background: var(--b); padding: 11px; }
csrl div { display: flex; justify-content: space-evenly; }
csrl dv { display: grid; align-items: center; justify-content: center; }
csrl>bl bd div d:Hover { text-decoration: underline; }
csrl>bl bd div d { color: var(--aa); }
     
@media(max-width: 999px){
csrl hd h2 { font-size: 13px; }
csrl bd div { overflow: scroll; }
csrl>bl bd div d { font-size: 12px; }
	csrl { padding: unset; }

} 
/* Component :- ContactOptions */
cocp h2 { display: flex; padding: 11px; }
cocp hd { display: flex; justify-content: center; background: var(--b); padding: 14px; }
cocp>bl bd>d { display: grid; padding: 11px 10px; margin: 11px; background: var(--bt); border-radius: 11px; border: 1px solid var(--bc); grid-template-columns: 44px auto; max-width: 358px; align-items: flex-start; }
cocp bd { display: grid ; justify-content: center; grid-template-columns: 27% 25% auto; }
cocp bd i { width: 20px; display: flex; height: fit-content; }
cocp dv { display: block grid; gap: 10px; }
cocp bd btn { border: solid 1px var(--bor); width: max-content; padding: 9px 31px; border-radius: 28px; display: flex; align-items: center; font-size: 14px; }
cocp>bd d span { font-size: 12px; }
cocp>bl bd>d:nth-child(1) btn {  padding: 9px 22px;}
cocp>bd d h4 { font-weight: 400; color: var(--c); font-size: 16px; }
cocp b { font-size: 13px; color: var(--c0); }
cocp btn:hover { background: var(--b); }
@media(max-width: 999px){
	cocp bd { display: grid ; grid-template-columns: unset; }
cocp hd  h2 { font-size: 19px; }
cocp span { font-size: 13px; }
	cocp btn {  padding: 11px 33px; }
}cptdo .container { display: flex ; justify-content: space-between; padding: 20px; border-radius: 8px; }
cptdo .section { border-radius: 22px; width: 48%; background: var(--bg); padding: 22px; margin: 4px; }
cptdo h2 { color: var(--a); border-bottom: 2px solid var(--a); padding-bottom: 5px; width: fit-content; filter: contrast(0.5); }
cptdo table { width: 100%; border-collapse: collapse; } 
cptdo table th, table td { padding: 10px; text-align: left; border-bottom: 1px solid var(--bc); } 
cptdo .feedback { margin-top: 20px; font-size: 14px; }
/*component=TransactionFilter*/
cfto { display: block; box-shadow: 0px 0px 1px 0px; margin-bottom: 10px; background: var(--b); }
cfto hd { display: flex; font-weight: bold; font-size: 16px; border-bottom: solid 1px var(--bor); padding: 7px; justify-content: space-between; }
cfto h4 { font-size: 13px; font-weight: 500; }
cfto hd h2 { font-size: 15px; font-weight: 500; }
cfto bd { display: block; padding: 6px; }
 cfto bd div { display: grid; gap: 7px; }
cfto bd b {  display: block;  margin-bottom: 0.3rem;  color:var(--b1);  }
cfto label { display: flex; cursor: pointer;    font-size: 14px; }
cfto ft {  display: block;  text-align: right;  margin-top: 1rem;   }
cfto btn { color: var(--aa); font-weight: 400; }
cfto ft btn { border: none;color: var(--aa);cursor: pointer;padding: 0;font-size: 13px;  }
cfto input {  outline: 0;  border-radius: 4px 7px;  display: block;  max-width: 100%;  border: 0;  background: var(--b-t77);  color: var(--c);  width:18px;  height: 17px;  font-weight: bold;  padding: 0 22px;    accent-color: var(--aa); }
@media(max-width:999px){
cfto {display: none;}
}


/*Component -:- TransactionPromo */

ctpm>bl { display: block; padding: 24px; background: var(--b); border: solid 1px var(--bc); }
ctpm>bl h2 { font-weight: 400; font-size: 1.89em; }




/*Component -:- TransctionSmenu */

ctsn>bl { display: block;background: var(--b); border: solid 1px var(--bor); margin: 5px auto; max-width: 1400px; }
ctsn>bl h2 { font-weight: 600; font-size: 1.69em; }
ctsn>bl>hd { border-bottom: solid 1px var(--bor); padding: 17px; display: flex; gap: 12px; align-items: center;}
ctsn>bl>bd mg>a { font-size: 0.88em; color: var(--aa); font-weight: 500; padding: 11px 20px; }
ctsn>bl>bd  mg { display: flex; align-items: center; gap: 9px; }
ctsn>bl  hr { margin: 0; width: 5%; position: relative; top: 3px; border: solid 1px var(--c1); height: 0; }
ctsn>bl>bd mg>a.this { color: var(--c); border-bottom: solid 3px var(--c1); }
ctsn bl bd btn { display: none; gap: 2px; }
ctsn bl bd  i { transform: rotate( 269deg); width: 16px; height: 14px; }
@media(max-width:999px){
	ctsn bl bd btn { display: flex; gap: 2px; }
	ctsn bd { display: flex; justify-content: space-between; } 
	ctsn>bl>bd>btn { border-left: 1px solid var(--bor); padding: 11px 7px; display: flex; gap: 2px; }
	ctsn bl bd t { color: var(--a); }
	ctsn>bl>hd { border-bottom: solid 1px var(--bor); padding: 10px; display: flex; gap: 12px; align-items: center; background: var(--bc); }
	ctsn>bl h2 { font-weight: 400; font-size: 1.59em; }
}
cdms { display: block; border-right: solid 1px var(--bor); margin: 11px; max-width: 222px; }
cdms hd span { font-weight: 700; font-size: 13px; }
cdms bl bd { display: grid; gap: 5px; }
cdms bd t{ display: block;}
cdms bd t:hover { color: var(--c); text-decoration: underline; }
/*component :Amazon_balance*/
cabo { display: block; padding: 7px; }  
cabo bl bd { display: flex; flex-direction: column; gap: 10px; }
/* Component -:-:-:-:- UserMenu */
cume hd d { display: grid ; background: azure; grid-template-columns: auto auto; padding: 12px; border-radius: 13px; justify-content: space-between; }
cume hd d span:nth-child(2) { color: var(--aa); font-weight: 500; }
cume hd d span:nth-child(2):hover{ text-decoration: underline; }
cume hd d span { display: block; margin-left: 10px; font-size: 0.88em; }
cume bd dv { display: grid ; line-height: 16px; }
cume bd div { display: grid ; gap: 4px; border-bottom: 1px solid var(--bor);padding: 5px; }  
cume bd dv a { font-weight: 400; font-size: 0.88em; margin-top: 8px; opacity: 0.66; }
cume>bl bd { display: grid; margin-top: 9px; justify-content: space-between; grid-template-columns: auto 256px; }
cume bd dv a:hover { display: block; color: var(--a); text-decoration: underline; }
cume>bl hd { grid-column-start: 1; grid-column-end: 5; }
cume>bl { display: block; max-width: 495px; background: var(--b); padding: 22px; }
cume bd div span { display: block; margin-bottom: 6px; font-size: 0.88em; }
cume ft dv { display: grid ; line-height: 16px; }
cume ft dv a { font-weight: 200; font-size: 14px; margin-top: 8px; }
cume ft dv a:hover { display: block; color: var(--a); text-decoration: underline; }
cume ft div { display: grid ; gap: 4px; border-bottom: 1px solid var(--bor);padding: 5px; }  
cume>bl:before { content: ''; border-style: solid; _border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid var(--bor); width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; top: -10px;left: 40.33vh; }
cume>bl:after { content: ''; border-style: solid; _border-style: dashed; border-width: 9px; border-color: transparent; border-top-width: 0; border-bottom: 9px solid var(--b); width: 0; height: 0; font-size: 0; line-height: 0; position: absolute; top: -9px; left: 40.33vh; }
cume { position: absolute; height: max-content; top: 0; z-index: 999; margin: auto; width: -webkit-fill-available; max-width: 533px; transition: 33ms; opacity: 0; visibility: hidden; right: 0; transform: translate(-16%, 0); }
.usermenu cume { opacity: 1; visibility: visible; }
.usermenu flyouts>rvm { top: 77px; }
cume>bl hd dv btn { display: flex; align-items: center; justify-content: center; border: solid 1px var(--bor); border-radius: 4px; padding: 7px; background: var(--a); font-size: 0.79em; font-weight: 600; color: var(--c); max-width: 222px; margin: 9px auto; width: -webkit-fill-available; }
cume>bl hd dv btn:hover { text-decoration: underline; }
cume>bl hd dv { display: grid; align-items: center;margin-bottom: 11px; }
cume>bl hd dv span { font-size: 0.78em; margin-bottom: 11px; display: flex; justify-content: center; align-items: center; }
cume>bl hd dv span t { color: var(--aa); text-decoration: underline;}
cume>bl hd dv span t:hover { color:var(--a);}
cume bd dv a:hover { opacity: 1; }
.usermenu flyouts { top: 66px; }
cuao hd { display: flex; flex-direction: column; justify-content: center; border-bottom: 1px solid; border-color: var(--bor); }
cuao hd btn { width: 60%; display: flex; align-items: center; justify-content: center; font-size: 14px; background: var(--a); padding: 8px; border-radius: 8px; }
cuao hd btn:hover { text-decoration: underline; }
cuao hd p { font-size: 14px; }
cuao hd span { color: var(--aa); margin-left: 4px; }
cuao hd span:hover { text-decoration: underline; }
cuao bd h2 { font-size: 16px; }
cuao bd h3 { font-size: 11px; color: var(--c); opacity: 0.8; font-weight: 500; line-height: 18px;position: relative; top: 7px;}
cuao bd { display: flex; gap: 5%; }
cuao bd dv { padding: 9px; }
 
/* component User_AccountAccess */
cucs ul li { display: grid; padding: 11px; align-items: center; grid-template-columns: auto 22px; font-weight: 400; border-bottom: solid 1px var(--bc); }
cucs bd ul { display: block; padding-inline-start: 0; border-radius: 3px; margin-block-start: 11px; border: 1px solid var(--bc); border-radius: 11px; }
cucs li i { width: 29px; transform: rotate(269deg); }
cucs bl { display: block; padding: 11px; }
cucs { display: none; }
cucs>bl bd>d { display: block; margin-top: 11px; }
cucs>bl bd>d h4 { font-size: 1.21em; }
@media(max-width:999px){
	cucs { display: block; }
	cucs bd d i { display: block; height: 26px; width: 22px; align-items: center; }
	caqs ul li { list-style: none; padding: 13px; display: flex; justify-content: space-between; border-bottom: solid 1px var(--bor); position: relative; }
}
cyor bd b { font-size: 18px; font-weight: 500; }
cyor span { color: black; font-weight: 400; font-size: 17px; margin-top: 0; margin-bottom: 0px; }
@media (max-width: 900px) {
cyor div { display: flex; width: 80%; margin: 0px 7px 7px -19px; }
}cubo { display: block;  background: var(--b);  padding:11px;  position: relative;  }
cubo hd { display: flex; align-items: center; justify-content: space-between; }
cubo hd h2 { font-size: 13px; font-weight: 400; white-space: nowrap; }
cubo hd span { font-size: 17px; position: relative; left: 330px; color: green; }
cubo hd i { height: 20px; transform: rotate(181deg); width: 15px; }
cubo bd { display: block; padding-top: 22px; line-height: 30px; }
cubo bd h2 { font-size: 11px; font-weight: 500; width: 25vw; }
cubo hd span { font-size: 14px; color: green; position: relative; left: 7vw; }
cubo bd dv { display: block; position: relative; top: 66px; right: 46px; }
cubo ft { display: flex; height: 2vw; }
cubo ft h2 { font-size: 14px; font-weight: 600; color: var(--aa); }
cubo bd div { display: flex; }
cubo bd span { position: relative; right: 8%; font-size: 12px; font-weight: 500; }
@media(max-width:999px){
cubo { position: absolute; left: 42px; height: 419px; width: 76%; }
cubo hd span { position: absolute; }
}

/*Component:-User_Payment*/

cupo hd { background: var(--b); padding: 11px; border-radius: 9px;  line-height: 43px; }

cupo hd h3 { line-height: normal; font-size: 17px; }
cupo span { display: flex ; align-items: center; justify-content: space-between; position: relative; }
cupo i { height: 23px; width: 23px; }
cupo hd t { font-size: 17px; font-weight: 400; }
cupo bd { background: var(--b); padding: 22px 11px; border-radius: 11px; margin-top: 11px; background: var(--b); padding: 13px; border-radius: 9px; line-height: 43px; }
cupo ft { margin-top: 11px; display: block; background: var(--b); padding: 11px; border-radius: 11px; line-height: 46px; }
cupo i:nth-child(1) { height: 35px; width: 37px; }
cupo ft div { display: flex; align-items: center; }
cupo.User_WalletBalanceNew { display: block; }
cupo ft h3 { margin-bottom: 26px; margin-left: 12px; }

@media(max-width: 999px){
	cupo { margin: 11px auto;   }
	cupo bd span { font-size: 19px; margin-left: 2%; }


	cupo hd {   padding: 27px;  }
	cupo ft span i:nth-child(2) { display: none; }

	cupo ft div { display: block; align-items: center; padding-left: 19px; }

	cupo i:nth-child(1) { height: 43px; width: 43px; }
	cupo ft h3 { margin-bottom: 0; }
}


/*Comopnent:-Amazon_Pay*/
capss hd h2 { margin-bottom: 11px; }
capss>bl { display: block; margin: 11px 0; padding: 11px; margin-bottom: 0; }
@media(max-width:999px){
	capss>bl { margin: 0; padding: 0; }
	capss>bl>hd { display: none; margin: 11px; }
	capss hd h2 { display: none; }
}


/*component=WalletBalance*/
cuwo { background: var(--b); display: flex; padding: 11px; border-radius: 7px;}
cuwo bl { width: 100%; }
cuwo bd { display: flex; justify-content: space-between; }
cuwo hd h2 { font-weight: 900; color: var(--bb); }
cuwo hd { display: flex; justify-content: space-between; border-bottom: 1px dashed rgb(211, 213, 216); padding: 3px; margin-top: -1%; }
cuwo hd t { display: flex; color:var(--aa); font-size: 22px; font-weight: 700; }
cuwo hd t:hover { border-bottom: solid 2px; border-color:var(--b); cursor: pointer; }
cuwo>bl bd { display: flex; justify-content: space-between;align-items: center; }
cuwo p { color: var(--c0); font-size: 18px; margin: 0; }
cuwo ft { display: flex; justify-content: space-between; align-items: center; }
cuwo hr { display: flex; }
@media(max-width: 999px){	 
cuwo hd h2 {  display: block; }
	
}
/*Component:-WalletBalanceNew*/
cuws { background: var(--b); display: flex ; padding: 22px; border-radius: 7px; margin-top: 11px; }
cuws bd div { border: solid 2px var(--bor); border-radius: 5px; padding: 8px; padding-left: 16px; }
cuws bd p { margin: 0; color: var(--c0); }
cuws bd div { border: solid 2px var(--bor); border-radius: 5px; padding: 8px; padding-left: 16px; width: 64%; margin-top: 16px; }
cuws bd input { display: flex; font-size: 28px; padding-left: 8px; font-weight: 300; }
cuws bd span { display: flex; align-items: center; font-size: 26px; }
cuws bd div.rows { border: none; display: flex; justify-content: flex-start; gap: 18px; margin-top: 0%; }
cuws bd btn { display: flex; border: solid var(--bor) 1px; padding: 5px; margin: 5px; border-radius: 6px; align-items: center; justify-content: center; width: 22%; margin-left: -5%; }
cuws bd i { width: 17px; }
cuws bd svg { min-width: 12px; }
cuws ft { margin-top: 14px; display: flex; }
cuws ft btn { font-size: 15px; padding: 7px 13px; align-items: center; justify-content: center; display: flex ; background: var(--a); border-radius: 35px; font-weight: 600; }
cuws bd { display: block; }
cuws bd h6 { display: flex; color: var(--c0); font-size: 12px; align-items: center; gap: 8px; font-weight: 400; }
cuws>bl>hd { display: block; margin: 11px; }

@media(max-width: 999px){
	cuws { display: block; border-radius: 0px; }
	cuws bd h6 { display: none; }
 	cuws bd { display: block; }
cuws ft btn { width: 100%; min-height: 25px; }
	cuws p { padding-right: 10px; }
cuws bd div { width: 355px; }
	cuws hd { display: flex; align-items: center; }
	cuws>bl>bd { width: 75%; }
cuws>bl>ft { box-shadow: 0px 0px; width: auto; justify-content: center; display: flex; }
	cuws bd btn {width: 21%; margin-left: 2%;}
}

/* Component -:- WalletNewIdentification */ 

cwni>bl { display: block;  border-radius: 0px 0px 10px 10px; }
cwni>bl>bd { display: block; background: var(--b); box-shadow: 0px 2px 1px 1px var(--bc); }
cwni>bl>bd dv { display: block; background: var(--bc); padding: 17px; }
cwni>bl>bd d { display: flex; padding: 19px; align-items: center; justify-content: space-between; }
cwni>bl>bd dv span { font-weight: 500; }
cwni>bl>bd d i { height: 13px; width: 11px; transform: rotate( 182deg); }
cwni>bl hd i svg { fill: var(--b-t95); }
cwni>bl hd i { height: 20px; width: 20px; }
cwni>bl>hd { justify-content: end; display: flex; margin-bottom: 4px; padding: 5px; }
.identification cwni { opacity: 1; visibility: visible; position: absolute; bottom: 0; width: -webkit-fill-available; z-index: 555; }
cwni { display: block; visibility: hidden; opacity: 0; transition: 333ms; position: absolute; left: 0; right: 0; bottom: -100%; }cwod  bl{ background: var(--b); box-shadow: 0px 0px 1px 0px; padding: 22px; border-radius: 5px; }
cwod bd{border:solid 1px; display:flex;}
cwod bd div { display: flex ; height: 133px; align-items: center; gap: 10px; }
cwod bd i { display: flex; align-items: center; justify-content: center; background: var(--at); /* padding: 4px; */ max-width: 19%; margin: 11px; height: 107px; border-radius: 0px; }
cwod bd img { width: 75%; height: 53%; object-fit: cover; border-radius: 9px; }

cwod bd p { font-size: 14px; font-weight: 400; }

cwod bd a { color: var(--aa); margin-left: 4px; }
/* component -:- WalletUpdate */
cwuu>bl { padding: 11px; display: block; margin: 11px auto; max-width: 666px; }
cwuu ft b { color:var(--bt); position: relative; left: 8%; font-size: 15px; }
cwuu>bl>ft { display: flex; align-items: center; padding-top: 16px; justify-content: center; }
cwuu p { margin-block-start: 0; display: block; font-size: 14px; font-weight: 600; }
cwuu>bl>ft d { color: var(--c0); }
cwuu ft i { width: 23px; }
cwuu>bl>bd h4 { display: block; margin-bottom: 11px; }
cwuu>bl>bd { display: block; background: var(--b); padding: 18px; border-radius: 10px; }
cwuu>bl bd sl { display: block; align-items: center; margin: 0; padding: 4px 11px; height: max-content; border: solid 2px var(--bor); background: var(--b); margin-bottom: 11px; width: -webkit-fill-available; }
cwuu>bl bd sl dv input { border: 0; height: auto; margin: 0; padding: 0; font-size: 0.89em; font-weight: 400; color: var(--c); padding: 5px; border-radius: 0; }
cwuu>bl bd sl lable { font-size: 0.77em; padding-left: 3px; }
cwuu>bl bd sl dv input:focus { border: 0; box-shadow: unset; display: block; }
cwuu>bl bd sl dv { display: flex; }
cwuu>bl bd sl dv span { font-weight: 500; color: var(--aa); margin-top: -6px; } 
cwuu>bl bd sl:focus-within { box-shadow: 0px 0px 1px 3px var(--aa);  border: unset;  }
cwuu>bl bd d div { display: flex; align-items: center; margin: 0; padding: 16px 14px; height: max-content; border: solid 2px var(--bor); background: var(--b); margin-bottom: 37px; width: -webkit-fill-available; justify-content: space-between; border-radius: 10px; font-size: 0.99em; }
cwuu>bl bd d div:focus-within { border: solid 3px var(--aa);}
cwuu>bl bd d div i { height: 15px; width: 15px; transform: rotate( 271deg); }
cwuu>bl bd d div span { margin: 0; }
cwuu>bl>bd d span { display: block; margin-bottom: 11px; font-size: 0.99em; font-weight: 500; color: var(--c0); }
cwuu>bl>bd d h4 { margin-top: 17px; display: block; margin-bottom: 0; }
cwuu>bl>bd form { display: grid; }
cwuu>bl>bd form btn { display: flex; justify-content: center; padding: 11px; border: solid 1px var(--bc); border-radius: 25px; background: var(--a); font-size: 1.2em; margin-bottom: 11px; opacity: 0.5; font-weight: 800; }
cwuu>bl>bd form mn { display: flex; justify-content: center; font-size: 0.99em; gap: 7px; }
cwuu>bl>bd form mn t{ color:var(--aa); }

cwuu>bl>bd form mn t:hover { color: var(--c1); text-decoration: underline; }


@media(max-width:999px){
	cwuu>bl>ft { display: none; justify-content: unset; }
	cwuu>bl { padding: 0; display: block; margin: 0; max-width: unset; background: var(--b-t44); }
	cwuu>bl>hd { display: block; padding: 10px; }
	cwuu>bl>bd { display: block; background: var(--b); padding: 12px; border-radius: 1px; }
	cwuu>bl>bd form mn { display: flex; justify-content: center; font-size: 0.89em; gap: 7px; }
	cwuu>bl hd h2 { font-size: 1.1em; }
}
cwto { display: block; background: var(--b); padding: 11px; }
cwto hd { display: flex; border-bottom: 3px solid; border-color: var(--bor); }
cwto hd h2 { font-size: 23px; }
cwto bd mg { display: flex; gap: 31%; }
cwto bd { display: flex; height: 3vw; align-items: center; }
cwto bd a { color: var(--bb); font-size: 14px; position: relative; display: flex; align-items: center; justify-content: center; }
cwto bd a:focus { color: var(--c); border-bottom: 4px solid var(--aa); }
cwto ft div a { display: flex; font-weight: 600; font-size: 13px; color: var(--aa); }
cwto ft div b { display: flex; font-weight: 600; font-size: 13px; }
cwto ft div { display: flex; align-items: center; height: 16px; }
cwto ft div svg { height: 18px; display: block; width: 33px; }
cwto ft div i { display: flex; height: 12px; width: 12px; transform: rotate( 266deg); }/* component :- Whist */
ciho>bl { background: var(--b); padding: 11px; max-width: 1255px; margin: auto; display: grid ; border: solid var(--bor) 1px; border-radius: 5px; grid-template-columns: 160px auto auto; margin-bottom: 10px; position: relative; }
ciho>bl hd i img { position: absolute; inset: 0; margin: auto; height: auto; width: auto; }
ciho>bl bd span { display: block; /* margin-left: 7px; */ font-weight: 500; color: var(--aa); font-size: 0.89em; padding: 4px; }
ciho>bl bd span:hover { color: var(--c1); }
ciho>bl bd t { margin-left: 6px; }
ciho>bl bd d  i img { width: 24px; margin-top: 6px; }
ciho>bl name { width: 100%; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; line-height: 1.44; white-space: normal; overflow: hidden; font-size: 0.95em; margin-bottom: 4px; color: var(--aa); }
ciho>bl hd { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 4; background: var(--bc); }
ciho>bl ft { display: grid ; grid-column-start: 2; grid-column-end: 5; padding: 11px; }
ciho>bl ft p { font-size: 0.77em; margin-left: 4px; }
ciho>bl ft btns { display: flex ; gap: 13px; align-items: center; margin: 11px 0; position: relative; z-index: 55; }
ciho>bl ft btns>btn { border: solid 1px var(--bor); max-width: fit-content; margin-left: 4px; border-radius: 20px; display: flex; gap: 3px; justify-content: center; align-items: center; padding: 4px 12px; margin-bottom: 6px; }
ciho>bl ft btns btn i img { width: 16px; }
ciho>bl ft btns btn:nth-child(3) { background: var(--bc); }
ciho>bl ft btns btn:nth-child(3):hover { background: var(--b); }
ciho>bl ft btns btn:hover { background: var(--bc); }
ciho>bl rt>i.this svg { fill: var(--a); }
ciho>bl rt>i svg { fill: none; stroke: var(--a); stroke-width: 7px; }
ciho>bl bd d  i { width: 20px; }
ciho>bl bd d { display: flex ; gap: 0; align-items: center; }
ciho>bl ft btns>btn i { width: 20px; height: 20px; }
ciho>bl bd { display: grid ; grid-column-start: 2; grid-column-end: 5; padding: 0 11px; }
ciho>bl hd i { position: relative; padding-top: 100%; display: grid; height: auto; width: auto; margin: auto; background: var(--bc); border-radius: 6px 0px 0px 6px; }
ciho>bl ft btns>btn:nth-child(6) { display: none; }
ciho>bl bd d  i { width: 11px; height: 11px; }
@media(max-width:999px){
	ciho>bl ft btns { display: flex ; gap: 13px; align-items: center; position: relative; z-index: 55; margin: 11px 0; }	
	ciho>bl bd { display: grid; padding: 6px; grid-column-start: 2; grid-column-end: 5; margin-bottom: 5px; }
	ciho>bl hd { grid-row-end: 4; display: flex; justify-content: center; }
	ciho>bl hd i { width: -webkit-fill-available; background: var(--bc); height: -webkit-fill-available; }
	ciho>bl { max-width: max-content; margin: 0; border: solid 1px var(--bor); grid-template-columns: 133px auto auto; margin-top: 11px; }
	ciho>bl bd span { display: flex; font-weight: 400; color: var(--c); font-size: 0.88em; }
	ciho>bl ft btns>btn:nth-child(1) { display: none; }
	ciho>bl ft btns>btn:nth-child(3) { display: none; }
	ciho>bl ft btns>btn:nth-child(4) { display: none; }
	ciho>bl ft btns>btn:nth-child(5) { display: none; }
	ciho>bl bd t { margin-left: 1px; font-size: 0.77em; }
	ciho>bl ft p { font-size: 0.77em; margin-left: 4px; display: none; }
	ciho>bl ft btns>btn { border: solid 1px var(--bor); margin-left: 4px; border-radius: 31px; display: flex; gap: 3px; justify-content: center; align-items: center; padding: 6px 12px; margin-bottom: 6px; /* width: 66%; */ max-width: unset; }
	ciho>bl ft btns>btn:nth-child(6) { display: block; background: none; border: none; }
}
/*Component:-Baby_Wishlist*/


/* WishlistBaby by GaganNayak */
cbwo>bl bg>img { opacity: 1; height: 100%; width: 100%; }
cbwo>bl ft>btn { display: block; padding: 11px 22px; background: var(--a); border-radius: 33px; font-size: 0.88em;}  
cbwo>bl { display: flex ; flex-direction: column; background-size: 100%; align-items: center; justify-content: center; overflow: hidden; max-width: 1400px; margin: 11px auto; min-height: 333px; position: relative; padding: 11px;}
cbwo bd h2 { font-size: 36px; text-align: center; }
cbwo>bl p>aa { color: var(--aa); }
cbwo>bl p>aa:hover { text-decoration: underline; }

@media(max-width:999px){
	cbwo>bl { min-height: 0px; }

} 
/*Component:WishlistBenefit*/
cbny { padding: 33px;  }
cbny i { height: 78px; width: 100%; display: block; }
cbny hd h2 { font-size: 24px;  }
cbny { display: block; border: solid 1px var(--bor); padding: 17px; border-radius: 8px; max-width: 377px; flex: none; }
cbny>bl>hd { display: block; text-align: center; }
cbny hd p { font-size: 19px; font-weight: 400; color: var(--c0); margin-bottom: 0; }
cbnr bd d { display: flex; gap: 22px; }
@media(max-width:999px){
	cbny { display: flex; border-radius: 8px; height: 76px; border: unset; }
	cbny>bl>hd { display: flex; text-align: center; }
	cbny hd i { display: block; height: 69px; width: auto; position: relative; right: 9px; top: 10px; }
	cbny hd p { font-weight: 400; color: var(--c0); text-align: justify; font-size: 14px;  }
	cbny hd h2 { justify-content: unset; display: flex; }
	cbnr>bl>hd>h2 { font-size: 16px; }
}
/*Component :- Wishlist_EmailMessage*/
cwee { display: flex; }
cwee>bl { display: block; margin: 11px auto; padding: 11px; }
cwee>bl>hd { display: block; margin-bottom: 20px; }
cwee>bl hd>h2 { display: block; margin-bottom: 7px; }
cwee>bl div>p { margin-block-start: unset; margin-block-end: unset; }
cwee>bl>bd>div { display: block; background: var(--b-t77); padding: 11px; border-radius: 11px; max-width: 555px; }
cwee>bl div>p { margin-block-start: unset; margin-block-end: unset; margin-bottom: 20px; }
cwee>bl div>t:nth-child(2) { display: flex; margin-bottom: 5px; }
cwee>bl div>hr { width: 6%; display: block; margin-inline-start: unset; height: 2px; margin: 28px 0; background: var(--c); }
cwee>bl div>t>a:hover { color: var(--c1); }
cwee>bl div>t>a { color: var(--aa); font-weight: 400; }
cwee>bl>ft { display: flex; justify-content: end; margin: 12px 0; }
cwee>bl btns>btn { border: solid 1px var(--bor); border-radius: 20px; padding: 7px 11px; }
cwee>bl ft>btns { display: flex; gap: 15px; }
cwee>bl btns>btn:nth-child(2) { border: none; background: var(--a); }
cwee>bl>bd>t { font-size: 1.11em; font-weight: 700; margin-bottom: 6px; display: block; }
@media(max-width:999px){
	cwee>bl hd>h2 { font-size: 1.11em; }
	cwee>bl>hd { text-align: center; }
	cwee>bl>bd { display: grid; justify-content: center; }
    cwee>bl>bd>div { display: block; background: var(--b-t77); padding: 11px; border-radius: 11px; max-width: 362px; }
	cwee>bl ft>btns { display: grid; gap: 12px; }
	cwee>bl>ft { display: block; }
	cwee>bl btns>btn { display: flex; align-items: center; justify-content: center; max-width: 382px; padding: 11px; }
}
/* Component : Wishlists */
cwls>bl { display: block; padding: 11px; margin: 11px auto; max-width: 1300px; }
cwls>bl>hd { display: flex ; justify-content: space-between; align-items: center; }
cwls>bl mb { display: flex ; align-items: center; }
cwls>bl mb>aa { display: block; padding: 7px 22px; font-size: 1.77em; font-weight: 400; }
cwls>bl mg>aa.this { color: var(--aa); box-shadow: 0 3px 0 0px var(--aa); font-weight: 600; }
cwls>bl>bd { display: block; padding: 22px; border: 1px solid var(--bor); border-radius: 0 0 11px 11px; }
cwls>bl>bd>d { display: grid ; grid-template-columns: 244px auto; }
cwls>bl div>cc { display: grid ; grid-template-columns: auto auto; justify-content: space-between; padding: 11px; background: var(--bc); }
cwls>bl cc p { margin: 0; line-height: 1.88; }
cwls>bl bd>d>div { padding-right: 11px; display: block; }
cwls>bl d>div>d { display: flex ; padding: 11px; align-items: center; justify-content: space-between; margin-bottom: 11px; }
cwls>bl d>div>d a { font-weight: 500; }
cwls>bl d>div>d t { font-size: 0.88em; }
cwls>bl cc>t { font-size: 0.88em; }
cwls>bl d>div>d:hover { color: var(--a); }
cwls>bl d>div>d:hover a { text-decoration: underline; color: var(--a); }
cwls>bl div>cc:hover { color: var(--a); }
cwls>bl div>cc:hover a { color: var(--a); text-decoration: underline; }
cwls>bl fl { display: block; }
cwls>bl fl>d { display: flex ; justify-content: space-between; align-items: center; }
cwls>bl fl>d btns { display: flex ; align-items: center; }
cwls>bl fl>d btns>btn { display: block; padding: 7px 15px; border: 1.55px solid var(--bor); margin: 0 7px; border-radius: 33px; font-size: 0.88em; font-weight: 500; }
cwls>bl fl btns>btn>i { height: 17px; width: 17px; }
cwls>bl fl d>h4 { font-size: 1.22em; font-weight: 600; }
cwls>bl fl d>h4>small { font-weight: 400; opacity: .66; margin-left: 11px; }
cwls>bl fl>pf { display: grid ; align-items: center; grid-template-columns: 44px auto; margin-top: 11px; }
cwls>bl pf>i { height: 33px; width: 33px; border-radius: 55%; overflow: hidden; }
cwls>bl pf>btn { display: grid ; grid-template-columns: 22px auto; border: 1px solid var(--bor); width: max-content; padding: 4px 15px; border-radius: 33px; gap: 4px; color: var(--aa); font-weight: 500; }
cwls>bl pf>btn svg { fill: var(--aa); }
cwls>bl pf>btn:hover svg { fill: var(--a); } 
cwls>bl pf>btn:hover { color: var(--a); border-color: var(--a); }
cwls>bl fl>f { display: flex ; justify-content: space-between; align-items: center;margin-bottom: 10px; }
cwls>bl fl>f btns { display: flex ; align-items: center; }
cwls>bl f>d { display: flex ; align-items: center; }
cwls>bl f>d>hr { height: 33px; width: 1px; margin: 0 11px; }
cwls>bl f>d>sl { margin: 0 4px; height: auto; display: flex; padding: 9px 11px; align-items: center; white-space: nowrap; font-size: 0.88em; border: 1px solid var(--bc); background: var(--bc); width: max-content; }
cwls>bl f>d>sl:nth-child(1) { padding: 0; background: var(--bt); }
cwls>bl f d>sl>input { padding-left: 33px; height: 40px; }
cwls>bl fl>f sl>i { height: 22px; width: 22px; margin: auto 7px; position: absolute; top: 0; bottom: 0; }
cwls>bl f sl>select { width: -webkit-fill-available; margin: 0; margin-left: 11px; font-weight: 400; }
cwls>bl fl>f btns>btn { display: block; padding: 5px; margin: 4px 2px; }
cwls>bl fl>f btns>btn.this { box-shadow: 0.00px 2px 0 var(--a); }
cwls>bl>hd btn { color: var(--aa); }
cwls>bl>hd btn:hover { color: var(--c1); }
cwls>bl mg>aa:hover { box-shadow: 0 2px 0 0px var(--at); color: var(--at); }
cwls.wishlist>bl>bd>d { display: grid; }
cwls.wishlist>bl>bd>fd { display: none; }
cwls.friend>bl>bd>d { display: none; }
cwls.friend>bl>bd>fd { display: block; }
cwls>bl>bd>fd { display: none; }
cwls bl hd mb aa:nth-child(1) t { color: var(--aa); border-bottom: solid 1px; }
cwls>bl>bd dv { display: block; padding-left: 11px; margin-left: 11px; }

@media(max-width:999px){
	cwls>bl>hd { display: none; }
	cwls>bl bd>d>div { display: none; }
	cwls>bl>bd { border: unset; }
	cwls>bl fl>d btns>btn:nth-child(2) { display: none; }
	cwls>bl fl>d { display: flex; }
	cwls>bl fl>hr { display: none; }
	cwls>bl fl d>h4>small { display: block; margin-left: unset; }
	cwls>bl fl>d btns>btn { margin: 0 3px; }
	cwls>bl f>d { display: none; }
	cwls>bl>bd>d { display: block; }
	cwls>bl>bd { border: unset; padding: 0; }
	cwls>bl pf>i { display: none; }
	cwls>bl fl>pf { display: block; }
	cwls>bl fl { display: grid ; grid-template-columns: 50% 50%; }
	cwls>bl fl>d { grid-column-start: 1; grid-column-end: 3; margin-bottom: 11px; }
	cwls>bl>bd dv { padding: 0; margin: 0; }
	cwls>bl fl>f { justify-content: end; }
	cwls>bl fl>f btns>btn.this { box-shadow: none; opacity: 1; }
	cwls>bl fl>f btns>btn { opacity: 0.5; }
	cwls>bl fl>f btns>btn:nth-child(2) { border-left: solid 1px var(--bor); }
	cwls>bl fl>f btns { border: solid 1px var(--bor); border-radius: 20px; }
	cwls.wishlist>bl>bd>d { display: block; } 
}
/*component:Your_Browsing*/
cybo { display: block; height: 267px;  padding: 27px;}
cybo hd span { font-weight: 700; font-size: 24px; }
cybo hd a { font-size: 14px; font-weight: 400; color: var(--b); margin-left: 7px;}
cybo {
    display: none;
}
cybo bd i { height: 215px; margin-top: 15px; display: block; }

@media(max-width:999){
cybo {
    display: none;
}
}
cyte { display: block; background: var(--b); padding: 11px; }
cyte hd { display: flex; border-bottom: 3px solid; border-color: var(--bor); }
cyte hd h2 { font-size: 23px; }
cyte bd mg { display: flex; gap: 31%; }
cyte bd { display: flex; height: 3vw; align-items: center; }
cyte bd a { color: var(--aa); font-size: 14px; padding-bottom: 19px; position: relative; top: 13px; width: 50px; display: flex; align-items: center; justify-content: center; font-weight: 500;}
cyte bd a:focus { color: var(--c); border-bottom: 2px solid var(--a); }
@media(max-width:999px){
	cyte { position: static; }
}cywvo hd i { height: 21px; display: block; width: 24px; }
cywvo hd { display: flex; padding: 12px; gap: 12px; align-items: center; }/* Comopnent:- Your_Wishlists */

 

                         /* Ended App Theme CSS : App:E-Commerce - Branch:practice.aliens.school */ 
                         
                        /* Started Brand Theme CSSO : Amazon_Basic - practice.aliens.school */ 
                         
                        /* Ended Brand Theme CSSO : Amazon_Basic - practice.aliens.school */ 
                        
            /* File : 0 Ended*/