body {
  background-color: #242726!important;
}
.cc-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:15px;justify-content:center;padding:15px;max-width:1200px;margin:auto}.cc-co{background:#1e1e1e;border-radius:10px;text-align:center;padding:10px;transition:transform .3s,box-shadow .3s}@media(min-width:790px){.cc-co{padding:20px}}.cc-co:hover{transform:translateY(-5px);box-shadow:0 6px 12px rgba(26,147,111,.253)}.cc-co img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(255,255,255,.2))}.cc-co a{display:block;margin-top:5px;text-decoration:none;font-weight:bold;color:#fff;font-size:10px;transition:color .3s;font-family:'Segoe UI'}.cc-co a:hover{color:#33cb7f}@media (max-width:768px){.cc-container{grid-template-columns:repeat(4,1fr)}}@media (min-width:769px){.cc-container{grid-template-columns:repeat(8,1fr)}} 
.animated-title{font-family:'Segoe UI',sans-serif;font-size:15px;color:#fff;display:inline-block;margin-bottom:0px;margin-top:5px}.animated-title::before{content:'|';font-size:22px;color:#1a936f;margin-right:5px;margin-left:15px;position:relative;top:3px}.animated-title a{text-decoration:none;color:#fff;display:inline-block;position:relative}.animated-title a::after{content:' >';font-weight:bold;color:#1a936f;font-size:20px;display:inline-block;position:relative;top:2px}.animated-title a:hover{ color: #33cb7f;}
 .swiper{width:100%;height:100%;padding-left:38px;padding-right:38px;margin-bottom:0;box-sizing:border-box}.swiper-slide img{width:90%;height:90%;margin: 0 auto;object-fit:cover;display:block;border-radius:10px;transition:transform .3s ease-in-out}@media (min-width:800px){.swiper-slide img{width:65%; height:65%}}.swiper-slide img:hover{transform:scale(1.05)}.swiper-pagination-bullet{background-color:#555 !important;opacity:.7;border-radius:50%}.swiper-pagination-bullet-active{background-color:#1a936f !important;opacity:1}@keyframes changeColor{0%{border-color:rgb(29,186,149);}25%,50%{border-color:rgb(21,138,97);}75%,100%{border-color:rgb(29,186,149);}} 
 .app-list{display:grid;grid-template-columns:repeat(8,8fr);overflow-x:auto;scroll-snap-type:x mandatory;gap:2px;padding-bottom:2px;scroll-behavior:smooth;padding:0;margin-top:10px;}.app-list::-webkit-scrollbar{display:none}
.app-item{flex:0 0 calc(33.33% - 20px);scroll-snap-align:start;border-radius:10px;padding-top:10px;padding-right:14px;padding-left:12px;color:#fff;display:flex;flex-direction:row;align-items:center}.app-icon{width:50px;height:50px;border-radius:10px;margin-right:10px}.app-link{display:flex;text-decoration:none;color:inherit}.app-details{display:flex;flex-direction:column;text-align:left;max-width:70%}h3{font-size:10px;margin:0;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating{display:flex;gap:6px;margin-top:5px}.rating span{font-size:6px}.tag-list{margin:5px 0;font-size:6px;color:#ccc}.tag-list{margin:5px 0;font-size:6px;color:#ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .horizontal-scroll{display:flex;overflow-x:auto;gap:20px;padding:10px;scroll-snap-type:x mandatory;padding-left:20px!important;margin-left:18px!important;margin-top:10px;}.horizontal-scroll::-webkit-scrollbar{display:none}.post-item{flex:0 0 auto;scroll-snap-align:start;width:210px;border-radius:8px;overflow:hidden;background:none;margin-bottom:10px;box-shadow:0 4px 6px rgba(26,147,111,0.047);transition:transform 0.3s ease}.post-item:hover{transform:scale(1.05)}.post-link{text-decoration:none;color:inherit;display:block}.post-image img{width:100%;height:auto;display:block}.post-content{display:flex;align-items:center;justify-content:space-between;padding:10px;text-align:center}.post-number{background:#1A936F;color:#fff;font-weight:bold;font-size:12px;padding:2px 5px;border-radius:4px}.post-title{background:#333;color:#fff;font-size:11px;margin-left:10px;padding:3px 5px;border-radius:4px;flex:1;text-align:left;overflow:hidden;font-weight:bold;text-overflow:ellipsis;white-space:nowrap} 

  .tools-list-container{display:flex;overflow-x:auto;gap:12px;padding:10px;text-decoration;none; margin-top: 10px;padding-left:14px}.tools-list-item{width:80px;text-align:center;text-decoration;none!important;color:white!important;}.tools-list-item img{width:75px;height:auto;border-radius:8px}.tools-list-item a{text-decoration:none}.tools-list-item a img{transition:transform .3s ease,box-shadow .3s ease}.tools-list-item a:hover img{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.tools-list-item h3{font-size:12px;margin:4px 0 0;color:white;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.tools-list-item h3 a{text-decoration:none !important}.tools-list-item h3 {color:white!important;text-decoration:none !important}.tools-list-item h3 a:hover{text-decoration:none;color:#1a936f}.tools-list-container::-webkit-scrollbar{display:none}.preformatted-text{font-size:9px;font-family:'Nunito',sans-serif;color:#fff;text-align:center;margin-top:2px;white-space:normal;word-wrap:break-word;opacity:.7} 
  .game-santai-container{display:flex;overflow-x:auto;gap:12px;padding:10px;margin-top:10px;}.game-santai-item{width:80px;text-align:center}.game-santai-item img{width:75px;height:auto;border-radius:8px}.game-santai-item a{text-decoration:none}.game-santai-item a img{transition:transform .3s ease,box-shadow .3s ease}.game-santai-item a:hover img{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,0.2)}.game-santai-item h3{font-size:12px;margin:4px 0 0;color:white;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.game-santai-item h3 a{text-decoration:none !important}.game-santai-item h3 a:hover{text-decoration:none;color:#1a936f}.game-santai-container::-webkit-scrollbar{display:none}.preformatted-text{font-size:9px;font-family:'Nunito',sans-serif;color:#fff;text-align:center;margin-top:2px;margin-bottom:-10px;white-space:normal;word-wrap:break-word;opacity:.7}
.container-card{display:flex;overflow-x:auto;padding:10px 0;margin-top:10px;padding-left:14px} .container-card::-webkit-scrollbar{display:none} .card{width:303px;margin-right:16px;overflow:hidden;flex-shrink:0;cursor:pointer;transition:transform .2s} .card:hover{transform:scale(1.05)} .card .main-image{width:302px;height:151px;object-fit:cover;border-radius:6px 6px 6px 0!important} .card-content{display:flex;align-items:center;padding:12px} .card-content .icon-image{width:45px;height:45px;border-radius:0 6px 6px 6px;margin-left:-11.5px;margin-top:-8px} .card-content h5{font-size:12px;margin:0;margin-left:6px;margin-top:-13px;color:#fff} .card-content p{font-size:9px;margin:0;margin-left:6px;color:#c7c7c7}
 .taptap-container{margin-top:15px;background-color:#222}.tap-contain{display:grid;grid-template-columns:repeat(2,270px);gap:10px;overflow-x:auto;padding-bottom:35px;padding-top:18px;padding-left:15px}@media(min-width:768px){.tap-contain{display:grid;grid-template-columns:repeat(4,300px);gap:0}}.custom-taptap{display:flex;flex-direction:column;align-items:flex-start;padding:3px;background-color:#1a936f;color:#fff;text-decoration:none;border-radius:5px;width:90%;text-align:left;transition:background-color .3s ease}.custom-taptap:hover{background-color:#33cb7f}.top-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:5px}.top-row .icon img{width:35px;height:35px}.top-row h7{margin:0;font-weight:bold;margin-left:-6px;margin-bottom:2px;font-size:12px}.custom-taptap p{text-align:left;color:#f9f9f9;margin-top:-8px;margin-left:4px;font-size:9px}.tap-contain::-webkit-scrollbar{display:none}