.intro-component{background-position:50%;background-size:cover;border-radius:.875rem;height:45rem;margin-top:-4.625rem;overflow:hidden}.intro-component .img-intro{z-index:-1;object-fit:cover;width:100%;max-width:100%;height:45rem;position:absolute;inset:0}.intro-component{z-index:1;position:relative}.intro-component:after{content:"";z-index:-1;opacity:.8;background-color:var(--neutral-900);position:absolute;inset:0}.intro-component:has(.into-intro):after{opacity:.3}@media only screen and (max-width:990px){.intro-component{margin-top:-4.375rem}}.intro-component .intro-box .intro-title{color:var(--neutral-50);font-size:3.875rem;font-weight:500}html[dir=ltr] .intro-component .intro-box .intro-title{width:90%;margin:0 auto}.intro-component .intro-box .intro-description{color:var(--neutral-50);font-size:1.25rem}@media only screen and (max-width:990px){.intro-component .intro-box .intro-title{font-size:2.5rem}html[dir=ltr] .intro-component .intro-box .intro-title{width:100%}.intro-component .intro-box .intro-description{font-size:1rem}}@media only screen and (max-width:766px){.intro-component .intro-box{text-align:start;padding-inline:15px}}.intro-component .into-intro{padding-bottom:2.5rem}.intro-component .into-intro .intro-box{width:70%}@media only screen and (max-width:990px){.intro-component .into-intro .intro-box{width:100%!important}}@media only screen and (min-width:991px){.intro-component .width-custom{width:70%!important}}
