*{
									padding:0px;
									margin:0px;
									box-sizing: border-box;
								}

								.highlight{
									color:blue;
								}	
								
								
								 @ media only screen and (max-width: 1550px)  { 
							 body { 
							
							display:none;
								 } }
								
								
								
								
											
					/* Header-begins */   /* Header-begins */  /* Header-begins */  /* Header-begins **//* Header-begins **//* Header-begins **//* Header-begins **//* Header-begins **//* Header-begins **//* Header-begins **/
							
			 #header{ 
                 display:flex; 
                 width:100%; 
                 height: 110px; 
				  background-color: #F2F2F2;
                 overflow:hidden; 
                 z-index: -1; 
                 } 
				 .logo{ 
                  margin-left:1px; 
                  height: 120px; 
                 width: 200px; 
                 clip-path: rect (40px,60px,100px,30px); 
                 z-index:1; 
                 }  
				 
              
				  
				  		       #header h1{ 
                 white-space: nowrap;
                 font-size: clamp(30px,2.6vw,60px);
                 position:relative; 
                 left: 25%; 
                 top: -5%; 
                 font-weight:800; 
                  letter-spacing: 1.8px; 
				} 
		      #header p{ 
                white-space: nowrap;
                font-size: clamp(30px,1.2vw,60px); 
					 position:relative; 
                 left: -5%; 
                   top: 40%; 
                 font-weight:300; 
                  letter-spacing: 1px; 
                  } 
				  
				  
				  		 @media only screen and (max-width: 1550px)  { 
							 #header h1 { 
							
							 font-size: clamp(42px,1.2vw,60px); 
								
								       left: 20%; 
                                     top: -5%; 
									} 
							 #header p { 
							 font-size: clamp(30px,1.2vw,60px); 
							
								       left: -12%; 
                                        top: 40%;
									} 
									  } 		

									 
							 @media only screen and (max-width: 1410px)  { 
							 #header h1 { 
							 font-size: clamp(45px,1.2vw,60px); 
								
								       left: 15%; 
                                     top: -5%; 
									} 
							 #header p { 
							 font-size: clamp(30px,1.2vw,60px); 
							
								       left: -23%; 
                                        top: 40%;
									} 
									  } 	
									  
									  
								 @media only screen and (max-width: 1300px)  { 
							 #header h1 { 
							 font-size: clamp(45px,1.2vw,60px); 
								       left: 10%; 
                                     top: -5%; 
									} 
							 #header p { 
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -30%; 
                                        top: 40%;
									} 
									  } 	

									 @media only screen and (max-width: 1200px)  { 
							 #header h1 { 
							
							 font-size: clamp(45px,1.2vw,60px); 
								       left: 10%; 
                                     top: -5%; 
									} 
							 #header p { 
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -33%; 
                                        top: 40%;
									} 
									  } 
									  
									  		 @media only screen and (max-width: 1030px)  { 
							 #header h1 { 
							
							 font-size: clamp(45px,1.2vw,60px); 
								       left: 10%; 
                                     top: -5%; 
									} 
							 #header p { 
							
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -42%; 
                                        top: 40%;
									} 
									  } 
									  
							 @media only screen and (max-width: 993px)  { 
							 #header h1 { 
							
							 font-size: clamp(44px,1.2vw,60px); 
                              left: 10%; 
                                     top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -45%; 
                                        top: 38%;
									} 
									  }
									  
									   @media only screen and (max-width: 910px)  { 
							 #header h1 { 
							
							 font-size: clamp(44px,1.2vw,60px); 
                              left: 8%; 
                                     top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -49%; 
                                        top: 38%;
									} 
									  }  
									  
									  			   @media only screen and (max-width: 870px)  { 
							 #header h1 { 
							
							 font-size: clamp(44px,1.2vw,60px); 
                              left: 5%; 
                                     top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -55%; 
                                        top: 38%;
									} 
									  } 
									  
					  @media only screen and (max-width: 830px)  { 
							 #header h1 { 
							
							 font-size: clamp(43px,1.2vw,60px); 
                              left: 3%; 
                                     top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(30px,1.2vw,60px); 
								       left: -58%; 
                                        top: 36%;
									} 
									  } 
									  
							 @media only screen and (max-width: 800px)  { 
							 #header h1 { 
							
							 font-size: clamp(42px,1.2vw,60px); 
                              left: 2%; 
                                     top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(28px,1.2vw,60px); 
								       left: -60%; 
                                        top: 36%;
									} 
									  }	
									  
								 @media only screen and (max-width:770px)  { 
							 #header h1 { 
							
							 font-size: clamp(36px,3vw,60px); 
                              left: 2%; 
                              top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(28px,1.2vw,60px); 
							 left: -60%; 
                              top: 30%
                                   	} 
									  }		
									  
									  	 @media only screen and (max-width:720px)  { 
							 #header h1 { 
							
							 font-size: 35px; 
                              left: 3%; 
                              top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(27px,1.2vw,60px); 
							 left: -60%; 
                              top: 30%
                                   	} 
									  }
									  
										  	 @media only screen and (max-width:690px)  { 
							 #header h1 { 
							
							 font-size: 34px; 
                              left: 2%; 
                              top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(27px,1.2vw,60px); 
							 left: -62%; 
                              top: 30%
                                   	} 
									  }	 

					 @media only screen and (max-width:670px)  { 
							 #header h1 { 
							
							 font-size: 33px; 
                              left: 2%; 
                              top: -5%; 
									} 
							 #header p { 
							 
							 font-size: clamp(27px,1.2vw,60px); 
							 left: -62%; 
                              top: 30%
                                   	} 
									  }	 
									  
		    @media only screen and (max-width:650px)  { 
							 #header h1 { 
							
							 font-size: 31px; 
                              left: 2%; 
                              top: 3%; 
									} 
							 #header p { 
							 
							 font-size: clamp(26px,1.2vw,60px); 
							 left: -62%; 
                              top: 30%
                                   	} 
									  }	 
									  
								    @media only screen and (max-width:620px)  { 
							 #header h1 { 
							
							 font-size: 30px; 
                              left: 1%; 
                              top: 3%; 
									} 
							 #header p { 
							 
							 font-size: clamp(26px,1.2vw,60px); 
							 left: -64%; 
                              top: 30%
                                   	} 
									  }	 	

									  		    @media only screen and (max-width:600px)  { 
							 #header h1 { 
							
							 font-size: 26px; 
                              left: 3%; 
                              top: 3%; 

									} 
							 #header p { 
							 
							 font-size: clamp(22px,1.2vw,60px); 
							 left: -56%; 
                              top: 30%;
							  } }
							  
							  	    @media only screen and (max-width:576px)  { 
							 #header h1 { 
							
							 font-size: 26px; 
                              left: 2%; 
                              top: 3%; 

									} 
							 #header p { 
							 
							 font-size: clamp(22px,1.2vw,60px); 
							 left: -58%; 
                              top: 30%;
							  	} }
								
								
								    @media only screen and (max-width:576px)  { 
							 #header h1 { 
							
							 font-size: 26px; 
                              left: 2%; 
                              top: 3%; 

									} 
							 #header p { 
							 
							 font-size: clamp(22px,1.2vw,60px); 
							 left: -58%; 
                              top: 30%;
							  
												} }
												
								    @media only screen and (max-width:550px)  { 
							 #header h1 { 
						
							 font-size: 24px; 
                              left: 1%; 
                              top: 3%; 

									} 
							 #header p { 
							 
							 font-size: clamp(20px,1.2vw,60px); 
							 left: -60%; 
                              top: 30%;
							  
												} }		

									    @media only screen and (max-width:520px)  { 
							 #header h1 { 
							
							 font-size: 22px; 
                              left: 1%; 
                              top: 2%; 
							  

									} 
							 #header p { 
							 
							 font-size: clamp(18px,1.2vw,60px); 
							 left: -58%; 
                              top: 25%;
							  } }		

							  		    @media only screen and (max-width:500px)  { 
							 #header h1 { 
							
							 font-size: 20px; 
                              left: 1%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(16px,1.2vw,60px); 
							 left: -54%; 
                              top: 25%;
							  } 
							  }	
							  
							    		    @media only screen and (max-width:482px)  { 
							 #header h1 { 
						
							 font-size: 28px; 
                              left: 7%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(22px,1.2vw,60px); 
							 left: -70%; 
                              top: 28%;
							  } 
							  }	
							  
							  		    @media only screen and (max-width:450px)  { 
							 #header h1 { 
					    	
							 font-size: 28px; 
                              left: 5%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(22px,1.2vw,60px); 
							 left: -79%; 
                              top: 28%;
							  } 
							  }	
							  
							      @media only screen and (max-width:420px)  { 
							 #header h1 { 
					    	
							 font-size: 26px; 
                              left: 4%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(22px,1.2vw,60px); 
							 left: -82%; 
                              top: 28%;
							  } 
							  }	
							  
							       @media only screen and (max-width:400px)  { 
							 #header h1 { 
					    	
							 font-size: 24px; 
                              left: 5%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(20px,1.2vw,60px); 
							 left: -80%; 
                              top: 32%;
							  } 
							  }
							  
							         @media only screen and (max-width:380px)  { 
							 #header h1 { 
					    	
							 font-size: 24px; 
                              left: 6%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(20px,1.2vw,60px); 
							 left: -83%; 
                              top: 32%;
							  } 
							  }
							  
							  
							           @media only screen and (max-width:365px)  { 
							 #header h1 { 
					    	
							 font-size: 23px; 
                              left: 3%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(20px,1.2vw,60px); 
							 left: -87%; 
                              top: 32%;
							  } 
							  }
							  
							  
							             @media only screen and (max-width:350px)  { 
							 #header h1 { 
					    	
							 font-size: 23px; 
                              left: 3%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(20px,1.2vw,60px); 
							 left: -90%; 
                              top: 32%;
							  } 
							  }
							  
							               @media only screen and (max-width:340px)  { 
							 #header h1 { 
					    	 
							 font-size: 21px; 
                              left: 3%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(18px,1.2vw,60px); 
							 left: -85%; 
                              top: 32%;
							  } 
							  }
							  
							  	               @media only screen and (max-width:330px)  { 
							 #header h1 { 
					    	 
							 font-size: 21px; 
                              left: 2%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(18px,1.2vw,60px); 
							 left: -90%; 
                              top: 32%;
							  } 
							  }
							 
							   	               @media only screen and (max-width:320px)  { 
							 #header h1 { 
					    	
							 font-size: 21px; 
                              left: 1%; 
                              top: 4%; 
							  
							 } 
							 #header p { 
							 font-size: clamp(18px,1.2vw,60px); 
							 left: -94%; 
                              top: 32%;
							  } 
							  }
							 
							 			

								@media only screen and (max-width: 482px)  { 
								.logo{ 
								      display:none;
									} 
                                } 					  
												  




								
													  		 			  
												  
												  
		/*   		 @media only screen and (max-width: 1200px)  { body { display:none; 	}  } 	 	 */ 	  						  
							
 /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
 
 

	/*   		 @media only screen and (max-width: 1200px)  { body { display:none; 	}  } 	 	 */ 	  						  
							
 /* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */ 









 
							
                               .toggle,
								[id^=drop] {
									display: none;
								}
                    	/* Giving a background-color to the nav container. */
								nav { 
									justify-content:center;
									display:grid;
									margin:0;
									padding: 0;
									background-color: black;
									line-height: 32px;
									font-family: 'Open Sans', sans-serif;
									}
									
								/* Since we'll have the "ul li" "float:left"
								 * we need to add a clear after the container. */
								 
								nav:after {
									content:"";
									display:table;
									clear:both;
									}

								/* Removing padding, margin and "list-style" from the "ul",
								 * and adding "position:reltive" */
								nav ul {
									float: right;
									padding:0;
									margin:0;
									list-style: none;
									position: relative;
									}
									
								/* Positioning the navigation items inline */
								nav ul li {	
									margin: 0px;
									display:inline-block;
									float: left;
									background-color: black;  
									}

								/* Styling the links */
								nav a {
									display:block;
									padding:14px 20px;	
									color:#FFF;
									font-size: 1.1 rem;
									text-decoration: none;
                               	}
                       
					   nav ul li ul li:hover { background: #000000; }
                      	/* Background color change on Hover */
								nav a:hover { 
									background-color: white;  
									color: black;  
								}

								/* Hide Dropdowns by Default
								 * and giving it a position of absolute */
								nav ul ul {
								   display: none;                                   
									position: absolute; 
									/* has to be the same number as the "line-height" of "nav a" */
									top: 60px; 
									}
									
								/* Display Dropdowns on Hover */
								nav ul li:hover > ul {
									display:inherit;
								}
									
								/* Fisrt Tier Dropdown */
								nav ul ul li {
									width:170px;
									float:none;
									display: list-item;
									position: relative;
									  z-index: 1;
									}

								/* Second, Third and more Tiers	
								 * We move the 2nd and 3rd etc tier dropdowns to the left
								 * by the amount of the width of the first tier.
								*/
								nav ul ul ul li {
									position: relative;
									top:-60px;
									/* has to be the same number as the "width" of "nav ul ul li" */ 
									left:170px; 
									}

				        /* Change ' +' in order to change the Dropdown symbol */
                                li > a:after { content:  ' +'; }
								li > a:only-child:after { content: ''; }

                    	@media all and (max-width : 768px) {
									nav {
										margin: 0;
										}

									/* Hide the navigation menu by default */
									/* Also hide the  */
									.toggle + a,
									.menu {
										display: none;         
										}

									/* Stylinf the toggle lable */
									.toggle {
										display: block;
										background-color: black;
										padding:14px 20px;	
										color:#FFF;
										font-size:17px;
										text-decoration:none;
										border:none;
									}

									.toggle:hover {
										background-color: white;
										color:black;
										  /* Stylinf the toggle lable *//* Stylinf the toggle lable *//* Stylinf the toggle lable *//* Stylinf the toggle lable */
									}

									/* Display Dropdown when clicked on Parent Lable */
									[id^=drop]:checked + ul {
										display: block;
										 }

									/* Change menu item's width to 100% */
									nav ul li {
										display: block;
										width: 100%;
										}

									nav ul ul .toggle,
									nav ul ul a {
										padding: 0 40px;
									}

									nav ul ul ul a {
										padding: 0 80px;	
										background-color: white; 
										}

									nav a:hover,
									nav ul ul ul a {
										background-color:black;  
										color:white;
									}

									
									
									
								  
								  nav ul li ul li .toggle,
								  nav ul ul a,
								  nav ul ul ul a{
									padding:14px 20px;	
									color:#FFF;
									font-size:17px; 
									background-color: #000000; 
									}
								    
									nav ul li ul li .toggle,
									nav ul ul a {
									}

									/* Hide Dropdowns by Default */
									nav ul ul {
										float: none;
										position:static;
										color: #ffffff;
										 /* has to be the same number as the "line-height" of "nav a" */ 
										 }
										
									/* Hide menus on hover */
									nav ul ul li:hover > ul,
									nav ul li:hover > ul {
										display: list-item;
									 }
										
									/* Fisrt Tier Dropdown */
									nav ul ul li {
										display: block;
										width: 100%;
										 }

									nav ul ul ul li {
								   position: static;
										/* has to be the same number      display: list-item;           as the "width" of "nav ul ul li" */ 
                                     }  }

								nav a:hover { 
									background-color: white;  
									color: black;  
								}

                              	@media all and (max-width : 330px) {
                                   	nav ul li {
									display:block;
									width: 94%;
									}
									
									nav a:hover { 
									background-color: white;  
									color: black;  
								}
								}	
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
			/* ABOUT SECTION BEGINS*/ /* ABOUT SECTION BEGINS*//* ABOUT SECTION BEGINS*//* ABOUT SECTION BEGINS*//* ABOUT SECTION BEGINS*//* ABOUT SECTION BEGINS*//* ABOUT SECTION BEGINS*/
		                            .about .row{
										background-color:	#FFFFFF;
										display: flex;  
										align-items: center;
										justify-content: space-around;
										flex-wrap: wrap;
										
										}
											
										.about .row .image{
										flex: 1 1 60rem;	
										}
										.about .row .image img{
										width: 100%;
										height: 300px;
										}

										.about .row .content1{
										flex:1 1 40rem;
										padding: 0rem 0rem 10rem 2rem; 
                                            }
	
				                	.about .row  .content1 h3{
								     float:left;
								     font-size: 2.5rem;
								     padding: 0rem;
							         }
									  
	                             @media all and (max-width : 3000px) {
										.about   {
										margin-bottom:  -30px;
										}
								    }
									
							   @media all and (max-width : 1615px) {
										.about   {
										margin-bottom:   -190px;
										}
								    }
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
									
										
  /* ABOUT SECTION ENDS*/ /* ABOUT SECTION ENDS*//* ABOUT SECTION ENDS*/ 	/* ABOUT SECTION ENDS*/	 	/* ABOUT SECTION ENDS*/ /* ABOUT SECTION ENDS*//* ABOUT SECTION ENDS*/						
				                         

				.clearfix {
							overflow: auto;
							}
						   .content{
							 overflow:hidden;
							width:100%;  
							margin: 30px auto 30px;
					       }
							.container{
							display:flex;
							flex-wrap:wrap;
							
							}
						   .content .main-content {	
							flex:1 1 80%;
							min-width:25ch;              	
							margin-right: auto;	
							border:1px solid blue;
						} 
					
						.content .main-content .post .post-image{
								width:40%;
						    	 height: 100%;
								float:left;
								margin:   0px;
								border-bottom: 1px solid white;
						}   
						
						.content .main-content .post{
							width:95%;
						    height: 32%;
						    width:100%;
							margin: 0px 0px;
							border-radius:5px;	
							position:relative;
							}
									
						.content .main-content .post .post-preview {
							width:60%;
							padding:10px;	
							float:right;
						}	
						
							.content h1{
								height:50px;
								color:#000000;
								background: #e7e7e7;
								text-align:left;
								text-transform: uppercase;
								padding:8px 100px;
								display:flex; 
								white-space: nowrap;
								}
								 @media only screen and (max-width: 460px)  { 
								.content h1{ 
								
								justify-content: center;
								
									} 
                                } 
									
							.content p1{
							color:blue;
							}
							.content p2{
							font-size: 1.5em; 
							}	
							
							
							.content .sidebar{	     
							flex:1 1 15%;
							margin-left: auto;			    
							height:100%;  
							}
							.content  .sidebar  .section.topics ul{
							 margin:0px;
							 padding:0px;
							 list-style:none;           
							 border-top: 1px solid blue;
							 border-right: 1px solid blue;
							    
								  }
							
							.content  .sidebar  .section.topics ul li a {
							 display:block;
							 padding: 15px;
							text-decoration:none;
							 text-align:center;
							}
							
							.sidebar a {
							      display: inline-block;     
								  color: black;  
								  border-bottom: 1.5px solid blue;
								  text-align :center;
								  line-height: 1.130; 
								  font-size: 1.4em;
								 	}	
									
							.sidebar  a.active {
							background-color: black;  
							color:white;
							font-size:22px;
							text-align :center;
					       	height: 2.3em; 
							border-bottom:none;
							
							}	
							
							.sidebar a:hover:not(.active) {
							 background-color: black;  
							color: white;
							     }
								 
	
								 
								 		.btn {
							padding: .5rem 1rem;
							background:#006669;
							color:white;
							border: 1px solid transparent;
							border-radius: .25rem;
						}
                            .btn:hover{
							color:white !important;
							background:#005255;
						}                    
							.content .main-content .post .read-more{
							position:absolute;
							bottom:20px;
							right:10px;
							border:1px solid blue;
							background: transparent;
							border-radius: 0px;
							color: blue!important;
							text-decoration:none;
						}
                           .content .main-content .post .read-more:hover{
							color:white !important;
							background:blue;
							transition:.25s;	
						}
								 								 
						 	
							  
					 		@media only screen and (max-width: 933px)
					  {
						   .sidebar  {
								 margin-top:  0px;	
								 	}	
							 
							.content p2{
							font-size: 1.5em; 
							}
						
						.content .main-content .post .post-preview {
							 height: 100%; 
						}
						 .content .main-content {	
							 height: 800px; 
							 padding: 0px 0px  ;
						}
						
						.content .main-content .post .post-image{
						 padding-top:   4px;
						}  
						
					  }	 
								 
						 @media all and (max-width :    933px) {
							.content  .sidebar  .section.topics ul { 
							border-left: 1px solid blue;
							border-top: none;
											}
								}
								
							 @media all and (max-width :    933px) {
							.content .main-content .post { 
						     height: 31.85%;
							}
							}
								
								 @media all and (max-width :    933px) {
							.content .main-content .post .post-image{ 
					
							border-bottom: 0px solid white;
							}
							}
								
							 @media all and (max-width :    933px) {
							.content .main-content           { 
					
							border-bottom: none;
							}
							}	
								
								 @media all and (max-width :    933px) {
							.content .main-content           { 
					
							border-bottom: none;
							}
							}
							
							
							
										  @media only screen and (max-width: 460px)  { 
								.content p2 { 
								       font-size: 1.3em; 
									} 
                                }
								
										  @media only screen and (max-width: 400px)  { 
								.content p2 { 
								       font-size: 1.2em; 
									} 
                                } 
								
								
								
								
				
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								      
											
							.titlehome {        
											display:flex;	
											white-space: nowrap;
											Background: #dddddd; 
											justify-content:center;
											width: 100%;
											height:  70px;
											font-size: 2.5rem;
											letter-spacing: 1.4px;
											padding-top: 10px;
											margin: 0 auto;
											margin-top:  -30px;
											}	
											
							
												  @media only screen and (max-width: 720px)  { 
								.titlehome { 
								
								  
								       font-size: 2.3rem;
											letter-spacing: 1.2px;
											padding-top: 15px;
											
									} 
                                } 
								
												  @media only screen and (max-width: 650px)  { 
								.titlehome { 
								padding-left: 24px;
								  
								       font-size: 2.3rem;
											
											padding-top: 15px;
											
									} 
                                }
								
												  @media only screen and (max-width: 600px)  { 
								.titlehome { 
								padding-left: 22px;
								  
								       font-size: 2.1rem;
											
											padding-top: 15px;
											
									} 
                                }
								
												  @media only screen and (max-width: 576px)  { 
								.titlehome { 
								padding-left: 22px;
								
								       font-size: 1.9rem;
											
											padding-top: 15px;
											
									} 
                                }
								
													  @media only screen and (max-width: 490px)  { 
								.titlehome { 
								padding-left: 10px;
								  font-size: 1.7rem;
											padding-top: 18px;
											
									} 
                                }
								
														  @media only screen and (max-width: 450px)  { 
								.titlehome { 
								padding-left: 2px;
								       font-size: 1.5rem;
											padding-top: 22px;
											
									} 
                                }
								
															  @media only screen and (max-width: 400px)  { 
								.titlehome { 
								font-size: 1.4rem;
											padding-top: 22px;
											
									} 
                                }
								
																  @media only screen and (max-width: 370px)  { 
								.titlehome { 
								padding-left:-1px; 
								       font-size: 1.3rem;
											padding-top: 20px;
											
									} 
                                }
								
																	  @media only screen and (max-width: 340px)  { 
								.titlehome { 
								padding-left:-1px;
								       font-size: 1.2rem;
											padding-top: 20px;
											
									} 
                                }
								
																		  @media only screen and (max-width: 320px)  { 
								.titlehome { 
								padding-left:-1px;
								       font-size: 1.1rem;
											padding-top: 20px;
											
									} 
                                }
								
								
								.wrapper{ 
							margin-top:  -5px;
							width: 100%;
							 }		
									
									
									
								.content2 h1 {
								  text-align: center;
								  margin: 20px 0;
								  color: #363636;
								 font-size: 40px;
								}

								.container4{
								   margin: 0 auto;
								   width: 100%;
								}
								.inner-wrapper {
								  display: flex;
								  flex-wrap: wrap;
								 width: 100%;
								}
								.card {
								  flex-basis: 33.33333%;
								  padding: 6px  0px      ;
								  }
								  
								  @media (max-width: 1190px) {
								  .card {
									flex-basis: 49%;
									 padding: 15px 0px;
									 margin: 0 auto;
									 
								      }
								  }
								  
								  @media (max-width: 800px) {
								  .card {
									flex-basis: 99%;
									 padding: 15px 0px;
									 margin: 0 auto;
									 
								      }
								  }
								  
								  
								  
								  
								  .title {
									font-size: 30px;
								  }
								}
								
								
								.credit {
								  font-size: 14px;
								}
							
							
								
								
								
								
								
								
								
								
								
								
								
								
								
								
								.inner-card  {
								  background-color: #e4e4e4;
								  padding: 15px;
								  box-shadow: 0 1px 2px rgba(0,0,0,.1)
								}
								
								
								
								
								.img-wrapper {
								  width: 100%;
								  height: 250px;
								  
								}
								.img-wrapper img {
								  width: 100%;
								  height: 100%;
								  object-fit: cover;
								  object-position: center;
								}
								.content2 {
								  margin-bottom: 20px;
								}
								
								
								
								.content2 h1 {
								  font-weight: 900;
								  font-size: 40px;
                                  color: #444;
								  text-align:center;
								   background: #c9c9c9;
								  }
								  
								.content2 p {
								  font-size: 25px;
								  line-height: 1.5;
								  color: #555;
								   background: #f4f4f4;
								}
								
								
								
								.btn-wrapper {
								  display: block;
								  text-align: center;
								}



								.view-btn {
	
								  width: 70%;
								  height: 40px;
								  border: none;
								  background-color: steelblue;
								  color: #fff;
								  font-size: 16px;
								  cursor: pointer;
								}
								.view-btn:hover {
								  box-shadow: 0 3px 6px rgba(0,0,0,.4);
								  
								}


								li {
								 text-decoration: none;

								  list-style-type: none;
								}










								.light-box {
								  position: fixed;
								  left: 0;
								  top: 0;
								  background-color: rgba(0,0,0,.6);
								  width: 100%;
								  height: 100vh;
								  z-index: 99;
								  opacity: 0;
								  visibility: hidden;
								  transition: all 200ms ease-out;
								}
								.box {
								  width: 600px;
								  height: 400px;
								  background-color: #fff;
								  transform: scale(0);
								  transition: all 200ms ease-in-out;
								  padding: 10px;
								  box-shadow: 0 3px 9px rgba(0,0,0,.1);
								  position: relative;
								}
								.box-wrapper {
								  display: flex;
								  justify-content: center;
								  align-items: center;
								  width: 100%;
								  height: 100vh;
								  padding: 15px;
								}
								.box .light-img {
								  width: 100%;
								  height: 100%;
								  object-fit: cover;
								  object-position: center;
								}
								.box .close-btn {
								  position: absolute;
								  z-index: 100;
								  font-size: 30px;
								  color: #ccc;
								  left: 100%;
								  top: 0;
								  border: 2px solid #ccc;
								  border-radius: 50%;
								  display: block;
								  width: 40px;
								  height: 40px;
								  text-align: center;
								  line-height: 35px;
								  margin-left: 10px;
								  cursor: pointer;
								  transition: all 200ms linear;
								}
								/* Effect */
								.effect .light-box {
								  opacity: 1;
								  visibility: visible;
								}
								.effect .light-box .box {
								  transform: scale(1);
								}		



						

							.row{
							display: flex;
							flex-wrap: wrap;
						}
						ul{
							list-style: none;
						}
							

						.footer{
							background-color: #24262b;
							padding: 70px 0;
						}
						.footer-col{
						   width: 25%;
						   padding: 0 15px;
						 padding-left: 80px;
						}
						.footer-col h4{
							font-size: 18px;
							color: #ffffff;
							text-transform: capitalize;
							margin-bottom: 35px;
							font-weight: 500;
							position: relative;
						}
						.footer-col h4::before{
							content: '';
							position: absolute;
							left:0;
							bottom: -10px;
							background-color: #e91e63;
							height: 2px;
							box-sizing: border-box;
							width: 50px;
						}
						.footer-col ul li:not(:last-child){
							margin-bottom: 10px;
						}
						.footer-col ul li a{
							font-size: 16px;
							text-transform: capitalize;
							color: #ffffff;
							text-decoration: none;
							font-weight: 300;
							color: #bbbbbb;
							display: block;
							transition: all 0.3s ease;
						}
						.footer-col ul li a:hover{
							color: #ffffff;
							padding-left: 8px;
						}
						.footer-col .social-links a{
							display: inline-block;
							height: 40px;
							width: 40px;
							background-color: rgba(255,255,255,0.2);
							margin:0 10px 10px 0;
							text-align: center;
							line-height: 40px;
							border-radius: 50%;
							color: #ffffff;
							transition: all 0.5s ease;
						}
						.footer-col .social-links a:hover{
							color: #24262b;
							background-color: #ffffff;
						}

						/*responsive*/
						@media(max-width: 767px){
						  .footer-col{
							width: 50%;
							margin-bottom: 30px;
						}
						}
						@media(max-width: 574px){
						  .footer-col{
							width: 100%;
						}
						}	

/* about section starts *//* about section starts */  /* about section starts */ /* about section starts *//* about section starts *//* about section starts */   
                                .about-section {
								  padding: 20px;
								  text-align: center;
								  background-color: #ECEFEC; 
								  color: black;
							      font-size:1.3em;
								  width:100%;
								  margin:0 auto;
								}
/* about section ends *//* about section ends *//* about section ends *//* about section ends *//* about section ends *//* about section ends */


/* banner-nav-links section begins *//* banner-nav-links section begins *//* banner-nav-links section begins *//* banner-nav-links section begins */
                           
						   
								/* Create two unequal columns that floats next to each other */
/			/* Create two unequal columns that floats next to each other */
/* Left column */


.row2{
	
	width:90%;
	margin:auto;
	
	}
.row2 img{
	width:100%;
	height:20rem;
	object-fit:cover;
}
.row2 h3{
	background-color:#f5f5f5;
	font-size:2.4rem;
	padding-top:15px;
	padding-left:1rem;
	}
.row2 p{
	padding-right: 1rem;
	padding-left: 1rem;
	padding-top:10px;
	background-color:#f5f5f5;
	font-size:1.6rem;
}
.leftcolumn {
  float: left;
  width: 75%;
}
/* Right column */
.rightcolumn {
	margin-top:.3rem;
  float: right;
  width: 25%;
  padding-left: 20px;
}
.rightcolumn img{
	width:100%;
	height:15rem;
	object-fit:fill;
}
.rightcolumn h2 {
  text-align:center;
  background-color:black;
  color:white;
  width:100%;
  font-size:1.6rem;
  padding-top:.5rem;
   padding-bottom:.5rem;
    padding-left:.5rem;
	 padding-right:.5rem;
	 margin-top:  -.6rem;
}
.rightcolumn p {
  float: left;
  width: 100%;
  padding-left: 20px;
}







/* Clear floats after the columns */
.row2:after {
  content: "";
  display: table;
  clear: both;
}


/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn {
    width: 100%;
    padding: 0;
  }
}
/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .rightcolumn img{
	
	object-fit:fill;
}
}	






					  .follow{
						 	text-align:center; 
					background-color:#f5f5f5;	
					  }            
				
				.follow a{
					text-align:center;
					height:4rem;
					width:4rem;
					line-height:4rem;
					space-between: .5rem;
					border-radius:50%;
					background-color:black;
					color:white;
					font-size:2.2rem;
					margin: 1.5rem .5rem;
					text-decoration:none;
					}	
		
				.follow a:hover{
					background-color:orange;
				}
				
				
				
				
				
				
				.card-side h3{
					margin-top:5%;
					text-align:left;
					top: 50%;
					padding-top:  2%;
					padding-bottom:  2%;
					padding-left:.5rem;
					background-color: #F2F2F2;
					font-weight: 500;
					border-bottom:.5px solid black;
					}
					
					.card-side .card-post{
					
						background-color: #F2F2F2;
						 text-align:center;
						font-weight: 600;
					
						  }
				     .card-side .card-post ul {
						 
						  width:100%;
							 margin:0px;
							 padding:0px;
							      }
							
							.card-side .card-post ul li a {
								
							 margin:20px;
							 padding:20px;
							 display:block;
							 text-align:center;
							}
							.card-side .card-post a { 
							      display: inline-block;     
								  color: black;  
								 width:100%;
								 border-bottom:.5px solid black;
								  line-height: 1.130; 
								  font-size: 1.4em;
								  	text-decoration:none;
									 padding:20px;
								 	}
			
			
			@media only screen and (max-width: 1440px)  { 
							 .row2 {  width:95%;
							}  } 	
								
							 @media only screen and (max-width: 1220px)  { 
							 .row2 {  width:98%;
							}  } 

							 @media only screen and (max-width: 576px)  { 
							 .row2 {  width:100%;
							}  } 
											
			
							
							
							
							
							
					

	                                 .titlehome2 {  
											position:absolute;
											
											display:flex;	
											white-space: nowrap;
											Background: #dddddd; 
											justify-content:center;
											width: 100%;
											height:  70px;
											font-size: 2.5rem;
											letter-spacing: 1.4px;
											padding-top: 10px;
											margin-top: -5px;
											}
											
							
												  @media only screen and (max-width: 720px)  { 
								.titlehome2 { 
								
								  
								       font-size: 2.3rem;
											letter-spacing: 1.2px;
											padding-top: 15px;
											
									} 
                                } 
								
												  @media only screen and (max-width: 650px)  { 
								.titlehome2 { 
								padding-left: 24px;
								  
								       font-size: 2.3rem;
											
											padding-top: 15px;
											
									} 
                                }
								
												  @media only screen and (max-width: 600px)  { 
								.titlehome2 { 
								padding-left: 22px;
								  
								       font-size: 2.1rem;
											
											padding-top: 15px;
											
									} 
                                }
								
												  @media only screen and (max-width: 576px)  { 
								.titlehome2 { 
								padding-left: 22px;
								
								       font-size: 1.9rem;
											
											padding-top: 15px;
											
									} 
                                }
								
													  @media only screen and (max-width: 490px)  { 
								.titlehome2 { 
								padding-left: 10px;
								  font-size: 1.7rem;
											padding-top: 18px;
											
									} 
                                }
								
														  @media only screen and (max-width: 450px)  { 
								.titlehome2 { 
								padding-left: 2px;
								       font-size: 1.5rem;
											padding-top: 22px;
											
									} 
                                }
								
															  @media only screen and (max-width: 400px)  { 
								.titlehome2 { 
								font-size: 1.4rem;
											padding-top: 22px;
											
									} 
                                }
								
																  @media only screen and (max-width: 370px)  { 
								.titlehome2 { 
								padding-left:-1px; 
								       font-size: 1.3rem;
											padding-top: 20px;
											
									} 
                                }
								
																	  @media only screen and (max-width: 340px)  { 
								.titlehome2 { 
								padding-left:-1px;
								       font-size: 1.2rem;
											padding-top: 20px;
											
									} 
                                }
								
																		  @media only screen and (max-width: 320px)  { 
								.titlehome2 { 
								padding-left:-1px;
								       font-size: 1.1rem;
											padding-top: 20px;
											
									} 
                                }
								
								
								
								
					     blockquote {
										width:75%;
										 margin: auto;
										justify-content:center;
								font-size:1.4rem;
								padding:1rem 2.8rem;
								line-height:1.6;
								font-weight:300;
								box-shadow: inset 0.5rem 0 0 blue;
								background-color: #f5f5f5;
								margin-bottom:10px;
									}
									
									.blocks{
									border:1.5px solid blue;
									text-align:center;
									background: #f0ece2; 
									padding:10px;
								}			
							
									
									
									
									
									
									
									
									
							
							
				/* 		
				
				
					 @media only screen and (max-width: 1440px)  { 
							 body { background-color:red;
									}  } 	
				
				
				
				
				
				
				.content  .sidebar  .section.topics ul{
							 margin:0px;
							 padding:0px;
							 list-style:none;           
							 border-top: 1px solid blue;
							 border-right: 1px solid blue;
							    
								  }
							
							.content  .sidebar  .section.topics ul li a {
							 display:block;
							 padding: 15px;
							text-decoration:none;
							 text-align:center;
							}
							
							.sidebar a {
							      display: inline-block;     
								  color: black;  
								  border-bottom: 1.5px solid blue;
								  text-align :center;
								  line-height: 1.130; 
								  font-size: 1.4em;
								 	}
				
				
				
				



				
				
				
				  .nav-container{
							width:85%;
							display:grid;
							grid-template-columns:2.5fr 1fr;
							gap:2rem;
							background-color:eeeeee;
							margin:auto;
							}
							
								.nav-sidebox .nav-sideboxlist {
							width:100%;
					          height:3.2rem;
							Background: #dddddd; 
							font-size:1.6rem;
							text-align:left;
							padding-left:.5rem;
							padding-top:.5rem; 
							border-bottom:.5px solid black;
							color:green;
						}		  




				
				
				border-top:1rem solid rgba(0,0,0,.2);
				
				
						  .nav-container{
							display:grid;
							grid-template-columns:2.5fr 1fr;
							gap:1.5rem;
							background-color:eeeeee;
						}

						 .nav-container .nav-post-container .navpost{
							width:100%;
							padding:2rem;
							background-color:white;
							
							border-radius:.5rem;
							
						}

						.title{
							font-size: 2.3rem;
							padding-top:1rem;
							
						}

						.navpost p{
							background-color: #F6F6F6;
							font-size:1.6rem;
							padding-top:1rem;
							padding-bottom:1rem;
							padding-left:1rem;
						}

						   .nav-container .nav-post-container .navpost .image{
							height:25rem;
							width:100%;
							border-radius:.5rem;
							object-fit:cover;
						}

							  .nav-container .nav-post-container .navpost .text{
							color: black;
							font-size:1.6rem;
							line-height:1.7;
							padding:1rem 0;
						}



			  .nav-container .nav-post-container .links .user{
	             margin-right:auto;
					}

				  .nav-container .nav-post-container .links .icon{
	            padding-right:1rem;
							}

					  .nav-container .nav-post-container .links a{
			font-size:1.5rem;
			color: white;
								}

					  .nav-container .nav-post-container .links a i{
			padding-right:2rem;
			color: black;
							}
  
				  .nav-container .nav-post-container .links a:hover{
			color: orange;
				}
	
				  .nav-container .nav-post-container .links a:hover i{
			color: orange;
				}
				
				.nav-container .nav-sidebar .nav-box {
					border-radius:.5rem;
					overflow:hidden;
					background-color:white;
					margin-bottom:1.5rem;
				}
				
				
				.nav-container .nav-sidebar .nav-box .title {
					padding:1.5rem;
					font-size:2rem;
					color:white;
					background-color:black;
					text-transform:capitalize;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about {
					text-align:center;
					padding: 1rem 1.5rem;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about img{
					
					width: 100%;
					
					height: 20rem;
					
					
					object-fit:cover;
					margin-top:.6rem;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about h3{
					color:white;
					font-size:2rem;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about p{
					color:green;
					font-size:1.5rem;
					line-height:1.5;
					padding-top:1rem;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about .follow{
					
					padding:1rem 0;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about .follow a{
					height:4rem;
					line-height:4rem;
					width:4rem;
					border-radius:50%;
					background-color:black;
					color:white;
					font-size:1.7rem;
					margin:0 .1rem;
				}
				
				.nav-container .nav-sidebar .nav-box .nav-about .follow a:hover{
					background-color:orange;
				}
				
				
				.nav-innerlist{
					padding:1rem 1.5rem;
				}
				
				.nav-container .nav-sidebar  .nav-innerlist a{
					padding:.4rem 0;
					font-size:1.5rem;
					color:red;
					display:flex;
					align-items:center;
					justify-content:space-between;
					text-decoration:none;
					background-color: #F2F2F2;
				}
				
				.title2{
					background-color:black;
					color:blue;
					margin-top: -2px;
					}
					
				.nav-about p{
					color:green;
				}
				
				
	xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx			
				   .nav-container .nav-post-container .navpost .date{
							padding-top:2rem;
							font-size:1.5rem;
							color:orange;
						}
						
						
								 */
								
/* banner-nav-links section ends */	/* banner-nav-links section ends *//* banner-nav-links section ends */	/* banner-nav-links section ends */					
								
								
								
							                 .main {
										width:100%;
								      background: #f7f7f7; 
									   margin-bottom: 10px;
									   min-height: 900px;
									}
									
									.main h1{
										text-align:center;
									Background: #dcdcdc; 
									 padding:  12px;
									 font-size: 2.2em;
									 letter-spacing: 1.4px;
									}
									
										  .main {
										width:100%;
								      background: #f7f7f7; 
									   margin-bottom: 10px;
									   min-height: 900px;
									}
									
									.main h1{
										text-align:center;
									Background: #dcdcdc; 
									 padding:  12px;
									 font-size: 2.2em;
									 letter-spacing: 1.4px;
									}
									
									
									.main p{
									text-align: left;
									 background: #f7f7f7; 
									 font-size: 1.6em;
									padding-top: 10px;
									padding-left:   48px;
									padding-right:   40px;
									 }	
									
								
									
								
									
									
									
									
									
									/*font-size:18px;*/ 
								 
								 .flexbox{
									 background: #f7f7f7;
								 }
								 
							 
								 
						
								 
								.side {
									   background: #f7f7f7;
									   width:20%;
									 }
								 
								  @media(max-width: 599px){
									  .side{
										width:100%;
										text-align:center;
									}
									}
								 
								 
									
								 	
								 
								 
								 
								 
								 
								 
								 
								 
								.side ul {
									  background: white;
									 	}
									
																	
								  /* Sidebar links */
									.side a {
								  display: block;
								    color: black;
								   padding: 18px     0px;
								  text-decoration: none;
								  border: 1px solid blue;
								  text-align :center;
								 display: block;	
								 font-size: 1.4em;
								 border-top: none;
								}
								
								.side a.active {
									 display: block;
								 background: black;
								 color:white;
								   padding: 18px     0px;
								   font-size: 1.4em;	
								    border-top: .25px solid white;
									 border-bottom: none;
								   }
								
							
				        		/* Links on mouse-over */
							.side a:hover:not(.active) {
								 background-color: black;  
									color: white;
								  
								   border-bottom: none;
								   
								  
											           }								

									@media ( min-width : 600px ){
										.flexbox {
										display: -webkit-flex;
										display: flex;
										}				  
									}
									
								
									
									
									
									
									
									/*font-size:18px;*/ 
								 
								 .flexbox{
									 background: #f7f7f7;
								 }
								 
							 
								 
						
								 
								.side {
									   background: #f7f7f7;
									   width:20%;
									 }
								 
								  @media(max-width: 599px){
									  .side{
										width:100%;
										text-align:center;
									}
									}
								 
								 
									
								 	
								 
								 
								 
								 
								 
								 
								 
								 
								.side ul {
									  background: white;
									 	}
									
																	
								  /* Sidebar links */
									.side a {
								  display: block;
								    color: black;
								   padding: 18px     0px;
								  text-decoration: none;
								  border: 1px solid blue;
								  text-align :center;
								 display: block;	
								 font-size: 1.4em;
								 border-top: none;
								}
								
								.side a.active {
									 display: block;
								 background: black;
								 color:white;
								   padding: 18px     0px;
								   font-size: 1.4em;	
								    border-top: .25px solid white;
									 border-bottom: none;
								   }
								
							
				        		/* Links on mouse-over */
							.side a:hover:not(.active) {
								 background-color: black;  
									color: white;
								  border-top: none;
								   border-bottom: none;
											           }								

									@media ( min-width : 600px ){
										.flexbox {
										display: -webkit-flex;
										display: flex;
										}				  
									}	







	 .blog-container  {
					 margin-top:1.7rem;
						  justify-content:center;
						display:grid;
						grid-template-columns:.60fr .20fr;
						gap: 5rem;
						background-color: #ffffff;
					}
						
				.blog-container .blog-post-container .blog-post{
					width:100%;
					padding:1rem;
					background-color:white;
					border: .5rem solid rgba(0,0,0,.1);
					border-radius:.5rem;
					margin-bottom:1.5rem;
					}
					
				.blog-container .blog-post-container .blog-post .blog-image{
				 height:40rem;
				width:100%;
				border-radius:.5rem;
				object-fit:cover;
				}
					
			   .blog-container .blog-post-container .blog-post .blog-date{
					padding-top: .5rem;
					font-size:1.5rem;
					color:black;
					font-weight:600;
					}
					
		       .blog-container .blog-post-container .blog-post .blog-title{
				padding-top:1.5rem;
				font-size:2.5rem;
				color:black;
				}
					
			   .blog-container .blog-post-container .blog-post .blog-text{
				color: black;
				font-size:1.6rem;
				padding:1rem 0;
					}
					
			   .blog-container .blog-post-container .blog-links{
				
				margin-top:.5rem;
				padding-top:1.5rem;
				display:flex;
				align-items:center;
				}
					
			   .blog-container .blog-post-container .blog-links .blog-user{
				margin-right:auto;
					}	

				.blog-container .blog-post-container .blog-links .blog-icons{
				padding-right:1rem;
				
				
				
				}		
					
				.blog-container .blog-post-container .blog-links  a{
				font-size:1.5rem;
				color:blue;
				text-decoration:none;
				}	
				
				.blog-container .blog-post-container .blog-links a i{
				padding-right:.2rem;
				color:black;
				}
				
				.blog-container .blog-post-container .blog-links a:hover{
				color:black;
				}
				
					.blog-container .blog-post-container .blog-links a:hover i{
				color:black;
				}
				
				
				
				
				
				
				
				.blog-container .blog-sidebar .blog-box{
					border: .5rem solid rgba(0,0,0,.1);
					border-radius:.5rem;
					overflow:hidden;
					background-color:white;
					margin-bottom:1.5rem;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-title{
					padding:1.5rem;
					font-size:2rem;
					color:white;
					background-color:#333333;
					text-transform:capitalize;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-about{
					text-align:center;
					padding: 1rem 1.5rem;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-about img{
					height:12rem;
					width:12rem;
					border-radius:50%;
					object-fit:cover;
					margin: 1rem 0;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-about h3{
					color:black;
					font-size:2rem;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-about p{
					color:black;
					font-size:1.5rem;
					padding:0;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-about .blog-follow{
					padding:1rem 0;
					text-decoration:none;
				}
				
				.blog-container .blog-sidebar .blog-box .blog-about .blog-follow a{
					height:4rem;
					line-height:4rem;
					width:4rem;
					border-radius:50%;
					background-color:black;
					color:white;
					font-size:2.2rem;
					margin: 0 .1rem;
					text-decoration:none;
					text-decoration:none;
				}
				
					.blog-container .blog-sidebar .blog-box .blog-about .blog-follow a:hover{
				
					text-decoration:none;
				}
				
					.blog-container .blog-sidebar .blog-box .blog-category{
					padding:1rem 1.5rem;
					text-decoration:none;
					line-height:1.7;
					
					
				}
				
					.blog-container .blog-sidebar .blog-box .blog-category a{
					padding:.4rem 0;
					font-size:1.5rem;
					color:black;
					display:flex;
					align-items:center;
					justify-content:space-between;
					text-decoration:none;
					border-bottom:1px solid black;
				}
				
					.blog-container .blog-sidebar .blog-box .blog-category a span{
					background-color:#777777;
					color:white;
					border-radius:.5rem;
					padding: .5rem;
					text-decoration:none;
				}
				
					.blog-blog-container .blog-blog-sidebar .blog-blog-box .blog-category a:hover{
					color:blue;
				
				}
				
					.blog-container .blog-sidebar .blog-box .blog-category a:hover span{
					background-color:blue;
					color:white;
					text-decoration:none;
				}
				
				
				
				
				
					.blog-container .blog-sidebar .blog-box .blog-p-post{
					
					text-decoration:none;
					text-align:center;
				}
				
						.blog-container .blog-sidebar .blog-box .blog-p-post a{
				padding:0 auto;
				
					display:block;
					text-decoration:none;
					border-bottom:1px solid black;
				}
				
						.blog-container .blog-sidebar .blog-box .blog-p-post a h3{
					color:black;
					font-size:1.8rem;
					padding-top:.8rem;
					text-decoration:none;
				}
				
						.blog-container .blog-sidebar .blog-box .blog-p-post a span{
					color:white;
					font-size:1.5rem;
					text-decoration:none;
				}
				
					.blog-container .blog-sidebar .blog-box .blog-p-post a span i{
					padding-right:.2rem;
					text-decoration:none;
				}
				
					.blog-container .blog-sidebar .blog-box .blog-p-post a:hover h3{
					
					text-decoration:none;
				}
				
							
									
							
							
								
							
								
							
							 .blog-container  {
					 margin-top:1.7rem;
						  justify-content:center;
						display:grid;
						grid-template-columns:.60fr .20fr;
						gap: 5rem;
						background-color: #ffffff;
					}
	
	
					 @media only screen and (max-width: 1420px)  { 
							 .blog-container{ 
							
							grid-template-columns:.65fr .30fr;
							gap: 4rem;
							
								 } }	
								 
						 @media only screen and (max-width: 1210px)  { 
							 .blog-container{ 
							
							grid-template-columns:.70fr .35fr;
							gap: 3rem;
							
								 } }	

						 @media only screen and (max-width: 1000px)  { 
							 .blog-container{ 
							
							grid-template-columns:.75fr .35fr;
							gap: 2rem;
							
								 } }	

							 @media only screen and (max-width: 780px)  { 
							 .blog-container{ 
							
							grid-template-columns:.80fr .50fr;
							gap: 0;
							
								 } }		 
								 		 		 
				 @media only screen and (max-width: 570px)  { 
							 .blog-container{ 
							
							grid-template-columns:.80fr .50fr;
							gap: 0;
							background-color:green;
								 } }	

								 	 @media only screen and (max-width: 580px)  { 
							 .blog-container{ 
							grid-template-columns: 1fr;
							gap: 0;
							} }