@import url("https://cdn.adlinktech.com/Template/BaseStyles/font-awesome.min.css");
@import url("//cdn.adlinktech.com/vendor/css/aos.css");
body {
    scroll-behavior: smooth;
}
.navListContent {
    margin: 0px auto;
}
.navList {
    background: rgb(81, 0, 162);
    width: 100%;
    position: sticky;
    top: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 5px;
    z-index: 400 !important;
}
.dropdown-title {
    display: none;
}
@media (min-width: 1200px) {
    .navList {
        top: 115px;
    }
    .navListContent {
        width: 100%;
        margin: 0px auto;
        max-width: 1180px;
    }
    .selected {
        display: none;
    }
    .navList ul {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: flex;
        align-items: stretch;
    }
    .navList ul li {
        width: 100%;
        align-content: center;
        cursor: pointer;
    }
    .navList ul li a {
        position: relative;
        text-align: center;
        line-height: normal;
        font-weight: 500;
        color: rgb(255, 255, 255);
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 80%;
        width: 100%;
    }
    .navList ul li a.active {
        background-color: rgba(139, 87, 231, 0.75);
    }
    .dropdown-selected {
        display: none;
    }
}
@media (max-width: 1200px) {
    .navList {
        top: 0px;
    }
    .dropdown {
        position: relative;
        display: block;
        width: 100%;
    }
    .navList .EOC_container {
        width: 100%;
        max-width: none;
    }
    .selected {
        position: relative;
        display: block;
        cursor: pointer;
        padding: 15px;
        line-height: normal;
        font-weight: 500;
        color: rgb(255, 255, 255);
    }
    .selected::after {
        content: "";
        font-family: FontAwesome;
        height: auto;
        visibility: visible;
        position: absolute;
        right: 15px;
        top: 50%;
        color: rgb(255, 255, 255);
        line-height: 1;
        transform: translateY(-50%);
        transition: transform 0.5s, -webkit-transform 0.5s;
        font-size: 120%;
    }
    .selected.open::after {
        transform: translateY(-50%) rotate(180deg);
    }
    .dropdown-list li {
        cursor: pointer;
        padding: 15px 15px 0px;
    }
    .dropdown-list li:last-of-type {
        cursor: pointer;
        padding: 15px;
    }
    .dropdown-list li a {
        display: block;
        color: rgb(0, 0, 0);
    }
    .dropdown-list li.active a {
        color: rgb(81, 0, 162);
        font-weight: 600;
    }
    .dropdown-list {
        list-style: none;
        padding: 0px;
        display: none;
        position: absolute;
        top: 100%;
        left: 0px;
        background-color: rgb(230, 231, 233);
        margin: 0px;
        width: 100%;
    }
}
@media (min-width: 1271px) {
    .navList {
        top: 102px;
    }
}
#sticky-wrapper[style] {
    height: auto;
}
/**********************************************/
dl, dt, dd {
    width: 100%;
    margin: 0px;
}
.GamingProduct {
    overflow-x: hidden;
    background-color: rgb(12, 18, 32);
}
.GamingProduct * {
    line-height: 1.35;
}
.GamingProduct *, .GamingProduct ::before, .GamingProduct ::after {
    box-sizing: border-box;
}
picture, figure {
    display: block;
    margin: 0px auto;
}
.GamingProduct h2 {
    text-align: center;
    margin: 0px auto 1em;
    font-weight: 500;
}
.GamingProduct img {
    width: 100%;
}
.GamingProduct h2, .GamingProduct h3, .GamingProduct h4, .applications h2, .GamingProduct p, .GamingProduct small {
    color: rgb(255, 255, 255);
}
.GamingProduct_content {
    margin: 0px auto;
    width: calc(100% - 25px);
    max-width: 1100px;
    padding: 0px;
}
.GamingProduct section {
    padding: 50px 0px;
}
@keyframes arrow-bounce {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(4px);
    }
}
@media (prefers-reduced-motion: reduce) {
    .arrow {
        animation: auto ease 0s 1 normal none running none;
    }
}
/**********************************************/
.GamingProduct_hero {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    background-color: rgb(0, 0, 0);
    font-size: 2.6vw;
    padding: 0px 5%;
}
.GamingProduct_hero, .GamingProduct_Video {
    height: 110vw;
}
.GamingProduct_hero .GamingProduct_content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.6vw;
    padding-bottom: 5%;
}
.GamingProduct_hero .GamingProduct_content h1, .GamingProduct_hero .GamingProduct_content p {
    color: rgb(255, 255, 255);
    text-align: left;
}
.GamingProduct_hero .GamingProduct_content h1 {
    font-size: 5em;
    font-weight: bold;
    line-height: normal;
    margin: 0px 0px 0.5em;
    text-shadow: rgba(81, 0, 162, 0.5) -0.05em -0.05em 0px, rgba(81, 0, 162, 0.5) 0.05em -0.05em 0px, rgba(81, 0, 162, 0.5) -0.05em 0.05em 0px, rgba(81, 0, 162, 0.5) 0.05em 0.05em 0px, rgba(81, 0, 162, 0.8) 0px 0px 0.375em, rgba(81, 0, 162, 0.6) 0px 0px 0.75em, rgba(81, 0, 162, 0.4) 0px 0px 1.125em, rgba(81, 0, 162, 0.2) 0px 0px 1.5em;
}
.GamingProduct_hero .GamingProduct_content p {
    font-size: 2.2em;
    margin: 0px;
    line-height: 1.25;
}
.GamingProduct_Video {
    width: 100%;
    position: absolute;
    margin: 0px auto;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 110%;
    opacity: 0.5;
}
.GamingProduct_Video video {
    width: 100%;
    max-width: 1920px;
    height: auto;
}
/**********************************************/
#gamingEcosystem {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-image: url(https://cdn-source.adlinktech.com/WebUpd/en/Upload/Gaming_Solutions/gamingEcosystem_bg.webp);
    background-color: #030106;
    position: relative;
}
#gamingEcosystem .GamingProduct_content {
    position: relative;
    z-index: 2;
}
#gamingEcosystem h2 {
    margin: 0px auto .5em;
}
#gamingEcosystem h2 + p {
    text-align: center;
    margin: 0px auto 3em;
    max-width: 730px;
    line-height: 1.5;
}
#gamingEcosystem article {
    position: relative;
}
#gamingEcosystem article .GamingSolutions_products {
    margin: 0px auto;
    max-width: 43.7%;
    position: relative;
    z-index: 1;
}
#gamingEcosystem article div, #gamingEcosystem article .line {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    color: rgb(255, 255, 255);
    width: 100%;
}
#gamingEcosystem article .line {
    max-width: 63.55%;
    top: 53%;
    left: 47%;
}
#gamingEcosystem article .line img {
    filter: drop-shadow(0px 0px 5px rgb(81, 0, 162))drop-shadow(0px 0px 5px rgba(81, 0, 162, .5));
}
#gamingEcosystem article div.amd_intel span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: .5em;
}
#gamingEcosystem article div.amd_intel span img {
    max-width: 50%;
}
#gamingEcosystem article div.amd_intel span img[alt="Intel"] {
    max-width: 35%;
    margin-left: 1em;
}
#gamingEcosystem article div.amd_intel {
    max-width: 20%;
    left: 14.5%;
    top: 24%;
    text-align: right;
}
#gamingEcosystem article div.auo {
    max-width: 20%;
    left: 90%;
    top: 24%;
    text-align: left;
}
#gamingEcosystem article div.auo img {
    max-width: 32%;
    margin-bottom: .5em;
}
#gamingEcosystem article div.nvidia {
    max-width: 20%;
    left: 90%;
    top: 64%;
    text-align: left;
}
#gamingEcosystem article div.nvidia img {
    max-width: 60%;
    margin-bottom: .5em;
}
/* 主舞台容器 */
.stage-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
/* 燈光束的通用樣式 */
.light-beam {
    position: absolute;
    top: -50%; /* 讓光束從螢幕上方開始 */
    width: 60%; /* 光束寬度 */
    height: 200%; /* 光束高度，延伸超出屏幕 */
    /* 使用線性漸層創建光束效果：透明 -> 明亮紫色 -> 透明 */
    background: linear-gradient(to bottom, transparent 10%, rgba(180, 80, 255, 0.6) 50%, transparent 90%);
    /* 高度模糊以製造朦朧感 */
    filter: blur(60px);
    opacity: 0.8;
    /* 設置混合模式讓光束疊加時更亮 */
    mix-blend-mode: screen;
    transform-origin: top center; /* 設定旋轉支點在頂部中心 */
}
/* 左側光束 */
.beam-left {
    left: -10%;
    transform: rotate(-35deg);
    /* 應用擺動和脈衝動畫 */
    animation: swayLeft 8s ease-in-out infinite alternate, pulse 5s ease-in-out infinite alternate;
}
/* 右側光束 */
.beam-right {
    right: -10%;
    transform: rotate(35deg);
    /* 應用相反方向的擺動和脈衝動畫，並設置延遲 */
    animation: swayRight 9s ease-in-out infinite alternate-reverse, pulse 6s ease-in-out infinite alternate-reverse;
    animation-delay: -2s; /* 錯開動畫時間 */
}
/* 定義左側光束的擺動動畫 */
@keyframes swayLeft {
    0% {
        transform: rotate(-35deg) translateX(0);
    }
    100% {
        transform: rotate(-25deg) translateX(5%);
    }
}
/* 定義右側光束的擺動動畫 */
@keyframes swayRight {
    0% {
        transform: rotate(35deg) translateX(0);
    }
    100% {
        transform: rotate(25deg) translateX(-5%);
    }
}
/* 定義光束的亮度脈衝動畫 */
@keyframes pulse {
    0% {
        opacity: 0.5;
        filter: blur(60px);
    }
    100% {
        opacity: 0.9;
        filter: blur(50px);
    }
}
/* --- 以下為裝飾性的漂浮元素 (撲克花色) --- */
.floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none; /* 確保不阻擋滑鼠事件 */
    z-index: 2;
}
.particle {
    position: absolute;
    bottom: -50px; /* 從底部下方開始 */
    color: rgba(180, 80, 255, 0.4); /* 微弱的紫色 */
    font-size: 24px;
    /* 應用向上漂浮的動畫 */
    animation: floatUp linear infinite;
}
/* 定義向上漂浮的動畫關鍵影格 */
@keyframes floatUp {
    0% {
        transform: translateY(0) rotate(0deg);
        opacity: 0;
    }
    20% {
        opacity: 0.6;
    }
    80% {
        opacity: 0.6;
    }
    100% {
        transform: translateY(-110vh) rotate(360deg); /* 向上移動超過視窗高度並旋轉 */
        opacity: 0;
    }
}
/* 個別粒子的位置、大小和動畫持續時間設定，製造隨機感 (已放大約 2/3 並加入 RWD) */
.p1 {
    left: 25%;
    font-size: calc(30px + 2.0vw);
    animation-duration: 15s;
    animation-delay: 0s;
}
.p2 {
    left: 38%;
    font-size: calc(20px + 1.3vw);
    animation-duration: 18s;
    animation-delay: -5s;
}
.p3 {
    left: 50%;
    font-size: calc(35px + 2.3vw);
    animation-duration: 20s;
    animation-delay: -10s;
}
.p4 {
    left: 62%;
    font-size: calc(25px + 1.7vw);
    animation-duration: 17s;
    animation-delay: -2s;
}
.p5 {
    left: 75%;
    font-size: calc(28px + 1.9vw);
    animation-duration: 22s;
    animation-delay: -8s;
}
/**********************************************/
#complianceReliability {
    position: relative;
    background-repeat: repeat;
    background-position: center center;
    background-size: 20px;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/Gaming_Solutions/complianceReliability_bg.svg");
    background-color: rgb(27, 25, 58);
}
#complianceReliability::after {
    content: "";
    position: absolute;
    inset: 0px;
    height: auto;
    visibility: visible;
    background: linear-gradient(to right, rgb(12, 11, 27) 0%, rgba(12, 11, 27, 0) 30%, rgba(12, 11, 27, 0) 70%, rgb(12, 11, 27) 100%);
    z-index: 1;
}
#complianceReliability h2 {
    margin-bottom: 0;
}
#complianceReliability .GamingProduct_content {
    padding: 2.5em 2.5em 1em;
    position: relative;
    z-index: 5;
    background-color: transparent;
    border: 3px solid rgb(235, 212, 255);
    border-radius: 2px;
    box-shadow: rgb(212, 161, 255) 0px 0px 4px 1px, rgb(212, 161, 255) 0px 0px 4px 1px inset, rgb(81, 0, 162) 0px 0px 15px 2px, rgb(81, 0, 162) 0px 0px 30px, rgb(81, 0, 162) 0px 0px 60px, rgb(81, 0, 162) 0px 0px 90px, rgb(81, 0, 162) 0px 0px 15px 2px inset, rgb(81, 0, 162) 0px 0px 30px inset, rgb(81, 0, 162) 0px 0px 50px inset;
    transition: 0.3s ease-in-out;
}
#complianceReliability .d-flex figure {
    display: flex;
    justify-content: center;
}
#complianceReliability .d-flex {
    padding-top: 1em;
}
#complianceReliability .d-flex figure {
    align-items: center;
}
#complianceReliability .d-flex figure {
    margin-bottom: 1em;
}
#complianceReliability .d-flex figure span {
    display: block;
    background-color: rgb(81, 0, 162);
    border-radius: 500px;
    padding: 1em;
    max-width: 70px;
}
#complianceReliability .d-flex figure figcaption {
    flex: 1 1 0%;
    padding-left: 0.5em;
    font-weight: 500;
    font-size: 120%;
}
#complianceReliability * {
    color: rgb(255, 255, 255);
}
#complianceReliability .d-flex article {
    width: 100%;
}
#complianceReliability .d-flex article ul li {
    margin-bottom: 0.25em;
    color: #e4e2e3;
}
.animation-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.cardTable {
    position: relative;
    width: 100%;
    aspect-ratio: 6 / 5;
    margin: 0px auto;
}
.pokerCard {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 42%;
    aspect-ratio: 1 / 1.4;
    border-radius: 5%;
    box-shadow: rgba(0, 0, 0, 0.4) 4px 8px 16px;
    background-color: rgb(224, 224, 224);
    opacity: 0;
    transition: transform 0.3s, box-shadow 0.3s;
}
.pokerCard img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none;
}
.pokerCard.left-card {
    z-index: 1;
}
.pokerCard.right-card {
    z-index: 2;
}
.cardTable.animate .pokerCard.left-card {
    animation: 1.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.2s 1 normal forwards running dealLeftCard;
}
.cardTable.animate .pokerCard.right-card {
    animation: 1.8s cubic-bezier(0.2, 0.8, 0.2, 1) 0.6s 1 normal forwards running dealRightCard;
}
@keyframes dealLeftCard {
    0% {
        opacity: 0;
        transform: translate(75%, 100%) rotate(45deg) scale(0.5);
    }
    40% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    60% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    100% {
        opacity: 1;
        transform: translate(-98%, -50%) rotate(-9deg);
    }
}
@keyframes dealRightCard {
    0% {
        opacity: 0;
        transform: translate(75%, 100%) rotate(45deg) scale(0.5);
    }
    40% {
        opacity: 1;
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    60% {
        transform: translate(-50%, -50%) rotate(0deg) scale(1);
    }
    100% {
        opacity: 1;
        transform: translate(-4%, -45%) rotate(12deg);
    }
}
/**************************************************************/
#productOfferings {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/Gaming_Solutions/productOfferings_bg.webp");
    background-attachment: fixed;
}
#productOfferings h3 {
    display: block;
    color: #ffb71b;
    margin-bottom: .5em;
    position: relative;
    font-size: 130%;
    line-height: normal;
}
#productOfferings h3:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 1px;
    visibility: visible;
    width: 100%;
    background-color: #FFB71B;
}
#productOfferings h4 {
    font-size: 110%;
    line-height: normal;
}
#productOfferings h4:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    margin-right: .25em;
}
#productOfferings .Hardware h3:after {
    width: calc(100% - 100px);
}
#productOfferings .Display h3:after {
    width: calc(100% - 80px);
}
#productOfferings .Software h3:after {
    width: calc(100% - 96px);
}
#productOfferings .Display {
    margin: 1em 0 2em;
}
#productOfferings .Hardware .productsInfo {
    margin-bottom: 1.5em;
}
.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.25em;
    margin: 0px auto;
}
.product-item {
    width: 100%;
    padding: 5% 5% 15%;
    position: relative;
    height: auto;
    cursor: pointer;
    transition: 0.3s;
    display: flex;
    justify-content: center;
}
.product-item::before {
    content: "";
    display: block;
    border-radius: 10px;
    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 3px solid transparent;
    background: linear-gradient(135deg, rgb(81, 0, 162) 0%, rgb(43, 1, 120)) border-box padding-box, linear-gradient(135deg, rgb(98, 4, 191), rgb(93, 4, 217)) border-box;
    position: absolute;
    inset: 0px;
    z-index: 2;
    height: 100%;
    overflow: hidden;
    opacity: 0.75;
}
.product-item::after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 1.3em 2em 0px;
    border-color: rgb(0, 0, 0) transparent transparent;
    position: absolute;
    bottom: -1.3em;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    transition: 0.3s 0.2s;
    opacity: 0;
    visibility: visible;
    height: auto;
}
img[alt="GLI-logo"] {
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    z-index: 2;
    max-width: 13%;
}
.product-item.active {
    transform: scale(0.98);
}
.product-item img.main-thumb {
    margin: 0px auto 0.5em;
    position: relative;
    z-index: 3;
    max-width: 80%;
    height: auto;
    transition: 0.6s;
}
.item-overlay {
    position: absolute;
    inset: 0px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    z-index: 2;
    transition: 0.6s;
}
.item-title {
    text-align: center;
}
.item-title h5 {
    font-size: 1.1em;
    color: white;
    line-height: 1.2;
    text-align: center;
    margin: 0px;
    font-weight: 400;
}
.item-title small {
    display: block;
}
.expand-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 2em;
    height: 2em;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
    line-height: 1;
}
.expand-icon .fa-external-link::before {
    content: "";
    font-family: FontAwesome;
}
.product-item.active .expand-icon {
    background: rgba(5, 0, 0, 0.15);
}
.expand-icon i {
    font-style: normal;
    font-weight: 500;
    color: white;
    font-size: 180%;
    transition: 0.4s ease-out;
    vertical-align: middle;
    line-height: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.expand-icon i img {
    max-width: 0.5em;
}
.expand-icon i.fa-external-link {
    font-size: 100%;
}
.product-item.active .expand-icon i {
    transform: rotate(45deg);
}
.detail-row-panel {
    grid-column: 1 / -1;
    width: 100%;
    display: none;
    grid-template-rows: 0fr;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    border: 2px solid transparent;
    background: linear-gradient(rgb(64, 0, 144), rgb(64, 0, 144)) border-box padding-box, border-box;
}
.detail-row-panel.is-open {
    display: grid;
    grid-template-rows: 1fr;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px -10px;
    background: linear-gradient(rgb(27, 5, 78), rgb(9, 3, 44)) padding-box padding-box, linear-gradient(135deg, rgb(69, 12, 147), rgb(43, 3, 121)) border-box border-box;
}
.panel-overflow-wrapper {
    min-height: 0px;
    overflow: hidden;
    padding: 0px 25px;
}
.opacity-0 {
    opacity: 0;
}
.hidden {
    display: none;
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.animate-up {
    animation: 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal forwards running fadeInUp;
}
.close-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    color: rgb(100, 116, 139);
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: 0.3s;
    z-index: 20;
}
dl.panel-group {
    margin: 0px;
    overflow: hidden;
    background: transparent;
}
dt.panel-heading {
    background-color: transparent;
    color: rgb(255, 255, 255);
    margin: 0px;
    padding: 0px;
    display: block;
    position: relative;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s;
}
dt.panel-heading h4 {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
dt.panel-heading:first-of-type h4 {
    border-top: transparent;
}
.panel-title {
    margin: 0px;
    padding: 15px 45px 15px 0px;
    font-size: 120%;
    font-weight: 400;
    text-align: left;
    color: rgb(201, 137, 251) !important;
}
.panel-title:before {
    display: none;
}
.panel-title a {
    display: block;
    color: rgb(255, 255, 255);
    transition: 0.3s;
}
dd.panel-collapse {
    margin: 0px;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease-out;
    border-radius: 0px 0px 5px 5px;
}
dd.panel-collapse.open {
    grid-template-rows: 1fr;
}
.panel-body-wrapper {
    overflow: hidden;
}
.panel-body-wrapper ul {
    padding: 0px 15px 15px;
    color: rgb(51, 51, 51);
    text-align: left;
    margin: 0px;
    list-style: none;
    display: grid;
    column-gap: 15px;
    grid-template-columns: repeat(5, 1fr);
}
.panel-body-wrapper ul li a strong {
    display: block;
    text-align: center;
    padding: 6px 0px;
}
.panel-body-wrapper ul li a {
    display: block;
    font-size: 80%;
    color: rgb(255, 255, 255);
    text-align: center;
    transition: 0.3s;
}
.panel-body-wrapper ul li a img {
    display: block;
    margin: 0px auto;
    max-width: 150px;
}
.panel-heading::after {
    content: "";
    font-family: FontAwesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.3s;
    font-size: 24px;
}
.panel-heading.active::after {
    transform: translateY(-50%) rotate(0deg);
}
.panel-heading.active {
    border-color: transparent;
}
.ulink-row.row.colType-normal:nth-last-child(1) {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/Gaming_Solutions/request-for-quotation.webp");
}
#askanADLINKexpert h2 {
	font-weight: 500!important;
	color: #fff!important;
    padding: 0!important;
    border-bottom:none!important;
}
.mktoFroms {
    padding: 50px 0px 20px!important;
}
.forms-card {
    padding: 0!important;
    background-color: transparent!important;
    border: none!important;
    box-shadow: none!important;
}
@media screen and (max-width: 1200px) {
    #complianceReliability .GamingProduct_content {
        max-width: 700px;
    }
    #complianceReliability .d-flex {
        flex-wrap: wrap;
    }
    #complianceReliability .d-flex article.Reliability {
        max-width: 60%;
        padding-right: 5%;
    }
    #complianceReliability .d-flex article.Security {
        max-width: 40%;
    }
    #complianceReliability .d-flex article.PokerCards {
        max-width: 480px;
    }
}
@media screen and (min-width: 768px) and (max-width: 1190px) {
    .whyAdlinkGaming small {
        max-width: 69%;
    }
}
@media screen and (max-width: 1024px) {
    .products-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (max-width: 979px) {
    .scrollbar {
        overflow-x: auto;
        white-space: nowrap;
        overscroll-behavior-x: contain;
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
        text-align: center;
    }
    .scrollbar::-webkit-scrollbar {
        display: none;
    }
    :is(.applications, .whyAdlinkGaming) .GamingProduct_content {
        width: 100%;
    }
    .GamingProduct_Features {
        padding: 15px 25px 15px 15px;
        font-size: 60%;
        display: inline-flex;
        flex-wrap: nowrap;
        justify-content: unset;
    }
    .applications .scrollbar {
        padding: 0px 15px;
    }
    .applications .scrollbar table {
        width: 1180px;
    }
    .applications .cardTable {
        font-size: 102%;
    }
    .applications .cardTable td, .applications .cardTable th {
        padding: 1em 0.6em;
    }
    #productOfferings .GamingProduct_content {
        max-width: 700px;
    }
}
@media (max-width: 768px) {
    .whyAdlinkGaming, .applications {
        background-color: rgb(12, 18, 32);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100%;
        background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/gaming/whyAdlinkGaming_bg_mobile.webp");
    }
    .products-grid {
        grid-template-columns: 1fr;
    }
    .max-GS_content {
        padding: 0px;
        width: 100% !important;
    }
    .GamingProduct_hero .GamingProduct_content {
        flex-direction: column-reverse;
    }
    .GamingProduct_hero .GamingProduct_content h1 br {
        display: none;
    }
    .GamingProduct_hero figure {
        margin: 0px auto 5em;
        max-width: 80%;
    }
    .GamingProduct_certifications ul {
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
        max-width: none;
    }
    .panel-body-wrapper ul {
        padding: 0px 0px 15px;
        gap: 15px;
        grid-template-columns: repeat(2, 1fr);
    }
    .resources {
        background: linear-gradient(rgba(43, 6, 62, 0) 0%, rgba(43, 6, 62, 0.8) 100%);
    }
    .resources dl {
        display: flex;
        max-width: none;
        flex-direction: column-reverse;
    }
    .resources dl dt {
        margin: 30px auto 0px;
        max-width: 220px;
        text-align: center;
    }
    .industryCredibility dl {
        display: block;
        transform: skew(0deg);
    }
    .industryCredibility dl dt {
        max-width: 100%;
        padding-top: 50%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100%;
        background-image: url("https://cdn-source.adlinktech.com/WebUpd/en/Upload/gaming/industryCredibility.webp");
    }
    .industryCredibility dl dt::before {
        display: none;
    }
    .industryCredibility dl dd {
        display: block;
    }
    .industryCredibility dl dd div {
        padding: 15px;
    }
    .industryCredibility ul {
        transform: skew(0deg);
        font-size: 3.4vw;
    }
    .industryCredibility ul li {
        margin: 10px 0px;
    }
    .GamingProduct_certifications h2 span {
        display: inline-block;
    }
    #complianceReliability .d-flex article.Reliability {
        margin-bottom: 2em;
    }
    #productOfferings h4 {
        margin-bottom: 1em;
    }
    #complianceReliability .d-flex article.Reliability, #complianceReliability .d-flex article.Security, #complianceReliability .d-flex article.PokerCards {
        max-width: none;
        padding-right: 0;
    }
    #gamingEcosystem h2 + p {
        margin: 0px auto 1.5em;
    }
    #gamingEcosystem article div, #gamingEcosystem article .line {
        transform: none;
    }
    #gamingEcosystem article {
        padding: 24% 0;
        font-size: 3vw;
        position: relative;
    }
    #gamingEcosystem article .GamingSolutions_products {
        max-width: 80%;
    }
    #gamingEcosystem article div.amd_intel {
        max-width: 14em;
        left: 5%;
        top: 7%;
        text-align: center;
    }
    #gamingEcosystem article div.auo {
        max-width: 14em;
        left: inherit;
        right: 0%;
        top: 4%;
        text-align: center;
    }
    #gamingEcosystem article div.nvidia {
        max-width: 13em;
        left: 25%;
        top: inherit;
        bottom: 5%;
        text-align: center;
    }
    #gamingEcosystem article div.nvidia img {
        max-width: 66%;
    }
    #gamingEcosystem article .line {
        max-width: none;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #gamingEcosystem {
        padding-bottom: 30px !important;
    }
.mktoFroms {
    padding: 50px 0px 0!important;
}
}
@media screen and (min-width: 768px) {
    .GamingProduct_hero {
        align-items: center;
    }
    .GamingProduct_hero .GamingProduct_content {
        padding-bottom: 0;
    }
    #gamingEcosystem {
        background-size: 2048px auto;
        background-position: center 68%;
        background-image: url(https://cdn-source.adlinktech.com/WebUpd/en/Upload/Gaming_Solutions/gamingEcosystem_bg.webp);
    }
    .GamingProduct section {
        padding: 70px 0px;
    }
    .GamingProduct_hero, .GamingProduct_Video {
        height: 36vw;
    }
    .GamingProduct_hero {
        padding: 5%;
    }
    .GamingProduct_hero .GamingProduct_content {
        font-size: 0.9vw;
    }
    .GamingProduct_hero .GamingProduct_content article {
        width: 74%;
        margin-right: -4%;
    }
    .GamingProduct_hero .GamingProduct_content p {
        font-size: 2.2em;
    }
    #complianceReliability .d-flex {
        display: flex;
        justify-content: center;
    }
    .resources dl {
        max-width: 54.5em;
    }
    .resources dl dd {
        flex: 1 1 0%;
        padding-left: 50px;
    }
    .resources dl dt {
        max-width: 13em;
    }
    .hex-content a:hover {
        color: rgb(165, 126, 227) !important;
    }
    .GamingProduct_Features article:nth-of-type(2) .GamingProduct_FeaturesInner:hover .hex-wrap {
        transform: scale(1.05);
    }
    .downloadTheBrochure a:hover::after {
        transition: opacity 0.3s, transform 0.3s;
        animation: 1s linear 0s infinite normal none running arrow-bounce;
        will-change: transform;
    }
    .downloadTheBrochure a:hover {
        background-color: rgb(238, 67, 46);
    }
    .product-item:hover, .product-item.active {
        transform: translateY(-8px);
    }
    .product-item:hover::before, .product-item.active::before {
        box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px -10px;
        background: linear-gradient(rgb(64, 0, 144), rgb(64, 0, 144)) padding-box padding-box, linear-gradient(135deg, rgb(163, 31, 208), rgb(76, 21, 151)) border-box border-box;
        opacity: 1;
    }
    .product-item:hover .item-overlay {
        background: transparent;
    }
    .product-item.active::after {
        opacity: 1;
        border-color: rgb(81, 0, 162) transparent transparent;
    }
    .product-item:hover img.main-thumb, .product-item.active img.main-thumb {
        transform: scale(1.1);
    }
    .close-btn:hover {
        background: rgba(255, 255, 255, 0.05);
        color: rgb(16, 185, 129);
    }
    .panel-title:hover a {
        color: rgb(201, 137, 251) !important;
    }
    .panel-body-wrapper ul li a:hover {
        transform: scale(1.05);
    }
    .resources dl dt a:hover span {
        background-color: rgb(238, 67, 46);
    }
    .resources dl dt a:hover {
        transform: scale(1.02);
    }
}
@media (min-width: 1200px) {
    #complianceReliability .d-flex article.PokerCards {
        margin-top: -2em;
    }
    #complianceReliability .d-flex article.Reliability {
        max-width: 340px;
    }
    #complianceReliability .d-flex article.Security {
        max-width: 300px;
    }
}
@media (min-width: 1366px) {
    .GamingProduct_hero, .GamingProduct_Video {
        height: 490px;
    }
    .GamingProduct_hero {
        padding: 0px;
    }
    .GamingProduct_hero .GamingProduct_content {
        font-size: 1rem;
    }
    .GamingProduct_hero .GamingProduct_content article {
        width: 66%;
    }
}
@media (min-width: 1590px) {
    .GamingProduct_hero {
        font-size: 100%;
    }
}
@media (min-width: 1920px) {
    .GamingProduct_hero::before {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0px;
        left: 50%;
        bottom: 0px;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1920px;
        z-index: 2;
        background: linear-gradient(to right, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgb(0, 0, 0) 100%);
    }
}
@media screen and (min-width: 2300px) {
    .GamingProduct {
        background-size: cover;
    }
}