.community{padding-top:7.5rem;padding-bottom:7.5rem;border-radius:var(--border-radius)}@media only screen and (max-width:990px){.community{padding-top:5rem;padding-bottom:5rem}}.community.color-primary{background-color:var(--primary-color)}.community.color-primary .h5{color:var(--primary-color-overtext)}.community.color-secondary{background-color:var(--secondary-color)}.community.color-secondary .h5{color:var(--secondary-color-overtext)}.community.color-tertiary{background-color:var(--tertiary-color)}.community.color-tertiary .h5{color:var(--tertiary-color-overtext)}.community.color-fourth{background-color:var(--fourth-color)}.community.color-fourth .h5{color:var(--fourth-color-overtext)}.community.color-fifth{background-color:var(--fifth-color)}.community.color-fifth .h5{color:var(--fifth-color-overtext)}.community.color-seashell{background-color:var(--seashell)}.community.color-seashell .h5,.community.color-seashell .suptitle,.community.color-seashell h2{color:var(--fifth-color)}.community p.suptitle{font-size:2rem;font-weight:400;text-align:center;margin:0}.community>h2,.community>h3{text-align:center;font-size:var(--title-size);line-height:1;margin:0 0 3rem}.community ul{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:center;width:100%;max-width:80%;height:600px;margin:auto;list-style-type:none;padding:0}@media only screen and (max-width:1400px){.community ul{height:500px}}@media only screen and (max-width:1000px){.community ul{max-width:100%}}.community ul li{border-radius:var(--border-radius);overflow:hidden;margin:15px;width:calc(25% - 30px);position:relative}@media only screen and (max-width:1200px){.community ul li{margin:10px;width:calc(25% - 20px)}}.community ul li img{object-fit:cover;width:100%;height:100%;z-index:1}.community ul li a{display:block;width:100%;height:100%;z-index:2;position:absolute;top:0;left:0;padding:0;text-decoration:none}.community ul li a .svg-container{width:fit-content;height:50px;display:flex;align-items:center;justify-content:flex-start;white-space:nowrap;flex-wrap:nowrap;color:var(--background-color);margin:15px;position:relative;padding:5px 15px;transition:.3s ease-in}.community ul li a .svg-container:after{content:"";background-color:var(--fifth-color);border-radius:var(--border-radius);width:100%;height:100%;position:absolute;max-width:50px;top:0;left:0;z-index:1;transform:none;transition:.3s ease-in}.community ul li a .svg-container svg{width:18px;min-width:18px;height:18px;z-index:2}.community ul li a .svg-container p{display:block;z-index:2;padding-left:20px;margin:0;max-width:0;overflow:hidden;opacity:0;width:auto;transition:.3s ease-in}@media only screen and (max-width:1500px){.community ul li a .svg-container p{font-size:1.4rem;padding-left:10px;transition:opacity .3s ease-in}}.community ul li a:hover .svg-container:after{max-width:400px}.community ul li a:hover .svg-container p{max-width:400px;opacity:1}@media only screen and (max-width:1300px){.community ul li a .svg-container{align-items:flex-start;justify-content:flex-start;height:auto;width:38px;padding:10px}.community ul li a .svg-container p{font-size:1.2rem;padding-left:0;padding-top:10px;display:flex;flex-direction:column;height:100%;width:auto;max-height:0}.community ul li a:hover .svg-container{flex-wrap:wrap;height:auto;width:calc(100% - 57px)}.community ul li a:hover .svg-container:after{scale:14;border-radius:50%;aspect-ratio:1}.community ul li a:hover .svg-container p{max-width:fit-content;max-height:30px}}.community ul li:first-of-type,.community ul li:nth-child(5){height:70%}@media only screen and (max-width:750px){.community p.suptitle{font-size:1.6rem}.community ul li{margin:5px;width:calc(50% - 10px)}.community ul li:first-of-type,.community ul li:nth-child(5){height:calc(40% - 10px)}}.community ul li:nth-child(2){height:calc(33.33% - 30px)}@media only screen and (max-width:1200px){.community ul li:nth-child(2){height:calc(33.33% - 20px)}}@media only screen and (max-width:750px){.community ul li:nth-child(2){height:calc(60% - 10px)}}.community ul li:nth-child(3){height:calc(66.66% - 30px)}@media only screen and (max-width:1200px){.community ul li:nth-child(3){height:calc(66.66% - 20px)}}@media only screen and (max-width:750px){.community ul li:nth-child(3){height:calc(25% - 10px)}}.community ul li:nth-child(4){height:calc(100% - 30px)}@media only screen and (max-width:1200px){.community ul li:nth-child(4){height:calc(100% - 20px)}}@media only screen and (max-width:750px){.community ul li:nth-child(4){height:calc(35% - 10px)}}
/*# sourceMappingURL=component-crs.css.map */