@import url(https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900);
@import url(font/archivo.css);
@import url(font/font_family.css);

html {scroll-behavior: smooth;}
* {padding:0;margin:0;font-family:'poppins','Archivo';position:relative;transition:0.4s;box-sizing: border-box;}
body {
    overflow-x: hidden;
	    margin: 0;
    padding: 0;
    background: #eeeeee;
}
a {text-decoration:none;color:unset;}
div,h1,h2,h3,h4,p,i,a {position:relative;transition:0.4s;}

:root {
	--color:#4caf50;
	--color2:#021314;
	--color3:#ffffff;
	
}








::placeholder {font-style:italic;}


.alert {        padding: 23px;
    width: fit-content;
    font-size: 13px;
    margin: 10px auto;
    font-weight: 500;
    border-radius: 6px;}
	
.danger {background: #ffd0d082;
    color: #d45050;}
.info {    background: #d0deff82;
    color: #5097d4;
}
.success {    background: #b8ffa082;
    color: #1aab2c;
}	



.card_loader_back {           width: -webkit-fill-available;
    height: -webkit-fill-available;
    overflow: auto;
    position: fixed;
    top: 0;
    display: block;
    z-index: 999999999999;
    left: 0;
    background: white;
}
.loader2 {          width: -webkit-fill-available;
    height: 100%;
    position: fixed;
    top: 10%;
    left: 0;
    padding-top: 113px;
}

.containerimgback {       background: transparent;
    width: 100%;
    align-items: center;
    display: grid;
    /*max-width: 1000px;*/
    margin: 0px auto;
    max-height: 400px;
    overflow: hidden;
    
}
.loader2 img{   
        margin: 71px auto 0px;
    display: none;
    border-radius: 114px;
    max-height: 200px;
    max-width: 300px;
    height: auto;
    width: auto;
}
.loader2 h2 {               text-align: center;
    color: #000000;
    font-weight: 400;
    font-size: 20px;
    text-transform: capitalize;
   
    width: fit-content;
    margin: 25px auto;
}
.loader_box {}
	



.load1 {       position: relative;
    display: block;
    margin: 0 auto;
    animation: rotatea 1s  linear infinite;
    background: transparent;
    border: 3px solid #2196f3;
    border-right: 3px solid #efefef;
    height: 103px;
    width: 103px;
    border-radius: 200px;
}
.load2 {
	    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%);
    width: 100px;
    height: 100px;
}
.load2 img{
	
	    display: block;
    position: absolute;
    top: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}



@keyframes rotatea {
	0% {transform: rotate(0deg);}
	
	100% {transform: rotate(360deg);}
}




.mobile_head {display:none;}
.close_btn {display:none;}
.header {        z-index: 20;
    width: -webkit-fill-available;
    background: #2196f3;
    position: -webkit-sticky;
    position: sticky;
    top: -39px;
    color: white;
    box-shadow: 0px 0px 5px 0px #cdcdcd4d;}
.header1 .logo,.logom {        display: block;
    width: fit-content;
    margin: 2px 20px;
    border-radius: 10px;
    max-width: 150px;
    max-height: 60px;}
	
	.header1 .logom {display:none;}
.header1,.header2 {    width: fit-content;
    display: inline-block;
    vertical-align: middle;}
.header3  {    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    color: #1076c7;
    font-size: 25px;
    text-align: center;
    position: absolute;
    right: 33px;
    top: 26px;}
.header3 i {}
.header1 img {    max-width: 203px;
    max-height: 50px;}


 .search_bar{                 background: white;
    height: 42px;
    padding: 0px 1px 0px 4px;
    display: flex;
    border-radius: 7px;
    overflow: hidden;
    align-items: center;
    border: 1px solid gray;
}
 .search_bar form {    width: 90%;}
 .search_bar input{           background: transparent;
    padding: 6px;
    border: 0px;
    outline: none;
    width: -webkit-fill-available;
    font-size: 15px;
    height: -webkit-fill-available;
}
 .search_bar button{              padding: 6px;
    font-size: 23px;
    border: 0px;
    vertical-align: middle;
    border-radius: 0px;
    background: #ebebeb;
    color: #3f3f3f;
    position: absolute;
    right: 0px;
    height: -webkit-fill-available;
    width: 46px;
}

.search_result .close,.search_result2 .close {    position: relative;
    text-align: right;
    font-size: 33px;
    margin: 1px 20px;
    color: red;
    font-weight: 600;}

.search_result2 {    position: absolute;
    width: -webkit-fill-available;
    background: white;
    top: 119px;}
.search_box,.search_result {display: inline-block;}
.search_result {    width: 100%;
    max-width: 800px;
    vertical-align: middle;
    max-height: 400px;
    margin: 0px;
    overflow-y: overlay;
    background: #ffffff;
    position: absolute;
    z-index: 26;
    color: black;
    left: 174px;
    top: 140px;
    padding: 0px 0px 0px 0px;
}
.search_box {
   background: white;
    width: 400px;
    height: 200px;
    z-index: 1;
    padding: 23px;
    border-radius: 7px;
    margin: 0 auto;
    position: relative;
    
}


.search_card_preview {    position: relative;
    display: grid;
    grid-template-columns: 13% 67% 20%;
    text-align: center;
    margin: 4px 2px;
    box-shadow: 0px 0px 8px 0px #d8d8d859;
    background: white;
    border: 1px solid #b9b9b940;
    border-radius: 5px;
    padding: 7px;
}
.search_card_preview img{    height: auto;
    max-height: fit-content;
    max-width: -webkit-fill-available;}
.discrip {    text-align: left;
    color: black;}
.discrip h2{    margin: 0;
    font-size: 13px;
    text-transform: capitalize;
    text-overflow: ellipsis;
    width: 95%;
    color: #2c2b2b;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;}
.discrip p{    margin: 4px 0px;
    font-size: 12px;
    color: gray;}
	
	.discrip p b {     color: #111111;
    display: inline-block;
    font-size: 13px;
    margin: 0px 7px;}

.see_more_btn {    background: #1076c7;
    padding: 6px;
    align-self: center;
    width: 30px;
    font-size: 19px;
    align-items: center;
    color: white;
    border-radius: 30px;
    margin: 0px auto 0px;
    top: 50%;
    transform: translate(0px, -50%);
}
.header4 {        width: 45%;
    display: inline-block;
    border-radius: 23px;}
.head_cont {                display: inline-block;
    font-size: 14px;
    padding: 24px 13px;
    font-weight: 500;}
.head_cont i {              font-size: 14px;
    vertical-align: middle;
    margin: auto 2px;
    padding: 1px 2px;
    border-radius: 34px;
    width: 24px;
    text-align: center;}
	
	footer {    background: #000000;
    color: white;
    padding: 13px;
    text-align: center;}
	footer p{font-size: 12px;}
	
	.footer_box {        width: 40%;
    display: inline-block;
    vertical-align: top;
    text-align: initial;
    padding: 20px;}
	.footer_box img{    max-width: 200px;
    max-height: 100px;}
	.footer_box h3{    font-size: 26px;
    font-weight: 500;
    margin: 10px 0px;}
	.footer_box p{    white-space: pre-wrap;
    text-align: initial;}
	.footer_box li {    list-style-type: circle;}
	
	.banner_back {       width: -webkit-fill-available;
    overflow-x: scroll;
    background: #ffffff;}
	.banner_back_in {        display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto;}
	.banner {        display: inline-block;
    margin: 40px 10px;}
	.banner img {    width: 800px;
    border-radius: 20px;}
	.inf_bar {          margin: 5px auto;
    /*max-width: 1000px;*/
    padding: 20px;
    background: white;
    width: -webkit-fill-available;
    text-align: center;}
	.inf_bar .qty_bar{    width: fit-content;
    display: inline-grid;
    grid-template-columns: auto auto;
    align-items: center;
    padding: 18px;
    font-size: 15px;
  
    margin: -3px;}
	.inf_bar .qty_bar i{    padding: 10px;}
	
	.top_head {           text-align: right;
    padding: 6px;}
	.top_head .top_h{       width: fit-content;
    display: inline-block;
    font-size: 13px;
    padding: 2px 12px;
    border-left: 1px solid #ffffff;}
	.top_head .top_h i{      font-size: 11px;}
	
	.category_stripe {          width: -webkit-fill-available;
    background: #ffffff;
    overflow-x: auto;
    color: black;
    padding: 5px;
    text-align: center;
    max-width: 1000px;
    margin: 7px auto;}
	
	
	
	.category_stripe::-webkit-scrollbar-thumb {
    background: #03a9f4;
    border-radius: 30px;
}




.category_stripe::-webkit-scrollbar {
    width: 0;
    height: 0px;
}

.category_stripe::-webkit-scrollbar-track {
    background: #ffffff;
}
	
	.category_stripe_slider {    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
        text-align: center;
    width: fit-content;
    margin: 0 auto;}
	
	.cat_st_box {             padding: 0px 0px;
    display: grid;
    align-items: center;
    text-align: center;
    width: 103px;
    grid-template-rows: 70% 30%;
    margin: 0px 3px;
    border-radius: 4px;
    font-size: 12px;
    border: 0px solid #2196f3;
    overflow: hidden;}
	
	.category_stripe2 {                 width: -webkit-fill-available;
    background: #ffffff;
    overflow-x: auto;
    color: black;
    padding: 25px;
    text-align: center;
    max-width: 1000px;
    margin: 7px auto;}
	.category_stripe2 h3 {    font-size: 25px;
    font-weight: 400;
    padding: 20px;
    color: #4e4e4e;}
	
	.category_stripe_slider2 {    width: -webkit-fill-available;}
	.cat_st_box2 {                  padding: 0px 0px;
    display: inline-grid;
    align-items: center;
    text-align: center;
    /*width: 150px;*/
    height: fit-content;
    grid-template-rows: 101px 57px;
    margin: 4px 4px;
    border-radius: 0px;
    font-size: 12px;
    border: 0px solid #2196f3;
    overflow: hidden;}
	
	
	.slider_category_box {    max-width: 100%;
    width: fit-content;
    overflow-x: auto;
    }
	.slider_category {    display: grid;
    width: -webkit-fill-available;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
	    /*margin-left: 300px;*/
	}
	
	.cat_st_box2 img {      width: 100%;
    height: 100%;
    border-radius: 100px;
    border: 1px solid #d9d9d9;}
	
	.btn_3 {    background: black;
    color: white;
    padding: 6px 12px;
    width: fit-content;
    margin: 11px 0px;
    display: block;}
	.tnc {      width: -webkit-fill-available;
    line-height: 2;
    margin: 0 auto;
    background: white;
    padding: 50px;}
	.cat_st_box:hover, .cat_st_box:active, .cat_st_box:focus {       background: #f5fbff;}
	
	.cat_st_box img {        width: 90px;
    height: 90px;
    border-radius: 100px;
    margin: 17px auto;		}
	
	.more_btn {    border: 1px solid #FF5722;
    text-align: center;
    color: #d04013;
    padding: 10px;
    margin: 20px auto;
    font-size: 16px;
    width: 50%;
    border-radius: 5px;}
	
	.hero_grid {         display: grid;
    /*max-width: 1100px;*/
    margin: 0 auto;
    background: #ffffff00;}
	.hero_grid .category_h2{      margin: 7px auto;
    border-radius: 0px;
    overflow-y: auto;
    background: white;
    /*max-width: 1000px;*/
    width: -webkit-fill-available;
    /*text-align: center;*/
	    
	}
	.hero_grid .category_h2 h3{        padding: 20px 26px;
    font-size: 23px;
    font-weight: 500;
    color: #434343;}
	.hero_grid .category_h2 .category_h3{      margin: 5px;}
	.hero_grid .category_h2 .category_h3 .cat_st_box2{       width: fit-content;
    display: inline-grid;
    grid-template-columns: auto;
    align-items: center;
    margin: 6px 5px;
    font-size: 13px;
    padding: 3px;
    text-align: center;
    color: #464646;}
	
		.hero_grid .category_h2 .category_h3 .cat_st_box2:hover {
			font-weight: 500;
		}
	.hero_grid .category_h2 .category_h3 .cat_st_box2 img{          margin: 0 auto;
    display: block;
    border-radius: 50px;
    height: 83px;
    width: 81px;
    border: 1px solid #cccccc;}
	
	
	/* Slideshow container */

.sl_im_in {}
.img_inactive {display:none;}
.img_active {display:block;}
.sl_im_in img{    width: -webkit-fill-available;
    max-height: 500px;
    
}
	
	.top_product {         text-align: center;
    margin: 0px auto;
    padding: 20px 0px;
    background: white;
    /*max-width: 1000px;*/
    /*top: -40px;*/
        top: 20px;
	    
	}
	.top_product h1{         font-size: 21px;
    margin: 0px;
    color: #3c3c3c;
    text-align: left;
    width: -webkit-fill-available;
    padding: 7px 24px;
    font-weight: 500;
    text-transform: capitalize;}
	.top_product p{}
	
	.top_product h1:after {
                content: '';
    position: absolute;
    width: 61px;
    background: black;
    height: 3px;
    bottom: 1px;
    left: 27px;
    border-radius: 12px;
}
	
	.products {          
	   /* margin: 10px auto;*/
    /*background: white;*/
    /*max-width: -webkit-fill-available;*/
    /*width: fit-content;*/
    /*display: inline-block;*/
    /*vertical-align: top;*/
	    
	    display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    width: 90%;
    max-width: -webkit-fill-available;
    overflow-x: auto;
    margin: 0 auto;
	}
	
	.pro_cat_name {}
	.product_box { 
	    display: inline-grid;
    grid-template-rows: 200px 50px 50px;
    width: 250px;
    border-radius: 9px;
    text-align: center;
    overflow: hidden;
    padding: 9px;
    margin: 5px;
    align-items: center;
    border: 1px solid #e7e7e7;
    vertical-align: top;
    background: white;
	    
	}
	
	.product_box img{          max-width: 200px;
    max-height: 200px;
    margin: 0 auto;
	        margin-bottom: 210px;

	}
	
	.product_box:hover img{
		transform:scale(1.03);
	}
	.product_box p{          color: #607d8b;
    font-weight: 500;
    font-size: 12px;}
	.product_box h3{            font-size: 12px;
    white-space: -webkit-nowrap;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    width: -webkit-fill-available;
    overflow: hidden;
    max-width: 225px;
    font-weight: 600;
    text-align: left;}
	
	.product_box h3 .s_price {         color: #363636;
    font-size: 15px;
    margin: 3px;
    font-weight: 700;}
	
	.pricing_details {       display: grid;
    grid-template-columns: 45% 30% 26%;
    align-items: center;}
	
	
	.pricing_details del {    text-align: left;
    font-size: 13px;
    color: gray;}
	
	.add_to_cart_btn {       color: #104b7b;
    border: 1.5px solid;
    padding: 8px;
    font-size: 17px;
    margin: 6px;
    border-radius: 3px;}
	
	.add_to_cart_btn:hover {    
    transform: scale(1.1);}
	
	.button_holder {    display: flex;
    align-items: center;
    margin: 10px 1px;
    flex-direction: row-reverse;
    width: fit-content;}
	.wtsp_order_btn {           background: #4CAF50;
    color: white;
    padding: 10px 5px;
    width: fit-content;
    margin: 0px auto;
    border-radius: 100px;}
	
	
	.side_cart {                     position: fixed;
    font-size: 22px;
    width: fit-content;
    display: inline-block;
    vertical-align: middle;
    margin: 14px 0px;
    bottom: 351px;
    z-index: 23;
    background: #2196F3;
    color: white;
    right: 11px;
    padding: 9px;
    border-radius: 54px;
    border: 1px solid white;}
	.side_cart .fa-shopping-cart {
	    color:white;
	}
	.side_cart .cart_value{                position: absolute;
    top: -20px;
    background: #FF5722;
    font-size: 10px;
    color: white;
    padding: 2px 0px;
    border-radius: 100px;
    left: 16px;
    min-width: 21px;
    text-align: center;
    font-weight: 500;}
	
	
	.error_page i {    font-size: 70px;
    margin: 34px;
    color: #f56342;}
	.error_page h1 {       color: #264655;}
	.error_page p {          font-size: 14px;
    color: #264655;
    font-weight: 500;
    margin: 20px;}
	
	.error_page {    position: fixed;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    background: white;
    z-index: 1100;
    top: 0;left:0;text-align:center;}
	
	.error_page  .home_btn {       background: #1076c7;
    width: fit-content;
    margin: 10px auto;
    padding: 13px 30px;
    color: white;
    border-radius: 5px;
    font-weight: 500;}
	
	
	.about_usbox {    width: -webkit-fill-available;
    /*max-width: 1000px;*/
    background: white;
    padding: 20px;
    margin: 10px auto;}
	.about_usbox h3{    font-size: 30px;
    color: #333333;
    font-weight: 500;
    padding: 20px 0px;}
	.about_usbox p{    white-space: pre-wrap;
    font-size: 15px;}
	
	.added_to_cart {    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);}
	.cart_success_alert {    background: #1076c733;
    font-size: 24px;
    padding: 23px;
    z-index: 20;}
	
	.cart_success_alert2 {      background: white;
    padding: 20px;
    box-shadow: 0px 0px 10px 0px #bbbbbb78;
    width: max-content;
    border-radius: 10px;}
	.cart_success_alert i{}
	.cart_success_alert2 i {    margin: 15px auto;
    font-size: 26px;
    color: #4caf50;}
	.cart_success_alert2 h2{      font-size: 18px;
    text-transform: capitalize;
    color: #000000;
    font-weight: 500;}
	.cart_btn_con {            color: white;
    background: #1076c7;
    width: fit-content;
    padding: 11px 20px;
    border-radius: 3px;
    margin: 14px 7px;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
    vertical-align: unset;}
	.cart_btn_con i{    color: white;
    font-size: inherit;
    margin: auto;}
	
	.cart_preview {         display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50% ,-50%);
    color: black;
    background: #ffffff;
    box-shadow: 0px 0px 20px 0px #90909059;
    padding: 5px;}
	
	.go_to_cart {           background: #4caf50;
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 18px;
    width: fit-content;
    margin: 5px 5px;
    border-radius: 4px;
    display: inline-block;}
	.go_to_cart i {    font-size: 16px;
    color: white;
    margin: 1px;}
	.cart_pre_in {              display: grid;
    grid-template-columns: 58px 143px 94px 24px;
    align-items: center;
    margin: 2px auto;
    border-bottom: 1px solid #80808030;
    background: #ffffff;
    padding: 7px;
    text-align: left;}
	
	.fa-trash {color:red;}
	.cart_pre_in img{    width: -webkit-fill-available;}
	.cart_pre_in p{}
	
	.close_cart_pre {    text-align: right;
    margin: 2px 14px 0px;
    font-size: 21px;
    color: red;}
	
	
	.cart_container {        text-align: center;
    max-width: 1000px;
    background: #f9f9f9;
    margin: 10px auto;
	    margin-top: 42px;
	}
	.cart_data_left {          display: inline-block;
    width: 70%;
    max-width: 700px;
    border: 0px solid;
    margin: 20px auto;
    min-height: 457px;
    vertical-align: top;
	    
	}
	
	.cart_data_left h1 {    width: fit-content;
    margin: 7px 20px;
    font-size: 3vw;}
	.cart_data_left_in {           display: grid;
    grid-template-columns: 15% 23% 56% 6%;
    align-items: center;
    box-shadow: 0px 0px 10px 0px #ffffff17;
    margin: 10px;
    border-radius: 5px;
    overflow: hidden;
    background: white;}
	.cart_data_left_in img {       max-width: 100%;
    max-height: 150px;
    height: auto;
    margin: 4px auto;
    border: 0px solid #e0e0e0;}
	
	.update_btn {           display: block;
    background: #007adb;
    color: white;
    text-align: center;
    padding: 6px 10px;
    width: fit-content;
    margin: 0 auto;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    border: 0px;}
	
	.cart_data_left_in p {       text-align: left;
    margin: 8px;
    font-size: 12px;}
	.cart_data_left_in p input {      width: -webkit-fill-available;
    margin: 10px;
    padding: 5px;
    text-align: center;
    border: 1px solid #1076c7;}
	
	.cart_data_right {            display: inline-block;
    width: 28%;
    margin: 41px auto 0px;
    min-height: 200px;
    vertical-align: top;
    padding: 20px;
    border: 0px;
    box-shadow: 0px 0px 10px 0px #ffffff26;
    background: white;
    border-radius: 6px;
    position: sticky;
    top: 193px;}
	.cart_data_right h3 {    text-align: left;
    font-weight: 500;
    color: #000000;}
	.cart_data_right h2 {  
	    display: flex;
    font-size: 17px !important;
    margin: 25px;}
	.cart_data_right h2 .pro_price{    color: #4caf50;}
	
	
	.loading_alert {    background: #1076c733;
    font-size: 24px;
    padding: 23px;
    z-index: 20;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);}
	
	.pro_price_info {    display: grid;
    grid-template-columns: 28% 10% 25% 11% 26%;
    align-items: center;}
	
	.address_form {                  display: none;
    position: fixed;
    top: 50%;
    background: white;
    z-index: 51;
    width: 100%;
    max-width: 600px;
    left: 50%;
    border: 0px solid;
    height: 100%;
    max-height: 600px;
    overflow: auto;
    transform: translate(-50%,-50%);
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #9999996e;}
	.address_form h2{       text-align: center;
    padding: 20px;
    text-transform: capitalize;
    width: fit-content;
    font-weight: 500;
    margin: 10px auto;}
	.address_form form{    display: grid;
    grid-template-columns: 50% 50%;
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;}
	.address_form .input_class p {       position: absolute;
    z-index: 2;
    top: -7px;
    background: white;
    font-size: 12px;
    color: #000000;
    left: 2px;
    font-weight: 500;}
	.address_form  .close {    position: absolute;
    color: red;
    right: 17px;
    font-size: 42px;
    z-index: 3;
    top: 5px;cursor: pointer;}
	.address_form .input_class{            width: -webkit-fill-available;
    border: 1px solid #e0e0e0;
    margin: 15px;
    background: #ffffff;
    border-radius: 7px;
    padding: 7px;}
	.address_form .input_class input,select,textarea{      width: -webkit-fill-available;
    display: block;
    margin: 0px;
    font-size: 14px;
    padding: 5px;
    outline: none;
    background: transparent;
    border: 0px;}
	input::placeholder,select::placeholder,textarea::placeholder {color:#dbdbdb;}
	
	 #submit_btn {    color: white;
    background: #4caf50;
    border: 0px;
    padding: 10px;
    font-size: 15px;
    display: block;
    margin: 10px auto;
    border-radius: 4px;}
	
	.payment_box  .close {  position: absolute;
    color: red;
    right: 17px;
    font-size: 42px;
    z-index: 3;
    top: 5px;cursor: pointer;}
	.payment_box {          display: none;
    text-align: center;
    width: 96%;
    box-shadow: 0px 0px 20px 0px #7979792e;
    position: fixed;
    top: 158px;
    max-width: 400px;
    z-index: 33;
    background: white;
    padding: 20px;
    left: 50%;
    transform: translate(-50%);}
	.payment_box h3{    margin: 10px 10px 20px;}
	.payment_box .p_cod,.p_online{       display: inline-block;
    cursor: pointer;
    background: #4caf50;
    color: white;
    padding: 10px;
    margin: 10px 2px;
    border-radius: 3px;}
	.payment_box .p_online{display: inline-block;}
	
	.delivery_address_show {       background: #ffffff;
    display: block;
    color: black;
    padding: 10px;
    text-align: initial;
    white-space: normal;}
	.delivery_address_show b{}
	.delivery_address_show p{    font-size: 13px;
    white-space: pre-line;}
	.delivery_address_show .edit{    color: #607d8b;
    margin: 5px 0px;
    display: block;}
	
	.order_confirmation {        margin: 30px auto;
    width: fit-content;
    padding: 20px;
    border: 2px solid #c8ff87;
    border-radius: 5px;
    background: white;
    text-align: center;}
	.order_confirmation h3{    font-size: 28px;
    margin: 19px;
    color: #8bc34a;}
	.order_confirmation i{    font-size: 36px;
    color: #8bc34a;}
	.order_confirmation p{    margin: 20px;
    color: black;}
	
	#user_select {    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 20px;
    background: #ffd89d;
    padding: 8px 20px;
    width: 78%;
    margin: 10px auto;
    border: 2px dotted;}
  
  .verification_page {        padding: 20px;
    border: 0px solid #95d0ff;
    margin: 30px auto;
    background: white;
    width: auto;}
  .verification_page h3{    font-size: 25px;
    margin: 10px;}
  .verification_page input{    width: auto;
    padding: 10px;
    font-size: 16px;
    margin: 10px;
    border: 2px solid #7ac4ff;
    border-radius: 3px;}
  .verification_page input[type="submit"]{    background: #1076c7;
    color: white;
    border: 0px;
    padding: 10px 20px;}
	
	.order {       display: grid;
    grid-template-columns: 17% 17% 17% 17% 17% 17% ;
    align-items: center;
    padding: 5px;}
	.order:nth-child(2n+1) {
    background: #f0f0f0;
}
	.order li{       list-style-type: none;
    font-size: 12px;}
	.order li img{    max-width: 100px;
    max-height: 56px;
    display: block;
    margin: 0 auto;}
	
	
	#login_modal {             display: none;
    background: #ffffff;
    position: fixed;
    z-index: 300;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    top: 137px;
    overflow: auto;}
	
	#login_modal .close {     position: absolute;
    right: 14px;
    color: #ffccc8;
    font-size: 57px;}
	#login_modal .login,.register,.f_password{           background: white;
    margin: 40px auto;
    padding: 20px 53px;
    width: fit-content;
    min-width: 450px;
    border-radius: 5px;
    max-width: 500px;}
	
	#login_modal .register,.f_password{    display:none;}
	#login_modal .login {display:block;}
	#login_modal form a {    background: #2196f3;
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    margin: 10px;
    display: inline-block;
    border-radius: 3px;cursor:pointer;}
	
	#login_modal h3{        margin: 0px 0px 10px;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid gray;
    padding: 5px 5px 10px;}
	#login_modal p{       padding: 10px 0px 4px;
    font-size: 14px;}
	#login_modal input{          width: -webkit-fill-available;
    font-size: 14px;
    padding: 11px;
    max-width: 400px;
    display: block;
    border: 0px;
    margin: 0px 0px 4px;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #cfcfcf;}
	#login_modal button{       display: block;
    width: -webkit-fill-available;
    margin: 10px auto;
    padding: 8px;
    font-size: 18px;
    color: white;
    background: #2196f3;
    border: 0px;
    border-radius: 3px;}
	
	#login_modal input[type=submit]{    background: #2196f3;
    color: white;
    margin: 10px auto;}
	
	#login_modal > div > a {    color: #00040a;
    font-size: 14px;
    margin: 15px;
    display: inline-block;}
	
	#login_modal #hide_otp {display:none;}
	
	.login_container {
		    background: white;
    padding: 20px;
    width: -webkit-fill-available;
	}
	
	
	.login_container form a {    background: #2196f3;
    color: white;
    padding: 2px 5px;
    font-size: 12px;
    margin: 10px;
    display: inline-block;
    border-radius: 3px;cursor:pointer;}
	
	.login_container h3{        margin: 0px 0px 10px;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid gray;
    padding: 5px 5px 10px;}
	.login_container p{       padding: 10px 0px 4px;
    font-size: 14px;}
	.login_container input{          width: -webkit-fill-available;
    font-size: 14px;
    padding: 11px;
    max-width: 400px;
    display: block;
    border: 0px;
    margin: 0px 0px 4px;
    background: #ffffff;
    border-radius: 3px;
    border: 1px solid #cfcfcf;}
	
	.login_container button{       display: block;
    width: -webkit-fill-available;
    margin: 10px auto;
    padding: 8px;
    font-size: 18px;
    color: white;
    background: #2196f3;
    border: 0px;
    border-radius: 3px;}
	
	.login_container input[type=submit]{    background: #2196f3;
    color: white;
    margin: 10px auto;}
	
	.login_container > div > a {    color: #00040a;
    font-size: 14px;
    margin: 15px;
    display: inline-block;}
	
	.login_container #hide_otp {display:none;}
	
	.continue_btn {    background: #2196f3;
    color: white;
    margin: 8px auto;
    width: fit-content;
    padding: 8px 18px;
    border-radius: 4px;}
	
	
	 .image_tray{              display: inline-grid !important;
    width: -webkit-fill-available;
    max-width: 400px;
    min-height: 300px;
    max-height: 400px;
    overflow: hidden;
    vertical-align: top;
    position: sticky !important;
    background: white;
    top: 72px;
    border: 1px solid #ececec;
    margin: 20px auto;
    align-items: center;
    border-radius: 7px;}
	 .image_tray .img_main{    
   }
	 .image_tray .img_main img{    max-width: 100%;
    max-height: 400px;
    margin: 0 auto;}
	 
	 
	 .disc_tray {    display: inline-block;
    vertical-align: top;
    width: -webkit-fill-available;
    text-align: left;
    max-width: 600px;
    padding: 0px 20px;
    background: white;}
	 .disc_tray .nav_disc_tray{      margin: 0px 0px;
    padding: 10px 0px;}
	 .disc_tray  h3{        padding: 20px 0px;
    font-weight: 500;
    color: #4c4c4c;}
	 .disc_tray  .mrp{    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    margin: 0px 5px;}
	 .disc_tray  .price{      color: #3f3f3f;
    display: inline-block;
    text-decoration: line-through;}
	 .disc_tray  .discount{         background: #4caf50;
    width: fit-content;
    padding: 3px 20px;
    margin: 2px 8px;
    color: white;
    font-size: 12px;
    border-radius: 1px;}
	
	
	
	.disc_tray .prod_dis {       width: 100%;
    white-space: pre-wrap;
    font-size: 13px;
    padding: 30px 0px;}
	
	html, body {
      margin: 0;
      padding: 0;
    }

    * {
      box-sizing: border-box;
    }

    .slider {
           width: 50%;
    margin: 20px auto;
    height: fit-content;
}

    .slick-slide {
      margin: 0px 0px;
    }

   

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: 1;
    }

    .slick-current {
      opacity: 1;
    }
	
	.top_product2 {      width: -webkit-fill-available;
    /*max-width: 1000px;*/
    display: grid;
    grid-template-columns: 50% 50%;
    background: white;
    margin: 0 auto;
    min-height: 500px;
    align-items: start;
	    
	}
	
	.containerimg2 {         width: -webkit-fill-available !important;
    /*max-width: 1100px !important;*/
    margin: 10px auto !important;}
	.containerimg2 .mySlides2 {      max-height: 200px !important;
    height: 200px;
    overflow: hidden;
    display: block !important;}
	.containerimg2 .mySlides2 img {       width: 95%;
    height: 90%;
    border-radius: 10px;
    margin: 10px;}
	
	.similar_products {       background: white;
    max-width: 1000px;
    margin: 11px auto;	}
	
	.similar_products h1{      font-size: 20px;
    font-weight: 500;
    padding: 20px;}
	
	.pro_slider {          display: grid;
    grid-template-columns: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    width: fit-content;
    max-width: -webkit-fill-available;
    overflow-x: auto;
    margin: 0 auto;}