.title-banner{background-color:#f0f1f3;border-radius:var(--radius-5xl);color:#fff;display:flex;height:512px;overflow:hidden;position:relative;width:100%}@media screen and (min-width:744px){.title-banner{border-radius:var(--radius-6xl);height:416px}}.title-banner__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.title-banner:not(.title-banner__loading) .title-banner__image{opacity:1}.title-banner__main{display:flex;flex-direction:column;flex-grow:1;padding:16px;position:relative;z-index:1}@media screen and (min-width:744px){.title-banner__main{padding:32px}}@media screen and (min-width:1025px){.title-banner__main{padding:44px}}.title-banner__content{padding:8px}@media screen and (min-width:744px){.title-banner__content{padding:0}}.title-banner__title{color:var(--white-100);font-size:25px;font-weight:800;line-height:128%;margin-bottom:8px}@media screen and (min-width:744px){.title-banner__title{font-size:32px;font-weight:800;line-height:131%;margin-bottom:12px}}@media screen and (min-width:1025px){.title-banner__title{font-size:38px;line-height:126%;margin-bottom:16px;max-width:572px}}.title-banner__subtitle{color:var(--black-15);font-size:15px;font-weight:500;line-height:133%}@media screen and (min-width:744px){.title-banner__subtitle{font-size:18px;line-height:133%;max-width:448px}}@media screen and (min-width:1025px){.title-banner__subtitle{font-size:20px;line-height:130%;max-width:492px}}.title-banner__btn.base-btn{width:100%}@media screen and (min-width:744px){.title-banner__btn.base-btn{min-width:220px;width:-moz-fit-content;width:fit-content}}.title-banner__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;width:100%}@media screen and (min-width:1025px){.title-banner__btns{gap:16px}}
