/*-------GENERAL STYLES------*/
span {
    display: inline-block !important;
}
.cooking-card{
	background-color: white;
	border-radius: 23.959px;
	border: 0.998px solid rgba(0, 0, 0, 0.10);
}

/*------------HERO-----------*/
.hero h1{
	font-size: 40px;
	font-weight: 700;
	color: #000;
	line-height: 42px;
}
@media (min-width: 992px) {
	.hero h1{
		font-size: 61.211px;
		line-height: 67.332px; /* 67.332px */
		letter-spacing: -1.836px;
	}
	.hero p{
		color: rgba(0, 0, 0, 0.80);
		font-size: 20px;
		font-weight: 400;
		line-height: 33px;
		letter-spacing: -0.63px;
	}
}
.contact-input-group{
	display: flex;
	align-items: center;
	border-radius: 104.933px;
	border: 1.049px solid #EAEAEA;
	padding: 4px;
	max-width: 100%;
}
.contact-input-group input{
	flex-grow: 1;
	height: 50px;
	width: 100%;
	border: none;
	border-radius: 25px;
	padding: 15px;
	font-family: "Inter", sans-serif;
	font-size: 16px;
	color: var(--dark-grey);
}
.contact-input-group input:focus{
	outline: none !important;
}

/*----------PORTFOLIO---------*/
.slider-project{
	width: 100%;
	height: 500px;
	background-size: cover;
	display: flex;
	align-items: flex-end;
	justify-content: flex-start;
	padding: 25px;
	cursor: pointer;
}
.slider-project .title-tag{
	display: inline-block;
	background-color: whitesmoke;
	padding: 8px 15px;
	border-radius: 0;
	margin-bottom: 5px;
}

/*----------FOOTER---------*/
footer a{
	color: var(--tone-color);
	text-decoration: underline !important;
}
footer a:hover{
	color: var(--tone-color);
	text-decoration: underline !important;
}
.footer-padding-home{
	padding-top: 200px;
}
.footer-padding{
	padding-top: 80px;
}

/*----------FOOTER---------*/
.contact-form input, .contact-form textarea{
	height: 55px;
	border-radius: 8px;
	background-color: transparent;
	border: 0.998px solid rgba(0, 0, 0, 0.10);
}
.contact-form input::placeholder, .contact-form textarea::placeholder{
	color: #636363;
}
/*----------ANIMATIONS---------*/
.chart-object svg{
  cursor: pointer;
}
.chart-object{
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  cursor: pointer;
}
.chart-object:hover{
  -webkit-transform: scale(1.08);
  -ms-transform: scale(1.08);
  transform: scale(1.08);
}

.d-rotate {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.d-rotate .rotate-text {
  display: block;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
  -webkit-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  -webkit-transform: translate3d(0px, 50px, -50px) rotateX(-45deg) scale(0.95);
  transform: translate3d(0px, 50px, -50px) rotateX(-45deg) scale(0.95);
  opacity: 0;
  -webkit-transition-delay: .3s;
  -o-transition-delay: .3s;
  transition-delay: .3s;
}
.d-rotate.animate__animated .rotate-text {
  -webkit-transform: translate3d(0px, 0px, 0px) rotateX(0deg) scale(1);
  transform: translate3d(0px, 0px, 0px) rotateX(0deg) scale(1);
  opacity: 1;
}


.d-slideup .sideup-text {
  overflow: hidden;
  display: block;
}
.d-slideup .sideup-text:first-of-type .up-text {
  -webkit-transition-delay: .1s;
  -o-transition-delay: .1s;
  transition-delay: .1s;
}
.d-slideup .sideup-text:nth-of-type(2) .up-text {
  -webkit-transition-delay: .4s;
  -o-transition-delay: .4s;
  transition-delay: .4s;
}
.d-slideup .sideup-text:nth-of-type(3) .up-text {
  -webkit-transition-delay: .8s;
  -o-transition-delay: .8s;
  transition-delay: .8s;
}
.d-slideup .sideup-text:nth-of-type(4) .up-text {
  -webkit-transition-delay: 1.2s;
  -o-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.d-slideup .sideup-text:nth-of-type(5) .up-text {
  -webkit-transition-delay: 1.6s;
  -o-transition-delay: 1.6s;
  transition-delay: 1.6s;
}
.d-slideup .sideup-text .up-text {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .8s;
  -o-transition: all .8s;
  transition: all .8s;
}
.d-slideup.animate__animated .up-text {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}