/* custom css */
@media (max-width:564px) {
}
@media (min-width:564px) {
}
@media (max-width:376px) {
}
@media (max-width: 749px) {
	    .banner__media {
        height: 34rem;
    }
}
@media only screen and (min-width: 749px) {
}   
@media only screen and (max-width: 749px) {
}
/* Custom width classes to mimic Tailwind responsive syntax */
/* Default (mobile) */
.w-\[92px\]{
  width: 92px;
}
.plant-rich {
    padding: 0;
}
.justify-around {
	justify-content: space-around;
}
.w-3-5 {
    width: 3.5rem;
}
.h-3-5 {
    height: 3.5rem;
}
/* Reverse order on mobile */
.reverse-grid > :first-child {
  order: 2;
}
.reverse-grid > :last-child {
  order: 1;
}
.according-button svg {
    width: 57px;
}
.mt-\[219px\] {
    margin-top: 219px;
}
.bg-\[\#f2ff69\] {
	background-color: #f2ff69;
}
.mobile {
	display: block;
}
.desktop {
	display: none;
}
.desktop-flex {
	display: none;
}
.mobile-grid {
	display: grid;
    grid-template-columns: repeat(2, 1fr);
}
/* why us */
.h3 {
  font-size: calc(18px + (24 - 18) * (100vw - 375px) / (1440 - 375));
}
.h1{
	font-size: 30px !important;
}
.font-24-15 {
    font-size: calc(15px + (22 - 15) * (100vw - 375px) / (1440 - 375));
}
/* new  */
.media>*:not(.zoom):not(.deferred-media__poster-button), .media model-viewer {
    display: block;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.media>img {
    object-fit: cover;
    object-position: center center;
    transition: opacity .4s cubic-bezier(.25,.46,.45,.94);
}
/* account */
.dash-link.active-dash {
    border-bottom: 2px solid #ff6200;
}
/* Small screens (≥640px) */
@media (min-width: 640px) {
.sm\:w-\[120px\] {
    width: 120px;
  }
}
/* Medium screens (≥768px) */
@media (min-width: 768px) {
 .md\:w-\[150px\] {
    width: 150px;
  }
  .mobile {
		display: none;
	}
	.desktop {
		display: block;
	}
	.desktop-flex {
		display: flex;
	}
    .mobile-grid {
		display: none;
	}
  .plant-rich {
		padding: 4rem;
	}
	 .reverse-grid > :first-child {
    order: 1;
  }
  .reverse-grid > :last-child {
    order: 2;
  }
}
/* Large screens (≥1024px) */
@media (min-width: 1024px) {
 .lg\:w-\[167px\] {
    width: 167px;
  }
  .mobile {
	display: none;
	}
    .mobile-grid {
		display: none;
	}
	.desktop {
		display: block;
	}
	.desktop-flex {
		display: flex;
	}
  .plant-rich {
		padding: 4rem;
	}
	.h1{
		font-size: 40px !important;
	}
}