/* ==================== [ Hero Banner Main Block ] ==================== */
.hero-banner-main-block { position: relative; }
.hero-banner-main-block .h-bnr-left-img { position: absolute !important; width: 55%; height: 100%; left: 0 !important; z-index: 2 !important; clip-path: polygon(0 0%, 100% 0, 83% 100%, 0% 100%); }
.hero-banner-main-block .h-bnr-right-img { position: absolute !important; width: 55%; height: 100%; right: 0 !important; z-index: 1 !important; }

.hero-banner-main-block .h-bnr-left-img img ,
.hero-banner-main-block .h-bnr-right-img img { height: 100%; width: 100%; object-fit: cover; object-position: center; }

.hero-banner-main-block .common-details { display: -webkit-box; line-clamp: 2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

@media (max-width: 767px) {
    .hero-banner-main-block .h-bnr-left-img { height: 55% !important; top: 0 !important; width: 100%; clip-path: polygon(0 0, 100% 0, 100% 100%, 0 88%); }
    .hero-banner-main-block .h-bnr-right-img { height: 55% !important; top: unset !important; bottom: 0 !important; width: 100%; }
}