#intro{padding:3rem 0;background:var(--primary_color);color:#fff;position:relative}#intro #particles-js{position:absolute;width:100%;height:100%;background-image:url("");background-repeat:no-repeat;background-size:cover;background-position:50% 50%}#intro .count-particles{background:#000022;position:absolute;top:48px;left:0;width:80px;color:#13e8e9;font-size:0.8em;text-align:left;text-indent:4px;line-height:14px;padding-bottom:2px;font-family:Helvetica, Arial, sans-serif;font-weight:bold}#intro .js-count-particles{font-size:1.1em}#intro #stats,#intro .count-particles{-webkit-user-select:none}#intro #stats{border-radius:3px 3px 0 0;overflow:hidden}#intro .count-particles{border-radius:0 0 3px 3px}#intro .inner{position:relative;z-index:1}#intro .content{padding-right:2rem}#intro .title-thc{color:#fff}#intro .list{margin-top:2rem}#intro .list .item-intro{margin-bottom:2rem;box-shadow:1px 1px 2px rgba(0, 0, 0, 0.1);border-radius:1rem;padding:1rem;background:#fff;border:1px solid #f0f0f0;text-align:center}#intro .list .item-intro .icon i{font-size:2.5rem;color:var(--secondary_color)}#intro .list .item-intro .content-item{margin-top:1rem}#intro .list .item-intro .content-item .title{font-size:1.1rem;line-height:1.4;margin-bottom:0.5rem;color:var(--primary_color);font-weight:700}#intro .list .item-intro .content-item .desc{font-weight:300;line-height:1.4}#intro .list .item-intro:hover{background:var(--primary_color);color:#fff;cursor:pointer}#intro .list .item-intro:hover .content-item .title,#intro .list .item-intro:hover .content-item .desc{color:#fff}#intro .image-intro{width:100%;margin-bottom:40px;position:relative;margin-left:2rem}#intro .image-intro .label{position:absolute;bottom:-40px;left:-100px;width:250px;height:250px;overflow:visible}#intro .image-intro .label img{width:100%;height:100%;object-fit:contain}#intro .image-intro .label.sparkle-label .sparkle-star{position:absolute;pointer-events:none;z-index:10;--star-color: #ffd700;font-family:"Font Awesome 7 Pro";font-weight:900;color:var(--star-color);text-shadow:0 0 8px var(--star-color), 0 0 12px var(--star-color), 0 0 16px var(--star-color);line-height:1;animation:sparkle 2s ease-in-out infinite}#intro .image-intro .label.sparkle-label .sparkle-star::before{content:"";display:block}#intro .image-intro .label.sparkle-label .sparkle-star.small{font-size:10px}#intro .image-intro .label.sparkle-label .sparkle-star.medium{font-size:12px}#intro .image-intro .label.sparkle-label .sparkle-star.large{font-size:14px}@keyframes sparkle{0%{opacity:0;transform:scale(0) rotate(0deg)}20%{opacity:0.8;transform:scale(0.8) rotate(90deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}80%{opacity:0.6;transform:scale(0.9) rotate(270deg)}100%{opacity:0;transform:scale(0) rotate(360deg)}}#intro .image-intro img.intro-image{border-radius:2rem;overflow:hidden;border:10px solid #f0f0f0}#intro .list-info{display:flex;justify-content:space-between;text-align:left}#intro .list-info .title{font-size:4.5rem;font-weight:900;text-align:center;line-height:1}#intro .list-info .desc{font-size:1.5rem;font-weight:600;text-align:center}@media only screen and (max-width:769px){#intro{padding:1.5rem 0}#intro .content{padding-right:0;margin-bottom:1rem}#intro .image-intro{margin-left:0;margin-bottom:1rem}#intro .image-intro .label{width:100px;height:100px;left:-15px;bottom:-20px}#intro .list-info{justify-content:center;flex-wrap:wrap}#intro .list-info .item-intro{width:33%;margin-bottom:1rem}#intro .list-info .item-intro .title{font-size:40px}#intro .list-info .item-intro .desc{font-size:16px}}