.filter ul li{ list-style:none; }
.author-body img{
height: 180px !important;    
}

.qty-box button{
background: #e6e6e6;
color: black;
border-color: lightgrey !important;
border-radius: 0px;    
}
.qty-box button:hover{
background: #e6e6e6;
color: black;
}
.btn-cart .w-100{
background: #f34336;
color: white;
}
.btn-cart .btn-dark{
border-color: black !important;    
}

.coupon {
 width: 300px;
 height: auto;
 background: #e6c7c5;
 border: 2px solid #F5F5F5;
 border-radius: 10px;
 text-align: center;
 color: #364F6B;
 font-weight: bold;
 position: relative;
 overflow: hidden;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.coupon .content {padding: 0px;}
.coupon .content h2 {font-size: 24px;}
.coupon .content p {font-size: 18px;}
.coupon .content .icon {
 position: absolute;
 top: -10px;
 right: -10px;
 background: #FC5185;
 color: #F5F5F5;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 display: flex;
 align-items: center;
 justify-content: center;
 transform: rotate(45deg);
 font-size: 20px;
}

@keyframes bounce {
0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
40% {transform: translateY(-20px);}
60% {transform: translateY(-10px);}
 }
.coupon:hover .icon {animation: bounce 1s infinite;}

.payment-options {
display: grid;    
grid-template-columns: 1fr;
gap: 10px;
}

.payment-option {
display: flex;
align-items: center;    
border: 1px solid #ddd;
padding: 10px;
width: 100%;
border-radius: 8px;
margin-bottom: 10px;
cursor: pointer;
transition: background-color 0.3s;
}

.payment-option:hover {
 background-color: #efefef;
}

.payment-option input[type="radio"] {
 margin-right: 10px;
 accent-color: #e51e27; /* Custom radio button color */
}

.option-details {
 width: 100%;    
 display: flex;
 flex-direction: column;
}

.option-title { font-weight: bold; }

.option-description {
 font-size: 0.9em;
 color: #666;
} 

.checkout-section{
padding: 20px;
border-radius: 10px;
border: 1px solid lightgrey;
}

/************** dashboard css start ***********/
/* Profile */
.user-wrap {
background-color: #f7f7f7;
min-height: 100vh;
}
.pro-sec, .profile-sec {
border-top: 1px solid rgba(0,0,0,.1);
}
.profile-control{
border: none !important;
border-bottom: 1px solid #ccc !important;
border-radius: inherit !important;
font-size: 12px;
}
.user-profile {
min-height: 100vh;
height: 100%;
text-align: center;
position: relative;
display: flex;
flex-direction: column;
background-color: #fff;
box-shadow: rgba(0, 0, 0, 0.06) -1px 0px 15px 0px;
}
/* .user-profile::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
z-index: 0;
background-color: #002967;
width: 100%;
height: 120px;
} */
.pro-sec, .profile-sec {
border-top: 1px solid rgba(0,0,0,.1);
}
.username-dt {
z-index: 1;
position: relative;
margin-bottom: 25px;
}

.user-specs{
padding: 20px;
margin-bottom: 10px;
display: block;
text-align: center;
border-bottom: 1px solid rgb(245, 245, 245);
}
.user-specs img{
max-width: 55px;
width: 100%;
}
.user-specs span {
color: #424242;
margin: 0px;
font-size: 18px;
font-weight: bold;
text-align: left;
}

.dash-box{
padding-top: 5px;
}

.menu-profile {
background-color: #fff;
margin-bottom: 20px;
padding-left: 20px;
}
.menu-profile a {
display: block;
padding: 14px 15px;
color: #000;
background-color: #fff;
font-size: 16px;
outline: none;
border: none;
text-decoration: none;
transition: 0.6s;
text-align: left;
border-right: 1px solid #eee;
display: block;
border: 1px solid #ececec57;
}
.menu-profile a:hover {
opacity: 0.5;
}

.menu-profile a.active {
color: #00a0e3;
border-right: solid 5px #00a0e3;
font-weight: 600;
}
.fl-lt{
float: right;
font-size: 18px;
}
.right-side {
padding: 36px;
background-color: #f4f7fb;
/* min-height: 500px; */
position: relative;
}
.right-side table.table {
margin-top: 35px;
background-color: #ffffff;
}
.right-side .form-group {
margin-top: 25px;
}

.page-header-action {
margin-top: 35px;
display: inline-block;
vertical-align: top;
float: right;
text-align: center;
}
.page-header-action .profile {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
text-align: center;
margin: auto;
border-radius: 100%;
border: 2px solid #002967;
}
.page-header-action p {
color: #fff;
margin-top: 5px;
margin-bottom: 5px;
}
.right-side .form-group .btn.cs-btn:hover {
background-color: inherit;
border: 1px solid #000;
}
.right-side .form-group.pic .form-control {
height: auto;
}
.dash-item{
/*display: inline-block;*/
/*width: 23%;*/
text-align: center;
/*margin: 10px 7px;*/
background-color: #FFF;
border: 1px solid #eee;
padding-bottom: 15px;
color: #555;
}
.dash-item span{
display: block;
font-size: 30px;
margin-bottom: 5px;
color: #00a0e3;
line-height: 60px;
}
.dash-item h2{
font-size: 18px !important;
margin: 0px;
letter-spacing: 0.5px;
background-color: #FFF;
color: #000;
text-transform: capitalize;
letter-spacing: unset;
}
.dashboard-box h3{
font-size: 18px;
color: #000;
border-bottom: 1px solid #cccccc6e;
padding-bottom: 12px;

}
.dashboard-box p{
font-size: 14px;
font-weight: 500;
line-height: 20px;
letter-spacing: -0.1px;
text-transform: capitalize;
margin-bottom: 20px;
}
.login-fm-control{
border-radius: inherit;
padding: 10px;
font-size: 12px;
}
.card-footer input{
font-size: 12px;
}


.order-item{ 
color: #444444;
text-align: center;
box-shadow: 0 0 20px rgba(214, 215, 216, 0.5);
padding: 20px 0 30px 0;
border-radius: 10px;
}

.dashboard-box{
background-color: #fff;
border: 1px solid #eff0f2;
border-radius: 8px;
padding: 15px;
box-shadow: 0 2px 6px #1a181e0a;
margin-top: 18px;
}
.dashboard-box .card{
background-color: #fff;
border-color: #eff0f2;
}
.form-tabel th {
font-weight: 500;
font-size: 14px;
}
.form-tabel td {
font-size: 14px;
}
.edit-product{
font-size: 12px;
border-radius: initial;
}
.form-floating .bootstrap-select {
width: 100% !important;
}
.fm-picker .bootstrap-select {
width: 100% !important; 
}
.fm-picker .bootstrap-select>.dropdown-toggle {
padding: 10px 10px;
font-size: 11px;
border-radius: initial;
}
.form-floating .bootstrap-select>.dropdown-toggle {
padding: 19px 10px;
font-size: 11px;
border-radius: initial;
}
.img-thumbnail{
border-radius: initial !important;
}

.order-explore-bt {
padding: 10px;
background: #00a0e3;
display: block;
font-size: 14px;
color: #fff;
border-radius: 6px;
font-weight: 800;
max-width: 700px;
text-align: center;
margin: 16px auto 0px auto;
}
/* Porfile end */

/* address start */
.add-item {
position: relative;
width: 100%;
background: #fff;
display: inline-block;
border-width: 1px;
box-sizing: border-box;
border-color: #eaeaec;
border-style: solid;
border-radius: 10px;
margin: 0px 10px;
}
.add-title{
border-bottom: 1px solid #eaeaec;
}
.add-title h4 {
display: flex;
padding-bottom: 10px;
padding-left: 20px;
padding-top: 14px;
margin: 0px;
font-size: 16px;
align-items: center;
}
.add-main{
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
}
.add-main h3{
margin: 0px;
font-weight: 600;
line-height: 28px;
font-size: 20px;
text-transform: capitalize;
}
.add-main p{
margin-bottom: 0px;
font-size: 12px;
line-height: 20px;
margin-top: 10px;
letter-spacing: 0.5px;
}
.add-button{
width: 100%;
display: block;
color: #00a0e3;
border-top: 1px solid #eaeaec;
position: relative;
}
.edit-btn{
display: inline-block;
cursor: pointer;
width: 45%;
text-transform: uppercase;
padding: 14px 14px;
text-align: center;
font-weight: 800;
font-size: 14px;
}
.addressAccordian-buttonDivider{
border-left: 1px solid #eaeaec;
width: 1px;
height: 30px;
position: absolute;
left: 50%;
top: 8px;
}
.update-btn{
background-color: #00a0e3;
color: #fff;
border-width: 1px;
border-style: solid;
text-transform: uppercase;
cursor: pointer;
font-family: inherit;
letter-spacing: 2px;
font-weight: bold;
line-height: 1.4;
margin: 0;
position: relative;
text-decoration: none;
text-align: center;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
padding: 0 30px;
height: 42px;
font-size: 12px;
border-radius: 25px;
border: none;
}
.update-btn:hover{
color: #fff;
}
.dashboard-box .nav-tabs .nav-link{
isolation: isolate;
border-color: var(--bs-nav-tabs-link-hover-border-color) !important;
}
.dashboard-box .nav-link:focus, .nav-link:hover {
color: #fdb827;
}
/* add css end */

/* order confirm css */
.od-cfm-sec {
padding-top: 40px;
padding-bottom: 50px;
}
.od-cfm-box {
/*width: 50%;*/
margin: auto;
}
.od-cfm-item {
display: flex;
justify-content: space-between;
}
.od-1 span {
display: block;
}
.od-2 span {
display: block;
}
.cm-od {
margin-bottom: 14px;
}
.ft-weight {
font-weight: bold;
line-height: 40px;
}
.conti-btn {
background: #000;
color: #fff;
padding: 10px 0px;
font-size: 18px;
transition: 0.5s all;
}
.conti-btn:hover {
color: #fff;
background: rgb(255 82 0);
}

#topCategoryList > ul > li > .submenu-container > .submenu-brand {
position: absolute;
z-index: 99;
width: 660px;
height: auto;
background: #fff;
padding: 10px 18px;
border-top: 4px solid #ff5200;
top: -50px;
left: -100%;
visibility: hidden;
opacity: 0;
display: none;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.brand-menu img {
height: 80px;
}
#topCategoryList > ul > li:hover .submenu-inner {
display: block;
visibility: visible;
top: 50px;
opacity: 1;
}
.main-inner-div {
display: table-cell;
width: 30%;
float: left;
margin-bottom: 10px;
margin-right: 20px;
}

/* end */

/* order confirm css */
.od-cfm-sec {
padding-top: 40px;
padding-bottom: 50px;
}
.customer-info {
display: flex;
justify-content: space-between;
}
.common-box {
padding: 10px;
}
.od-bx {
background: #fff;
padding: 20px 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
margin-bottom: 15px;
}
.success-green {
color: rgb(0 128 0);
}
.od-bx h3 {
letter-spacing: 1px;
text-transform: capitalize;
font-size: 20px;
}
.od-bx p {
letter-spacing: 1px;
text-transform: capitalize;
}
.ct-bx-1 h4 {
font-weight: 700;
letter-spacing: 1px;
font-size: 15px;
}
.od-mainbx {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #ccc;
}
.od-img img {
width: 150px;
height: 250px;
object-fit: cover;
}
.od-img {
margin-right: 10px;
}
.od-info p {
letter-spacing: 1px;
font-weight: 700;
font-size: 12px;
text-align: justify;
margin-top: -75px;
}
.od-qty span {
display: block;
letter-spacing: 1px;
color: #dc042d;
}
.od-price span {
display: block;
letter-spacing: 1px;
color: #dc042d;
}
.sub-box {
border-bottom: 1px solid #ccc;
padding-top: 12px;
}
.sub-tt {
display: flex;
justify-content: space-around;
}
.sub-head p {
letter-spacing: 1px;
}
.sub-price span {
font-weight: 700;
letter-spacing: 1px;
}
.tt-bx {
display: flex;
justify-content: space-around;
padding-top: 10px;
}
.tt-bx-head p {
letter-spacing: 1px;
letter-spacing: 1px;
font-size: 22px;
font-weight: 700;
}
.tt-bx-pc span {
letter-spacing: 1px;
font-size: 16px;
font-weight: 600;
color: #dc042d;
}
.conti-btn {
background: #000;
color: #fff;
letter-spacing: 2px;
padding: 10px 20px;
}
.conti-btn:hover {
color: #fff;
background: #ff5201;
}
/* end */

.card-detail{
text-align:justify !important;
font-family:"Jost", sans-serif !important;
font-size: 16px  !important;
line-height: 8px  !important;
letter-spacing: 2.2px  !important;
padding-left:25px;
}

.outer-top{
border:1px solid lightgrey;
border-radius:3px;
}
.muta{
color: #fff;
font-size: 15px;
}
.del-add h5{
border-bottom:1px solid grey;
padding-bottom:2px;
}

.del-add p{
text-align:justify !important;
font-size:16px;
font-weight:400;
line-height:1.2;
}
.del-add {
padding-top:5px;
padding-bottom:5px;
border-right:1px solid lightgrey;
}
.fa-file-pdf{
font-size:30px;
}
.del-add span {
font-size:12.5px;
}
.del-add h6 {
margin-top:10px;
}
.card-detail .status {
color: #0d6efd;  font-weight: 350  !important;
}
.order-box .card{
border-color: lightgrey !important;      
}
.order-box .card-header{
border: 1px solid lightgrey;  
}
.order-box .card-header .order_no{
border-right: 1px solid lightgrey;      
}
.order-box table td{
border-bottom: 1px solid lightgrey !important;       
}
.order-box #order-body .column{
border-bottom: 1px solid lightgrey;
padding: 10px;      
}
.grid-container {
display: grid;
grid-template-columns: 1fr 1fr; 
gap: 0px; 
padding: 0px;
}

.order-grid-container {
display: grid;
grid-template-columns: 1fr 2fr; 
gap: 0px; 
padding: 10px;
border: 1px solid lightgrey;
}

.grid-item {
display: flex;
font-size: 20px;
}   

.img-container img{
height: 150px !important;
margin-top: 10px !important;
}
.prodcard p{
line-height: 12px !important;  
}

.ul-grid-container{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
place-items: center;
}   
.ul-grid-item{
padding: 10px 30px;    
border-right: 1px dashed #D7F7F0;
overflow-x: auto;
display:block;
}
@media (min-width: 768px) {
.ul-grid-container {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; /* For larger screens */
}
}
.ul-grid-item span{
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
}
.ul-grid-item img{
display: block;     
}
.contact-address{ line-height: 1.8 !important; }

/*################### LOGIN WITH SOCIAL MEDIA #####################*/

.login-with-google-btn {
text-decoration: none;
transition: background-color 0.3s, box-shadow 0.3s;
padding: 12px 13px 10px 28px;
border: none;
border-radius: 3px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
color: #757575;
font-size: 14px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
background-color: white;
background-repeat: no-repeat;
background-position: 5px 14px;
border: 1px solid #d8d8d8;
height: 50px;
}

.login-with-google-btn:hover {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25);
}

.login-with-google-btn:active {
background-color: #eeeeee;
}

.login-with-google-btn:focus {
outline: none;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 2px 4px rgba(0, 0, 0, 0.25), 0 0 0 3px #c8dafc;
}

.loginBtn {
box-sizing: border-box;
position: relative;
padding: 0 13px 0 46px;
border: none;
text-align: left;
line-height: 48px;
white-space: nowrap;
border-radius: 0.2em;
font-size: 14px;
color: #FFF;
}
.loginBtn:before {
content: "";
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 34px;
height: 100%;
}
.loginBtn:focus {
outline: none;
}
.loginBtn:active {
box-shadow: inset 0 0 0 32px rgba(0,0,0,0.1);
}


/* Facebook */
.loginBtn--facebook {
background-color: #4C69BA;
background-image: linear-gradient(#4C69BA, #3B55A0);
text-shadow: 0 -1px 0 #354C8C;
}
.loginBtn--facebook:before {
border-right: #364e92 1px solid;
background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 11px no-repeat;
}
.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
background-color: #5B7BD5;
background-image: linear-gradient(#5B7BD5, #4864B1);
}


@media (max-width: 600px) {

.login-with-google-btn {
text-decoration: none;
transition: background-color 0.3s, box-shadow 0.3s;
padding: 12px 13px 10px 25px;
border: none;
border-radius: 3px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
color: #757575;
font-size: 13px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
background-color: white;
background-repeat: no-repeat;
background-position: 5px 14px;
border: 1px solid #d8d8d8;
}

.muta {
color: #fff;
font-size: 12px;
}
.mkke{
padding: 10px 30px;    
border-right: 1px dashed #D7F7F0;
overflow-x: auto;
display:none;
}

.od-price span {
display: block;
letter-spacing: 1px;
color: #dc042d; 
margin-top: 100px;
}

.loginBtn {
box-sizing: border-box;
position: relative;
padding: 0px 10px 0 38px;
border: none;
text-align: left;
line-height: 48px;
white-space: nowrap;
border-radius: 0.2em;
font-size: 13px;
color: #FFF;
}}

@media (max-width: 768px) {
.od-price span {
display: block;
letter-spacing: 1px;
color: #dc042d;
margin-top: 120px;
}
}
@media (max-width: 425px) {
.od-price span {
display: block;
letter-spacing: 1px;
color: #dc042d;
margin-top: 50px;
}} 

@media (max-width: 375px) {
.od-price span {
display: block;
letter-spacing: 1px;
color: #dc042d;
margin-top: 100px;
}}

@media (max-width: 320px) {
.od-price span {
display: block;
letter-spacing: 1px;
color: #dc042d; 
margin-top: 100px;
}}

@media (max-width: 320px) {
.login-with-google-btn {
text-decoration: none;
transition: background-color 0.3s, box-shadow 0.3s;
padding: 15px 4px 15px 25px;
border: none;
border-radius: 3px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.04), 0 1px 1px rgba(0, 0, 0, 0.25);
color: #757575;
font-size: 12px;
font-weight: 500;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBkPSJNMTcuNiA5LjJsLS4xLTEuOEg5djMuNGg0LjhDMTMuNiAxMiAxMyAxMyAxMiAxMy42djIuMmgzYTguOCA4LjggMCAwIDAgMi42LTYuNnoiIGZpbGw9IiM0Mjg1RjQiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxwYXRoIGQ9Ik05IDE4YzIuNCAwIDQuNS0uOCA2LTIuMmwtMy0yLjJhNS40IDUuNCAwIDAgMS04LTIuOUgxVjEzYTkgOSAwIDAgMCA4IDV6IiBmaWxsPSIjMzRBODUzIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNNCAxMC43YTUuNCA1LjQgMCAwIDEgMC0zLjRWNUgxYTkgOSAwIDAgMCAwIDhsMy0yLjN6IiBmaWxsPSIjRkJCQzA1IiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48cGF0aCBkPSJNOSAzLjZjMS4zIDAgMi41LjQgMy40IDEuM0wxNSAyLjNBOSA5IDAgMCAwIDEgNWwzIDIuNGE1LjQgNS40IDAgMCAxIDUtMy43eiIgZmlsbD0iI0VBNDMzNSIgZmlsbC1ydWxlPSJub256ZXJvIi8+PHBhdGggZD0iTTAgMGgxOHYxOEgweiIvPjwvZz48L3N2Zz4=);
background-color: white;
background-repeat: no-repeat;
/* background-position: 5px 14px; */
border: 1px solid #d8d8d8;
}

.loginBtn {
box-sizing: border-box;
position: relative;
padding: 0px 3px 0 35px;
border: none;
text-align: left;
line-height: 48px;
white-space: nowrap;
border-radius: 0.2em;
font-size: 11px;
color: #FFF;
}

.od-price{
margin-top: 70px;
}

.od-img img {
width: 100px;
height: 150px;
object-fit: cover;
}

.od-info p {
letter-spacing: 1px;
font-weight: 600;
font-size: 11px;
margin-top: 20px;
}


.od-bx h3 {
letter-spacing: 1px;
text-transform: capitalize;
font-size: 15px;
}
.od-bx {
background: #fff;
padding: 20px 10px;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
margin-bottom: 15px;
width:100%; 
} 
.pay {
font-size: 24px;
font-weight: 700;
}

.ct-bx-1 h4 {
font-weight: 700;
letter-spacing: 1px;
font-size: 11px;
padding: 0px;
margin: 1px;
}

.ct-bx-1 span {
font-weight: 700;
letter-spacing: 1px;
font-size: 11px;
padding: 0px;
margin: 1px;
}
.muta{
color: #fff;
font-size: 11px;
}
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
    overflow: hidden;
}

/*@media(max-width:768px){*/
/*    .slick-dotted.slick-slider{margin-bottom: 30px;overflow: hidden;height: 811px;}*/
/*}*/