*{
	margin: 0;
	padding: 0;
	font-family: 'Inter', sans-serif;
	list-style: none;
	text-decoration: none;
}
body{
	width: 100%;
	height: 1000px;
	overflow-x: hidden;
	background-color: #f8ECEC;
}
.header{
	display: flex;
	width: 100%;
	height: 5%;
	align-items: center;
	border: 3px solid #977070;
	position: static;
}
h1{
	min-width: 50%;
	font-size: 23px;
	font-weight: 600;
	padding-left: 2%;
}
.ft{
	padding-left: 14%;
}
.sd{
	padding-left: 5%;
}
.header a{
	white-space: nowrap;
	margin-left: 0.3%;
	color: black;
	font-weight: 500;
	font-size: 19px;
	background: rgba(218, 203, 203, 1);
	cursor: pointer;
	border-radius: 20px;
	padding: 8px 15px;
}
.header a:hover{
	background: rgba(0, 0, 0, 0.4);
	color: black;
	cursor: pointer;
	transition: 0.3s;
}
.block2{
	position: static;
	width: 100%;
	margin-left: 155px;
	display: flex;
	align-items: center;
	margin-top: 80px;
	position: static;
}
.logo{
	cursor: pointer;
}
#search{
	min-width: 650px;
	height:62px;
	background: rgba(251, 220, 192, 1);
	display: flex;
	align-items: center;
	border-radius: 30px;
	margin-left: 260px;
}
.lupa{
	padding-left: 2%;
}
#search{
	color: grey;
	cursor: text;
}
input{
	background-color: rgba(251, 220, 192, 1);
}
#cal{
	margin-left: 80px;
	cursor: pointer;
	padding: 18px 30px;
	color: black;
	font-weight: 600;
	font-size: 18px;
	border-radius: 20px;
	background: rgba(251, 220, 192, 1);
}
#cal:hover{
	background-color: rgba(0, 0, 0, 0.4);
	transition: 0.3s;
	cursor: pointer;
}
.block3{
	margin-left: 2.5%;
	display: flex;
	margin-top: 75px;
	margin-left: 35px;
	position: static;
}
.menu{
	text-align: center;
	width:320px;
	background: rgba(238, 227, 227, 1);
	border-radius: 30px;
	z-index:100;
	position: static;
}
.menu a{
	white-space: nowrap;
}
h2{
	padding-top: 5%;
	font-size: 36px;
	font-weight: 300;
}
li{
	padding-top: 30px;
}
.pf{
	background-color: rgba(251, 220, 192, 1);
	color: black;
	font-weight: 500;
	font-size: 22px;
	cursor: pointer;
	border-radius: 20px;
	color: black ;
	padding: 8px 15px;
}
.pf:hover{
	background-color: rgba(0, 0, 0, 0.4);
	transition: 0.3s;
}
.no{
	background-color: rgba(218, 203, 203, 0.6);
	color: black;
	font-weight: 500;
	font-size: 22px;
	cursor: pointer;
	border-radius: 20px;
	color: black ;
	padding: 8px 15px;
}
.no:hover{
	background-color: rgba(0, 0, 0, 0.4);
	color: black;
	cursor: pointer;
	transition: 0.3s;
}
.carousel-wrapper {
	position: absolute;
	width: 950px;
	margin-left: 400px;
}
.carousel-wrapper * {
	box-sizing: border-box;
}
.carousel {
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.carousel__photo {
	opacity: 0;
	position: absolute;
	top:0;
	width: 950px;
	margin: auto;
	padding: 1rem 4rem;
	z-index: 100;
	transition: transform .5s, opacity .5s, z-index .5s;
}
.carousel__photo.initial,
.carousel__photo.active {
	opacity: 1;
	position: relative;
	z-index: 900;
}

.carousel__photo.prev,
.carousel__photo.next {
	z-index: 800;
}

.carousel__photo.prev {
	transform: translateX(-100%);
}

.carousel__photo.next {
	transform: translateX(100%);
}
.carousel__button--prev,
.carousel__button--next {
	position: absolute;
	top:50%;
	width: 3rem;
	height: 3rem;
	transform: translateY(-50%);

	cursor: pointer; 
	z-index: 1001;
}

.carousel__button--prev {
	left:0;
}

.carousel__button--next {
	right:0;
}

.carousel__button--prev::after,
.carousel__button--next::after {
	content: " ";
	position: absolute;
	width: 37px;
	height: 37px;
	top: 50%;
	left: 54%;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	transform: translate(-50%, -50%) rotate(135deg);
}

.carousel__button--next::after {
	left: 47%;
	transform: translate(-50%, -50%) rotate(-45deg);
}
.buy{
	height: 50px;
	background: rgba(251, 220, 192, 1);
	border-radius: 20px;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	cursor: pointer;
	margin-top: 490px;
	margin-left: 145px;
	padding: 7px 14px;
}
.buy a{
	color: black;
}
.buy:hover{
	background-color: rgba(0, 0, 0, 0.4);
	transition: 0.3s;
}
.footer{
	display: flex;
	align-items: center;
	margin-top: 100px;
	width: 100%;
	height: 200px;
	background: rgba(238, 227, 227, 1);
	text-align: center;
	font-size: 18px;
	font-weight: 200;
	justify-content: center;
}
.footer a{
	white-space: nowrap;
	color: black;
	margin-right: 22px;
	text-align: center;
}
.footer a:hover{
	color: black;
	cursor: pointer;
	border-bottom: 1px dashed black;
}