@font-face{font-family:MyDidot;src:url('{{ "didot.woff2" | asset_url }}') format("woff2");font-weight:400;font-style:normal}.monaam-banner{color:#661a1a;position:relative;min-height:600px;display:flex;align-items:center}.background-ele{position:absolute;width:100%;height:100%;right:0;top:0;display:block!important}.monaam-banner .text-area{flex-direction:column;align-items:flex-start;font-family:MyDidot,serif;margin-left:10%;max-width:40%}.monaam-banner .text-area h1{margin:0 0 20px;font-weight:800;font-size:clamp(3rem,5vw,100px);letter-spacing:5px;line-height:1.1;text-transform:uppercase}.monaam-banner .text-area p{font-style:italic;font-size:1.6rem}.monaam-banner .stars{font-size:4rem;margin-bottom:24px;letter-spacing:8px;color:#661a1a}.monaam-banner .monaam-btn{background-color:#661a1a;color:#fff;width:130px;height:40px;border-radius:8px;text-decoration:none;font-weight:700;text-align:center;display:flex;align-items:center;justify-content:center}.monaam-banner .side-image{max-width:45%}.monaam-banner .side-image img{width:100%;height:auto;max-height:600px}@media (max-width: 768px){.monaam-banner .text-area h1{text-align:center;margin-bottom:0}.monaam-banner .text-area{align-items:center}.monaam-banner .container{flex-direction:column;text-align:center}.monaam-banner .stars{font-size:2em;margin:0}.monaam-banner .text-area p{font-size:1.1rem}.monaam-banner{min-height:300px}}@media (max-width: 600px){.monaam-banner .text-area{margin-left:2%;max-width:50%}.monaam-banner .text-area p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.background-ele{background-size:cover!important;background-position:-22pc center!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/Monaam.css.map */
