.academia_website_avalanche_academics_body_section_styles_offeredclass {
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 30%;
padding-top: 25px;
padding-bottom: 25px;
flex-direction: column;
align-items: center;
gap: 10px;
border-radius: 20px;
background-color: rgba(110, 31, 115, 0.1);
height: 120px;
}
@media only screen and (width <= 1200px) {
.academia_website_avalanche_academics_body_section_styles_offeredclass {
flex-basis: 46%;
}
.academia_website_avalanche_academics_body_section_styles_offeredcombination {
flex-basis: 46%;
}
}
@media only screen and (width <= 800px) {
.academia_website_avalanche_academics_body_section_styles_offeredclass {
flex-basis: 98%;
}
.academia_website_avalanche_academics_body_section_styles_offeredcombination {
flex-basis: 98%;
}
}
.academia_website_avalanche_academics_body_section_styles_offeredclassimage {
width: 48px;
object-fit: cover;
}
.academia_website_avalanche_academics_body_section_styles_offeredclasstitle {
color: black;
text-align: center;
font-family: Mark Pro;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.academia_website_avalanche_academics_body_section_styles_offeredclassdescription {
width: 80%;
color: black;
text-align: center;
font-family: Mark Pro;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.academia_website_avalanche_academics_body_section_styles_offeredextraclass {
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 98%;
padding-top: 30px;
padding-bottom: 30px;
flex-direction: column;
align-items: center;
gap: 10px;
border-radius: 20px;
background-color: rgba(110, 31, 115, 0.1);
}
@media only screen and (width >= 768px) {
.academia_website_avalanche_academics_body_section_styles_offeredextraclass {
flex-basis: 46%;
padding-top: 25px;
padding-bottom: 25px;
}
}
.academia_website_avalanche_academics_body_section_styles_separator {
width: 100%;
height: 1px;
margin-top: 1em;
margin-bottom: 1em;
}
.academia_website_avalanche_academics_body_section_styles_offeredcombination {
margin-left: auto;
margin-right: auto;
margin-top: 1em;
margin-bottom: 1em;
display: flex;
flex-grow: 0;
flex-shrink: 0;
flex-basis: 30%;
padding-top: 50px;
padding-bottom: 50px;
flex-direction: row;
align-items: center;
gap: 15px;
}
.academia_website_avalanche_academics_body_section_styles_combination {
color: black;
text-align: center;
font-family: Mark Pro;
font-size: 18px;
font-style: normal;
border-radius: 20px;
background-color: rgba(110, 31, 115, 0.1);
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 20px;
gap: 8px;
}
.academia_website_avalanche_academics_body_section_styles_combinationdescription {
width: 70%;
color: black;
text-align: start;
font-family: Mark Pro;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
}