@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');


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

a {
	text-decoration: none;
}

body {
	font-family: 'Nunito', sans-serif;
}

.page-wrapper {
	width: 100%;
	max-width: 1366px;
	margin: auto;
	position: relative;

}

header {
	

}


/* NAVBAR */

header {
	width: 100%;
	max-width: 1366px;
	margin: auto;
	position: relative;
	height: 66px;
	background-color: rgba(15, 100, 4, 0.7);
	backdrop-filter: blur(2px);
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 88888;
  }
  
  header * {
	color: white;
	
  }
  
  header .logo {
	float: left;
	height: inherit;
	padding-left: 10px;
  }
  
  header .logo-text {
	font-family: 'Forte', 'Marck Script',sans-serif, cursive;
	font-weight: 400;
	margin-top: 20px;

	
  }
  
  header .logo-text span {
	color: rgb(76, 245, 76);
	font-family: 'Forte', 'Marck Script',sans-serif, cursive;
	
  }
  
  header ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
  }
  
  header ul li{
	float: left;
	position: relative;
  }
  
  .nav{
   height: 66px;
  }
  
  .nav.showing {
	height: auto;
  }
  
  header ul li a:hover {
	background-color: rgba(12, 83, 3, 0.575);
	backdrop-filter: blur(1px);
	transition: 0.3s;
	height: 66px;
  }
  
  header ul li ul {
	position: absolute;
	top: 66px;
	right: 0px;
	width: 100%;
	display: none;
	z-index: 88888;
  }
  
  header ul li:hover ul {
	display: block;
  }
  
  header ul li ul li {
	width: 100%;
  }
  
  header ul li ul li a {
	padding: 10px;
	height: inherit;
	background: white;
	color: #474646
  }
  
  header ul li ul li a.logout {
	color: #e60505;
  }
  
  header ul li ul li a:hover {
	background: #d8d6d6;
	width: inherit;
	height: inherit;
  }
  
  header ul li a {
	display: block;
	padding: 21px;
	font-size: 1.1em;
	text-decoration: none;
  }
  
  header .menu-toggle {
	display: none;
  }


  .nav.showing li a:hover {
	background-color: rgba(12, 97, 1, 0.445);
	backdrop-filter: blur(2px);
  }



  /* HERO IMAGE */

.container-1 {
	width: 100%;
	min-height: 580px;
	background-image: url("https://i.ibb.co/KybXM66/banner.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom-right-radius: 40%;
}

.box-1 {
	max-width: 400px;
	height: auto;
	padding: 20px;
	border-radius: 20px;
	font-size: 25px;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0px 0px 8px -1px black;
	backdrop-filter: blur(2px);
  transform: translate(0px, 270px);  
	margin: auto;
}
.box-1 h2{
	margin-bottom: 10px;
}

.box-1 span{
	color: green;
}

.box-1 h1, span{
	font-family: 'Forte', 'Marck Script',sans-serif, cursive;
	font-weight: 400;

}

.box-1 p{
	padding-top: 12px;
	letter-spacing: 10px;
	font-family: 'DM Serif Text', serif;
	font-weight: 400;

}

.container-2{
	text-align: center;
	width: 100%;
	align-content: center;
	
}

.container-2 .box-2{
	background: rgb(237, 255, 209);
	box-shadow: 0px 0px 8px -3px black;
	border-radius: 5px;
	font-family: 'Marck Script', sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: rgb(27, 105, 27);
	transform: translate(0px ,-35px);
	background-color: white;
	width: 300px;
	padding: 14px;
	margin: auto;
}


.container-3 { 
	background-color: #f1f1f1;
	border-top-left-radius: 20%;
	padding-bottom: 50px;
	width: 100%;
	overflow: scroll;   
}

.container-3 .boxes {
	display: flex;
	justify-content: center;
}

.container-3 .boxes .box-3{
	font-family: 'DM Serif Text', serif;
	font-weight: 400;
	max-width: 300px;
	padding: 10px;
	box-shadow: 1.5px 2px 8px -4px black;
	margin: 10px 20px;
	width: 100%;
	background: linear-gradient(180deg, white, white);
	background-size: cover;
	background-blend-mode: overlay;
	border-radius: 5px;
	transition: .4s;
}

.container-3 .boxes .box-3:hover {
	transition: .4s;
	transform: scale(1.1,1.1);
	transform: scale(108%);
}


.container-3 .boxes .box-3 a{
	text-decoration: none;
	
}

.container-3 .boxes .box-3 a h2{
color: white;
text-align: center;
margin-top: 200px;
}

.container-3 .boxes .box-3 a h5 {
	color: white;
	text-align: center;
	font-family: 'Nunito', serif;
}


.boxes .box-3.A {
	background-image: url("https://i.ibb.co/2MPHfrW/order-now.jpg"), linear-gradient(180deg, rgb(136, 136, 136) 50%, rgb(0, 0, 0));
}

.boxes .box-3.B {
	background-image: url("https://i.ibb.co/Msfxrqv/fast-delivery.jpg"), linear-gradient(180deg, rgb(136, 136, 136) 50%, rgb(0, 0, 0));
}

.boxes .box-3.C {
	background-image: url("https://i.ibb.co/GCvtDsx/for-vegans.jpg"), linear-gradient(180deg, rgb(136, 136, 136) 50%, rgb(0, 0, 0));
}


.container-4 {
	background-image: url("https://i.ibb.co/M8CyNNK/bgimage-1.jpg");
	width: 100%;
	height: auto;
	background-size: cover;
	background-attachment: fixed;
}

.container-4 .content {
	background: rgba(0, 0, 0, 0.514);
	letter-spacing: 1px;
	font-size: 1.2em;
	font-style: italic;
	color: white;
	width: 100%;
	height: 250px;
	padding: 50px;
	text-align: center;

}
.container-4 .content h1 {
	font-family: 'DM Serif Text', serif;
	font-weight: 400;
	padding-bottom: 10px ;
}
.container-4 .content h4 {
	font-family: 'DM Serif Text', serif;
	font-weight: 400;
	padding-bottom: 10px ;
}



/* POST SLIDER */
 .post-slider {
	width: 100%;
	height: auto;
	margin-top: -30px;
	position: relative;
	background: #f1f1f1;
	border: 1px solid #f1f1f1;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	

  }
  
  .post-slider .slider-title {
	text-align: center;
	margin: 25px auto;
	font-size: 27px;
	font-family: 'DM Serif Text', serif;
	font-weight: 400;

  }


  .post-slider .menu-select {
	  overflow: scroll;
	  width: 100%;
	  display: flex ;
	  justify-content: center;

  }

  .post-slider .menu-select .btn.select {
	  border-radius: 50px;
	  background: transparent;
	  border: 2px solid rgb(148, 147, 147);
	  color: rgb(148, 147, 147);
  }

  .post-slider .menu-select .btn.select:hover {
	border: 2px solid #724e27;
	color: #724e27;
  }
  
  .post-slider .next{
	position: absolute;
	top: 50%;
	right: 30px;
	font-size: 2em;
	color: gray;
	cursor: pointer;
  }
  
  .post-slider .prev{
	position: absolute;
	top: 50%;
	left: 30px;
	font-size: 2em;
	color: gray;
	cursor: pointer;
  }
  
  .post-slider .post-wrapper {
	width: 84%;
	height: auto;
	margin: 0px auto;
	overflow: hidden;
	padding: 10px 0px 40px 0px;
  }
  
  .post-slider .post-wrapper .post {
	display: inline-block;
	text-align: center;
	width: 200px;
	height: auto;
	margin: 0px 10px;
	background: white;
	border-radius: 10px;
	border: 3px solid rgb(148, 147, 147);
	
  }
  
  .post-slider .post-wrapper .post .post-info {
	height: auto;
	padding: 0px 5px;
  }
  
  .post-slider .post-wrapper .post .slider-img {
	width: 100%;
	height: 150px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	
  }
  
  .post-slider .post-wrapper .post .post-info h3 {
	color: #724e27;
	padding: 5px 0px;
  }

  .post-slider .post-wrapper .post .post-info h2 {
	  color: rgb(31, 88, 31);
  }


.btn {
	margin: 10px;
	float: center;
}

.post-slider .menu-select .btn.select.active {
	color: #aa3600;
	border: 2px solid #aa3600 ;

}

.post-slider .btn.menu{
	background: #724e27;
	border-radius: 50px;
	float: center;
}

.post-slider .btn.menu a{
	color: white;
}

.post-slider .btn.menu:hover{
	background: #583c1e;
}

.post-slider .btn.menu h3 {
	border-radius: 50px;
	color: white;
	
} 


.container-5 {
	width: 100%;
	height: auto;
	padding: 3% 20% 3% 20%;
	font-size: 1.2em;
	text-align: center;
	background-color: rgb(228, 235, 224);
	background-image: url("https://i.ibb.co/r0sXyyL/chef.jpg"), linear-gradient(180deg,  rgb(167, 167, 167) ,rgb(189, 189, 189) 70% );
	background-blend-mode: overlay;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: rgb(0, 0, 0);
}

.container-5 .content h2 {
	font-family: 'DM Serif Text', serif;
	font-weight: 400;
}

.container-6 {
	width: 100%;
	height: auto;
	padding: 30px;
	background: linear-gradient(45deg, #c0c0c0, #e5ebde);
}

.container-6 h1 {
	text-align: center;
	padding-bottom: 20px;

}

.container-6 .review {
	display: flex;
	text-align: center;
	scroll-snap-type: inline proximity;
}

.container-6 .review .post {
	background: rgb(255, 255, 255);
	padding: 10px;
	margin: 15px;
	border-radius: 30px;
	box-shadow: 1.5px 2px 8px -6px black;
}

.container-6 .review .post img {
	width: 120px;
	border-radius: 50%;
	background-color: #8b8b8b;
}
.container-6 .review .post p {
  font-size: 14px;
	line-height: -20px;
}




/* AUTH PAGES  LOGIN / SIGNUP */


.auth-content {
	width: 400px;
	min-width: 400px;
	margin: auto;
	margin-top: 50px;
	padding: 20px;
	border-radius: 5px;
	box-shadow: 0px 1px 5px -3px;
  }
.auth-content.register {
	margin-top: 70px;
}
  
  .auth-content .form-title {
	text-align: center;
	margin-bottom: 25px;
	color: #174b0d;
  }
  
  .auth-content form div {
	margin-bottom: 10px;
	
  }
  
  .auth-content form p {
	text-align: center;
  }
  
  .auth-content form a {
	text-decoration: underline;
  }

  .auth-content .btn{
	  background: #107210;
	  width: 90%;
	  cursor: pointer;
  }

	.auth-content .text-input {
		font-family: serif;
	}

  .auth-content .text-input:hover{
	  border: 1px solid #b0dbb0;
	  box-shadow:0px 0px 3px rgba(12, 97, 1, 0.445);

  }

  .auth-content .text-input:focus{
	border: 1px solid #8bbd8b;
	box-shadow:0px 0px 3px rgba(12, 97, 1, 0.445);
}

.fa.fa-user.login {
	font-size: 60px;
	color: #b3d1b0;
	margin-left: 44.3%;

	
}

  .fa.fa-envelope.auth-pages, .fa.fa-lock.auth-pages {
	  color: #8b8b8b;
	  margin-left: 90%;
	  transform: translate(0%, 225%);
  }



  

/* FOOTER */
.footer {
	background-color: rgb(12, 41, 9);
	color: #e0e0e0;
	height: 400px;
	position: relative;
  }
  
  .footer .footer-content {
	height: 350px;
	display: flex;
  }
  
  .footer .footer-content .footer-section {
	flex: 1;
	padding: 25px;
  }

  .footer h1 .logo-text {
		font-family: 'forte';
		font-weight: 100;
  }

  .footer .footer-content h1 {
    padding-bottom: 10px;
  }
  
  .footer .footer-content h1,
  .footer .footer-content h2 {
	color: white;
	
  }

  .footer .footer-content .about h1, span {
	font-family: 'Forte', 'Marck Script',sans-serif, cursive;
	font-weight: 400;
  }
   
  .footer .footer-content .about h1 span {
	color: #4eff4e;

	
  }
  
  .footer .footer-content .about .contact span {
	display: block;
	font-size: 1.1em;
	margin-bottom: 8px;
  }
  
  .footer .footer-content .about .socials a {
	color: grey;
	border: 1px solid grey;
	width: 45px;
	height: 41px;
	padding-top: 5px;
	margin-right: 5px;
	text-align: center;
	display: inline-block;
	font-size: 1.3em;
	border-radius: 5px;
	transition: all .3s;
  }
  
  .footer .footer-content .about .socials a:hover {
	border: 1px solid white;
	color: white;
	transition: all .3s;
  }
  
  .footer .footer-content .links ul a {
	color: rgb(141, 170, 137);
	display: block;
	margin-bottom:  10px;
	font-size: 1.2em;
	transition: .3s;
  }
  
  .footer .footer-content .links ul a:hover {
	color: white;
	margin-left: 15px;
	transition: .3s;
  }
  
  .footer .footer-content .contact-form .contact-input {
	background: rgb(3, 24, 0);
	color: #a09e9e;
	margin-bottom: 10px;
	line-height: 1.5rem;
	padding: .9rem 1.4rem;
	border: none;
  }
  
  .footer .footer-content .contact-form .contact-input:focus {
	background: rgb(2, 19, 0);
  }
  
  .footer .footer-content .contact-form .contact-btn {
	float: right;
	font-size: 1.1em;
	font-family: 'DM Serif Text', serif;
	font-weight: 400;
  }
  
  .footer .footer-bottom {
	background: rgb(2, 19, 0);
	color: #819e6e;
	width: 100%;
	height: 50px;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding-top: 20px;
  font-family: serif;
  }
  
  
  /* input msg */
  .text-input {
	padding: .7rem 1rem;
	display: block;
	width: 100%;
	border-radius: 5px;
	border: 1px solid #e0e0e0;
	outline: none;
	color: #444;
	line-height: 1.5rem;
	font-size: 1.2em;
	font-family: serif;
	font-weight: 400;
  }
  
  .msg {
	width: 100%;
	margin: 5px auto;
	padding: 8px;
	border-radius: 5px;
	list-style: none;
  }
  
  .btn {
	padding: .5rem 1rem;
	background-color: rgb(9, 78, 0);
	color: white;
	border: 1px solid transparent;
	border-radius: .25rem;
	font-size: 1.08em;
	font-family: 'DM Serif Text', serif;
	font-weight: 400;
  }
  
  .btn:hover {
	background: rgb(23, 100, 13);
	color: white ;
  }


	/* IE QUERIES */


	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {


	.container-5 .content {
		opacity: 2;
		color: rgb(0, 0, 0);
		background-color: rgba(255, 255, 255, 0.644);
		padding: 20px;
		border-radius: 30px;
	}
	.container-3 .boxes .box-3 {
		padding: 0;
	}
	.container-3 .boxes .box-3 a h2 {
		background:  -ms-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.816));
		padding-top: 200px;
		margin-top: 0;
		color: white;
		text-align: center;
		font-family: 'Nunito', serif;
		border-radius: 5px;
		padding-bottom: 30px;
		transform: translateY(9%);
	}
	
  .container-3 .boxes .box-3 a h5 {
		transform: translateY(-9%);
	}


	}
  
  /* MEDIA QUERIES */


  @media only screen and (max-width: 934px) {
	header {
	  height: 66px;
	}
	.content {
	  width: 100%;
	}
  
	.content .main-content .post {
	  width: 100%;
	}
	.content .main-content {
	  width: 100%;
	  padding: 10px;
	}
  
	.content .sidebar {
	  width: 100%;
	  padding: 10px;
	}
	.content .sidebar .section.search {
	  margin-top: 30px;
	}

	
  
	.footer {
	  height: auto;
	}
	
	.footer .footer-content {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1; 
	  height: auto;
	}

	.footer .footer-content .footer-section.contact-form:last-child {
		grid-column: 1 / span 2;
	}
  
	.footer .footer-content .contact-form {
	  padding-bottom: 90px;
	}
  
	/* AUTH PAGES */
  .auth-content {
	width: 400px;
	min-width: 400px;
  }
  
  .auth-content .form-title {
	text-align: center;
  }
  
  .auth-content form div {
	margin-bottom: 10px;
  }
  
  .auth-content form p {
	text-align: center;
  }
  
  .auth-content form a {
	text-decoration: underline;
  }

}
  
  
  
  @media only screen and (max-width: 900px) {
	header {
	  width: 100%;
	  height: 66px;
	}
  /* 934 */

  .container-1 {
	border-bottom-right-radius: 150px;
  }

  .container-2{
	height: 0px;
	width: 100%;
	
}

.container-2 .box-2{
	font-size: 1.4em;
	transform: translate(0px ,-50px);
	max-width: 60%;
	padding: 10px;
	margin: 40px auto;
}

.post-slider .menu-select {
	justify-content: start;
}
  
  
	.footer {
	  height: auto;
	}
  
	.footer .footer-content .contact-form {
	  padding-bottom: 90px;
	}
  
  }
  
  
  @media only screen and (max-width: 770px) {
  

  
	header ul {
	  width: 100%;
	  background-color: rgba(15, 100, 4, 0.7);
	  backdrop-filter: blur(8px);
	  max-height: 0px;
	  overflow: hidden;
	}
  
	.showing {
	  max-height: 100em;
	}
  
	header ul li {
	  width: 100%;
	}
  
  header ul li ul {
	position: static;
	display: block;
	width: 100%;
  }
  
  header ul li ul li a {
	padding: 10px;
	background-color: rgba(14, 122, 0, 0.527);
	color: white;
	padding-left: 50px;
  }
  
  header ul li ul li a:hover {
	background-color: rgb(11, 68, 3);
  }
  
  header ul li ul li a.logout {
	color: #e6aa05;
  }
  
  header .menu-toggle {
	display: block;
	position: absolute;
	right: 20px;
	top: 15px;
	font-size: 1.9em;
	cursor: pointer;
  }
  
  header .logo {
	float: left;
	height: inherit;
  }
  
  header .logo-text {
	margin-left: .4em;
  }

  .container-1 {
	border-bottom-right-radius: 70px;
  }

  .container-2{
	height: 0px;
	width: 100%;
	
}

.container-2 .box-2{
	font-size: 1.3em;
	transform: translate(0px ,-50px);
	max-width: 60%;
}


.post-slider .menu-select a{
	font-size: 1em;
}

.container-6 .review{
	display: flex;
	height: auto;
	overflow-x: scroll;
	padding-left: 35px;
	padding-right: 35px;

}

.container-6 .review .post {
	min-width: 200px;
}

.footer .footer-content {
	/* display: none; */
	-ms-grid-column: 1fr;
}


  
  }
  
  
  @media only screen and (max-width: 600px){
  
	header {
	  width: 100%;
	  height: 55px;
	  box-shadow: 0px 2px 4px -1px;
	  position: fixed;
	  top: 0;
	  z-index: 888;
	  font-size: 0.8em; 
	}

	.container-1 {
	  /* min-height: 50vh; */
		height: 400px;
	  border-bottom-right-radius: 60px;
	}

	.box-1 {
		width: 280px;
		padding: 12px;
		border-radius: 15px;
		font-size: 1.3em;
	  }
		.box-1 p {
			padding-top: 3px ;
		}

		.container-2 {
			padding: 0px;
		}
		.container-2 .box-2 {
			padding: 0px;
		}
		.container-2 .box-2 h4 {
			font-size: 1em;
			padding: 5px;
		}



	.post-slider .next {
		right: 5px;
	  }
	
	  .post-slider .prev {
		left: 5px;
	  }

		
		.container-3 .boxes .box-3:hover {
			transition: .4s;
			transform: scale(1,1);
			transform: scale(100%);
		}
		
		
		.container-3 .boxes .box-3 a h2{
		color: white;
		text-align: center;
		margin-top: 200px;
		font-size: 1.4em;
		}
		
		.container-3 .boxes .box-3 a h5 {
			color: white;
			text-align: center;
			font-family: 'Nunito', serif;
			font-size: 0.9em;
		}
		
		
		.boxes .box-3.A {
			background-image: url("https://i.ibb.co/2MPHfrW/order-now.jpg"), linear-gradient(180deg, rgb(99, 102, 95) 20%, rgba(0, 0, 0, 0.877));
		}
		
		.boxes .box-3.B {
			background-image: url("https://i.ibb.co/Msfxrqv/fast-delivery.jpg"), linear-gradient(180deg, rgb(99, 102, 95) 20%,  rgba(0, 0, 0, 0.877));
		}
		
		.boxes .box-3.C {
			background-image: url("https://i.ibb.co/GCvtDsx/for-vegans.jpg"), linear-gradient(180deg, rgb(99, 102, 95) 20%,  rgba(0, 0, 0, 0.877));
		}
		


	.container-3{
		border-top-left-radius: 0px;
		justify-content: center;
		padding-bottom: 7px;
	}
	.container-3 .boxes {
		height: auto;
		padding: 10px;
	}
	.container-3 .boxes .box-3 {
		max-width: 220px;
		height: 200px;
	  padding: 6px;
		padding-bottom: 30px;
		margin: 8px;
	}
	.container-3 .boxes .box-3 h2 {
		margin-top: 80px !important; 
		font-size: 1em ;
	}

	.container-4 .content {
		padding: 50px 50px 80px;
		height: auto;
	}


	.post-slider .slider-title{
		margin: 15px auto;
		padding: 10px;
	}
  .container-5 {
		padding: 0;
		height: auto;
	}
  .container-5 .content {
		padding: 50px 20px;
	}

	.post-slider .menu-select .btn.select a{
		padding: 5px;
		margin: 5px;
	}

	.container-6 .review {

		scroll-snap-type: inline mandatory;
	}
	.container-6 .review .post{
		scroll-snap-align: center;
	}

	.container-6 .review .post img {
		width: 100px;
	}

	.container-6 .review .post h3 {
		font-size: 1.1em;
	}

	

  }

  @media only screen and (max-width: 480px){


	.container-1 {
		min-height: 430px;
		border-bottom-right-radius: 0px;
	}

	.box-1 {
		width: 220px;
		font-size: 1em;
		transform: translate(0px, 200px);
		}


	.container-2{
		height: 0px;
		width: 100%;
		
	}
	
	.container-2 .box-2{
		transform: translate(0px ,-35px);
		margin: 5% 0% 0% 20%;
	}

	.container-2 .box-2 h4{
		line-height: 18px;
		
		
	}

	.container-3 {
		background-color: rgb(0, 0, 0);
	}
	.container-3 .boxes {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		padding: 10px;		
	}

	.container-3 .boxes .box-3 {
		justify-content: center;
		min-width: 100%;
		/* height: auto; */
	    padding: 0px;
		margin: 10px 0px;
	}
	.container-3 .boxes .box-3 h5 {
		font-size: 1.3em;
	}
	.container-3 .boxes .box-3 h2 {
		font-size: 1.7em;
	}




	.post-slider {
		width: 100%;
		height: auto;
		margin-top: -30px;
		position: relative;
		background: #f1f1f1;
		border: 1px solid #f1f1f1;
		border-top-left-radius: 30px;
		border-top-right-radius: 30px;
		
		}

	.post-slider .menu-select {
		justify-content: flex-start;
		font-size: 1em;
		padding: 5px 5px 8px 5px ;
	}

	.post-slider .post-wrapper {

		justify-content: center;
		width: 80%;
		max-height: 350px;
		margin: 0px auto;
		overflow: scroll;
		padding: 10px 0px 10px 0px;
	}

		.post-slider .post-wrapper .post .post-info {
		height: auto;
		padding: 5px;
	
		}

		.post-slider .post-wrapper .post .menu h3 {
			font-size: 1em;
			padding: 0px 0px 0px 0px ;

		}

		.post-slider .post-wrapper .post .post-info p{
			line-height: 16px;
		}

		.post-slider .post-wrapper .post .post-info a{
			border-radius: 0px;
			float: center;
		}
	
		.post-slider .post-wrapper .post .post-info h2 {
			color: rgb(31, 88, 31);
		}
	
	
	.btn {
		margin: 5px;
		float: center;
	}



	.container-4 {
		background-image: url("https://i.ibb.co/ypmksNr/bgimage-3.jpg");
		height: auto;
		background-attachment: local;

	}



	.post-slider{
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;

	}

	.post-slider .menu-select {
		padding-left: 0px;
		width: 100% !important;

	}

	.post-slider .menu-select .btn.select{
		margin-right: 0.5px !important;
		}

	.post-slider .post-wrapper {
		height: auto;
		padding-bottom: 20px;
	}

	.container-5  {
		padding: 3% 5% 3% 5%;
	}

	.container-6 h1 {
		padding-top: 20px;
	}


	.footer .footer-content {
		display: flex;
		flex-direction: column;
	}
	.auth-content {
		width: 90%;
	min-width: 300px;
	margin-top: 10px;
}
.fa.fa-user.login {
	font-size: 60px;
	margin-left: 44%;
}

  }

	
	@media only screen and (max-width: 375px){
		.fa.fa-user.login {
			font-size: 60px;
			margin-left: 42.8%;
		}
	}

  @media only screen and (max-width: 330px) {

	.container-6 {
		padding: 0px 10px 10px 10px;
	}
	
	.container-6 .review {
		grid-template-columns: 1fr 1fr ;
		grid-gap: 10px;
     
	}
	.fa.fa-user.login {
		font-size: 60px;
		margin-left: 42.1%;
	
		
	}


  }