@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:Helvetica,sans-serif}body,html{height:100%}.product-purple{color:#53348b}.max-width{@apply max-w-[1440px] mx-auto}.padding-x{@apply sm:px-16 px-6}.padding-y{@apply py-4}.flex-center{@apply flex items-center justify-center}.flex-between{@apply flex justify-between items-center}.custom-btn{@apply flex flex-row relative justify-center items-center py-3 px-6 outline-none}footer,header{background-color:mintcream}.hero{@apply flex pt-20 gap-5 relative z-0 max-w-[1440px] mx-auto}.hero div{background-color:aliceblue}.hero__title{@apply 2xl:text-[80px] sm:text-[72px] text-[58px] font-extrabold}.hero__title__secondary{@apply 2xl:text-[60px] sm:text-[52px] text-[38px] font-extrabold}.hero__subtitle{@apply text-[27px] text-black-100 font-light mt-5}.hero__image-container{@apply xl:flex-[1.5] flex justify-end items-end w-full xl:h-screen}.hero__image{@apply relative xl:w-full w-[90%] xl:h-full h-[590px] z-0}.hero__image-overlay{@apply absolute xl:-top-24 xl:-right-1/2 -right-1/4 bg-hero-bg bg-repeat-round -z-10 w-full xl:h-screen h-[590px] overflow-hidden}.home__text-container{@apply flex flex-col items-start justify-start gap-y-2.5 text-black-100}.home__filters{@apply mt-12 w-full flex-between items-center flex-wrap gap-5}.home__filter-container{@apply flex justify-start flex-wrap items-center gap-2}.home__cars-wrapper{@apply grid 2xl:grid-cols-4 xl:grid-cols-3 md:grid-cols-2 grid-cols-1 w-full gap-8 pt-14}.home__error-container{@apply mt-16 flex justify-center items-center flex-col gap-2}.car-card{@apply flex flex-col p-6 justify-center items-start text-black-100 bg-primary-blue-100 hover:bg-white hover:shadow-md rounded-3xl}.car-card__content{@apply w-full flex justify-between items-start gap-2}.car-card__content-title{@apply text-[22px] leading-[26px] font-bold capitalize}.car-card__price{@apply flex mt-6 text-[32px] leading-[38px] font-extrabold}.car-card__price-dollar{@apply self-start text-[14px] leading-[17px] font-semibold}.car-card__price-day{@apply self-end text-[14px] leading-[17px] font-medium}.car-card__image{@apply relative w-full h-40 my-3 object-contain}.car-card__icon-container{@apply flex group-hover:invisible w-full justify-between text-grey}.car-card__icon{@apply flex flex-col justify-center items-center gap-2}.car-card__icon-text{@apply text-[14px] leading-[17px]}.car-card__btn-container{@apply hidden group-hover:flex absolute bottom-0 w-full z-10}.car-details__dialog-panel{@apply relative w-full max-w-lg max-h-[90vh] overflow-y-auto transform rounded-2xl bg-white p-6 text-left shadow-xl transition-all flex flex-col gap-5}.car-details__close-btn{@apply absolute top-2 right-2 z-10 w-fit p-2 bg-primary-blue-100 rounded-full}.car-details__main-image{@apply relative w-full h-40 bg-pattern bg-cover bg-center rounded-lg}.custom-filter__btn{@apply relative w-full min-w-[127px] flex justify-between items-center cursor-default rounded-lg bg-white py-2 px-3 text-left shadow-md sm:text-sm border}.custom-filter__options{@apply absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm}.footer{@apply flex flex-col text-black-100  mt-5 border-t border-gray-100}.footer__rights{@apply flex flex-col justify-start items-start gap-6}.footer__link{@apply flex flex-col gap-6 text-base min-w-[170px]}.footer__copyrights{@apply flex justify-between items-center flex-wrap mt-10 border-t border-gray-100 sm:px-16 px-6 py-10}.search-manufacturer__options{@apply absolute mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm}.search-manufacturer__option{@apply cursor-default select-none py-2 pl-10 pr-4}