body{
	background:#f7f7fa;
}
.obvaa{
	width:100%;
	position:relative;
}
.pdnk{
	width:100%;
}
.___side___carts{
	top:0;
	left:0;
	position:absolute;
	z-index:999;
	width:100%;

	height:100vh;
	position:fixed;
	background:white;
	 background-color: rgba(0, 0, 0, 0.5);
	 display:flex;
	display:none;
}
.cartm__manin_containetr{
	width:94%;
	margin-left:3%;
	display:flex;
	justify-content:space-between;
	margin-top:10px;
}

.mad__containa__cart_wrappa{
	width:94%;
	margin-left:3%;
	margin-top:10px;
	display:none;
}
.mad__containa__cart_wrappa .__single__actualelement{
	background:white;
}
.___lopf__mopn{
	width:65%;
}
.___right__mopn{
	width:35%;
	//width:28%;
	//height:100vh;
	//background:white;
		position:sticky;
	top:0px;
	align-self:flex-start;
	
}
.___crts__headding{
	width:100%;
	padding:10px;
}
.___crts__headding h3{
	    font-family: sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 23px;
    line-height: 25px;
    color: rgb(51, 51, 51);
}
.___crts__headding h3 span{
		font-family: sans-serif;
font-size: 14px;
line-height: 28px;
color: rgb(126, 133, 155);
margin-left: 5px;
}
.___singl__cart__items{
	width:100%;
	display:flex;
	justify-content:space-between;
	background:white;
	border-radius:1px solid gray;
	padding:10px;
	margin-top:10px;
}
.__act__crt__items{
	width:70%;
	display:flex;
	gap:10px;
}
.___imand{
	width:25%;
}
.___imand img{
	width:100%;
	object-fit:contain;
	padding:5px;
}
.___deobscr{
	width:75%;
}
.___des__cart{
	display: -webkit-box; /* Use the old flexbox model for compatibility */
  -webkit-box-orient: vertical; /* Set the direction to vertical */
  -webkit-line-clamp: 2; /* Limit to 2 lines */
  overflow: hidden; /* Hide overflow */
  text-overflow: ellipsis; /* Add ellipsis for truncated text */
  width:100%;
  font-size:.8rem;
  	font-weight:500;
}
.scolor{
	padding:10px;
	font-size:.7rem;
	font-weight:500;
	background:#f7f7fa;
	border-radius:5px;
	width:50%;
	cursor:pointer;
}
.__act__crt__items p{
	padding:0;
	font-size:.9rem;
	font-weight:700;
}
.__apns__dths{
	width:100%;
	display:flex;
	gap:10px;
}
.__apns__dths span{
	display: flex;
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid rgb(218, 220, 227);
    border-radius: 8px;
    padding: 8px;
	    font-size: 12px;
    line-height: 16px;
    margin-left: 5px;
    color: rgb(126, 133, 155);
	cursor:pointer;
}
.___action__cion p{
	padding:0;
	font-size:1rem;
	font-weight:700;
}
.__quntites{
	width:100%;
}
.___quantlss{
	width:100%;
	display:flex;
	
}
.___quantlss span{
	padding:10px;
	font-size:1rem;
	font-weight:500;
}
.___quantlss span.sp_boda{
	 border: 1px solid rgb(218, 220, 227);
	 border-radius:5px;
	 cursor:pointer;
}
.__opl__hedaoplh{
	width:95%;
	margin-left:5%;
    border: 1px solid rgba(198, 204, 221, 0.5);
	padding:10px;
}
.h_190{
	width:100%;
	background:white;
	padding:10px;
}
.h_190 h2{
	font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 10px;
	text-align:center;
}
.___paymentmede{
	width:100%;
	background:white;
}
.paymed{
	border: 1px solid rgba(198, 204, 221, 0.5);
	background:white;
}
.mk___paymentmede{
	background:white;
}
.__addel__address{
	background:white;
	margin-top:5px;
}
.ccartbuttons{
	width:100%;
}
button.bck{
	background-color: rgb(56, 102, 223);
}
.__containa__cart_wrappa{
	width:100%;
}
.__cart__non__data{
	width:100%;
	margin-top:50px;
	padding:10px;
}
.__cart__non__data h3{
	width:100%;
	padding:10px;
	margin-top:50px;
	text-align:center;
	font-size:1.2rem;
	font-weight:600;
}
.lrftom_tavs{
	width:70%;
	height:100%;
}
.__cart__letop{
	width:30%;
	height:100%;
	background:white;
}
.__ovaall{
	width:98%;
	margin-left:1%;
	padding:10px;
}
.__add__address{
	width:100%;
}
.___opkmg__daps{
	width:100%;
	padding:10px;
	border-bottom:2px solid #f7f7fa;
}
.___opkmg__daps h3{
	width:100%;
	font-size:1rem;
	font-weight:500;
	text-align:center;
}
.__adddress__wrapa{
	width:100%;
	margin-top:10px;
}
.__containt__wrrap{
	width:100%;
	margin-top:5px;
}
.__action__contane{
	width:100%;
	height:45px;
	background-color: #ffffff;
    border: 1px solid #ebebeb;
	border-radius:10px;

}
.__action__contane input,
.__action__contane select{
	width:96%;
	margin-left:2%;
	height:100%;
	background-color: #ffffff;
    border: none;
	outline:none;
	font-size:.9rem;

}
.__ovar__action{
	width:98%;
	margin-left:1%;
	height:100%;
	display:flex;
	justify-content:space-between;
	width:100%;
	height:45px;
	    border: 1px solid rgb(217 217 217);
	border-radius:5px;
	margin-top:5px;
	display:flex;
	justify-content:space-between;

}
.__ovar__action select,
.__ovar__action input{
	width:46%;
	height:100%;
}
.__containt__wrrap button{
	width:100%;
	height:50px;
	border:none;
	outline:none;
	    background: rgb(14, 90, 167);
		color:#fff;
}
.exiting_adr{
	width:100%;
	display:flex;
	display:none;
}
.exiting_adr_contents p{
	padding:0;
	margin:0;
	font-size:.8rem;
}
.exiting_adr span{
	padding:10px;
	font-size:1rem;
	cursor:pointer;
	color:green;
	font-weight:600;
}
#m__containt__wrrap,
#__containt__wrrap{
	display:flex;
	margin-top:5px;
	justify-content:space-between;
}
#m__containt__wrrap button,
#__containt__wrrap button{
	height:50px;
	width:48%;
	border:none;
	outline:none;
	border-radius:10px;
}
.__order__status_div{
	width:100%;
}
.order_headin{
	width:80%;
	margin-left:10%;
}
.__spanl__hed{
	width:100%;
	align-items:center;
	text-align:center;
}
.__spanl__hed span{
	color:green;
	font-size:4rem;
	font-weight:900;
}
.__tabe_wrapa{
	width:100%;
	display:flex;
	background:white;
}
.__tab__div{
	width:24%;
	text-align:center;
	padding:10px;
}
.__tab__div p{
	padding:0;
	margin:0;
	font-size:.7rem;
}
p.phdd{
	font-size:.8rem;
	font-weight:600;
}
.__ion{
	width:100%;
	text-align:center;
	padding:10px;
}
.__ion p{
	padding:0;
	margin:0;
	font-size:.7rem;
}
p.odstatus{
	font-size:.9rem;
	font-weight:500;
}
p.odstatus span{
	color:green;
}
.__progress__{
	width:100%;
	display:flex;
}
.__progreem{
	width:25%;
}
.__progreem .__topl_{
	width:100%;
	display:flex;
}
.__progreem .__topl_ .__clmakd{
	width:42%;
	border:2px solid green;
	background:green;
	height:5px;
	margin-top:20px;
}
.__progreem .__topl_ .__jected{
	width:42%;
	border:2px solid red;
	background:red;
	height:5px;
	margin-top:20px;
}
.__progreem .__topl_ .waitings{
	width:42%;
	border:2px solid gray;
	background:gray;
	height:5px;
	margin-top:20px;
}
.__cirel{
	 height: 50px;
    width: 50px; /* Make height and width equal */
    border-radius: 50%; /* Ensures a perfect circle */
    background: green;
    color: white;
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    font-size: 14px; /* Adjust for better readability */
	
}
.__cirelrejected{
	 height: 50px;
    width: 50px; /* Make height and width equal */
    border-radius: 50%; /* Ensures a perfect circle */
    background: red;
    color: white;
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    font-size: 14px; /* Adjust for better readability */
	
}
.__cirelpending{
	 height: 50px;
    width: 50px; /* Make height and width equal */
    border-radius: 50%; /* Ensures a perfect circle */
    background:yellow;
    color: white;
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    font-size: 14px; /* Adjust for better readability */
	
}
.waitingsmk{
	 height: 50px;
    width: 50px; /* Make height and width equal */
    border-radius: 50%; /* Ensures a perfect circle */
    background: gray;
    color: white;
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    font-size: 14px; /* Adjust for better readability */
}
.__progreem .__topl_ .waitingsmk_pendeing{
	width:42%;
	border:2px solid yellow;
	background:yellow;
	height:5px;
	margin-top:20px;
}
.__progreem p{
	text-align:center;
	padding:0;
	margin:0;
	font-size:.7rem;
}
.__progreem p.pled{
	font-size:.8rem;
	font-weight:500;
	
}
.__om{
	width:100%;
	margin-top:5px;
}
.csts{
	width:100%;
	display:flex;
	height:40px;
	border: 1px solid rgb(217 217 217);
	
}
.csts input{
	width:80%;
	border:none;
	outline:none;
	height:100%;
}
.csts span{
	padding:10px;
}
.__om button{
	width:90%;
	margin-left:5%;
	height:45px;
	background-color: rgb(56, 102, 223);
	color:white;
	border:none;
	outline:none;
	border-radius:5px;
}
.__om button.loginbtnon{
	width:90%;
	margin-left:5%;
	height:40px;
	border:1px solid rgb(56, 102, 223);
	color:rgb(56, 102, 223);
	background:white;
	outline:none;
	border-radius:5px;
}
@media screen and (max-width: 680px) {
  .___singl__cart__items{
	width:100%;
	display:block;
	justify-content:space-between;
	background:white;
	border-radius:1px solid gray;
	padding:10px;
	margin-top:10px;
}
.__act__crt__items{
	width:100%;
	display:flex;
	gap:10px;
}
.___action__cion{
	width:100%;
}
.__quntites{
	display:flex;
	width:100%;
	justify-content:space-between;
}
.___quantlss{
	width:30%;
}
.__apns__dths{
	width:68%;
	display:flex;
	gap:10px;
}
.scolor{
	padding:10px;
	font-size:.7rem;
	font-weight:400;
	background:#f7f7fa;
	border-radius:5px;
	width:100%;
	cursor:pointer;
}
.cartm__manin_containetr{
	width:98%;
	margin-left:1%;
	display:block;
	justify-content:space-between;
	margin-top:10px;
	position:relative;
}
.mad__containa__cart_wrappa{
	width:98%;
	margin-left:1%;
	margin-top:10px;
	display:none;
}
.itemcartsumary{
	width:100%;
	display:block;
}
.cclose{
	width:100%;
	position:absolute;
}
.___side___carts{
	top:0;
	left:0;
	position:absolute;
	display:flex;
	height:100%;
	position:fixed;
	background:white;
	 background-color: rgba(0, 0, 0, 0.5);
	 display:none;
}

.lrftom_tavs{
	width:0%;
	height:100%;
	display:none;
}
.__cart__letop{
	width:100%;
	height:100%;
	background:white;
}
.___opkmg__daps{
	width:100%;
	padding:10px;
	border-bottom:2px solid #f7f7fa;
	display:flex;
	justify-content:space-between
}
.___opkmg__daps h3{
	width:100%;
	font-size:1rem;
	font-weight:500;
	text-align:left;
}

.___opkmg__daps span{
	font-size:1.8rem;
	font-weight:600;
	cursor:pointer;
	
}

.order_headin{
	width:96%;
	margin-left:3%;
	margin-bottom:100px;
}
.__spanl__hed{
	width:100%;
	align-items:center;
	text-align:center;
}
.__spanl__hed span{
	color:green;
	font-size:4rem;
	font-weight:900;
}
.__tabe_wrapa{
	width:100%;
	display:flex;
	background:white;
}
.__tab__div{
	width:24%;
	text-align:center;
	padding:10px;
}
.__tab__div p{
	padding:0;
	margin:0;
	font-size:.7rem;
}
p.phdd{
	font-size:.8rem;
	font-weight:500;
}
.__ion{
	width:100%;
	text-align:center;
	padding:10px;
}
.__ion p{
	padding:0;
	margin:0;
	font-size:.7rem;
}
p.odstatus{
	font-size:.8rem;
	font-weight:500;
}
p.odstatus span{
	color:green;
}
.__progress__{
	width:100%;
	display:flex;
}
.__progreem{
	width:25%;
}
.__progreem .__topl_{
	width:100%;
	display:flex;
}
.__progreem .__topl_ .__clmakd{
	width:42%;
	border:2px solid green;
	background:green;
	height:5px;
	margin-top:20px;
}
.__progreem .__topl_ .waitings{
	width:42%;
	border:2px solid gray;
	background:gray;
	height:5px;
	margin-top:20px;
}
.__cirel{
	 height: 50px;
    width: 50px; /* Make height and width equal */
    border-radius: 50%; /* Ensures a perfect circle */
    background: green;
    color: white;
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    font-size: 14px; /* Adjust for better readability */
	
}
.waitingsmk{
	 height: 50px;
    width: 50px; /* Make height and width equal */
    border-radius: 50%; /* Ensures a perfect circle */
    background: gray;
    color: white;
    display: flex; /* Enables flexbox */
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    font-size: 14px; /* Adjust for better readability */
}
.__progreem p{
	text-align:center;
	padding:0;
	margin:0;
	font-size:.7rem;
}
.__progreem p.pled{
	font-size:.8rem;
	font-weight:500;
}
}