.hero-banner-flex-area{display:flex;align-items:end;gap:100px}.hero-banner-container{max-width:1920px;width:100%;margin:0 auto}.banner-right-img-wraper{width:calc(55% - 50px)}.banner-left-content-area{width:calc(45% - 50px)}.banner-left-content-inner-wraper{max-width:468px;width:100%;margin:0 0 0 auto;padding:70px 0 70px 25px}.banner-star-wraper{display:flex;align-items:center;gap:7px}.banner-left-content-inner-wraper h1{color:#003349;margin:40px 0 20px}p.banner-sub-desc{color:#747474;font-weight:400}.banner-star-wraper p{font-size:16px;font-family:Roboto,sans-serif;color:#003349;text-transform:capitalize;font-weight:500;line-height:16px}.hero-banner-btn-area{display:flex;align-items:center;gap:9px;margin-top:35px}.banner-right-img-wraper picture{display:flex;flex-direction:column;align-items:end}.banner-right-img-wraper img{height:100%;max-width:768px;width:100%;object-fit:contain;display:block}@media (max-width: 1180px){.hero-banner-flex-area{gap:70px}.banner-left-content-area{width:calc(45% - 35px)}.banner-right-img-wraper{width:calc(55% - 35px)}.banner-star-wraper svg{max-width:95px}}@media (max-width: 1024px){.hero-banner-flex-area{flex-direction:column-reverse;gap:0}.banner-left-content-inner-wraper{max-width:100%;padding:0;text-align:center}.banner-left-content-area{width:100%;padding:50px}.banner-right-img-wraper{width:100%}.banner-left-content-inner-wraper h1{margin:20px 0}.hero-banner-btn-area{margin-top:60px;justify-content:center;flex-direction:column}.banner-star-wraper{flex-direction:column;justify-content:center}.hero-banner-btn-area .primary-btn{justify-content:center;width:100%;max-width:500px}.hero-banner-btn-area .secondary-btn{width:100%;max-width:500px;text-align:center}.banner-right-img-wraper img{max-width:100%}.banner-right-img-wraper picture{display:inherit}}@media (max-width: 767px){.banner-left-content-area{padding:60px 25px 30px}.hero-banner-btn-area{margin-top:31px;align-items:flex-start}.hero-banner-btn-area .primary-btn,.hero-banner-btn-area .secondary-btn{max-width:315px}.banner-star-wraper{align-items:flex-start}.banner-left-content-inner-wraper{text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/hero-banner.css.map */
