.new-hero-banner-main{padding:20px 0}.new-hero-banner-main .new-hero-banner-container{display:grid;gap:19px}.new-hero-banner-main .item{position:relative}.new-hero-banner-main .item .banner-image{position:relative;padding-bottom:400px;height:100%}.new-hero-banner-main .item .banner-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.new-hero-banner-main .main-content{position:absolute;max-width:360px;width:100%;padding:1.9rem}.new-hero-banner-main .main-content .heading{color:#000;font-size:2.7em;line-height:1.25em;margin-bottom:.69rem;font-weight:400}.new-hero-banner-main .main-content .content{color:#000;font-size:1.34em;font-weight:400;line-height:normal;margin-bottom:2.063rem}.new-hero-banner-main .main-content .button{padding:.344rem 2.25rem;border-radius:37px;border:2px solid #333;font-family:inherit;font-size:1.2em;font-weight:500;line-height:1.35em;text-align:center!important}.new-hero-banner-main .main-content .short-description{color:#000;font-size:20px;line-height:normal}.new-hero-banner-main .main-content.position-x-left{left:0}.new-hero-banner-main .main-content.position-x-middle{left:50%;transform:translate(-50%)}.new-hero-banner-main .main-content.position-x-right{right:0}.new-hero-banner-main .main-content.position-y-top{top:0}.new-hero-banner-main .main-content.position-x-middle.position-y-middle{transform:translate(-50%,-50%)}.new-hero-banner-main .main-content.position-y-middle{top:50%;transform:translateY(-50%)}.new-hero-banner-main .main-content.position-y-bottom{bottom:0}.new-hero-banner-main .main-content.alignment-left{text-align:left}.new-hero-banner-main .main-content.alignment-center{text-align:center}.new-hero-banner-main .main-content.alignment-right{text-align:right}.new-hero-banner-main .main-content.alignment-left>*{text-align:left}.new-hero-banner-main .main-content.alignment-center>*{text-align:center}.new-hero-banner-main .main-content.alignment-right>*{text-align:right}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content .short-description{width:100%}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content .arrow-button{width:fit-content}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content a.button{display:none}.new-hero-banner-main .block-count-3 .item .main-content span.arrow-button{display:flex!important;padding:0;max-width:unset;width:auto;border:none;align-items:center;justify-content:center;border-radius:100%;background:unset}.new-hero-banner-main .block-count-3 .item .main-content span.arrow-button svg{width:37.5px;height:37.5px}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button svg circle{fill:#333}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button svg path{fill:#f6eee1}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button:hover svg circle{fill:#f6eee1}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button:hover svg path{fill:#333}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button.altcolour svg circle{fill:#f6eee1}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button.altcolour svg path{fill:#333}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button.altcolour:hover svg circle{fill:#333}.new-hero-banner-main .block-count-3 .item .main-content a.arrow-button.altcolour:hover svg path{fill:#f6eee1}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content{display:flex;align-items:center;justify-content:space-between;padding:16px;max-width:100%}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content .heading{word-break:break-all}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content .content{word-break:break-all;margin-bottom:0}@media (min-width: 1200px){.new-hero-banner-main .block-count-3{grid-template-columns:calc(67.5% - 19px) 32.5%}}@media (min-width: 750px){.new-hero-banner-main .block-count-1{grid-template-columns:repeat(1,1fr)}.new-hero-banner-main .block-count-2{grid-template-columns:repeat(2,1fr)}.new-hero-banner-main .block-count-3{grid-template-columns:calc(67.5% - 19px) 32.5%}.new-hero-banner-main .block-count-3 .item:first-child{grid-row:1 / span 2}.new-hero-banner-main .block-count-3 .item:not(:first-child) .banner-image{padding-bottom:189px}}@media (max-width: 749px){.new-hero-banner-main .new-hero-banner-container{gap:15px}.new-hero-banner-main .item .banner-image{padding-bottom:160px}.new-hero-banner-main .main-content{position:absolute;padding:1.5rem}.new-hero-banner-main .main-content .heading{font-size:1.47em;margin-bottom:.57rem}.new-hero-banner-main .main-content .content{font-size:.87em;margin-bottom:.94rem}.new-hero-banner-main .main-content .button{padding:2px 16px;border-radius:36px;border:1px solid #333;font-size:.87em;line-height:1.85em}.new-hero-banner-main .main-content .button:active{color:#333}.new-hero-banner-main .new-hero-banner-container{display:flex;flex-wrap:wrap;padding:0}.new-hero-banner-main .block-count-1 .item,.new-hero-banner-main .block-count-2 .item{width:100%}.new-hero-banner-main .block-count-1 .item .banner-image{padding-bottom:335px}.new-hero-banner-main .block-count-3 .item:first-child{width:100%}.new-hero-banner-main .block-count-3 .item{width:calc(50% - 8px)}.new-hero-banner-main .block-count-3 .item:first-child .banner-image,.new-hero-banner-main .block-count-3 .item .banner-image{padding-bottom:100%}.new-hero-banner-main .block-count-3 .item .main-content span.arrow-button svg{width:20px;height:20px}.new-hero-banner-main .main-content .short-description{font-size:.813em}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content .heading{font-size:1em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.27rem}.new-hero-banner-main .block-count-3 .item:not(:first-child) .main-content .content{font-size:.7em;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/custom-new-hero-banner.css.map */
