.server-types-section{background-color:#0c171a;padding:80px 0;position:relative;overflow:hidden}.server-types-section:before{content:"";background:linear-gradient(90deg,#0000 0%,#17272b 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.server-types-title{color:#fff;text-align:left;margin:0 0 16px;font-size:32px;font-weight:700}.server-types-description{color:#b8c5d0;text-align:left;max-width:900px;margin:0 0 48px;font-size:16px;line-height:1.6}.server-cards-wrapper{margin-bottom:48px;overflow:hidden}.server-cards-container{gap:24px;transition:transform .4s;display:flex}.server-card{background:#0c171a;border:3px solid #17272b;border-radius:8px;flex-direction:column;gap:16px;min-width:calc(33.3333% - 16px);padding:32px;transition:all .3s;display:flex;position:relative}.server-card:hover{background-image:linear-gradient(#0c171a,#0c171a),linear-gradient(90deg,#f6921e 0%,#ff551a 100%);background-origin:padding-box,border-box;background-clip:padding-box,border-box;border:3px solid #0000}.server-card:hover .server-card-icon{background:linear-gradient(135deg,#f6921e,#ff551a);border-color:#0000;transform:scale(1.1)}.server-card:hover .server-card-name{color:#f6921e}.server-card-icon{background:#0c171a;border:3px solid #17272b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s;display:flex}.server-card-icon img{object-fit:contain;width:40px;height:40px}.server-card-header{flex-direction:row;align-items:flex-start;gap:24px;display:flex}.server-card-title{color:#fff;margin:0;font-size:16px;font-weight:400;line-height:1.5}.server-card-name{color:#fff;font-weight:700;transition:color .3s}.server-card-description{color:#b8c5d0;width:100%;margin:0;font-size:14px;line-height:1.6}.server-navigation{justify-content:center;align-items:center;gap:24px;margin-bottom:24px;display:flex}.nav-arrow{cursor:pointer;color:#fff;background:#0c171a;border:2px solid #17272b;border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.nav-arrow:hover:not(:disabled){background:#0c181a;border-color:#f6921e}.nav-arrow:disabled{opacity:.3;cursor:not-allowed}.server-tabs-wrapper{max-width:1254px;overflow:hidden}.server-tabs{gap:16px;transition:transform .4s;display:flex}.server-tab{cursor:pointer;background:#0c171a;border:2px solid #17272b;border-radius:8px;align-items:center;gap:8px;width:238px;padding:12px 20px;transition:all .3s;display:flex}.server-tab:hover{background:#0c181a;border-color:#f6921e}.server-tab img{object-fit:contain;width:24px;height:24px;transition:transform .3s}.server-tab:hover img{transform:scale(1.15)}.server-tab span{color:#fff;font-size:14px;font-weight:600}.server-types-counter{color:#b8c5d0;justify-content:center;align-items:center;gap:24px;max-width:1400px;margin-top:48px;margin-left:auto;margin-right:auto;padding:0 40px;font-size:16px;font-weight:600;display:flex}.server-types-counter:before,.server-types-counter:after{content:"";background:#17272b;flex:1;height:1px}@media (max-width:768px){.server-types-section{padding:50px 0}.server-types-title{font-size:22px}.server-types-description{margin-bottom:30px;font-size:14px}.server-cards-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:30px;overflow:auto hidden}.server-cards-wrapper::-webkit-scrollbar{display:none}.server-cards-container{gap:12px;transform:none!important}.server-card{min-width:260px;padding:20px}.server-card-description{font-size:13px}.server-navigation{gap:12px}.nav-arrow{display:none}.server-tabs-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;overflow-x:auto}.server-tabs-wrapper::-webkit-scrollbar{display:none}.server-tabs{gap:8px;transform:none!important}.server-tab{flex-shrink:0;width:auto;min-width:auto;padding:10px 14px}.server-tab span{font-size:12px}.server-types-counter{margin-top:30px;padding:0 20px;font-size:14px}}