.academia_website_avalanche_home_fees_structure_styles_generalwraper {
margin-top: 4em;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.academia_website_avalanche_home_fees_structure_styles_chunk {
display: flex;
padding-top: 3em;
padding-bottom: 3em;
gap: 1rem;
justify-content: center;
overflow-x: hidden;
width: 100%;
}
@media (width < 500px) {
.academia_website_avalanche_home_fees_structure_styles_chunk {
flex-direction: column;
}
.academia_website_avalanche_home_fees_structure_styles_innerstructurewrapper {
width: 100%;
margin-right: 0.5em;
margin-left: 0.5em;
}
}
.academia_website_avalanche_home_fees_structure_styles_outerstructurewrapper {
display: flex;
justify-content: center;
}
.academia_website_avalanche_home_fees_structure_styles_innerstructurewrapper {
position: relative;
padding: 20px;
border-radius: 24px;
background-color: white;
text-align: center;
display: flex;
flex-direction: column;
box-shadow: 0 7px 29px 0 rgba(100, 100, 111, 0.2);
transition-duration: 0.5s;
}
@keyframes academia_website_avalanche_home_fees_structure_styles_slide {
0% {
transform: translateX(var(--fee-offset-pct));
}
50% {
transform: translateX(calc(var(--fee-offset-pct) * -1));
}
100% {
transform: translateX(var(--fee-offset-pct));
}
}
@media (width >= 500px) {
.academia_website_avalanche_home_fees_structure_styles_innerstructurewrapper {
&[data-animate=true] {
animation: 10s ease 0s infinite normal none running academia_website_avalanche_home_fees_structure_styles_slide;
}
&:hover {
transform: scale(1.1);
}
}
}
.academia_website_avalanche_home_fees_structure_styles_heading {
color: #6E1F73;
width: fit-content;
background-color: rgba(110, 31, 115, 0.3);
padding: 0.5em 1.5em;
border-radius: 26px;
margin-bottom: 15px;
font-family: Markpro;
}
@media only screen and (max-width: 430px) {
.academia_website_avalanche_home_fees_structure_styles_heading {
font-size: 20px;
}
}
@media only screen and (min-width: 431px) {
.academia_website_avalanche_home_fees_structure_styles_heading {
font-size: 15px;
}
}
@media only screen and (min-width: 767.98px) {
.academia_website_avalanche_home_fees_structure_styles_heading {
font-size: 20px;
}
}
@media only screen and (min-width: 912px) {
.academia_website_avalanche_home_fees_structure_styles_heading {
font-size: 20px;
}
}
@media only screen and (min-width: 1424px) {
.academia_website_avalanche_home_fees_structure_styles_heading {
font-size: 20px;
}
}
.academia_website_avalanche_home_fees_structure_styles_price2 {
display: flex;
align-items: center;
gap: 2px;
}
.academia_website_avalanche_home_fees_structure_styles_currency {
color: rgba(110, 31, 115, 0.5);
font-family: Markpro;
font-size: 19px;
}
.academia_website_avalanche_home_fees_structure_styles_amount {
color: rgba(110, 31, 115, 0.7);
font-weight: 700;
font-size: 32px;
}
.academia_website_avalanche_home_fees_structure_styles_yearly {
color: rgba(110, 31, 115, 0.8);
font-family: Markpro;
font-size: 20px;
font-weight: 700;
}
.academia_website_avalanche_home_fees_structure_styles_includedsection2 {
margin-top: 20px;
padding-bottom: 4em;
display: flex;
flex-direction: column;
}
.academia_website_avalanche_home_fees_structure_styles_includedheading {
font-weight: 100;
margin-bottom: 10px;
color: #888888;
font-family: Markpro;
display: flex;
justify-content: flex-start;
}
@media only screen and (max-width: 431px) {
.academia_website_avalanche_home_fees_structure_styles_includedheading {
font-size: 15px;
}
}
@media only screen and (min-width: 432px) {
.academia_website_avalanche_home_fees_structure_styles_includedheading {
font-size: 21px;
}
}
@media only screen and (min-width: 1280px) {
.academia_website_avalanche_home_fees_structure_styles_includedheading {
font-size: 15px;
}
}
.academia_website_avalanche_home_fees_structure_styles_includedlist {
list-style-type: none;
display: flex;
flex-direction: column;
align-items: flex-start;
font-family: Markpro;
li {
margin: 5px;
display: flex;
gap: 14px;
}
}
.academia_website_avalanche_home_fees_structure_styles_tick {
height: 25px;
width: 25px;
border-radius: 50%;
background-color: rgba(110, 31, 115, 0.8);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 16px;
}
.academia_website_avalanche_home_fees_structure_styles_moredetails {
position: absolute;
bottom: 1em;
width: calc(100% - 40px);
margin-top: 20px;
padding: 10px;
border-radius: 100px;
color: rgba(110, 31, 115, 0.7);
font-family: Markpro;
font-size: 20px;
cursor: pointer;
font-weight: 700;
border: 2px solid rgba(110, 31, 115, 0.4);
background-color: transparent;
}