.tz_co_asoft_academia_website_academia_home_transformative_styles_ribbon {
display: flex;
gap: 5em;
justify-content: space-between;
align-items: center;
}
@media (width <= 1282px) {
.tz_co_asoft_academia_website_academia_home_transformative_styles_ribbon {
flex-direction: column;
gap: 1em;
align-items: start;
}
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_ribbontitle {
display: flex;
flex-direction: column;
font-size: clamp(2em, calc(calc(5vw + 0.5em) * 0.9), 3em);
font-weight: 600;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_ribbontitlebluetext {
text-wrap: nowrap;
color: transparent;
background-image: linear-gradient(90deg, #30C0F9, #0061FF, #0061FF, #0061FF, #0061FF);
background-clip: text;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_ribbontitleblacktext {
text-wrap: nowrap;
color: black;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_content {
font-size: clamp(1.1em, calc(calc(3vw + 0.5em) * 0.8), 1.2em);
color: rgba(0, 0, 0, 0.75);
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_toolswrapper {
display: flex;
flex-direction: column;
gap: 4em;
margin: 3em 0;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_tripletools {
display: grid;
gap: 4em;
grid-template-columns: 2fr 3fr 2fr;
}
@media (width < 1420px) {
.tz_co_asoft_academia_website_academia_home_transformative_styles_tripletools {
grid-template-columns: 1fr;
}
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_toolwrapper {
border-radius: 20px;
display: flex;
gap: 1vw;
flex-direction: column;
padding: 2em;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_toolimage {
height: clamp(100px, 10vw, 200px);
align-self: start;
padding-top: clamp(1em, 0.1vw, 2em);
padding-bottom: clamp(1em, 0.1vw, 2em);
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_tooltitle {
font-size: clamp(1.5em, calc(calc(3vw + 0.5em) * 0.9), 2em);
font-weight: 500;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_toolcontent {
font-size: clamp(1.2em, calc(calc(3vw + 0.5em) * 0.8), 1.5em);
color: rgba(0, 0, 0, 0.75);
font-weight: 100;
}
.tz_co_asoft_academia_website_academia_home_transformative_styles_doubletools {
display: grid;
gap: 4em;
grid-template-columns: 1fr 1fr;
}
@media (width < 1200px) {
.tz_co_asoft_academia_website_academia_home_transformative_styles_doubletools {
grid-template-columns: 1fr;
}
}