.tz_co_asoft_academia_website_academia_home_hero_styles_wrapper {
display: flex;
position: relative;
background-image: linear-gradient(45deg, rgba(48, 192, 249, 0.4), rgba(0, 97, 255, 0.4));
align-items: center;
border-radius: 2em;
margin-top: 8rem;
height: 90svh;
width: 100%;
overflow: hidden;
}
@media (width <= 970px) {
.tz_co_asoft_academia_website_academia_home_hero_styles_wrapper {
flex-direction: column;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_graphicswrapper {
bottom: min(-18vw, -5em);
width: 150%;
}
}
.tz_co_asoft_academia_website_academia_home_hero_styles_wip {
width: inherit;
text-align: center;
font-size: 3rem;
font-weight: 900;
top: 1rem;
color: red;
}
@media (width > 970px) {
.tz_co_asoft_academia_website_academia_home_hero_styles_wip {
position: absolute;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_wordswrapper {
width: clamp(35ch, 40vw, 60ch);
}
.tz_co_asoft_academia_website_academia_home_hero_styles_graphicswrapper {
right: 0;
width: 50vw;
}
}
.tz_co_asoft_academia_website_academia_home_hero_styles_wordswrapper {
display: flex;
flex-direction: column;
gap: 2em;
padding: clamp(1rem, 3vw, 4rem);
z-index: 1;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_titlewrapper {
font-size: clamp(1.8rem, 8vw, 4rem);
}
.tz_co_asoft_academia_website_academia_home_hero_styles_titleblack {
font-weight: 900;
color: #121212;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_titlegradient {
font-weight: 900;
color: transparent;
background-image: linear-gradient(90deg, #30C0F9, #0061FF, #0061FF, #0061FF, #0061FF);
background-clip: text;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_details {
font-size: 1.1rem;
color: #121212;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_buttonswrapper {
position: relative;
display: flex;
gap: 1em;
align-items: center;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_getstarted {
border-radius: 5em;
color: white;
background-image: linear-gradient(90deg, #30C0F9, #0061FF, #0061FF, #0061FF, #0061FF);
font-size: 1.1rem;
padding: 1rem 2rem;
border: 0 none transparent;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_play {
background-image: url(/assets/global/public/images/website/academia/home/hero/play.svg);
background-position: center;
background-size: 100% 100%;
border: 0 none transparent;
width: 3.5rem;
height: 3.5rem;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_playrings {
position: absolute;
right: 165px;
top: -152px;
z-index: 0;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_graphicswrapper {
position: absolute;
background-image: url(/assets/global/public/images/website/academia/home/hero/rings-top.png);
background-position: right top;
background-repeat: no-repeat;
}
.tz_co_asoft_academia_website_academia_home_hero_styles_owner {
width: 100%;
}