body
{
	background-color:#f0f8ff;
}
.category_placement_new
{
    width:95%;
    border:1px solid black;
    overflow:auto;
}
.left_side_product{
    width:33%;
    float:left;
    border:1px solid black;
}
.right_side_category{
    width:33%;
    float:left;
    border:1px solid black;
}
 
.category-card {
  background-color: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  padding: 20px;
  width:45%;
  margin:auto;
}

.category-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
}

.category-icon {
  font-size: 40px;
  margin-bottom: 10px;
  color: #4A90E2;
}

.category-title {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
 
 
 


.header_blog
{
    border: 1px solid #ffbf00;
    background:#ffbf00;
    color: red;
    text-align: center;
    margin:auto;
}
.erase
{
    padding:3px;
    text-align:center;
    background-color:red;
    color:white;
}
.category_header_top{
    border:1px solid black;
    border-radius:4px;
    width:max-content;
    margin:10px;
    color:black;
    }
    .notification
    {
        background-color:red;
        color:white;
        font-size:2em;
        border:2em 2em;
        border-radius:1em;
    }
.category_header_case{
    width:max-content;
    margin:auto;
}
.navigation{
border: 1px solid #4747d7;
}
.category_select_grid
		{
			border:none;
			background-color: #4747d7;
			color:white;
			height:100%;
			border-radius:2px;
			padding:12px;
			margin:5px;
			width:30%;
			text-align:center;
			display:inline-block;
		}
		.category_select_grid:hover
		{
			border:none;
			background-color: red;
			color:white;
			height:100.5%;
			border-radius:2px;
			padding:12px;
			margin:5px;
			width:30.5%;
			text-align:center;
			display:inline-block;
			transition:0.5s;
		}
.paying_ads
{
    width:30%;
    margin:auto;
}
.top-fixed
{
   position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 23px;
}
.paying_ad_image{
    width:100%;
}
.ad_headline{
    background-color: #ffbe00;
    color: white;
    width:100%;
    text-align:center;
    border-top-left-radius:1em;
    border-top-right-radius:1em;
    
}
.content_title{
	margin-top:45px;
	background:black;
	color:white;
	text-align:center;
	font-size:2em;
	padding:3px;
}
.fb_like_post_title{
    width:79%;
}
.fb_like_post_description{
    width:75%;
    height:4em;
}
.fb_like_img_upload
{
    height:3em;
    border:2px solid black;
}
.fb_like_title_upload{
    width:max-content;
}
.fb_like_post_upload{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:35px;
    border-radius:17.5px;
    background:#61ff63;
    border:none;
}
.fb_like_post_upload:hover{
    margin-left:auto;
    margin-right:auto;
    width:100%;
    height:35px;
    border-radius:17.5px;
    background:#61ffc4;
    border:none;
}
.fb_like_description_upload{
    width:max-content;
}
.cross_image{
    background-color:red;
    color:black;
    opacity:0.7;
    width:max-content;
    font-size:4em;
    padding:3px;
    right:12%;
    top:10px;
    border-radius:4px;
    position:fixed;
    
}
.cross_image:hover{
    background-color:red;
    color:white;
    
    width:max-content;
    font-size:4.03em;
    padding:3px;
    right:12%;
    top:10px;
    border-radius:4px;
    position:fixed;
    transition:0.3s;
    
}
.category_small_each_grid_for_price{
    display:inline-block;
}
.product_image_seperate_page
{
    width:110%;
}
.category_small_price{
    color: orange;
    width:30%;
}
.category_small_image{
    width:30%;
    
}

.success_message
{
    width:90%;
    margin:auto;
    height:max-content;
    background:black;
}
.success_text
{
    color:#FFDD17;
    font-size:4em;
}
.circular
{
    background:#B22222;
    text-align:center;
    color:white;
    margin-top:5px;
}
.circular:active
{
    background:#1e2f97;
    text-align:center;
    color:black;
    margin-top:5px;
}
.job_box{
    border:1px solid #B22222;
    border-radius:5px;
    padding:5px;
    color:green;
}
.job_box-submit
{
    background:white;
    border:1px solid #B22222;
    font-size: 2em;
    border-radius:5px;
}
.job_formdiv
{
    padding:10px;
    margin:5px;
    background:white;
    width:auto;
    border: 1px solid #1e2f97;
}
.short_description
{
	width: auto;
	margin: auto;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
}
.line2
		{
			margin-top: 15px;
			font-size: 18px;
			font-weight: bold;
			color: #a81d2a;
			font-family: 'Roboto', sans-serif;
		}
		.rulesforload
		{
			margin-top: 15px;
			font-family: 'Roboto', sans-serif;
			font-size: 18px;
		}
.td1
{
	border: 1px solid black;
}
.footer_text
{
    color: white;
    font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	text-align:center;
}
.box_image{
    max-height:100%; 
    max-width:100%;
}
.image
{
	height:100%;
	width:100%;
	border: 1px solid orange;
	border-radius: 5px;
	
}
.imageofproduct
{
    width:500px;
    margin:auto;
    border: 1px solid #ffbf00;
}
.add_to_cart
{
    
    width:100%;
    height: max-content;
    border-top: 2px solid #1184E4;
    border-bottom: 2px solid #1184E4;
    font-size:1.3em;
    background-color: #1184E4;
    color:#ffffff;
    text-align:center;
}
.plusminus
{
    background: #eac736;
    width: max-content;
    padding:3px;
}
.add_to_cart:hover
{
    
    width:100%;
    height: max-content;
    border: none;
    font-size:1.3em;
    background-color: red;
    color:white;
    transition:0.5s;
}
.all
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
	width:546.6px;
	background-color:white;
	border-radius:3px;
	border:1px solid #4747d7;
	
	
}
.all:hover
{
	
	margin-bottom:6px;
	width:546.6px;
	background-color:white;
	border-radius:3px;
	transition:0.5s;
	border:1px solid red;	
	
}
.product_cart_table{
    width:45%;
    margin: auto;
    border:3px;
    height:max-content;
    margin-bottom:6px;
    background: white;
    border: 1px solid #1184E4;
}
.product_cart_table_left_for_image{
    width:23%;
    height:100%;
    border:3px;
    float:left;
}
.product_cart_table_right_for_etc{
    width:70%;
    height:100%;
    border:3px;
    float:left;
}
.tableimage{
    width:100%;
}
	
		.td
		{
			border:2px solid black;
			height: max-content;
			width: max-content;

		}
		
.price
{
	background-color:orange;
	color: white;
	width:100%;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	
	
}
.title
{
	color:blue;
	width:100%;
	margin:auto;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
}
.title_others{
    color:black;
	width:100%;
	margin:auto;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
}
.gap1
{
	height:1em;
}
.gap2
{
	height:1em;
}
.discount
{
	display:flex;
}

.order_button
{
    font-family: 'Roboto', sans-serif;
	
	background-color: #4747D7;
	color: white;
	padding: 15px 70px;
	text-align: center;
	text-decoration: none;
	
	font-size: 16px;
	cursor: pointer;
	
	
}
.delivery_notification
{
    margin-top:0.4em;
    background-color:#ffd966;
    text-align: center;
    color:black;
}
.order_button:hover
{
    font-family: 'Roboto', sans-serif;
	
	background-color: red;
	color: white;
	padding: 15px 70px;
	text-align: center;
	text-decoration: none;
	
	font-size: 16.3px;
	cursor: pointer;
	transition:0.5s;
	
}

.home
{
	float:left;
}
.user
{
	float:right;
}




.topbar
{
	background-color:#ffce88;
	height:25px;
}
.category_submit
{
	border:none;
	background-color: #4747d7;
	color:white;
	height:100%;
	border-radius:0px 12px 12px 0px;
	padding:12px;
}
.category_submit:hover
{
	border:none;
	background-color: red;
	transition:0.5s;
	color:white;
	height:100%;
	border-radius:0px 12px 12px 0px;
	padding:12px;
}
.category_select
{
	border:none;
	background-color: #4747d7;
	color:white;
	height:100%;
	border-radius:12px 0px 0px 12px;
	padding:12px;
}
.category_submit_search
{
	        border: none;
			background-color: #4747d7;
			font-size: 20px;
			padding:3px;
			color: white;
			padding-left:10px;
			padding-right:10px;
			margin-left:3px;
				border-radius:5px;
			
}

		.to_make_form_in_middle{
		margin:auto;
		width: max-content;
		
		}
		.category_select_search
		{
			border: 2px solid #4747d7;
			color: #4747d7;
			font-size: 20px;
			padding:3px;
				border-radius:5px;
			
		}
		.category_form_search
		{
			width:99%;
			margin-top:10px;
			margin-bottom: 10px;
			border: none;
			background-color: #ffbe00;;
			
		}
		
		.category_grid
		{
			width: 90%;
			margin: auto;
			height:auto;
			border-radius:12px;
			padding:5px;
			box-shadow:1px 1px 5px gray;
			
		}

		.job{
			background-color:green;
			color: white;
			font-family: 'Roboto', sans-serif;
			text-align: center;
			
		}
		.premium
		{
			border: 1px solid;
			width: 40%;
			height: 200px;
			margin: auto;
			margin-bottom: 1em;
			overflow: hidden;
			background-color: green;
		}
		.category_form
		{
			display:none;
			width: max-content;
			margin: auto;
			height:auto;
			background-color:pink;
			border-radius:12px;
			padding:5px;
			box-shadow:1px 1px 5px gray;
		}
		.allpages
		{
			  display: inline-block;
  background-color: #ff9800;
  color: white;
  padding: 12px 24px;
  font-size: 16px;
  text-decoration: none;
  border-radius: 8px;
  font-weight: bold;
  margin: 40px auto 0;
  text-align: center;
  display: block;
  width: fit-content;
  transition: all 0.3s ease;
}
		a
		{
			text-decoration: none;
		}
		
		.rightothers
		{
			float: left;
			width: 60%;
			height: 100%;
		}
		.right3lines
		{
			margin-top: 5px;
			margin-left: 5px;
			width:100%;
			height:max-content;			
		}
		.line1
		{
			color: black;
			font-family: 'Roboto', sans-serif;
		}
		.line2
		{
			color: #a81d2a;
			font-family: 'Roboto', sans-serif;
		}
		.buy
		{
		    background-color:#1184E4;
		    color:white;
		    text-align:center;
		    width:45%;
		    margin:auto;
		    padding:5px;
		}
		.buy:hover
		{
		    background-color:#4747d7;
		    color:white;
		    text-align:center;
		    width:45%;
		    margin:auto;
		    padding:5px;
		}
		.line3
		{
			color: #364b9f;
			font-family: 'Roboto', sans-serif;
		}
		.line4
		{
			font-family: 'Roboto', sans-serif;
			color: black;
		}
		.rightgoldlines
		{
			font-family: 'Roboto', sans-serif;
			color: #fdea00;
			
			width: max-content;
			margin-left: 5px;
			margin-top: 12px;
		}
		.bottombars
		{
			width: 95%;
		}
		.orderordetails
		{
			font-family: 'Roboto', sans-serif;
			background-color: #56b847;
			display: inline-block;
			text-align: center;
			border-radius: 20px;
			width:48%;
		}
		.gapp
		{
			height:6px;
		}
		.topnav
		{
			border:1px solid #1184E4;
			height: max-content;
			text-align: center;
			margin-top:4px;
			color: #1184E4;
			font-family: 'Roboto', sans-serif;
			font-size: 50px;
		}
		
		.imageoftitle
		{
			border: 1px solid;
		}
		.searchbox
		{
			background-color: white;
			border: 1px solid;
			font-family: 'Roboto', sans-serif;
			height: 30px;
			width: max-content;
			font-size: 20px;
		}
		.searchtextbox
		{
			height: 30px;
			border: 1px solid;
			border-color: black;
			font-size: 20px;	
			font-family: 'Roboto', sans-serif;
			color: red;
		}
		.fullsearchpart
		{
			width: max-content;
			margin: auto;
			padding: 4px;
		}
		.footerhome
		{
			height:max-content;
			background-color: black;
			padding:20px;
			
		}
		
		
		.cart_items_nuber{
		    width:1.9em;
		    background:red;
		    
		}
		.headerall{
		    width: max-content;
		    margin-bottom:15px;
		    position:fixed;
		    top:5px;
		    left:5px;
		    background-color:white;
		 }
		 .header_button{
		     border: 1px solid #4747D7;
		     margin:2px;
		     padding:2px;
		     color: #4747D7;
		 }
		
		a
		{
			text-decoration: none;
		}
		.imagebox
		{
			border-color: black;
			border: 1px solid;
			float: left;
			width: 35%;	
			overflow: hidden;
			height: 100%;
		}
		.rightothers
		{
			float: left;
			width: 60%;
			height: 100%;
		}
		.right3lines
		{
			margin-top: 5px;
			margin-left: 5px;
			width:100%;
			height:max-content;			
		}
		.line1
		{
			color: black;
			font-family: 'Roboto', sans-serif;
		}
		.line2
		{
			color: #a81d2a;
			font-family: 'Roboto', sans-serif;
		}
		.line3
		{
			color: #364b9f;
			font-family: 'Roboto', sans-serif;
		}
		.line4
		{
			font-family: 'Roboto', sans-serif;
			color: black;
		}
		.rightgoldlines
		{
			font-family: 'Roboto', sans-serif;
			color: #fdea00;
			
			width: max-content;
			margin-left: 5px;
			margin-top: 12px;
		}
		.bottombars
		{
			width: 95%;
		}
		.orderordetails
		{
			font-family: 'Roboto', sans-serif;
			background-color: #56b847;
			display: inline-block;
			text-align: center;
			border-radius: 20px;
			width:48%;
		}
		


		
		.imageoftitle
		{
			border: 1px solid;
		}
		.searchbox
		{
			background-color: white;
			border: 1px solid;
			font-family: 'Roboto', sans-serif;
			height: 30px;
			width: max-content;
			font-size: 20px;
		}
		.searchtextbox
		{
			height: 30px;
			border: 1px solid;
			border-color: black;
			font-size: 20px;	
			font-family: 'Roboto', sans-serif;
			color: red;
		}
		.fullsearchpart
		{
			width: max-content;
			margin: auto;
			padding: 4px;
		}
		.register_form{
		    width: 40%;
			margin: auto;
			background-color: #c1c1c1;
			padding: 10px;
		}
		.box
		{
			width:95%;
			margin:4px;
			border:1px solid green;
			border-radius: 5px;
			height: 25px;
		}
		.boxarea
		{
			width:95%;
			margin:4px;	
			border:1px solid green;
			border-radius: 5px;
			height: 100px;
		}
		.box1
		{
			background-color: green;
			width:95%;
			margin:4px;
			border: none;
			border-radius: 5px;
			font-size: 25px;
			color: white;
		}
		.box1:active
		{
			background-color: black;
			width:95%;
			margin:4px;
			border: none;
			border-radius: 5px;
			
			font-size: 25px;
			color: white;
		}
		.gap
		{
			height: 40px;
}
@media only screen and (max-width:600px)
{
    .imageofproduct
{
    width:100%;
    margin:auto;
    border: 1px solid #ffbf00;
}
    .product_cart_table{
    width:95%;
    margin: auto;
    border:3px;
    height:max-content;
    margin-bottom:6px;
    background: white;
    border: 1px solid #1184E4;
}
.buy
		{
		    background-color:#1184E4;
		    color:white;
		    text-align:center;
		    width:90%;
		    margin:auto;
		    padding:5px;
		}
		.buy:hover
		{
		    background-color:#4747d7;
		    color:white;
		    text-align:center;
		    width:90%;
		    margin:auto;
		    padding:5px;
		}
.category_select_search
		{
			border:1px solid ;
		}
    .paying_ads
{
    width:90%;
    margin:auto;
}
.paying_ad_image{
    width:100%;
}
    .cross_image{
    background-color:red;
    color:black;
    width:max-content;
    font-size:3em;
    padding:3px;
    right:12%;
    top:10px;
    border-radius:4px;
    position:fixed;
    
}
.cross_image:hover{
    background-color:red;
    color:white;
    width:max-content;
    font-size:3.3em;
    padding:3px;
    right:12%;
    top:10px;
    border-radius:4px;
    position:fixed;
    transition:0.3s;
    
}
.product_image_seperate_page
{
    width:110%;
}

    
    .circular
{
    background:#B22222;
    text-align:center;
    color:white;
    margin-top:5px;
}
.circular:active
{
    background:#1e2f97;
    text-align:center;
    color:black;
    margin-top:5px;
}
.job_box{
    border:1px solid #B22222;
    border-radius:5px;
    padding:5px;
    color:green;
}
.job_box-submit
{
    background:white;
    border:1px solid #B22222;
    font-size: 2em;
    border-radius:5px;
}
.job_formdiv
{
    padding:10px;
    margin:5px;
    background:white;
    width:auto;
    border: 1px solid #1e2f97;
}
    
    
    
    
    
.all
{
	
	margin-bottom:6px;
	width:100%;
	background-color:white;
	border-radius:3px;
	border:1px solid #4747d7;
	
	
}
.all:hover
{

    margin-bottom:6px;
	width:100%;
	background-color:white;
	border-radius:3px;
	transition:0.5s;
	border:1px solid green;	
	
}
.order_button
{
    font-family: 'Roboto', sans-serif;
	display: inline-block;
	background-color: #4747D7;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	
	font-size: 16px;
	cursor: pointer;
	width:90%;
	margin:auto;
}
.order_button:hover
{
    font-family: 'Roboto', sans-serif;
	display: inline-block;
	background-color: red;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	
	font-size: 16px;
	cursor: pointer;
	width:90%;
	margin:auto;
	transition:0.5s;
}
		    .register_form{
		    width: 100%;
			margin: auto;
			background-color: #c1c1c1;
			padding: 10px;
		}
	
		.home
		{
			font-family: 'Roboto', sans-serif;
			font-size: 25px;
			color: white;
			width: max-content;
			margin: auto;
		}
		
			.orderordetails
		{
			font-family: 'Roboto', sans-serif;
			background-color: #56b847;
			display: inline-block;
			text-align: center;
			border-radius: 20px;
			width:99%;
		}
		
		
		.right3lines
		{
			margin-top: 5px;
			margin-left: 5px;
			width:100%;
			height:max-content;
			
		}
		
		.imageoftitle
		{
			border: 1px solid;
			height: 60px;
		}
	
		
		
			.category_select_grid
		{
			border:none;
			background-color: #4747D7;
			color:white;
			height:100%;
			border-radius:2px;
			padding:12px;
			margin:5px;
			width:90%;
			text-align:center;
			display:inline-block;
		}
		.category_select_grid:hover
		{
			border:none;
			background-color: red;
			color:white;
			height:100.5%;
			border-radius:2px;
			padding:12px;
			margin:5px;
			width:90.5%;
			text-align:center;
			display:inline-block;
		
		}
		.category_submit_search
		{
		
		}
			.orderordetails
		{
			font-family: 'Roboto', sans-serif;
			background-color: #56b847;
			display: inline-block;
			text-align: center;
			border-radius: 20px;
			width:99%;
		}
			
		
		.right3lines
		{
			margin-top: 5px;
			margin-left: 5px;
			width:100%;
			height:max-content;
			
		}
		
		.imageoftitle
		{
			border: 1px solid;
			height: 60px;
		}

		.gapp
		{
			height:6px;
		}
		
.price
{
	background-color:orange;
	color: white;
	width:100%;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:1.2em;
	
}
.title
{
	color:blue;
	width:100%;
	margin:auto;
	font-family: 'Roboto', sans-serif;
	font-size:1em;
	padding:5px;
}

	
		label
		{
			font-size: 25px;
			color: black;
		}
		.box
		{
			width:95%;
			margin:4px;
			border:1px solid green;
			border-radius: 5px;
			height: 25px;
		}
		.boxarea
		{
			width:95%;
			margin:4px;	
			border:1px solid green;
			border-radius: 5px;
			height: 100px;
		}
		.box1
		{
			background-color: green;
			width:95%;
			margin:4px;
			border: none;
			border-radius: 5px;
			
			font-size: 25px;
			color: white;
		}
		.box1:active
		{
			background-color: black;
			width:95%;
			margin:4px;
			border: none;
			border-radius: 5px;
			
			font-size: 25px;
			color: white;
		}
		
		.home
		{
			font-family: 'Roboto', sans-serif;
			font-size: 55px;
			color: white;
			width: max-content;
			margin: auto;
		}
		
		.gap
		{
			height: 40px;
		}
	
		}