/* ================================================================================= =========================== banner-section start ===================================== ==================================================================================== */ .banner-section .home-banner-slider .banner-slide{position: relative;} .banner-section .home-banner-slider .banner-slide .banner-slide-img img{aspect-ratio: 1920/785;width: 100%;height: 100%;object-fit: cover;object-position: center;} .banner-section .home-banner-slider .banner-slide .banner-slide-desc{position: absolute;top: 0;left: 0;height: 100%;width: 100%;display: flex;align-items: center;} .banner-section .home-banner-slider .banner-slide .banner-slide-desc .inner-banner-slide-desc{max-width: 420px;} /* for dots */ .banner-section .slick-dots{bottom: 100px;} /* ================================================================================= =========================== house-of-fangs-section start ===================================== ==================================================================================== */ .house-of-fangs-section .fangs-desc-box{max-width: 1247px;margin-inline: auto;border: 1px solid var(--primary);border-radius: 12px;padding: 24px;} .house-of-fangs-section .fangs-desc-box ul{max-width: 502px;margin-inline: auto;} .house-of-fangs-section .fangs-desc-box ul li{list-style: disc;margin-left: 20px;} .house-of-fangs-section .heading-style-1.mt-xxl{max-width: 1077px;margin-inline: auto;text-align: center;} .house-of-fangs-section .heading-style-1.mt-xxl span{color: var(--primary);} /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card{cursor: pointer;position: relative;overflow: hidden;} .categories-section .categories-card img{aspect-ratio: 770/549;width: 100%;height: 100%;object-fit: cover;object-position: center;} .categories-section .categories-card .categories-card-desc{background-color: var(--primary);padding: 24px;display: flex;flex-direction: column;justify-content: space-between;position: absolute;top: 0;width: 100%;height: 100%;transition: all ease-in 0.3s;} .categories-section .categories-card .categories-card-desc .mt-l{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden;} .categories-section .categories-card .categories-card-desc .heading-style-2{font-family: var(--secondary-font);} .categories-section .inner-categories-section .card-wrapper:nth-child(odd) .categories-card .categories-card-desc{left: -100%;} .categories-section .inner-categories-section .card-wrapper:nth-child(odd) .categories-card:hover .categories-card-desc{left: 0%;} .categories-section .inner-categories-section .card-wrapper:nth-child(even) .categories-card .categories-card-desc{right: -100%;} .categories-section .inner-categories-section .card-wrapper:nth-child(even) .categories-card:hover .categories-card-desc{right: 0%;} /* ================================================================================= =========================== location-section start ===================================== ==================================================================================== */ .location-section .inner-location-section{max-width: 1243px;margin-inline: auto;border: 1px solid var(--primary);border-radius: 12px;padding: 24px;text-align: center;} /* ================================================================================= =========================== responsive start ======================================= ==================================================================================== */ @media (max-width:1699px) { /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card .categories-card-desc{padding: 18px;} .categories-section .categories-card .categories-card-desc .heading-style-1{font-size: 48px !important;line-height: 54px !important;} .categories-section .categories-card .categories-card-desc .mt-l{margin-top: 10px;font-size: 20px;line-height: 24px;} } @media (max-width:1399px) { /* ================================================================================= =========================== banner-section start ===================================== ==================================================================================== */ .banner-section .slick-dots{bottom: 80px;} .banner-section .home-banner-slider .banner-slide .banner-slide-img img { aspect-ratio: 1920 / 900;} /* ================================================================================= =========================== house-of-fangs-section start ===================================== ==================================================================================== */ .house-of-fangs-section .fangs-desc-box{padding: 22px;} /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card .categories-card-desc{padding: 14px;} .categories-section .categories-card img{aspect-ratio: 770/600;} .categories-section .categories-card .categories-card-desc .heading-style-1{font-size: 40px !important;line-height: 48px !important;} /* ================================================================================= =========================== location-section start ===================================== ==================================================================================== */ .location-section .inner-location-section{padding: 20px;} } @media (max-width:1199px) { /* ================================================================================= =========================== banner-section start ===================================== ==================================================================================== */ .banner-section .slick-dots{bottom: 60px;} .banner-section .home-banner-slider .banner-slide .banner-slide-img img { aspect-ratio: 1920 / 1140;} /* ================================================================================= =========================== house-of-fangs-section start ===================================== ==================================================================================== */ .house-of-fangs-section .fangs-desc-box{padding: 18px;} /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card .categories-card-desc{padding: 10px;} .categories-section .categories-card .categories-card-desc .heading-style-1{font-size: 32px !important;line-height: 40px !important;} .categories-section .categories-card .categories-card-desc .mt-l{margin-top: 8px;font-size: 16px;line-height: 20px;} .categories-section .categories-card .categories-card-desc .heading-style-2{font-size: 32px;line-height: 40px;} /* ================================================================================= =========================== location-section start ===================================== ==================================================================================== */ .location-section .inner-location-section{padding: 16px;} } @media (max-width:991px) { /* ================================================================================= =========================== banner-section start ===================================== ==================================================================================== */ .banner-section .slick-dots{bottom: 40px;} .banner-section .home-banner-slider .banner-slide .banner-slide-img img{aspect-ratio: 1920/1200;} /* ================================================================================= =========================== house-of-fangs-section start ===================================== ==================================================================================== */ .house-of-fangs-section .fangs-desc-box{padding: 16px;} /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card img{aspect-ratio: 700/340;} /* ================================================================================= =========================== location-section start ===================================== ==================================================================================== */ .location-section .inner-location-section{padding: 14px;} } @media (max-width:767px) { /* ================================================================================= =========================== banner-section start ===================================== ==================================================================================== */ .banner-section .slick-dots{bottom: 20px;} .banner-section .home-banner-slider .banner-slide .banner-slide-img img{aspect-ratio: 1920/1500;} /* ================================================================================= =========================== house-of-fangs-section start ===================================== ==================================================================================== */ .house-of-fangs-section .fangs-desc-box{padding: 14px;} /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card img{aspect-ratio: 700/450;} /* ================================================================================= =========================== location-section start ===================================== ==================================================================================== */ .location-section .inner-location-section{padding: 12px;} } @media (max-width:575px) { /* ================================================================================= =========================== banner-section start ===================================== ==================================================================================== */ .banner-section .slick-dots{bottom: 12px;} .banner-section .home-banner-slider .banner-slide .banner-slide-img img{aspect-ratio: 1/1.2;} /* ================================================================================= =========================== house-of-fangs-section start ===================================== ==================================================================================== */ .house-of-fangs-section .fangs-desc-box{padding: 12px;} /* ================================================================================= =========================== categories-section start ===================================== ==================================================================================== */ .categories-section .categories-card .categories-card-desc .heading-style-1{font-size: 24px !important;line-height: 28px !important;} .categories-section .categories-card .categories-card-desc .mt-l {margin-top: 6px;font-size: 12px;line-height: 16px;} .categories-section .categories-card img{aspect-ratio: 700/540;} .categories-section .categories-card .categories-card-desc .heading-style-2{font-size: 24px;line-height: 28px;} }