.tz_co_asoft_academia_website_academia_home_benefits_styles_wrapper {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
}
@media (width < 1000px) {
.tz_co_asoft_academia_website_academia_home_benefits_styles_wrapper {
grid-template-columns: 1fr;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitnumber {
transform: translate(-25%, -25%);
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitbody {
transform: translateX(0);
}
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_graphicwrapper {
position: relative;
container-type: inline-size;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_foregroundimage {
width: 100%;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_badge {
position: absolute;
display: flex;
box-shadow: 1.95px 1.95px 2.6px 0 rgba(0, 0, 0, 0.15);
padding: 0.5em;
background-color: white;
border-radius: 10em;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_rightbadge {
}
@container (width > 600px) {
.tz_co_asoft_academia_website_academia_home_benefits_styles_rightbadge {
top: 40%;
left: 50%;
}
}
@container (width <= 600px) {
.tz_co_asoft_academia_website_academia_home_benefits_styles_rightbadge {
top: 30%;
right: 5%;
}
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_badgeicon {
width: 3em;
height: 3em;
background-color: blue;
border-radius: 3em;
padding: 0.5em;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_badgewords {
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 0.5em;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_badgenumber {
font-size: 1.2em;
font-weight: bold;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_leftbadge {
}
@container (width >= 600px) {
.tz_co_asoft_academia_website_academia_home_benefits_styles_leftbadge {
top: 60%;
right: 60%;
}
}
@container (width < 600px) {
.tz_co_asoft_academia_website_academia_home_benefits_styles_leftbadge {
top: 60%;
left: 5%;
}
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_wordswrapper {
display: flex;
flex-direction: column;
gap: 1.5em;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_heading {
font-size: clamp(2em, calc(calc(5vw + 0.5em) * 0.9), 3em);
font-weight: 600;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_blackheading {
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_gradientheading {
color: transparent;
background-image: linear-gradient(90deg, #30C0F9, #0061FF, #0061FF, #0061FF, #0061FF);
background-clip: text;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_details {
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_benefits_styles_benefits {
display: flex;
flex-direction: column;
gap: 0.5em;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitwrapper {
position: relative;
font-size: 0.8rem;
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitnumber {
position: absolute;
background-color: black;
border: 4px solid white;
color: white;
border-radius: 10em;
padding: 0.2em 0.8em;
z-index: 1;
}
@media (width >= 1000px) {
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitnumber {
transform: translate(0, 0);
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitbody {
transform: translateX(calc(0.8em * 1.5));
}
}
.tz_co_asoft_academia_website_academia_home_benefits_styles_benefitbody {
position: relative;
border-radius: 1em;
padding: 0.5rem 2rem;
}