.jewelleryBannerSection{width:100%;height:100vh;background-color:#1a1a1a;display:flex;justify-content:center;align-items:flex-end;flex-direction:row;gap:0;position:sticky;top:0;z-index:0;overflow:hidden}.jewelleryBannerSection .bannerBg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}.jewelleryBannerSection:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,rgba(0,0,0,.15) 75%,rgba(0,0,0,.75))}.jewelleryBannerSection .bannerContent{z-index:2;max-width:1400px;width:100%;padding:48px 60px;display:flex;justify-content:space-between;align-items:center;flex-direction:row;gap:20px;flex-wrap:wrap}.jewelleryBannerSection .bannerContent .heading{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;gap:6px}.jewelleryBannerSection .bannerContent .heading h2{font-family:var(--font-academico);font-size:46px;font-weight:400;line-height:64px;color:#fff}.jewelleryBannerSection .bannerContent p{font-size:16px;font-weight:500;line-height:24px;color:#fff;max-width:426px}@media screen and (max-width:1199px){.jewelleryBannerSection{aspect-ratio:unset;height:600px}}@media screen and (max-width:1024px){.jewelleryBannerSection .bannerContent{padding:20px 40px}}@media screen and (max-width:767px){.jewelleryBannerSection .bannerContent{padding:20px 20px 40px}.jewelleryBannerSection .bannerContent .heading h2{font-size:28px;line-height:36px}.jewelleryBannerSection .bannerContent p{font-size:14px;line-height:20px}}