/*
Theme Name: Flatsome Child
Theme URI: https://flatsome.uxthemes.com/
Description: Child theme for ABI Game Studio - Flatsome
Author: ABI Game Studio
Template: flatsome
Version: 1.0.0
Text Domain: flatsome-child
*/

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Poppins:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

@font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/HelveticaNeue-Regular.woff') format('woff'),
        url('assets/fonts/HelveticaNeue-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


#logo .header-logo-dark,
.abi-timeline-container::before,
.abi-white-apply-card input[type="file"],
.mfp-hide,
#main-menu.mfp-hide,
.mobile-sidebar.mfp-hide,
.mobile-sidebar .abi-menu-text-hover {
    display: none !important;
}

#header,
.header,
.header-wrapper,
#masthead.header-main {
    transition: none !important;
    background: transparent !important;
    padding: 0;
    z-index: 9999 !important;
}

.header-bg-container,
.header-bg-image,
.header-bg-color {
    pointer-events: none !important;
    z-index: -1 !important;
}

.header-bg-color {
    background: transparent !important;
}

.button,
.header-nav-main>li {
    margin: 0 !important;
}

.button:not(.icon)>span+i {
    margin-left: 0em !important;
    margin-top: 2px !important;
}

#logo img {
    max-height: 55px !important;
    width: auto !important;
    object-fit: contain;
}

#masthead .header-inner {
    border-radius: 16px;
    background: rgba(18, 18, 18, 0.278) !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    padding: 10px 16px;
    min-height: 75px;
    width: calc(100% - 40px);
    max-width: 1240px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.stuck #masthead .header-inner,
.stuck .header-inner {
    background: rgba(12, 12, 12, 0.92) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.6) !important;
}

html body #header #masthead #logo img,
html body .stuck #header #masthead #logo img,
html body .stuck #logo img,
html body .stuck .logo img,
html body .stuck .header-logo {
    max-height: 45px !important;
}

.header-nav-main {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.header-nav-main>li>a {
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    color: #FFFFFF !important;
    letter-spacing: 0.5px;
    min-width: 113px;
    height: 38px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 18px !important;
    border-radius: 5px;
    text-align: center;
    transition: all 0.25s ease-in-out;
}

.header-nav-main>li>a:hover,
.header-nav-main>li.active>a,
.header-nav-main>li.current-menu-item>a {
    color: #FF5500 !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

.header-nav .nav-icon,
.mobile-sidebar-toggle,
.mobile-nav a,
.abi-menu-text-default,
.abi-pub-story-card:hover .abi-pub-story-heading,
.featured-box.abi-pub-story-card:hover .abi-pub-story-heading,
.abi-pub-story-card:hover .abi-orange-num,
.featured-box.abi-pub-story-card:hover .abi-orange-num,
.abi-pub-story-card:hover .abi-pub-story-desc,
.featured-box.abi-pub-story-card:hover .abi-pub-story-desc,
.abi-pub-story-card:hover .icon-box-img i,
.featured-box.abi-pub-story-card:hover .icon-box-img i,
.abi-privacy-agree-box .wpcf7-list-item-label span,
.abi-privacy-agree-box label span {
    color: #FFFFFF !important;
}

.header-shadow .header-wrapper,
.header-wrapper,
.layout-shadow #wrapper {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

blockquote,
dl,
figure,
form,
ol,
p,
pre,
ul {
    margin-bottom: 0 !important;
}

.abi-hero-section {
    position: relative;
    padding-top: 170px !important;
    padding-bottom: 200px !important;
    overflow: hidden;
}

.abi-hero-section .section-content,
.abi-careers-section .section-content,
.abi-careers-section .row,
.abi-about-hero .section-content {
    position: relative;
    z-index: 2;
}

.abi-hero-section .section-bg :is(img, picture, video) {
    object-position: 50% 107%;
}

.abi-hero-tagline {
    font-size: 75px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.2;
    margin-bottom: 0;
    text-transform: uppercase;
}

.abi-hero-heading {
    font-size: 90px;
    font-weight: 800;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: -2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.abi-hero-subtext {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    letter-spacing: 0.24px;
}

.abi-section-title {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.4;
    letter-spacing: 0px;
    margin-bottom: 16px;
    position: relative;
    display: inline-block;
}

.abi-section-desc {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.5;
    letter-spacing: 0.16px;
}

.abi-stat-card {
    background: transparent;
    padding: 0;
}

.abi-stat-number {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1;
    letter-spacing: -0.4px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-variant-numeric: tabular-nums;
}

.abi-stat-label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
    letter-spacing: -0.16px;
    max-width: 170px;
}

.abi-btn-link {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.18px !important;
}

.abi-team-banner img {
    border-radius: 16px !important;
    width: 100%;
    height: 518px;
    object-fit: cover;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.abi-carousel-wrap {
    position: relative;
    width: 100%;
    height: 420px;
    margin: 0 auto;
    box-sizing: border-box;
}

#abiGameCarousel {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
    cursor: grab;
    user-select: none;
}

#abiGameCarousel:active {
    cursor: grabbing;
}

.abi-game-card-abs {
    position: absolute;
    overflow: hidden;
    border-radius: 6px;
    background: #1a1a1a;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7);
    transition: opacity 0.3s ease;
}

.abi-game-card-abs:hover {
    opacity: 1 !important;
}

.abi-game-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 6px;
    overflow: hidden;
}

.abi-game-card-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 6px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    pointer-events: none;
}

.abi-game-card-abs:hover .abi-game-card-inner::before,
.abi-game-grid-card:hover .abi-game-grid-card-inner::before,
.abi-game-grid-card-inner:hover::before {
    opacity: 1;
    visibility: visible;
}

.abi-card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
}

.abi-game-card-abs:hover .abi-card-img {
    transform: none;
}

.abi-card-inline-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.35s ease;
    z-index: 5;
    background: #000;
}

.abi-game-card-abs.is-playing .abi-card-inline-video,
.abi-video-modal-backdrop.active {
    opacity: 1;
    pointer-events: auto;
}

.abi-video-overlay-btn {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 48px;
    height: 48px;
    background: rgba(255, 85, 0, 0.9);
    border: 2px solid #ffffff;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);
    transition: transform 0.25s ease, background 0.25s ease, opacity 0.25s ease;
    z-index: 12;
}

.abi-figma-bottom-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 66px;
    box-sizing: border-box;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    z-index: 15;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
    pointer-events: none;
}

.abi-game-card-abs:hover .abi-figma-bottom-bar,
.abi-game-grid-card-inner:hover .abi-figma-bottom-bar,
.abi-game-grid-card:hover .abi-figma-bottom-bar {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

.abi-figma-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 0;
    max-width: 117px;
    height: 36px;
    min-width: 0;
    transition: filter 0.25s ease;
    border-radius: 6px;
    line-height: 0;
}

.abi-figma-badge svg,
.abi-figma-badge img {
    width: 100%;
    height: 36px;
    max-width: 117px;
    display: block;
    object-fit: contain;
}

.abi-figma-badge:hover {
    filter: brightness(0.95);
}

.abi-video-overlay-btn:hover {
    transform: translate(-50%, -50%) scale(1.15);
    background: #ff5500;
}

.abi-figma-game-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    text-align: center;
    text-transform: capitalize;
    margin-top: 8px;
    transition: color 0.3s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.abi-game-card-abs:hover .abi-figma-game-title,
.abi-game-card-abs.is-center .abi-figma-game-title,
.abi-menu-text-hover,
.abi-blog-main-title a:hover,
.abi-blog-hot-title a:hover,
.abi-blog-grid-title a:hover,
.abi-share-btn:hover,
.abi-btn-link .abi-menu-text-hover,
.abi-btn-orange,
.button.primary.abi-btn-orange,
.button.abi-btn-orange,
.abi-btn-orange .abi-menu-text-hover,
.abi-btn-orange .abi-menu-text-default,
.abi-btn-orange .icon-angle-right,
.abi-submit-breadcrumb a:hover {
    color: #FF6A00 !important;
}

.abi-badge-link {
    display: inline-block;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.abi-badge-link:hover {
    transform: scale(1.06);
    filter: brightness(1.18);
}

.abi-game-card-links {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.abi-store-btn {
    font-size: 10px !important;
    font-weight: 600 !important;
    padding: 3px 8px !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.25) !important;
    backdrop-filter: blur(4px);
    text-decoration: none !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.abi-store-btn:hover {
    background: #FF5500 !important;
    transform: translateY(-1px);
}

.abi-video-modal-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.88);
    backdrop-filter: blur(10px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.abi-video-modal-content {
    position: relative;
    width: 90%;
    max-width: 840px;
    aspect-ratio: 16/9;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.9);
}

.abi-video-modal-content iframe,
.abi-video-modal-content video {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.abi-video-modal-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #ffffff;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    background: none;
    border: none;
    transition: color 0.2s ease;
}

.abi-video-modal-close:hover {
    color: #FF5500;
}

.abi-carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    background: #272727;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    padding: 0;
    margin: 0 !important;
    transition: background 0.25s ease, border-color 0.25s ease;
}

.abi-carousel-btn svg {
    width: 11px;
    height: 14px;
    display: block;
}

.abi-carousel-btn:hover {
    background: #FF5500;
    border-color: #FF5500;
}

.abi-carousel-btn--prev {
    left: -25px;
}

.abi-carousel-btn--next {
    right: -25px;
}

.abi-partners-section {
    background-color: #FFFFFF;
    color: #111111;
    padding-top: 80px;
    padding-bottom: 80px;
}

.abi-partners-title {
    font-size: 40px;
    font-weight: 600;
    color: #111111;
    text-transform: uppercase;
    line-height: 1.3;
}

.abi-btn-orange {
    font-size: 18px;
    font-weight: 700;
    color: #FF5500;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.abi-careers-section {
    position: relative;
    background-color: #000000 !important;
    overflow: hidden;
}

.abi-careers-section .section-bg,
.abi-pub-gallery-wrap {
    overflow: hidden;
}

.abi-careers-section .section-bg img {
    object-fit: cover !important;
    object-position: right center !important;
}

.abi-careers-section .section-bg-overlay,
.abi-careers-section .section-bg::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 80% !important;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 45%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0) 100%) !important;
    pointer-events: none;
    z-index: 1;
    opacity: 1 !important;
}

.abi-careers-section .abi-section-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 50px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

.abi-careers-section .abi-section-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
    color: #DEDEDE;
    letter-spacing: 0.18px;
}

.abi-logo-marquee-container {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    user-select: none;
}

.abi-logo-marquee-container::before,
.abi-logo-marquee-container::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 80px;
    z-index: 2;
    pointer-events: none;
}

.abi-logo-marquee-container::before {
    left: 0;
    background: linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.abi-logo-marquee-container::after {
    right: 0;
    background: linear-gradient(to left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.abi-logo-marquee-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: var(--marquee-gap, 50px);
    will-change: transform;
}

.abi-logo-marquee-track--ltr {
    animation: abiMarqueeLTR var(--marquee-speed, 25s) linear infinite;
}

.abi-logo-marquee-track--rtl {
    animation: abiMarqueeRTL var(--marquee-speed, 25s) linear infinite;
}

.abi-logo-marquee-container:hover .abi-logo-marquee-track,
.abi-blog-ticker-container:hover .abi-blog-ticker-track {
    animation-play-state: paused;
}

.abi-logo-marquee-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    height: var(--marquee-height, 36px);
}

.abi-logo-marquee-item img {
    height: var(--marquee-height, 36px);
    width: auto;
    max-height: 100%;
    object-fit: contain;
    transition: filter 0.3s ease, transform 0.3s ease;
}

.abi-logo-marquee-item:hover img,
.abi-logo-marquee-item:hover .abi-logo-text,
.abi-blog-grid-img-wrap:hover img {
    transform: scale(1.05);
}

.abi-logo-marquee-item .abi-logo-text {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    white-space: nowrap;
    line-height: 1;
    transition: transform 0.3s ease;
}

.abi-footer-section {
    background-color: #111111;
    color: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 0;
}

.absolute-footer {
    background-color: #232323 !important;
    padding: 10px 0 !important;
}

.abi-footer-top-row {
    align-items: center;
}

.abi-footer-widget-title {
    font-family: 'Oswald', sans-serif !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.7px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.abi-footer-socials .abi-social-icons {
    display: flex;
    gap: 12px;
    justify-content: end;
}

.stackDownloadFooter {
    align-items: center !important;
}

.stackDownloadFooter .img,
.stackDownloadFooter .img-inner {
    height: 40px !important;
    width: auto !important;
    max-height: 40px !important;
}

.stackDownloadFooter img,
.stackDownloadFooter .img img,
.stackDownloadFooter .img-inner img {
    height: 40px !important;
    max-height: 40px !important;
    width: auto !important;
    object-fit: contain !important;
    display: block !important;
}

.abi-social-icon {
    width: 40px;
    height: 40px;
    border: 1px solid #E5E5E5;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    font-size: 18px;
    transition: all 0.25s ease;
}

.abi-social-icon:hover {
    border-color: #FF5500;
    color: #FF5500 !important;
    transform: translateY(-2px);
}

.abi-app-badges {
    display: flex;
    gap: 12px;
}

.abi-app-badge {
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 6px;
    padding: 7px 17px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none !important;
    transition: transform 0.25s ease, filter 0.25s ease;
}

.abi-app-badge:hover {
    transform: translateY(-2px);
    filter: brightness(0.95);
}

.abi-app-badge div,
.abi-contact-item div,
.abi-pub-stories-wrap .row>.col {
    display: flex;
    flex-direction: column;
}

.abi-app-badge .sub {
    font-size: 10px;
    color: #4A4A4A;
    line-height: 1.2;
}

.abi-app-badge .main {
    font-size: 14px;
    font-weight: 600;
    color: #1A1A1A;
    line-height: 1.2;
}

.abi-footer-col-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    letter-spacing: 0.8px !important;
    color: #FFFFFF !important;
    text-transform: uppercase !important;
    margin-bottom: 20px !important;
}

.abi-footer-link-item {
    margin-bottom: 12px !important;
}

.abi-footer-link-item a {
    font-size: 16px !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
    transition: color 0.2s ease, transform 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.abi-footer-link-item a .arrow {
    color: #FF5500;
    font-size: 14px;
}

.abi-footer-link-item a:hover {
    color: #FF5500 !important;
    transform: translateX(4px);
}

.abi-contact-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.abi-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    text-decoration: none !important;
    color: inherit;
    transition: opacity 0.2s ease;
}

a.abi-contact-item:hover {
    opacity: 0.85;
}

.abi-contact-item svg {
    flex-shrink: 0;
    margin-top: 3px;
}

.abi-contact-item .title {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.abi-contact-item .desc {
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
    opacity: 0.85;
}

.abi-absolute-footer,
.abi-form-group.full-width,
.abi-section-title:hover::after {
    width: 100%;
}

.abi-copyright-bar {
    background-color: #232323;
    padding: 10px;
    text-align: center;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
}

.abi-copyright-bar p {
    font-size: 16px !important;
    color: #FFFFFF !important;
    letter-spacing: 0.16px;
    margin: 0 !important;
}

.abi-about-hero {
    position: relative;
    overflow: hidden;
}

.abi-about-hero .section-bg-overlay,
.abi-about-hero .section-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.45) 34.36%, rgba(0, 0, 0, 0.80) 100%) !important;
    pointer-events: none;
    z-index: 1;
    opacity: 1 !important;
}

.abi-about-hero-title {
    font-size: 64px;
    font-weight: 700;
    line-height: 1.1;
    color: #FFFFFF;
    margin-bottom: 0;
}

.abi-who-we-are-section,
.abi-career-why-section,
.abi-career-gallery-section {
    background-color: #000000;
}

.abi-page-heading {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 0;
    text-transform: capitalize;
}

.abi-page-desc {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    max-width: 820px;
    margin: 0 auto;
}

.abi-stats-row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
}

.abi-stats-row .abi-stat-col {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 0%;
    max-width: 100%;
    padding-left: 8px;
    padding-right: 8px;
}

.abi-stats-row .abi-stat-col>.col-inner {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    height: 100% !important;
}

.abi-stat-box {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    padding: 14px 14px;
    text-align: left;
    height: 100% !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 8px;
    box-sizing: border-box !important;
    transition: all 0.3s ease;
}

.abi-stat-box:hover {
    background: #FF6A00;
    border-color: #FF6A00;
    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.35);
    cursor: pointer;
}

.abi-stat-box .num {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.4px;
    color: #FFFFFF;
    line-height: 1;
    margin: 0;
    text-transform: uppercase;
}

.abi-stat-box .label {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: -0.16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.3;
    margin: 0;
    transition: color 0.3s ease;
}

.abi-stat-box--active .label,
.abi-stat-box:hover .label {
    color: rgba(255, 255, 255, 0.95) !important;
}

.abi-timeline-container-wrap {
    width: 100%;
    max-width: 1210px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

.abi-timeline-container {
    position: relative;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 40px;
    max-height: 520px;
    overflow-y: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
    box-sizing: border-box;
}

.abi-timeline-container::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}

.abi-timeline-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 5px;
    height: calc(100% + 40px);
    width: 2px;
    background: rgba(255, 255, 255, 0.15);
    z-index: 1;
}

.abi-timeline-item:last-child::before {
    height: 50% !important;
    display: block !important;
}

.abi-timeline-item {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 154px;
    flex-shrink: 0;
    margin: 0 !important;
    width: 100%;
    box-sizing: border-box;
}

.abi-timeline-dot {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
    z-index: 2;
}

.abi-timeline-year {
    font-size: 60px !important;
    font-weight: 500 !important;
    color: transparent !important;
    -webkit-text-stroke: 1.5px rgba(255, 255, 255, 0.85) !important;
    letter-spacing: 1.8px !important;
    line-height: 1.1 !important;
    width: 180px;
    flex-shrink: 0;
    margin: 0 !important;
}

.abi-timeline-content-box {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-shrink: 0;
}

.abi-timeline-img-wrapper {
    width: 406px;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

.abi-timeline-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.abi-timeline-desc-text {
    width: 289px;
    flex-shrink: 0;
}

.abi-timeline-desc-text p,
.abi-timeline-desc-text span,
.abi-timeline-desc {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    display: block !important;
}

.abi-values-row {
    gap: 20px 0;
}

.abi-value-card {
    position: relative;
    background: #000000;
    border: 1px solid #6d6d6b;
    border-radius: 12px;
    padding: 24px 24px 28px 24px;
    height: 226px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    transition: background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
    cursor: pointer;
}

.abi-value-card .icon {
    margin-bottom: 20px;
    width: 40px;
    height: 40px;
}

.abi-value-icon-img {
    width: 40px;
    height: 40px;
    object-fit: contain;
    display: block;
}

.abi-value-card .title {
    font-size: 22px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.1;
    margin: 0;
    max-width: 249px;
}

.abi-value-card .mascot {
    position: absolute;
    right: -4px !important;
    bottom: -11px !important;
    width: 127px;
    height: auto;
    object-fit: contain;
    pointer-events: none;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(115%);
    transition: transform 0.65s cubic-bezier(0.34, 1.45, 0.64, 1);
    z-index: 2;
}

.abi-value-card--active,
.abi-value-card:hover {
    background: #FF6A00 !important;
    border-color: #FF6A00 !important;
    box-shadow: 0 12px 30px rgba(255, 106, 0, 0.35);
}

.abi-value-card--active .mascot,
.abi-value-card:hover .mascot {
    transform: translateY(0);
}

.header-nav>li>a,
.nav>li>a,
.header-main .nav>li>a,
#masthead .nav>li>a,
a.nav-top-link,
#masthead .sub-menu>li>a,
#masthead .nav-dropdown>li>a {
    position: relative;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 38px !important;
    padding: 0 16px !important;
    border-radius: 5px !important;
    border: 1px solid transparent !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    transition: border-color 0.3s ease !important;
    text-decoration: none !important;
    background: transparent !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#masthead .sub-menu>li>a,
#masthead .nav-dropdown>li>a {
    margin-bottom: 1rem !important;
}

.header-main .nav>li.has-dropdown>a .icon-angle-down,
.header-main .nav>li.has-dropdown::before,
.header-main .nav>li.has-dropdown::after {
    display: none;
}

ul.sub-menu.nav-dropdown.nav-dropdown-default {
    top: 120%;
    border-radius: 16px;
    background: rgba(12, 12, 12, 0.92) !important;
    backdrop-filter: blur(0px) !important;
    -webkit-backdrop-filter: blur(0px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
    justify-content: space-between;
    transition: all 0.3s ease;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.nav-dropdown-default .nav-column li>a,
.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: none !important;
    color: #ffffff !important;
}

.header-nav>li>a:hover,
.nav>li>a:hover,
.header-main .nav>li>a:hover,
#masthead .nav>li>a:hover,
.header-nav>li.active>a,
.nav>li.active>a,
.header-main .nav>li.active>a,
#masthead .nav>li.active>a,
.header-nav>li.current-menu-item>a,
.nav>li.current-menu-item>a,
.header-main .nav>li.current-menu-item>a,
#masthead .nav>li.current-menu-item>a,
#masthead .sub-menu>li>a:hover,
#masthead .nav-dropdown>li>a:hover {
    border-color: #FF6A00 !important;
}

.abi-menu-roll {
    display: flex;
    flex-direction: column;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
    position: relative;
}

.abi-menu-text-hover,
.abi-menu-text-default {
    display: block;
    font-family: 'Oswald', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    line-height: 26px !important;
    height: 26px !important;
    white-space: nowrap !important;
    transform: translateY(-26px);
    transition: transform 0.32s cubic-bezier(0.175, 0.885, 0.32, 1.18) !important;
}


#masthead .sub-menu>li>a:hover .abi-menu-text-hover,
#masthead .nav-dropdown>li>a:hover .abi-menu-text-hover,
#masthead .sub-menu>li>a:hover .abi-menu-text-default,
#masthead .nav-dropdown>li>a:hover .abi-menu-text-default,
.header-nav>li>a:hover .abi-menu-text-hover,
.header-nav>li>a:hover .abi-menu-text-default,
.nav>li>a:hover .abi-menu-text-hover,
.nav>li>a:hover .abi-menu-text-default,
.header-main .nav>li>a:hover .abi-menu-text-hover,
.header-main .nav>li>a:hover .abi-menu-text-default,
#masthead .nav>li>a:hover .abi-menu-text-hover,
#masthead .nav>li>a:hover .abi-menu-text-default,
.header-nav>li.active>a .abi-menu-text-hover,
.header-nav>li.active>a .abi-menu-text-default,
.nav>li.active>a .abi-menu-text-hover,
.nav>li.active>a .abi-menu-text-default,
.header-nav>li.current-menu-item>a .abi-menu-text-hover,
.header-nav>li.current-menu-item>a .abi-menu-text-default,
.abi-btn-link:hover .abi-menu-text-hover,
.abi-btn-link:hover .abi-menu-text-default,
.abi-btn-orange:hover .abi-menu-text-hover,
.abi-btn-orange:hover .abi-menu-text-default {
    transform: translateY(0) !important;
}

.abi-games-hero-section {
    position: relative;
    width: 100%;
    height: 711px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-sizing: border-box;
}

.abi-games-hero-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    z-index: 1;
}

.abi-games-hero-content {
    position: relative;
    z-index: 2;
    max-width: 671px;
    margin: 0 auto;
    padding: 0 20px;
}

.abi-games-hero-title {
    font-size: 60px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.1;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.abi-games-hero-subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1.4;
    margin: 0;
}

.abi-games-grid-container-wrap {
    width: calc(100% - 40px);
    max-width: 1240px;
    margin: 60px auto 80px auto;
    padding: 0 15px;
    box-sizing: border-box;
}

.abi-games-filter-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.abi-filter-btn {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 20px;
    padding: 8px 24px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.abi-filter-btn.active,
.abi-filter-btn:hover {
    background: #FF6A00;
    border-color: #FF6A00;
    color: #FFFFFF;
    box-shadow: 0 6px 20px rgba(255, 106, 0, 0.35);
}

.abi-games-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
    width: 100%;
    box-sizing: border-box;
}

.abi-game-grid-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.abi-game-grid-card-inner {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 8px;
    overflow: hidden;
    background: #111111;
}

.abi-game-grid-card-inner::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    border-radius: 8px;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
    pointer-events: none;
}

.abi-game-cat-badge {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 51px;
    background: rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    z-index: 15;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}

.abi-game-grid-card:hover .abi-game-cat-badge {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.abi-game-artwork {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    transition: transform 0.4s ease;
}

.abi-game-grid-card:hover .abi-game-artwork,
.abi-blog-hot-img:hover img {
    transform: scale(1.06);
}

.abi-badge-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 8px;
    background: #FFFFFF;
    color: #000000;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.abi-game-card-title {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    margin-top: 16px;
    margin-bottom: 0;
    transition: color 0.3s ease;
    line-height: 1.3;
}

.abi-game-grid-card:hover .abi-game-card-title,
.abi-pub-step.active .abi-pub-step-num,
.abi-pub-step.active .abi-pub-step-name,
.abi-share-copy-btn:hover,
.abi-submit-hero-title .abi-orange-text,
.abi-step-item.active .abi-step-title,
.abi-step-col.active .abi-step-title,
.abi-step-text.active .abi-step-title {
    color: #FF6A00;
}

.abi-load-more-wrap {
    text-align: center;
    margin-top: 50px;
}

.abi-load-more-btn {
    background: transparent;
    border: none;
    border-radius: 25px;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: capitalize;
    letter-spacing: 0;
    color: #FF6A00;
    text-align: center;
    font-style: normal;
    line-height: 130%;
    text-decoration-line: underline;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    margin: 0;
    text-underline-position: from-font;
}

.abi-support-section-wrap {
    position: relative;
    width: 100%;
    padding: 80px 0;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}

.abi-support-container {
    position: relative;
    z-index: 2;
    width: calc(100% - 40px);
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    box-sizing: border-box;
}

.abi-support-left {
    flex: 1;
    max-width: 412px;
}

.abi-support-heading {
    font-size: 60px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.1;
    margin-bottom: 12px;
}

.abi-support-subheading {
    font-size: 36px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.2;
    margin: 0;
}

.abi-support-right {
    width: 606px;
    max-width: 100%;
}

.abi-support-card-form {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    box-sizing: border-box;
    width: 558px;
    max-width: 100%;
    margin: 0 auto;
}

.abi-form-row {
    display: flex !important;
    gap: 24px !important;
    margin-bottom: 0 !important;
}

.abi-form-group {
    flex: 1 1 0;
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    margin-bottom: 16px;
    min-width: 0;
    position: relative !important;
    width: 100% !important;
}

.abi-field-label {
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
    display: block;
    line-height: 1.4;
}

.abi-asterisk {
    color: #FF0000;
    font-weight: 500;
}

.abi-support-card-form p {
    margin: 0;
}

.abi-support-card-form .wpcf7-form-control-wrap,
.abi-white-apply-card .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

.abi-support-card-form input[type="text"],
.abi-support-card-form input[type="email"],
.abi-support-card-form select,
.abi-support-card-form textarea,
.abi-support-card-form .wpcf7-text,
.abi-support-card-form .wpcf7-email,
.abi-support-card-form .wpcf7-select,
.abi-support-card-form .wpcf7-textarea {
    width: 100%;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8);
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    margin-bottom: 0;
}

.abi-support-card-form textarea,
.abi-support-card-form .wpcf7-textarea {
    height: 76px;
    resize: vertical;
}

.abi-support-card-form select,
.abi-support-card-form .wpcf7-select {

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 36px;
    cursor: pointer;
}

.abi-support-card-form input::placeholder,
.abi-support-card-form textarea::placeholder {
    color: rgba(0, 0, 0, 0.4);
    font-size: 14px;
}

.abi-support-card-form input:focus,
.abi-support-card-form select:focus,
.abi-support-card-form textarea:focus,
.abi-support-card-form .wpcf7-form-control:focus {
    border-color: #FF6A00;
    box-shadow: 0 0 0 2px rgba(255, 106, 0, 0.15);
}

.abi-cf7-file-custom-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    overflow: hidden;
    background: #FFFFFF;
    box-sizing: border-box;
}

.abi-cf7-file-text {
    padding: 0 12px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 auto;
    min-width: 0;
}

.abi-cf7-file-text.has-file {
    color: rgba(0, 0, 0, 0.8);
}

.abi-cf7-file-btn-wrap {
    position: relative;
    height: 100%;
    background: #F0F0F0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 16px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.8);
    flex: 0 0 auto;
    transition: background 0.2s ease;
}

.abi-cf7-file-btn-wrap:hover {
    background: #E5E5E5;
}

.abi-cf7-file-btn-wrap .wpcf7-form-control-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

.abi-cf7-file-btn-wrap input[type="file"],
.abi-cf7-file-btn-wrap .wpcf7-file {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.abi-file-hint {
    font-style: italic;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    margin-top: 6px;
    margin-bottom: 0;
    display: block;
}

.abi-red-text {
    color: #FF0000;
    font-style: italic;
}

.abi-support-card-form input[type="submit"],
.abi-support-card-form .wpcf7-submit,
.abi-support-submit-btn {
    width: 100%;
    height: 48px;
    background: #FF6A00;
    border: none;
    border-radius: 8px;
    padding: 0 40px;
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 14px;
    letter-spacing: 0;
    transition: background 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
    margin-bottom: 0;
}

.abi-support-card-form input[type="submit"]:hover,
.abi-support-card-form .wpcf7-submit:hover,
.abi-support-submit-btn:hover {
    background: #e55f00;
    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.4);
}

.abi-support-card-form .wpcf7-response-output {
    margin: 0 !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
}

.abi-support-card-form .wpcf7-not-valid-tip {
    font-size: 12px;
    color: #DC2626;
    margin-top: 4px;
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: 5px !important;
}

.abi-pub-hero-wrap {
    background: #000000;
    overflow: hidden;
}

.abi-pub-hero-wrap::before {
    content: '';
    border-radius: 9999px;
    background: rgb(255 92 0 / 16%);
    filter: blur(100px);
    position: absolute;
    right: 140px;
    top: -47.097px;
    width: 768px;
    height: 768px;
    max-width: 768px;
    aspect-ratio: 1 / 1;
}

.abi-pub-hero-container {
    max-width: 1240px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    position: relative;
    z-index: 2;
}

.abi-pub-hero-image img {
    border-radius: 8px;
    box-shadow: 0 25px 25px 0 rgba(0, 0, 0, 0.15);
}

.abi-pub-hero-content {
    max-width: 620px;
}

.abi-pub-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #FF5C00;
    letter-spacing: 0.7px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.abi-pub-tag-dot {
    width: 8px;
    height: 8px;
    background-color: #FF5C00;
    border-radius: 2px;
}

.abi-pub-hero-title {
    font-size: 60px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.2;
    margin-bottom: 20px;
}

.abi-pub-hero-gradient {
    background: linear-gradient(90deg, #FFFFFF 0%, #A0A0A0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.abi-pub-hero-desc {
    font-size: 18px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin-bottom: 32px !important;
}

.abi-pub-hero-btn {
    align-items: center;
    background: #FF5C00;
    color: #FFFFFF !important;
    padding: 2px 32px !important;
    border-radius: 4px !important;
    box-shadow: 0 0 10px rgba(255, 92, 0, 0.4);
    letter-spacing: 0 !important;
}

.abi-pub-hero-media {
    flex: 1;
    max-width: 584px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 25px 25px rgba(0, 0, 0, 0.3);
}

.abi-pub-hero-img {
    width: 100%;
    height: auto;
    display: block;
}

.abi-pub-stories-wrap {
    background: #000000;
}

.abi-pub-stories-title {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 0px;
}

.abi-pub-stories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.abi-pub-story-card,
.featured-box.abi-pub-story-card {
    background: rgba(25, 25, 25, 0.6);
    border: 1px solid rgba(255, 255, 25, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 16px;
    padding: 32px 24px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    transition: all 0.3s ease;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
}

.abi-pub-story-card .icon-box-img,
.featured-box.abi-pub-story-card .icon-box-img {
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    color: #FF6A00;
    transition: all 0.3s ease;
}

.abi-pub-story-card .icon-box-img img,
.featured-box.abi-pub-story-card .icon-box-img img,
.abi-pub-story-card .icon-box-img svg,
.featured-box.abi-pub-story-card .icon-box-img svg {

    filter: brightness(0) saturate(100%) invert(48%) sepia(98%) saturate(1750%) hue-rotate(1deg) brightness(102%) contrast(101%);
    transition: filter 0.3s ease;
}

.abi-pub-story-card.highlight .icon-box-img img,
.featured-box.abi-pub-story-card.highlight .icon-box-img img,
.abi-pub-story-card.highlight .icon-box-img svg,
.featured-box.abi-pub-story-card.highlight .icon-box-img svg {
    filter: brightness(0) invert(1);
}

.abi-pub-story-card:hover,
.featured-box.abi-pub-story-card:hover {
    background: #FF6A00;
    border-color: #FF6A00;
}

.abi-pub-story-card:hover .icon-box-img img,
.featured-box.abi-pub-story-card:hover .icon-box-img img,
.abi-pub-story-card:hover .icon-box-img svg,
.featured-box.abi-pub-story-card:hover .icon-box-img svg {
    filter: brightness(0) invert(1) !important;
}

.abi-pub-story-heading {
    font-size: 20px;
    font-weight: 700;
    color: #FFFFFF;
    line-height: 1.4;
    margin-bottom: 8px;
}

.abi-orange-num {
    color: #FF5C00;
}

.abi-pub-story-card.highlight .abi-orange-num,
.abi-jobs-search-wrap button:hover {
    color: #FFFFFF;
}

.abi-pub-story-desc {
    font-size: 14px;
    font-weight: 400;
    color: #9CA3AF;
    line-height: 1.5;
    margin: 0;
}

.abi-pub-story-card.highlight .abi-pub-story-desc {
    color: rgba(255, 255, 255, 0.9);
}

.abi-pub-gallery-title {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.abi-pub-gallery-slider-wrap {
    position: relative;
    padding: 0;
}

.abi-pub-gallery-swiper {
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}

.abi-pub-gallery-card.swiper-slide {
    width: 262px !important;
    height: 466px !important;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
}

.abi-pub-gallery-img,
.abi-blog-main-img-wrap img,
.abi-blog-hot-img img,
.abi-blog-grid-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.abi-pub-gallery-card:hover .abi-pub-gallery-img {
    transform: scale(1.02);
}

.abi-pub-gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 24px;
    text-align: center;
}

.abi-pub-gallery-overlay h3 {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    line-height: 1.2;
    margin: 0;
    padding: 0 35px;
}

.abi-pub-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 25, 0.2);
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 16px;
    transition: background 0.3s ease, transform 0.3s ease;
}

.abi-pub-slider-arrow svg {
    width: 16px;
    height: 24px;
    stroke-width: 3px;
}

.abi-pub-slider-arrow:hover {
    background: #FF5C00;
    border-color: #FF5C00;
}

.abi-pub-slider-arrow.prev {
    left: 10px;
    margin: 0;
}

.abi-pub-slider-arrow.next {
    right: 10px;
    margin: 0;
}

.abi-pub-process-title {
    font-size: 36px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 60px;
}

.abi-pub-process-timeline {
    position: relative;
    width: 100%;
}

.abi-pub-process-line {
    position: absolute;
    top: 48px;
    left: 0;
    right: 0;
    height: 2px;
    background: #333333;
    z-index: 1;
}

.abi-pub-process-line-active {
    width: 0%;
    height: 100%;
    background: #FF6A00;
    box-shadow: 0 0 12px rgba(255, 106, 0, 0.8);
    transition: none;
}

.abi-pub-process-steps {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.abi-pub-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    flex: 1;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.abi-pub-step-icon-box {
    position: relative;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: rgba(25, 25, 25, 0.6);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    margin-bottom: 16px;
    transition: background 0.5s ease, transform 0.3s ease, box-shadow 0.5s ease;
}

.abi-pub-step-ring {
    position: absolute;
    top: 0;
    left: 0;
    width: 96px;
    height: 96px;
    pointer-events: none;
    z-index: 1;
}

.abi-pub-step-ring .ring-bg {
    stroke: rgba(255, 255, 255, 0.12);
    stroke-width: 1.5;
    fill: none;
}

.abi-pub-step-ring .ring-active {
    stroke: #FF6A00;
    stroke-width: 2;
    fill: none;
    stroke-dasharray: 145 289;
    stroke-dashoffset: 145;
    stroke-linecap: round;
    transition: none;
    filter: drop-shadow(0 0 5px rgba(255, 106, 0, 0.7));
}

.abi-pub-step-ring .ring-top,
.abi-pub-step:first-child .ring-top {
    transform: rotate(180deg);
    transform-origin: 50% 50%;
}

.abi-pub-step-ring .ring-bottom,
.abi-pub-step:first-child .ring-bottom {
    transform: rotate(180deg) scaleY(-1);
    transform-origin: 50% 50%;
}

.abi-pub-step-icon-inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.abi-pub-step-icon-inner svg {
    stroke: #FFFFFF;
    transition: stroke 0.5s ease, fill 0.5s ease;
}

.abi-pub-step-icon-inner img {
    filter: brightness(0) invert(1);
    transition: filter 0.5s ease;
}

.abi-pub-step.active .abi-pub-step-icon-box {
    background: #000000;
    color: #FF6A00;
    box-shadow: 0 0 24px rgba(255, 106, 0, 0.4);
    transform: scale(1.05);
}

.abi-pub-step.active .abi-pub-step-icon-inner svg {
    stroke: #FF6A00;
}

.abi-pub-step.active .abi-pub-step-icon-inner img {
    filter: none;
}

.abi-pub-step-num {
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 8px;
    transition: color 0.5s ease;
}

.abi-pub-step-name {
    font-size: 16px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.4;
    margin: 0;
    transition: color 0.5s ease;
}

.abi-pub-partners-wrap {
    background: #FFFFFF;
    padding: 60px 0;
    text-align: center;
}

.abi-pub-partners-container {
    max-width: 1240px;
    width: calc(100% - 40px);
    margin: 0 auto;
}

.abi-pub-partners-title {
    font-size: 40px;
    font-weight: 700;
    color: #FF6A00;
    margin-bottom: 40px;
}

.abi-pub-partners-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    flex-wrap: wrap;
}

.abi-partner-item {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.85;
    transition: opacity 0.3s ease;
}

.abi-partner-item:hover,
.abi-job-back-link:hover,
.abi-step-item.active,
.abi-step-col.active .abi-step-text,
.abi-step-text.active {
    opacity: 1;
}

.abi-pub-contact-wrap {
    background: #000000;
    padding: 80px 0;
    text-align: center;
}

.abi-pub-contact-container {
    max-width: 1240px;
    width: calc(100% - 40px);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.abi-pub-contact-text {
    font-size: 24px;
    font-weight: 400;
    color: #FFFFFF;
    margin: 0;
}

.abi-pub-contact-email {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 24px;
    font-weight: 600;
    color: #FF6A00 !important;
    text-decoration: underline !important;
    transition: opacity 0.3s ease;
}

.abi-pub-contact-email:hover {
    opacity: 0.8;
}

.textContact p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.abi-career-hero-section {
    position: relative;
    background-color: #000000;
    overflow: hidden;
}

.abi-career-hero-section .section-content,
.abi-career-hero-section .section-content.relative {
    position: static !important;
}

.abi-career-hero-tag p {
    font-size: 24px;
    font-weight: 500;
    color: #FF6A00;
    margin-bottom: 8px;
}

.abi-career-hero-title,
.abi-career-hero-title h1 {
    font-size: 50px;
    font-weight: 700;
    color: #FFFFFF;
    margin-bottom: 12px;
}

.abi-career-hero-subtitle p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
    max-width: 670px;
    margin: 0 auto;
    line-height: 1.4;
}

.abi-career-hero-btn {
    background-color: #FF5C00 !important;
    color: #FFFFFF !important;
    border-radius: 4px;
    padding: 16px 32px;
    font-weight: 600;
    box-shadow: 0px 0px 15px rgba(255, 92, 0, 0.4);
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #FF5C00;
    font-size: 16px;
    letter-spacing: 0.5px;
    text-decoration: none !important;
}

.abi-career-hero-btn:hover {
    background-color: #E05200 !important;
}

.abi-career-why-title,
.abi-career-why-title h2 {
    font-size: 38px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.3;
    margin: 0;
    text-transform: none;
}

.abi-career-why-desc p {
    font-size: 17px;
    font-weight: 400;
    color: #CCCCCC;
    line-height: 1.65;
    margin: 0;
}

.abi-career-benefits-section {
    background-color: #000000;
    padding: 0 0 80px 0;
}

.abi-career-benefits-title,
.abi-career-benefits-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0 0 40px 0;
}

.abi-career-benefits-section .row {
    display: flex !important;
    flex-wrap: wrap !important;
}

.abi-benefit-col,
.abi-career-benefits-section .row>.col {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 24px;
}

.abi-career-benefits-section .row>.col>.col-inner {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    width: 100% !important;
}

.abi-benefit-card-inner,
.abi-benefit-card {
    background: #FFFFFF !important;
    border-radius: 16px !important;
    padding: 32px 24px !important;
    position: relative;
    overflow: hidden;
    flex: 1 1 auto !important;
    height: 100% !important;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-sizing: border-box;
    cursor: pointer;
}

.abi-benefit-num {
    position: absolute;
    bottom: 16px;
    right: 23px;
    font-size: 80px;
    font-weight: 400;
    line-height: 80px;
    color: #e5e7eb;
    pointer-events: none;
    user-select: none;
    z-index: 1;
}

.abi-benefit-header {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    position: relative;
    z-index: 2;
    margin-bottom: 24px;
}

.abi-benefit-icon-box,
.abi-benefit-card .icon-box {
    width: 64px;
    height: 64px;
    border-radius: 9999px;
    background: #131313;
    border: 2px solid rgba(255, 181, 150, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-right: 0;
    padding: 2px;
    box-sizing: border-box;
}

.abi-benefit-icon-box svg,
.abi-benefit-icon-box img,
.abi-benefit-card .icon-box i,
.abi-benefit-card .icon-box svg {
    width: 28px;
    height: 28px;
    object-fit: contain;
    color: #FF6600;
    stroke: #FF6600;
}

.abi-benefit-title-wrap {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.abi-benefit-title,
.abi-benefit-card h3,
.abi-benefit-card h4 {
    font-size: 24px;
    font-weight: 500;
    color: #131313;
    text-transform: uppercase;
    line-height: 30px;
    margin: 0;
    letter-spacing: 0;
}

.abi-benefit-line,
.abi-benefit-card h3::after,
.abi-benefit-card h4::after {
    content: '';
    display: block;
    width: 32px;
    height: 4px;
    background: #FF6600;
    border-radius: 99px;
    margin-top: 5px;
    transition: width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.abi-benefit-card-inner:hover .abi-benefit-line,
.abi-benefit-card-inner:hover h3::after,
.abi-benefit-card-inner:hover h4::after,
.abi-benefit-card:hover .abi-benefit-line,
.abi-benefit-card:hover h3::after,
.abi-benefit-card:hover h4::after {
    width: 125px;
}

.abi-benefit-desc,
.abi-benefit-card p {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #353534 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    position: relative;
    z-index: 2;
}

.abi-career-jobs-title,
.abi-career-jobs-title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #FFFFFF;
    text-align: center;
    text-transform: capitalize;
    margin-bottom: 36px;
}

.abi-jobs-container-wrap {
    padding: 32px 32px 28px 32px;
    position: relative;
    border-radius: 8px;
    background: #141518;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

.abi-corner {
    position: absolute;
    width: 14px;
    height: 14px;
    pointer-events: none;
    z-index: 2;
}

.abi-corner-tl {
    top: -1px;
    left: -1px;
    border-top: 2px solid #FF5C00;
    border-left: 2px solid #FF5C00;
    border-top-left-radius: 8px;
}

.abi-corner-tr {
    top: -1px;
    right: -1px;
    border-top: 2px solid #FF5C00;
    border-right: 2px solid #FF5C00;
    border-top-right-radius: 8px;
}

.abi-corner-bl {
    bottom: -1px;
    left: -1px;
    border-bottom: 2px solid #FF5C00;
    border-left: 2px solid #FF5C00;
    border-bottom-left-radius: 8px;
}

.abi-corner-br {
    bottom: -1px;
    right: -1px;
    border-bottom: 2px solid #FF5C00;
    border-right: 2px solid #FF5C00;
    border-bottom-right-radius: 8px;
}

.abi-jobs-filter-bar {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    flex-wrap: wrap;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

.abi-jobs-search-wrap {
    position: relative;
    flex: 2 1 260px;
    min-width: 200px;
}

.abi-jobs-search-wrap svg {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.abi-jobs-search-wrap input[type="text"] {
    width: 100%;
    background: #000000 !important;
    border: 1px solid #262626 !important;
    border-radius: 6px !important;
    padding: 12px 36px 12px 46px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 500;
    outline: none !important;
    box-shadow: none !important;
    height: 46px !important;
    line-height: normal !important;
    margin: 0 !important;
    transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.abi-jobs-search-wrap input[type="text"]:focus,
.abi-jobs-search-wrap input[type="text"]:active,
.abi-jobs-search-wrap input[type="text"].is-active {
    border-color: #FF5C00 !important;
    box-shadow: 0 0 12px rgba(255, 92, 0, 0.25) !important;
}

.abi-jobs-search-wrap button {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    color: #888888;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.abi-jobs-select-wrap {
    position: relative;
    flex: 1 1 150px;
    min-width: 130px;
}

.abi-jobs-select-wrap select {
    width: 100%;
    background-color: #000000 !important;
    border: 1px solid #262626 !important;
    border-radius: 6px !important;
    padding: 0 36px 0 16px !important;
    color: #9CA3AF !important;
    font-size: 14px !important;
    font-weight: 500;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    height: 46px !important;
    margin: 0 !important;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 2.25L6 6.75L10.5 2.25' stroke='%23888888' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
}

.abi-jobs-select-wrap select:focus {
    border-color: #FF5C00 !important;
    color: #FFFFFF !important;
}

.abi-jobs-reset-btn {
    background: #FF5C00;
    color: #FFFFFF;
    border: none;
    border-radius: 6px;
    padding: 0 22px;
    height: 46px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    transition: background 0.25s ease;
    margin: 0;
    white-space: nowrap;
    box-shadow: 0 4px 15px rgba(255, 92, 0, 0.3);
}

.abi-jobs-reset-btn:hover {
    background: #FF701A !important;
}

.abi-jobs-table-wrap {
    background: #080808;
    border: 1px solid #1E1E1E;
    border-radius: 8px;
    overflow: hidden;
}

.abi-jobs-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.abi-jobs-table thead tr,
.abi-jobs-table thead {
    background: linear-gradient(90deg, #F60 0%, #C2410C 100%) !important;
}

.abi-jobs-table th {
    background: transparent;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
    padding: 16px 24px !important;
    border: none;
    text-align: left;
}

.abi-jobs-table th.col-action,
.abi-job-row td.col-action {
    text-align: right;
}

.abi-jobs-table td {
    padding: 20px 24px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    color: #E5E7EB;
    font-size: 14px;
    vertical-align: middle;
    background: #080808;
    transition: background 0.2s ease;
}

.abi-jobs-table tr:last-child td {
    border-bottom: none !important;
}

.abi-jobs-table tr:hover td {
    background: #141414;
}

.abi-job-row td.col-title {
    font-weight: 700;
}

.abi-job-orange-bullet {
    color: #FF5C00;
    font-size: 18px;
    line-height: 0;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.abi-job-title-text {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 600;
}

.abi-job-badge-cell {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #E2BFB0;
    font-size: 14px;
}

.abi-job-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    border-radius: 2px;
    border: 1px solid #353534;
    background: #131313;
    flex-shrink: 0;
}

.abi-job-row td.col-location {
    color: #E2BFB0;
}

.abi-job-view-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid #FF6B00;
    color: #FF5C00;
    background: transparent;
    padding: 8px 18px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.25s ease;
    box-shadow: none;
}

.abi-job-view-btn:hover {
    background: #FF5C00 !important;
    color: #FFFFFF !important;
}

.abi-job-view-btn svg {
    transition: transform 0.25s ease;
}

.abi-job-view-btn:hover svg {
    transform: translateX(3px);
}

.abi-jobs-no-results {
    text-align: center;
    padding: 40px !important;
    color: #9CA3AF;
    font-size: 15px;
}

.abi-jobs-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 24px;
    color: #9CA3AF;
    font-size: 14px;
    flex-wrap: wrap;
    gap: 16px;
}

.abi-jobs-count-text {
    font-size: 14px;
    color: #9CA3AF;
}

.abi-jobs-pagination-pages,
.abi-jobs-pages-list {
    display: flex;
    align-items: center;
    gap: 6px;
}

.abi-jobs-page-num,
.abi-jobs-page-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    background: #080808 !important;
    border: 1px solid #262626 !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.2s ease !important;
    padding: 0 !important;
    margin: 0 !important;
}

.abi-jobs-page-num:hover,
.abi-jobs-page-btn:hover:not(.disabled) {
    border-color: #FF5C00 !important;
    color: #FF5C00 !important;
}

.abi-jobs-page-num.active {
    border-color: #FF5C00 !important;
    color: #FF5C00 !important;
    background: #080808 !important;
    font-weight: 700 !important;
}

.abi-jobs-page-btn.disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.abi-jobs-per-page-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #9CA3AF;
    white-space: nowrap;
    font-size: 14px;
}

.abi-jobs-per-page-wrap select {
    background: #0A0A0A !important;
    border: 1px solid #262626 !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    padding: 4px 24px 4px 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    outline: none !important;
    cursor: pointer;
    margin: 0 !important;
    height: 34px !important;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L5 5L8.5 1.5' stroke='%23888888' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 8px center !important;
}

.abi-career-gallery-title,
.abi-career-gallery-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0;
}

.abi-gallery-img-box {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

.abi-gallery-img-box img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 12px;
    transition: transform 0.4s ease;
}

.abi-gallery-img-box:hover img,
.abi-blog-main-img-wrap:hover img {
    transform: scale(1.04);
}

.abi-career-hero-section,
.abi-career-hero-wrap {
    position: relative;
    width: 100%;
    aspect-ratio: 192 / 89;
    max-height: 650px;
    min-height: 450px;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    margin-bottom: 0;
}

.abi-career-title-work {
    position: absolute;
    top: 20px !important;
    left: 20%;
    font-weight: 500;
    z-index: 10;
    margin: 0;
}

.abi-career-title-blog,
.title-blog-blog {
    position: absolute;
    top: 20px !important;
    right: 22%;
    font-weight: 500;
    z-index: 10;
    margin: 0;
}

.abi-career-title-blog a,
.title-blog-work a {
    color: rgba(255, 255, 255, 0.5);
}

.abi-career-hero-section .section-bg :is(img, picture, video, .section-bg-image),
.abi-career-hero-wrap .section-bg :is(img, picture, video, .section-bg-image) {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    object-position: center top !important;
    background-position: center top !important;
}

.abi-career-hero-content {
    position: relative;
    z-index: 2;
    max-width: 800px;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
}

.abi-career-hero-title {
    font-weight: 700;
    font-size: 52px;
    line-height: 1.1;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    margin: 0;
}

.abi-career-hero-section .abi-career-hero-title h1,
.abi-career-hero-title h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: 1.1;
    color: #FFFFFF;
    text-transform: uppercase;
    letter-spacing: -0.5px;
    margin: 0;
}

.abi-career-hero-subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 10px 0;
}

.abi-career-hero-section .abi-career-hero-subtitle p,
.abi-career-hero-subtitle p {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 auto;
    max-width: 670px;
}

.button.abi-career-hero-btn,
a.button.abi-career-hero-btn {
    border-color: #FF5C00;
    font-size: 16px;
    letter-spacing: 0.5px;
    padding: 5px 32px !important;
    box-shadow: none;
    text-transform: uppercase;
}

.abi-career-hero-btn:hover,
.button.abi-career-hero-btn:hover,
a.button.abi-career-hero-btn:hover {
    background: #FF6A00 !important;
    border-color: #FF6A00 !important;
    color: #FFFFFF !important;
}

.abi-career-hero-btn svg {
    transition: transform 0.3s ease;
}

.abi-career-hero-btn:hover svg {
    transform: translateY(3px);
}

.abi-job-detail-page {
    color: #FFFFFF;
    padding: 120px 0 100px 0;
}

.abi-job-detail-container {
    max-width: 1240px;
    margin: 0 auto;
}

.abi-job-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #FFFFFF !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.3;
    opacity: 0.7;
    text-decoration: none !important;
    margin-bottom: 24px;
    transition: opacity 0.2s ease;
}

.abi-job-header-block,
.abi-single-header-wrap {
    margin-bottom: 40px;
}

.abi-job-main-title {
    font-weight: 600;
    font-size: 50px;
    line-height: 1.3;
    color: #FFFFFF;
    margin: 0 0 8px 0;
}

.abi-job-sub-category {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.6);
}

.abi-job-overview-box {
    border: 1px solid #3D3D3D;
    border-radius: 12px;
    padding: 33px 25px;
    margin-bottom: 40px;
    background: transparent;
}

.abi-overview-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 17px;
    margin-bottom: 20px;
    border-bottom: 1px solid #3D3D3D;
}

.abi-overview-row.last {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.abi-overview-label {
    font-weight: 700;
    font-size: 16px;
    color: #C4C4C4;
    letter-spacing: 1px;
    line-height: 1.2;
}

.abi-overview-val {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1px;
    line-height: 1.4;
}

.abi-job-desc-wrap {
    margin-top: 10px;
}

.abi-job-desc-wrap h1,
.abi-job-desc-wrap h2,
.abi-job-desc-wrap h3,
.abi-job-desc-heading {
    font-weight: 600;
    font-size: 32px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 24px;
    line-height: 1.3;
}

.abi-job-desc-wrap p,
.abi-job-desc-lead {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.18px;
    color: #FFFFFF;
    margin-bottom: 28px;
}

.abi-job-desc-wrap ul,
.abi-job-bullet-list {
    list-style: none;
    padding: 0;
    margin: 0 0 35px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.abi-job-bullet-list.mt-space {
    margin-top: 35px;
}

.abi-job-desc-wrap ul li,
.abi-job-bullet-list li {
    position: relative;
    padding-left: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.45;
    letter-spacing: 0.16px;
    color: #FFFFFF;
    margin-bottom: 0;
}

.abi-job-desc-wrap ul li::before,
.abi-job-bullet-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 4px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 0;
}

.abi-white-apply-card {
    background: #FFFFFF;
    border-radius: 12px;
    padding: 24px;
    color: #000000;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
    position: sticky;
    top: 140px;
}

.abi-white-apply-card .wpcf7-form p {
    margin-bottom: 0;
}

.abi-white-apply-card .wpcf7-response-output {
    margin: 16px 0 0 0 !important;
    padding: 12px 16px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    border-width: 1px !important;
}

.abi-white-form-group {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.abi-white-form-group label {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(0, 0, 0, 0.8);
    margin: 0;
}

.abi-white-form-group label .star-req {
    color: red;
    margin-left: 2px;
}

.abi-white-form-group input[type="text"],
.abi-white-form-group input[type="email"],
.abi-white-form-group input[type="tel"],
.abi-white-form-group input[type="url"] {
    height: 40px;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    padding: 8px 12px;
    font-size: 14px;
    color: #000000;
    background: #FFFFFF;
    outline: none;
    transition: border-color 0.2s ease;
    width: 100%;
    margin-bottom: 0;
}

.abi-white-form-group input[type="text"]::placeholder,
.abi-white-form-group input[type="email"]::placeholder,
.abi-white-form-group input[type="tel"]::placeholder,
.abi-white-form-group input[type="url"]::placeholder {
    color: rgba(0, 0, 0, 0.4);
}

.abi-white-form-group input[type="text"]:focus,
.abi-white-form-group input[type="email"]:focus,
.abi-white-form-group input[type="tel"]:focus,
.abi-white-form-group input[type="url"]:focus {
    border-color: #FF6A00;
}

.abi-drag-upload-box {
    background: #FFFFFF;
    border: 1px dashed #1849D6;
    border-radius: 8px;
    padding: 24px 16px;
    text-align: center;
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.abi-drag-upload-box:hover {
    background: #F8FAFC;
    border-color: #FF6A00;
}

.abi-drag-upload-inner {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.abi-upload-icon-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    text-align: center;
}

.abi-upload-icon-circle svg {
    display: block;
    margin: 0 auto;
}

.abi-drag-upload-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #0B0B0B;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

.abi-drag-upload-text.has-file {
    color: #FF6A00;
    font-weight: 600;
}

.abi-drag-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 201px;
    margin: 0 auto;
}

.abi-drag-divider .line {
    flex: 1;
    height: 1px;
    background: #E7E7E7;
}

.abi-drag-divider .or {
    font-weight: 400;
    font-size: 12px;
    color: #6D6D6D;
}

.abi-browse-btn-wrap {
    margin-top: 2px;
}

.abi-browse-btn {
    display: inline-block;
    background: #FFFFFF;
    border: 1px solid #FF6A00;
    border-radius: 8px;
    padding: 6px 12px;
    font-weight: 600;
    font-size: 12px;
    color: #FF6A00;
    line-height: 18px;
}

.abi-upload-note-text {
    margin-top: 8px;
    font-style: italic;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    line-height: 1.4;
}

.abi-upload-note-text .red-text {
    color: red;
}

.abi-white-form-submit {
    margin-top: 24px;
}

.abi-submit-orange-btn {
    width: 100%;
    height: 48px;
    background: #FF6A00;
    border: none;
    border-radius: 8px !important;
    cursor: pointer;
    transition: background 0.2s ease;
    margin: 0;
}

.abi-submit-orange-btn span {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    letter-spacing: 0.6px;
    text-transform: none;
}

.abi-submit-orange-btn:hover {
    background: #E55F00;
}

.abi-submit-highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-top: 35px;
}

.abi-highlight-item {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 12px;
    padding: 20px 16px;
}

.abi-highlight-num {
    font-size: 28px;
    font-weight: 700;
    color: #FF6A00;
    line-height: 1.2;
    margin-bottom: 4px;
}

.abi-highlight-label {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 500;
}

.abi-form-card-title {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.abi-form-card-sub {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 20px;
    line-height: 1.45;
}

.abi-submit-orange-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.wpcf7 form .wpcf7-response-output {
    margin-top: 0 !important;
}

.abi-categories-title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    margin-bottom: 30px;
    text-transform: capitalize;
}

/* ABI Categories Gallery Hover (White Card Box) */
.abi-categories-gallery .box {
    position: relative !important;
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #000000;
}

.abi-categories-gallery .box-image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.abi-categories-gallery .box-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease, filter 0.5s ease;
    display: block;
}

.abi-categories-gallery .box:hover .box-image img {
    transform: scale(1.05);
    filter: blur(2px) brightness(0.85);
}

.abi-categories-gallery .box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    opacity: 0;
    transition: opacity 0.35s ease;
    z-index: 2;
    pointer-events: none;
    border-radius: 12px;
}

.abi-categories-gallery .box:hover::before {
    opacity: 1;
}

.abi-categories-gallery .box-text {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -42%) !important;
    width: 65% !important;
    max-width: 380px !important;
    padding: 32px 24px !important;
    background: #ffffff !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    opacity: 0 !important;
    transition: opacity 0.35s ease, transform 0.35s ease !important;
    z-index: 3 !important;
    pointer-events: none !important;
    margin: 0 !important;
}

.abi-categories-gallery .box:hover .box-text {
    opacity: 1 !important;
    transform: translate(-50%, -50%) !important;
}

.abi-categories-gallery .box-text p {
    font-family: 'Poppins', sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #000000 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    text-align: center !important;
    text-shadow: none !important;
}

.abi-categories-gallery .box-text::after {
    display: none !important;
}

@media (max-width: 768px) {
    .abi-categories-gallery .box-text {
        width: 75% !important;
        padding: 20px 16px !important;
    }

    .abi-categories-gallery .box-text p {
        font-size: 18px !important;
    }
}

.title-blog-work {
    position: absolute;
    top: 20px !important;
    left: 22%;
    font-weight: 500;
    z-index: 10;
    margin: 0;
}

.abi-blog-featured-wrap {
    width: 100%;
    max-width: 100%;
    background-color: #282828;
    padding-top: 60px;
    padding-bottom: 0px;
}

.abi-blog-featured-row {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    max-width: 1240px;
    margin: 0 auto;
}

.abi-blog-featured-left,
.abi-blog-featured-right {
    flex: 1;
}

.abi-blog-featured-heading {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.abi-blog-main-title {
    font-size: 28px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.abi-blog-main-title a {
    color: #ffffff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.abi-blog-main-img-wrap {
    width: 100%;
    height: 292px;
    border-radius: 8px;
    overflow: hidden;
    background: #111;
}

.abi-blog-featured-divider {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    align-self: stretch;
    margin: 0 10px;
}

.abi-blog-hot-badge {
    display: inline-block;
    background-color: #FF3B30;
    color: #ffffff;
    font-family: 'Helvetica Neue', 'Poppins', sans-serif;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 14px;
    margin-bottom: 24px;
    line-height: 1.2;
}

.abi-blog-hot-list {
    display: flex;
    flex-direction: column;
    gap: 28px;
}

.abi-blog-hot-card {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

.abi-blog-hot-info {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.abi-blog-hot-title {
    font-size: 20px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    margin: 0 !important;
}

.abi-blog-hot-title a,
.abi-blog-grid-title a {
    color: #ffffff !important;
    text-decoration: none !important;
    transition: color 0.3s ease;
}

.abi-blog-hot-date {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
}

.abi-blog-hot-img {
    width: 186px;
    height: 104px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
    background: #111;
}

.abi-blog-ticker-container {
    width: 100%;
    background: #282828;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    padding: 8px 0;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    user-select: none;
    margin-top: 50px;
}

.abi-blog-ticker-track {
    display: flex;
    width: max-content;
    will-change: transform;
    animation: abiTickerMarquee 16s linear infinite;
}

.abi-blog-ticker-group {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-right: 8px;
    flex-shrink: 0;
}

.abi-blog-ticker-item {
    font-family: 'Helvetica Neue', 'Inter', 'Poppins', sans-serif;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400 !important;
    text-transform: uppercase;
    padding: 0 8px;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: transparent !important;
    background-color: transparent !important;
}

.abi-blog-ticker-item.is-solid,
.abi-blog-ticker-item.is-solid:hover {
    color: #ffffff !important;
    -webkit-text-stroke: unset !important;
    background: transparent !important;
    background-color: transparent !important;
}

.abi-blog-ticker-item.is-outline,
.abi-blog-ticker-item.is-outline:hover {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 0.3px #ffffff !important;
    -webkit-text-stroke-width: 0.3px !important;
    -webkit-text-stroke-color: #ffffff !important;
    background: transparent !important;
    background-color: transparent !important;
}

.abi-blog-ticker-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    box-sizing: border-box;
}

.abi-blog-ticker-dot.is-hollow {
    background-color: transparent;
    border: 1px solid #ffffff;
}

.abi-blog-ticker-dot.is-solid {
    background-color: #ffffff;
    border: none;
}

.abi-blog-grid-section {
    width: 100% !important;
    max-width: 100% !important;
    padding-top: 60px;
    padding-bottom: 80px;
}

.abi-blog-grid-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
    gap: 50px 0;
}

.abi-blog-grid-col {
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
}

.abi-blog-grid-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.abi-blog-grid-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: flex-end;
    font-size: 16px;
    color: #ffffff;
}

.abi-blog-grid-img-wrap {
    width: 100%;
    height: 350px;
    border-radius: 8px;
    overflow: hidden;
    background: #111;
}

.abi-blog-grid-title {
    font-size: 24px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    color: #ffffff !important;
    margin: 0 !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.abi-blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 60px;
}

.abi-blog-pagination :is(.page-numbers, .abi-blog-page-num, .abi-blog-page-nav) {
    min-width: 42px;
    height: 42px;
    padding: 0 12px;
    border-radius: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff !important;
    text-decoration: none !important;
    background: transparent;
    transition: all 0.25s ease;
    border: none;
}

.abi-blog-pagination :is(.page-numbers:hover, .abi-blog-page-num:hover, .abi-blog-page-nav:hover, .page-numbers.current, .abi-blog-page-num.active) {
    background: rgba(255, 255, 255, 0.2) !important;
    border: 1px solid #FF6A00 !important;
    color: #ffffff !important;
}

.abi-blog-pagination .page-numbers.dots {
    border: none !important;
    background: transparent !important;
}

.abi-blog-featured-section {
    background-color: #282828 !important;
}

.abi-blog-news-heading h2 {
    font-size: 48px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin-bottom: 16px !important;
}

.abi-blog-hot-item-title h3 {
    font-size: 20px !important;
    font-weight: 500 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    margin-bottom: 4px !important;
}

.abi-blog-hot-item-date p {
    font-size: 12px !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.abi-blog-hot-divider {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

.abi-blog-meta p {
    font-size: 16px !important;
    color: #ffffff !important;
    margin-bottom: 8px !important;
}

.abi-blog-card-title h3 {
    font-size: 24px !important;
    font-weight: 600 !important;
    color: #ffffff !important;
    line-height: 1.3 !important;
    margin-top: 12px !important;
}

/* ==========================================================================
   ABI BLOG CATEGORIES SHORTCODE [abi_blog_categories]
   ========================================================================== */
.abi-cat-grid-section {
    width: 100%;
    padding: 40px 0;
}

.abi-cat-grid-row {
    display: grid;
    gap: 30px;
}

.abi-cat-grid-row.abi-cat-cols-1 {
    grid-template-columns: 1fr;
}

.abi-cat-grid-row.abi-cat-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

.abi-cat-grid-row.abi-cat-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}

.abi-cat-grid-row.abi-cat-cols-4 {
    grid-template-columns: repeat(4, 1fr);
}

.abi-cat-col {
    width: 100%;
}

.abi-cat-card {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    min-height: 300px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none !important;
    cursor: pointer;
    background-color: #1a1a1a;
}

.abi-cat-img-wrap {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.abi-cat-bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.5s ease;
}

/* Hover: blur nền & phóng to nhẹ */
.abi-cat-card:hover .abi-cat-bg-img {
    filter: blur(8px);
    transform: scale(1.1);
}

.abi-cat-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 2;
}

.abi-cat-card:hover .abi-cat-overlay {
    opacity: 1;
    visibility: visible;
}

/* Box bao quanh tiêu đề & learn more: bg #fff, padding 24px 12px */
.abi-cat-box {
    background: #ffffff;
    padding: 32px 24px;
    border-radius: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    max-width: 380px;
    width: auto;
    min-width: 65%;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.25);
    transform: translateY(30px);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
}

/* Hover fade up */
.abi-cat-card:hover .abi-cat-box {
    transform: translateY(0);
    opacity: 1;
}

/* Tiêu đề: fs-60, fw-600 */
.abi-cat-title {
    font-size: 2rem !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    color: #000000 !important;
    margin: 0 !important;
    text-align: center !important;
    text-transform: none;
    letter-spacing: -0.5px;
}

/* Learn more: #FF6A00 với svg mũi tên không đuôi */
.abi-cat-learn-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FF6A00 !important;
    font-size: clamp(15px, 1.4vw, 20px);
    font-weight: 600;
    line-height: 1.2;
    transition: gap 0.25s ease;
}

.abi-cat-learn-text {
    color: #FF6A00 !important;
    line-height: 1;
    border-bottom: 1px solid #FF6A00;
}

.abi-cat-arrow {
    width: 18px;
    height: 18px;
    stroke: #FF6A00;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    display: inline-block;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.abi-cat-card:hover .abi-cat-arrow {
    transform: translateX(4px);
}

@media (max-width: 768px) {

    .abi-cat-grid-row.abi-cat-cols-2,
    .abi-cat-grid-row.abi-cat-cols-3,
    .abi-cat-grid-row.abi-cat-cols-4 {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .abi-cat-card {
        min-height: 240px;
    }

    .abi-cat-box {
        max-width: 92%;
        padding: 20px 12px;
        gap: 12px;
    }

    .abi-cat-title {
        font-size: 26px !important;
    }

    .abi-cat-learn-more {
        font-size: 16px;
    }
}

.abi-single-post-page {
    color: #ffffff;
    padding-top: 120px;
    padding-bottom: 0;
}

.abi-single-post-container {
    margin: 0 auto 50px;
}

.abi-single-back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff !important;
    text-decoration: none !important;
    margin-bottom: 30px;
    transition: transform 0.25s ease;
}

.abi-single-back-link:hover {
    transform: translateX(-4px);
    color: #FF6A00 !important;
}

.abi-single-post-title {
    font-size: 45px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.abi-single-post-date {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
}

.abi-single-highlight-wrap {
    display: flex;
    gap: 29px;
    align-items: stretch;
    margin-bottom: 50px;
}

.abi-single-highlight-left {
    width: 579px;
    flex-shrink: 0;
}

.abi-single-featured-img {
    width: 100%;
    height: 396px;
    border-radius: 8px;
    overflow: hidden;
    background: #111;
}

.abi-single-featured-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.abi-single-highlight-divider {
    width: 1px;
    background: rgba(255, 255, 255, 0.7);
    align-self: stretch;
    flex-shrink: 0;
}

.abi-single-highlight-right {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.abi-single-summary-title {
    font-size: 25px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    text-transform: uppercase;
    margin: 0;
}

.abi-single-summary-text p {
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    letter-spacing: -0.32px;
    margin-bottom: 12px;
}

.abi-single-content-body {
    font-size: 16px;
    line-height: 1.7;
    color: #ffffff;
}

.abi-single-content-body h2 {
    font-size: 28px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.35;
    margin-top: 40px;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.abi-single-content-body h3 {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.4;
    margin-top: 32px;
    margin-bottom: 14px;
}

.abi-single-content-body p {
    margin-bottom: 24px;
    color: rgba(255, 255, 255, 0.9);
}

.abi-single-content-body figure {
    margin: 35px 0;
}

.abi-single-content-body img {
    width: 100%;
    max-height: 708px;
    object-fit: cover;
    border-radius: 8px;
    margin: 0;
    display: block;
}

.abi-single-content-body figcaption {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    margin-top: 10px;
    text-align: center;
    font-style: italic;
}

.abi-single-content-body ul {
    margin: 20px 0 30px 24px;
    padding: 0;
    list-style-type: disc;
}

.abi-single-content-body li {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.9);
}

.abi-single-content-body blockquote {
    border-left: 4px solid #FF6A00;
    padding: 16px 24px;
    margin: 35px 0;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 0 8px 8px 0;
}

.abi-single-content-body blockquote p {
    font-size: 18px;
    font-style: italic;
    line-height: 1.6;
    color: #ffffff;
    margin-bottom: 8px;
}

.abi-single-content-body blockquote cite {
    font-size: 14px;
    font-style: normal;
    color: #FF6A00;
    font-weight: 500;
}

.abi-single-share-bar {
    border-top: 1px solid rgba(229, 229, 229, 0.4);
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.abi-single-tags-list {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.abi-tag-pill {
    background: #efeded;
    color: #000000 !important;
    font-size: 10px;
    font-weight: 500;
    padding: 8px 16px;
    text-decoration: none !important;
    text-transform: uppercase;
    display: inline-block;
    transition: background 0.2s ease;
}

.abi-tag-pill:hover {
    background: #FF6A00;
    color: #ffffff !important;
}

.abi-single-social-share {
    display: flex;
    align-items: center;
    gap: 24px;
}

.abi-share-label {
    font-size: 12px;
    font-weight: 700;
    color: #5d5f5f;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.abi-share-btn {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff !important;
    letter-spacing: 1.8px;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

.abi-share-copy-btn {
    background: transparent;
    border: 1px solid #FFF;
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0 10px;
    transition: color 0.25s ease;
    margin: 0;
}

.abi-single-related-section {
    background-color: #282828;
    padding-top: 30px;
    padding-bottom: 80px;
    width: 100%;
}

.abi-single-related-title {
    font-size: 40px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-transform: uppercase;
    margin-bottom: 40px !important;
}

.abi-single-related-row {
    display: flex;
    gap: 30px;
}

.abi-single-related-col {
    width: 50%;
}

.abi-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.abi-reveal-left {
    opacity: 0;
    transform: translateX(-40px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.abi-reveal-right {
    opacity: 0;
    transform: translateX(40px);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.abi-reveal-zoom {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.85s cubic-bezier(0.16, 1, 0.3, 1), transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.abi-reveal.is-revealed,
.abi-reveal-left.is-revealed,
.abi-reveal-right.is-revealed,
.abi-reveal-zoom.is-revealed {
    opacity: 1 !important;
    transform: translate(0, 0) scale(1) !important;
}

.delay-1 {
    transition-delay: 0.1s !important;
}

.delay-2 {
    transition-delay: 0.2s !important;
}

.delay-3 {
    transition-delay: 0.3s !important;
}

.delay-4 {
    transition-delay: 0.4s !important;
}

.delay-5 {
    transition-delay: 0.5s !important;
}

.abi-hero-section::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 15%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(255, 106, 0, 0.25) 0%, rgba(255, 106, 0, 0) 70%);
    filter: blur(60px);
    z-index: 1;
    pointer-events: none;
    animation: abiGlowPulse 6s ease-in-out infinite alternate;
}

.abi-hero-section::after {
    content: '';
    position: absolute;
    bottom: 15%;
    right: 15%;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(0, 162, 255, 0.2) 0%, rgba(0, 162, 255, 0) 70%);
    filter: blur(70px);
    z-index: 1;
    pointer-events: none;
    animation: abiGlowPulse 8s ease-in-out infinite alternate-reverse;
}

.abi-section-title::after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background: linear-gradient(90deg, #FF6A00, transparent);
    border-radius: 2px;
    margin-top: 8px;
    transition: width 0.6s ease;
}

.abi-team-banner {
    overflow: hidden;
    border-radius: 16px;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease !important;
}

.abi-team-banner:hover img {
    transform: scale(1.01) !important;
}

.abi-stat-card,
.abi-stat-number {
    transition: transform 0.3s ease, color 0.3s ease;
}

.abi-stat-card:hover .abi-stat-number {
    transform: translateY(-4px);
    color: #FF6A00 !important;
}

.abi-btn-link,
.abi-btn-orange {
    position: relative;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: visible !important;
}

.abi-btn-link .icon-angle-right,
.abi-btn-orange .icon-angle-right {
    display: inline-block !important;
    color: currentColor !important;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), color 0.3s ease !important;
}

.abi-btn-link:hover .icon-angle-right,
.abi-btn-orange:hover .icon-angle-right {
    color: #FF6A00 !important;
    transform: translateX(4px) !important;
}

.abi-btn-link .abi-menu-roll,
.abi-btn-orange .abi-menu-roll {
    display: inline-flex !important;
    flex-direction: column !important;
    height: 1.35em !important;
    line-height: 1.35em !important;
    overflow: hidden !important;
    position: relative !important;
    vertical-align: middle !important;
}

.abi-btn-link .abi-menu-text-hover,
.abi-btn-link .abi-menu-text-default,
.abi-btn-orange .abi-menu-text-hover,
.abi-btn-orange .abi-menu-text-default {
    display: block !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    text-transform: inherit !important;
    line-height: 1.35em !important;
    height: 1.35em !important;
    white-space: nowrap !important;
    transform: translateY(-1.35em);
    transition: transform 0.32s cubic-bezier(0.175, 0.885, 0.32, 1.18) !important;
}

.abi-btn-link .abi-menu-text-default {
    color: currentColor !important;
}

.mfp-bg {
    background: rgba(0, 0, 0, 0.75) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    z-index: 999998 !important;
}

.mfp-wrap.mobile-sidebar-slide,
.mfp-wrap {
    z-index: 999999 !important;
}

.mfp-wrap.mobile-sidebar-slide .mfp-container {
    padding: 0 !important;
    height: 100% !important;
    min-height: 100vh !important;
}

.mfp-wrap.mobile-sidebar-slide .mfp-content,
.mobile-sidebar-slide .mfp-content {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    bottom: 0 !important;
    height: 100dvh !important;
    width: 290px !important;
    max-width: 85vw !important;
    margin: 0 !important;
    vertical-align: top !important;
}

.mfp-content .mobile-sidebar,
.mfp-content #main-menu {
    height: 100% !important;
    min-height: 100dvh !important;
    width: 100% !important;
    background-color: #121212 !important;
    background: rgba(18, 18, 18, 0.96) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    color: #FFFFFF !important;
    box-shadow: 10px 0 35px rgba(0, 0, 0, 0.8) !important;
    padding: 0px 20px 0px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.12) !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
}

.mfp-close,
.mobile-sidebar-close,
button.mfp-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    color: #FFFFFF !important;
    font-size: 22px !important;
    width: 36px !important;
    height: 36px !important;
    line-height: 36px !important;
    opacity: 0.85 !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.25s ease !important;
    z-index: 10 !important;
}

.mfp-close:hover,
.mobile-sidebar-close:hover {
    background: #FF5500 !important;
    border-color: #FF5500 !important;
    color: #FFFFFF !important;
    opacity: 1 !important;
    transform: rotate(90deg) !important;
}

.mobile-sidebar .sidebar-menu {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.mobile-sidebar .nav-sidebar {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.mobile-sidebar .nav-sidebar>li {
    border: none !important;
    border-bottom: none !important;
    margin: 0 !important;
}

.mobile-sidebar .nav-sidebar>li>a {
    color: #FFFFFF !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    letter-spacing: 0.5px !important;
    padding: 14px 18px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
    height: auto !important;
    overflow: visible !important;
}

.mobile-sidebar .nav-sidebar>li>a:hover,
.mobile-sidebar .nav-sidebar>li.active>a,
.mobile-sidebar .nav-sidebar>li.current-menu-item>a,
.mobile-sidebar .nav-sidebar>li.current_page_item>a,
.mobile-sidebar .nav-sidebar>li.current-menu-ancestor>a {
    background: rgba(255, 85, 0, 0.15) !important;
    border-color: rgba(255, 85, 0, 0.4) !important;
    color: #FF5500 !important;
}

.mobile-sidebar .abi-menu-roll {
    height: auto !important;
    overflow: visible !important;
    display: block !important;
}

.mobile-sidebar .abi-menu-text-default {
    display: block !important;
    transform: none !important;
    height: auto !important;
    line-height: 1.3 !important;
    color: #FFFFFF !important;
    font-family: 'Oswald', sans-serif !important;
    font-size: 19px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transition: color 0.25s ease !important;
}

.mobile-sidebar .nav-sidebar>li:hover .abi-menu-text-default,
.mobile-sidebar .nav-sidebar>li.active .abi-menu-text-default,
.mobile-sidebar .nav-sidebar>li.current-menu-item .abi-menu-text-default,
.mobile-sidebar .nav-sidebar>li.current_page_item .abi-menu-text-default,
.mobile-sidebar .nav-sidebar>li.current-menu-ancestor .abi-menu-text-default {
    color: #FF5500 !important;
}

.abi-submit-hero-row .banner {
    border-radius: 16px;
    overflow: hidden;
    background-color: transparent;
}

.abi-submit-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #9CA3AF;
    margin-bottom: 16px;
}

.abi-submit-breadcrumb a {
    color: #9CA3AF !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}

.abi-submit-breadcrumb .sep {
    color: #6B7280;
}

.abi-submit-breadcrumb .current {
    color: #FF6A00;
    font-weight: 500;
}

.abi-submit-hero-title p {
    font-size: 50px;
    font-weight: 800;
    line-height: 1.15;
    letter-spacing: -2px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0 !important;
}

.abi-submit-hero-subtitle p {
    font-size: 20px;
    font-weight: 600;
    color: #FFFFFF;
    margin: 0 0 12px 0;
    line-height: 1.4;
}

.abi-submit-hero-desc {
    font-size: 14px;
    color: #D1D5DB;
    line-height: 1.65;
    margin: 0;
}

.abi-submit-hero-media {
    max-width: 480px;
    width: 100%;
    position: relative;
    z-index: 2;
}

.abi-submit-hero-img {
    width: 100%;
    height: auto;
    border-radius: 12px;
    object-fit: cover;
}

.abi-submit-step-bar {
    background: #1A1A1A;
    border: 1px solid #1F2937;
    border-radius: 12px;
    padding: 25px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.abi-step-item {
    display: flex;
    align-items: center;
    gap: 12px;
    opacity: 0.5;
    transition: opacity 0.2s ease, transform 0.2s ease;
    cursor: pointer !important;
}

.abi-step-item:hover {
    opacity: 0.85 !important;
}

.abi-step-item.active:hover {
    opacity: 1 !important;
    transform: translateY(-1px);
}

.abi-step-num {
    width: 32px;
    height: 32px;
    border-radius: 9999px;
    border: 2px solid #6B7280;
    color: #6B7280;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 700;
    flex-shrink: 0;
    line-height: 1;
}

.abi-step-item.active .abi-step-num,
.abi-step-col.active .abi-step-num,
.abi-step-text.active .abi-step-num {
    border-color: #FF6A00;
    color: #FF6A00;
}

.abi-step-title {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.2px;
    color: #9CA3AF;
    text-transform: uppercase;
    line-height: 1.2;
    white-space: nowrap;
}

.abi-step-divider {
    flex: 1;
    height: 1px;
    margin: 0 16px;
    background-image: linear-gradient(90deg, #444 0%, #444 7%, rgba(68, 68, 68, 0) 7%, rgba(68, 68, 68, 0) 14%);
    background-repeat: repeat-x;
    min-width: 30px;
    transition: all 0.3s ease;
    background: linear-gradient(90deg, #444 0%, rgba(68, 68, 68, 0) 100%);
}

.abi-step-divider.active {

    background-image: linear-gradient(90deg, #FF6B00 0%, #FF6B00 7%, rgba(255, 107, 0, 0) 7%, rgba(255, 107, 0, 0) 14%) !important;
}

.row.abi-submit-step-bar {
    padding: 25px 15px !important;
}

.abi-step-col {
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.abi-step-text {
    display: flex;
    align-items: center;
    gap: 12px;
    opacity: 0.5;
    transition: opacity 0.2s ease;
    margin-bottom: 0;
}

.abi-submit-card-section {
    background: #151515 !important;
    border: 1px solid #1F2937 !important;
    border-radius: 12px !important;
    padding: 33px !important;
    margin-bottom: 24px !important;
}

.abi-card-section-title {
    font-size: 24px;
    font-weight: 700;
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 24px;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.abi-card-section-title .num {
    color: #FF6B00 !important;
}

.abi-form-group.col-half {
    width: 50% !important;
    flex: 1 1 50% !important;
}

.abi-form-group.col-full {
    width: 100% !important;
    margin-bottom: 24px !important;
}

.abi-submit-card-section .abi-form-group label,
.abi-submit-card-section .abi-radio-question-item .q-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #FFFFFF !important;
    margin: 0 !important;
    line-height: 20px !important;
}

.abi-support-card-form .abi-form-group label,
.abi-support-card-form .abi-field-label {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: rgba(0, 0, 0, 0.8) !important;
    margin: 0 !important;
    line-height: 1.4 !important;
}

.abi-form-group label .star-req,
.abi-radio-question-item .star-req {
    color: #FF6B00 !important;
    margin-left: 2px !important;
}

.abi-submit-card-section .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

.abi-submit-card-section input[type="text"],
.abi-submit-card-section input[type="email"],
.abi-submit-card-section input[type="url"],
.abi-submit-card-section input[type="number"] {
    background: #FFFFFF !important;
    border: 1px solid #6B7280 !important;
    border-radius: 4px !important;
    color: #1A1A1A !important;
    font-size: 14px !important;
    padding: 12px 17px !important;
    width: 100% !important;
    height: 46px !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}

.abi-submit-card-section input[type="text"]:focus,
.abi-submit-card-section input[type="email"]:focus,
.abi-submit-card-section input[type="url"]:focus,
.abi-submit-card-section input[type="number"]:focus,
.abi-submit-card-section textarea:focus,
.abi-submit-card-section select:focus {
    border-color: #FF6B00 !important;
}

.abi-submit-card-section input::placeholder,
.abi-submit-card-section textarea::placeholder {
    color: #6B7280 !important;
    opacity: 1 !important;
}

.abi-submit-card-section textarea {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 13px 17px !important;
    width: 100% !important;
    height: 120px !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    resize: vertical !important;
}

.abi-char-counter {
    font-size: 12px !important;
    color: #6B7280 !important;
    text-align: right !important;
    margin-top: 6px !important;
}

.abi-submit-card-section select {

    background: #1A1A1A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 17px center !important;
    background-size: 18px !important;
    border: 1px solid #333333 !important;
    border-radius: 4px !important;
    color: #FFFFFF !important;
    font-size: 14px !important;
    padding: 12px 40px 12px 17px !important;
    width: 100% !important;
    height: 46px !important;
    outline: none !important;
    transition: border-color 0.2s ease !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer !important;
}

.abi-radio-questions-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 24px !important;
    margin-top: 24px !important;
    padding-top: 24px !important;
    border-top: 1px solid #262626 !important;
}

.abi-radio-question-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.abi-radio-question-item .wpcf7-radio {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    align-items: center !important;
}

.abi-radio-question-item .wpcf7-list-item {
    display: inline-flex !important;
    align-items: center !important;
    margin: 0 !important;
}

.abi-radio-question-item .wpcf7-list-item label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #FFFFFF !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.abi-radio-question-item input[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    border: 2px solid #6B7280 !important;
    border-radius: 50% !important;
    outline: none !important;
    background: #FFFFFF !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 !important;
    display: inline-block !important;
    transition: border-color 0.2s ease, background 0.2s ease !important;
    color: #fff !important;
}

.abi-radio-question-item .wpcf7-list-item-label {
    color: #fff !important;
    padding-left: 5px;
}

.abi-radio-question-item input[type="radio"]:checked {
    border-color: #FF6B00 !important;
    background: #FF6B00 !important;
    box-shadow: inset 0 0 0 3px #FFFFFF !important;
}

.abi-privacy-agree-box {
    background: #1A1A1A !important;
    border: 1px solid #333333 !important;
    border-radius: 8px !important;
    padding: 25px !important;
}

.abi-privacy-agree-box .wpcf7-form-control-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.abi-privacy-agree-box .wpcf7-checkbox,
.abi-privacy-agree-box .wpcf7-list-item {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    gap: 10px;
}

.abi-privacy-agree-box .wpcf7-list-item label,
.abi-privacy-agree-box label {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0;
    padding: 0;
    line-height: 1.4;
    height: auto;
}

.abi-privacy-agree-box input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    border: 1px solid #6B7280;
    border-radius: 4px;
    background: #FFFFFF;
    cursor: pointer;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    bottom: auto;
    transform: none;
    box-sizing: border-box;
    flex-shrink: 0;
    align-self: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease, background-color 0.2s ease;
}

.abi-privacy-agree-box input[type="checkbox"]:checked {
    border-color: #FF6B00;
    background-color: #FF6B00;
}

.abi-privacy-agree-box input[type="checkbox"]:checked::after {
    content: '';
    width: 4px;
    height: 8px;
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-top: -2px;
}

.abi-privacy-agree-box .wpcf7-list-item-label {
    display: inline-flex;
    align-items: center;
    align-self: center;
    flex-wrap: wrap;
    gap: 4px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    padding: 0;
}

.abi-privacy-agree-box .orange-link,
.abi-privacy-agree-box a {
    color: #FF6B00 !important;
    text-decoration: underline !important;
}

.wpcf7-not-valid-tip::before,
.wpcf7-not-valid-tip::after {
    display: none !important;
    content: none !important;
}

.abi-submit-form-container .wpcf7-not-valid-tip,
.abi-submit-card-section .wpcf7-not-valid-tip,
.wpcf7 .wpcf7-not-valid-tip {
    color: #FF4D4D !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-top: 8px !important;
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
}

.abi-submit-form-container .wpcf7-response-output,
.abi-submit-card-section .wpcf7-response-output,
.wpcf7 form .wpcf7-response-output,
div.wpcf7-response-output {
    background: #1F1916 !important;
    border: 1px solid #FF6B00 !important;
    border-radius: 8px !important;
    color: #FFD166 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 16px 20px !important;
    margin-top: 24px !important;
    text-align: center !important;
}

.abi-submit-form-container .wpcf7-response-output.wpcf7-mail-sent-ok,
div.wpcf7-response-output.wpcf7-mail-sent-ok {
    background: #11261D !important;
    border-color: #10B981 !important;
    color: #34D399 !important;
}

.abi-submit-btn-wrap {
    text-align: center !important;
    margin-top: 35px !important;
    margin-bottom: 40px !important;
}

.abi-submit-btn {
    margin: 0;
    background: #FF6B00 !important;
    color: #FFFFFF !important;
    padding: 5px 30px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    letter-spacing: 0.5px !important;
    transition: background 0.2s ease, transform 0.2s ease !important;
}

/* Keyframes Animations */
@keyframes abiMarqueeLTR {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0%);
    }
}

@keyframes abiMarqueeRTL {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes abiTickerMarquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes abiGlowPulse {
    0% {
        transform: scale(0.9) translate(0, 0);
        opacity: 0.6;
    }

    100% {
        transform: scale(1.15) translate(20px, -20px);
        opacity: 0.9;
    }
}


/* Default Page Template Spacing for Transparent Header */
.page-template-default .page-wrapper,
.page-template-default .content-area,
.page-template-default #content,
.content-area,
.page-wrapper {
    padding-top: 120px;
}

/* Custom Hero Sections handle their own top padding */
.abi-hero-section,
.abi-games-hero-section,
.abi-pub-hero-wrap,
.abi-about-hero,
.abi-submit-hero-section {
    padding-top: 170px !important;
}

/*  */
/*  */
/* Blog Archive */
/*  */
/*  */
.category.archive #main {
    padding-top: 120px !important;
}

/* ==========================================================================
   RESPONSIVE MEDIA QUERIES (Grouped & Consolidated)
   ========================================================================== */
@media (max-width: 1024px) {
    .abi-games-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991px) {
    .abi-hero-section {
        padding-top: 130px !important;
        padding-bottom: 120px !important;
    }

    .abi-hero-tagline {
        font-size: 52px !important;
    }

    .abi-hero-heading {
        font-size: 64px !important;
        letter-spacing: -1px !important;
    }

    .abi-hero-subtext {
        font-size: 20px !important;
    }

    .abi-section-title,
    .abi-single-post-title {
        font-size: 32px !important;
    }

    .abi-support-container {
        flex-direction: column;
        align-items: stretch;
    }

    .abi-pub-hero-wrap {
        padding: 35px 0 !important;
    }

    .abi-pub-hero-container {
        flex-direction: column !important;
        align-items: flex-start !important;
        width: 100% !important;
        padding: 0 16px !important;
        gap: 24px !important;
    }

    .abi-pub-hero-content,
    .abi-pub-hero-media {
        max-width: 100% !important;
        width: 100% !important;
    }

    .abi-pub-tag {
        font-size: 12px !important;
        margin-bottom: 10px !important;
    }

    .abi-pub-hero-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
        margin-bottom: 14px !important;
    }

    .abi-pub-hero-desc {
        font-size: 15px !important;
        line-height: 1.45 !important;
        margin-bottom: 20px !important;
    }

    .abi-pub-hero-btn {
        font-size: 14px !important;
    }

    .abi-pub-stories-wrap {
        padding: 40px 0 !important;
    }

    .abi-pub-stories-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 0px !important;
        text-align: center !important;
    }

    .abi-pub-stories-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 0 15px !important;
    }

    .abi-pub-story-card,
    .featured-box.abi-pub-story-card {
        padding: 20px 18px !important;
        border-radius: 12px !important;
        gap: 14px !important;
    }

    .abi-pub-story-heading {
        font-size: 17px !important;
        line-height: 1.35 !important;
        margin-bottom: 6px !important;
    }

    .abi-pub-story-desc {
        font-size: 13.5px !important;
        line-height: 1.45 !important;
    }

    .abi-pub-gallery-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .abi-pub-gallery-swiper {
        padding: 10px 0 !important;
    }

    .abi-pub-gallery-card.swiper-slide {
        width: calc((100vw - 32px) / 2.2) !important;
        max-width: 200px !important;
        min-width: 140px !important;
        height: calc(((100vw - 32px) / 2.2) * 1.72) !important;
        max-height: 340px !important;
        border-radius: 12px !important;
    }

    .abi-pub-gallery-overlay {
        padding: 14px 10px !important;
    }

    .abi-pub-gallery-overlay h3 {
        font-size: 15px !important;
        line-height: 1.25 !important;
        padding: 0 4px !important;
    }

    .abi-pub-slider-arrow {
        width: 32px !important;
        height: 32px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        min-height: 32px !important;
    }

    .abi-pub-slider-arrow svg {
        width: 10px !important;
        height: 14px !important;
    }

    .abi-pub-slider-arrow.prev {
        left: 4px !important;
    }

    .abi-pub-slider-arrow.next {
        right: 4px !important;
    }

    .abi-pub-process-title {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 32px !important;
        text-align: center !important;
    }

    .abi-pub-process-timeline {
        position: relative !important;
        width: 100% !important;
    }

    .abi-pub-timeline-svg {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        pointer-events: none !important;
        z-index: 1 !important;
    }

    .abi-pub-process-line {
        display: none !important;
    }

    .abi-pub-process-steps {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        align-items: start !important;
        gap: 28px 12px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .abi-pub-step:nth-child(1) {
        order: 1 !important;
    }

    .abi-pub-step:nth-child(2) {
        order: 2 !important;
    }

    .abi-pub-step:nth-child(3) {
        order: 4 !important;
    }

    .abi-pub-step:nth-child(4) {
        order: 3 !important;
    }

    .abi-pub-step:nth-child(5) {
        order: 5 !important;
    }

    .abi-pub-step:nth-child(6) {
        order: 6 !important;
    }

    .abi-pub-step:nth-child(1) .ring-top,
    .abi-pub-step:nth-child(3) .ring-top,
    .abi-pub-step:nth-child(5) .ring-top {
        transform: rotate(-90deg) !important;
        transform-origin: 50% 50% !important;
    }

    .abi-pub-step:nth-child(1) .ring-bottom,
    .abi-pub-step:nth-child(3) .ring-bottom,
    .abi-pub-step:nth-child(5) .ring-bottom {
        transform: rotate(-90deg) scaleY(-1) !important;
        transform-origin: 50% 50% !important;
    }

    .abi-pub-step:nth-child(2) .ring-top,
    .abi-pub-step:nth-child(6) .ring-top {
        transform: rotate(180deg) !important;
        transform-origin: 50% 50% !important;
    }

    .abi-pub-step:nth-child(2) .ring-bottom,
    .abi-pub-step:nth-child(6) .ring-bottom {
        transform: rotate(180deg) scaleY(-1) !important;
        transform-origin: 50% 50% !important;
    }

    .abi-pub-step:nth-child(4) .ring-top {
        transform: rotate(0deg) !important;
        transform-origin: 50% 50% !important;
    }

    .abi-pub-step:nth-child(4) .ring-bottom {
        transform: rotate(0deg) scaleY(-1) !important;
        transform-origin: 50% 50% !important;
    }

    .abi-pub-step {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .abi-pub-step-icon-box {
        width: 80px !important;
        height: 80px !important;
        margin-bottom: 10px !important;
    }

    .abi-pub-step-ring {
        width: 80px !important;
        height: 80px !important;
    }

    .abi-pub-step-icon-inner img,
    .abi-pub-step-icon-inner svg {
        width: 24px !important;
        height: 24px !important;
    }

    .abi-pub-step-num {
        font-size: 12px !important;
        margin-bottom: 4px !important;
    }

    .abi-pub-step-name {
        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .abi-white-apply-card {
        position: static;
        margin-top: 40px;
    }

    .abi-single-highlight-wrap,
    .abi-single-related-row {
        flex-direction: column;
    }

    .abi-single-highlight-left,
    .abi-single-related-col {
        width: 100%;
    }

    .abi-single-highlight-divider {
        display: none;
    }
}

@media (max-width: 768px) {

    #masthead .header-inner,
    .stuck #masthead .header-inner,
    .stuck .header-inner {
        top: 8px !important;
        min-height: 46px !important;
        padding: 4px 12px !important;
        width: calc(100% - 24px) !important;
        border-radius: 12px !important;
    }

    html body #header #masthead #logo img,
    html body .stuck #header #masthead #logo img,
    html body .stuck #logo img,
    html body .stuck .logo img,
    html body .stuck .header-logo,
    html body #logo img {
        max-height: 32px !important;
    }

    .mobile-nav .nav-icon i {
        font-size: 20px !important;
    }

    .header-nav>li>a,
    .nav>li>a,
    .header-main .nav>li>a,
    #masthead .nav>li>a,
    a.nav-top-link {
        padding-left: 0 !important;
        border: none !important;
    }

    .abi-carousel-btn--prev {
        left: -10px;
    }

    .abi-carousel-btn--next {
        right: -10px;
    }

    .abi-carousel-wrap,
    #abiGameCarousel {
        height: 340px !important;
    }

    #abiGameCarousel,
    .abi-carousel-wrap,
    .abi-game-card-abs {
        touch-action: pan-y;
    }

    .abi-stat-number {
        font-size: 28px;
    }

    .abi-stat-label {
        font-size: 14px;
    }

    .abi-hero-tagline {
        font-size: 34px !important;
        line-height: 1.25 !important;
    }

    .abi-hero-heading {
        font-size: 40px !important;
        letter-spacing: -0.5px !important;
        margin-bottom: 14px !important;
        line-height: 1.1 !important;
    }

    .abi-hero-subtext {
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    .abi-section-title {
        font-size: 28px !important;
        margin-bottom: 12px !important;
    }

    .abi-partners-title,
    .abi-stat-box .num {
        font-size: 28px !important;
    }

    .abi-careers-section .abi-section-title,
    .abi-support-heading {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    .abi-partners-section {
        padding-top: 45px !important;
        padding-bottom: 45px !important;
    }

    .abi-footer-socials .abi-social-icons {
        justify-content: flex-start !important;
    }

    .stackDownloadFooter .img,
    .stackDownloadFooter .img-inner,
    .stackDownloadFooter img,
    .stackDownloadFooter .img img,
    .stackDownloadFooter .img-inner img {
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .abi-footer-col-title {
        font-size: 16px !important;
        margin-bottom: 12px !important;
    }

    .abi-footer-link-item {
        margin-bottom: 8px !important;
    }

    .abi-footer-link-item a,
    .abi-stat-box .label,
    .abi-section-desc,
    .abi-overview-val {
        font-size: 14px !important;
    }

    .abi-page-heading {
        font-size: 28px !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }

    .abi-page-desc {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .abi-stat-box {
        padding: 10px 12px !important;
    }

    .abi-team-banner img {
        height: 320px !important;
    }

    .abi-careers-section .section-bg-overlay,
    .abi-careers-section .section-bg::after {
        width: 100% !important;
        background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.6) 100%) !important;
    }

    .abi-about-hero-title {
        font-size: 30px;
        padding-top: 50px;
    }

    .abi-stats-row .abi-stat-col {
        flex: 0 0 50% !important;
        max-width: 50% !important;
        margin-bottom: -15px;
    }

    .abi-timeline-container {
        max-height: 450px !important;
        gap: 28px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .abi-blog-ticker-track {
        animation-duration: 10s !important;
    }

    .abi-timeline-container::before,
    .abi-jobs-table thead,
    .abi-blog-featured-divider,
    .abi-single-highlight-divider,
    .abi-step-divider {
        display: none !important;
    }

    .abi-timeline-item::before {
        content: "" !important;
        position: absolute !important;
        top: 17px !important;
        left: 4px !important;
        height: calc(100% + 28px) !important;
        width: 2px !important;
        background: rgba(255, 255, 255, 0.15) !important;
        z-index: 1 !important;
        display: block !important;
    }

    .abi-timeline-item:last-child::before {
        height: calc(100% - 17px) !important;
        display: block !important;
    }

    .abi-timeline-item {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding-left: 20px !important;
        width: 100% !important;
    }

    .abi-timeline-dot {
        left: 0 !important;
        top: 12px !important;
        transform: none !important;
        width: 10px !important;
        height: 10px !important;
    }

    .abi-timeline-year {
        font-size: 32px !important;
        -webkit-text-stroke: 1px rgba(255, 255, 255, 0.85) !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    .abi-timeline-content-box {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        width: 100% !important;
    }

    .abi-timeline-img-wrapper {
        width: 100% !important;
        height: 170px !important;
    }

    .abi-timeline-desc-text,
    .abi-support-right,
    .abi-jobs-select-wrap,
    .abi-blog-featured-left,
    .abi-blog-featured-right,
    .abi-single-highlight-left,
    .abi-single-highlight-right,
    .abi-single-related-col,
    .abi-form-group.col-half {
        width: 100% !important;
    }

    .abi-timeline-desc-text p,
    .abi-timeline-desc-text span,
    .abi-timeline-desc {
        font-size: 14px !important;
        line-height: 1.45 !important;
    }

    .abi-games-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px 12px !important;
    }

    .abi-pub-process-steps {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    .abi-pub-process-line,
    .abi-games-filter-bar::-webkit-scrollbar {
        display: none;
    }

    .abi-benefit-card-inner,
    .abi-benefit-card {
        padding: 24px 20px !important;
    }

    .abi-benefit-title,
    .abi-benefit-card h3 {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .abi-benefit-num {
        font-size: 64px;
        line-height: 64px;
    }

    .abi-jobs-container-wrap {
        padding: 16px 12px !important;
    }

    .abi-values-row {
        gap: 15px 0 !important;
    }

    .abi-value-card {
        padding: 18px 16px 20px 16px !important;
        height: 175px !important;
        min-height: 160px !important;
        border-radius: 10px !important;
    }

    .abi-value-card .icon {
        margin-bottom: 12px !important;
        width: 32px !important;
        height: 32px !important;
    }

    .abi-value-icon-img {
        width: 32px !important;
        height: 32px !important;
    }

    .abi-value-card .title {
        font-size: 16px !important;
        line-height: 1.25 !important;
        max-width: 100% !important;
    }

    .abi-value-card .mascot {
        width: 85px !important;
        right: -2px !important;
        bottom: -8px !important;
    }

    .abi-games-hero-section {
        height: 320px !important;
        min-height: 280px !important;
    }

    .abi-games-hero-content {
        padding: 0 16px !important;
        max-width: 100% !important;
    }

    .abi-games-hero-title {
        font-size: 32px !important;
        line-height: 1.15 !important;
        margin-bottom: 10px !important;
    }

    .abi-games-hero-subtitle {
        font-size: 15px !important;
        line-height: 1.4 !important;
    }

    .abi-games-grid-container-wrap {
        width: 100% !important;
        margin: 30px auto 45px auto !important;
        padding: 0 15px !important;
    }

    .abi-games-filter-bar {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        justify-content: flex-start !important;
        gap: 8px !important;
        margin-bottom: 24px !important;
        padding-bottom: 6px !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .abi-filter-btn {
        padding: 6px 16px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
        flex-shrink: 0 !important;
        border-radius: 18px !important;
    }

    .abi-game-grid-card-inner {
        border-radius: 8px !important;
    }

    .abi-game-cat-badge {
        height: 28px !important;
        font-size: 11px !important;
        font-weight: 600 !important;
        padding: 0 8px !important;
        line-height: 28px !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }

    .abi-figma-bottom-bar {
        height: clamp(36px, 9.5vw, 54px) !important;
        padding: 0 3% !important;
        gap: 4% !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        pointer-events: auto !important;
        background: rgba(0, 0, 0, 0.75) !important;
        backdrop-filter: blur(4px) !important;
        -webkit-backdrop-filter: blur(4px) !important;
        border-bottom-left-radius: 8px !important;
        border-bottom-right-radius: 8px !important;
    }

    .abi-figma-badge {
        height: 100% !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .abi-figma-badge img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 75% !important;
        object-fit: contain !important;
        display: block !important;
    }

    .abi-game-card-title {
        font-size: 14px !important;
        margin-top: 8px !important;
        line-height: 1.25 !important;
    }

    .abi-load-more-wrap,
    .abi-job-right-col {
        margin-top: 30px !important;
    }

    .abi-load-more-btn,
    .abi-white-form-group input[type="text"],
    .abi-white-form-group input[type="email"],
    .abi-white-form-group input[type="tel"],
    .abi-white-form-group input[type="url"],
    .abi-white-form-group textarea,
    .abi-white-form-group select,
    .abi-submit-card-section input[type="text"],
    .abi-submit-card-section input[type="email"],
    .abi-submit-card-section input[type="url"],
    .abi-submit-card-section input[type="number"],
    .abi-submit-card-section textarea,
    .abi-submit-card-section select {
        font-size: 16px !important;
    }

    .abi-support-section-wrap {
        padding: 45px 15px !important;
    }

    .abi-support-container {
        flex-direction: column !important;
        gap: 28px !important;
        padding: 0 !important;
        width: 100%;
    }

    .abi-support-left {
        text-align: center !important;
        width: 100% !important;
    }

    .abi-support-subheading {
        font-size: 16px !important;
        margin-top: 8px !important;
    }

    .abi-support-card-form {
        padding: 24px 18px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        border-radius: 12px !important;
    }

    .abi-support-card-form input[type="text"],
    .abi-support-card-form input[type="email"],
    .abi-support-card-form select,
    .abi-support-card-form .wpcf7-text,
    .abi-support-card-form .wpcf7-email,
    .abi-support-card-form .wpcf7-select {
        font-size: 16px !important;
        height: 44px !important;
        padding: 0 14px !important;
    }

    .abi-support-card-form textarea,
    .abi-support-card-form .wpcf7-textarea {
        font-size: 14px !important;
        height: 100px !important;
        padding: 12px 14px !important;
    }

    .abi-support-card-form input[type="submit"],
    .abi-support-card-form .wpcf7-submit,
    .abi-support-submit-btn {
        height: 46px !important;
        font-size: 16px !important;
        width: 100% !important;
        border-radius: 23px !important;
    }

    .abi-jobs-filter-bar {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        margin-bottom: 20px !important;
    }

    .abi-jobs-search-wrap {
        grid-column: span 2 !important;
        width: 100% !important;
    }

    .abi-jobs-search-wrap input[type="text"] {
        height: 42px !important;
        font-size: 13px !important;
        padding-left: 40px !important;
    }

    .abi-jobs-select-wrap select {
        height: 42px !important;
        font-size: 13px !important;
        padding: 0 28px 0 12px !important;
    }

    .abi-jobs-reset-btn {
        grid-column: span 2 !important;
        width: 100% !important;
        height: 42px !important;
        justify-content: center !important;
        font-size: 13px !important;
        border-radius: 6px !important;
    }

    .abi-jobs-table-wrap {
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .abi-jobs-table,
    .abi-jobs-table tbody,
    .abi-jobs-table tr.abi-job-row {
        display: block !important;
        width: 100% !important;
    }

    .abi-jobs-table tr.abi-job-row {
        background: #0E0F12 !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
        border-radius: 12px !important;
        padding: 16px !important;
        margin-bottom: 14px !important;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
        box-sizing: border-box !important;
    }

    .abi-jobs-table td {
        display: block !important;
        padding: 4px 0 !important;
        border: none !important;
        background: transparent !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    .abi-jobs-table td.col-title {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
        padding-bottom: 10px !important;
        margin-bottom: 8px !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .abi-job-title-text {
        font-size: 16px !important;
        font-weight: 700 !important;
        color: #FFFFFF !important;
    }

    .abi-jobs-table td.col-dept,
    .abi-jobs-table td.col-level,
    .abi-jobs-table td.col-type,
    .abi-jobs-table td.col-location {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        margin-right: 8px !important;
        margin-bottom: 6px !important;
        vertical-align: middle !important;
    }

    .abi-job-badge-cell {
        font-size: 12px !important;
        color: #9CA3AF !important;
        background: rgba(255, 255, 255, 0.04) !important;
        padding: 4px 10px !important;
        border-radius: 4px !important;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .abi-jobs-table td.col-location {
        font-size: 12px !important;
        color: #888888 !important;
        padding: 4px 10px !important;
        background: rgba(255, 255, 255, 0.03) !important;
        border-radius: 4px !important;
    }

    .abi-jobs-table td.col-action {
        margin-top: 8px !important;
        padding-top: 10px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    .abi-job-view-btn {
        width: 100% !important;
        height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(255, 92, 0, 0.12) !important;
        border: 1px solid rgba(255, 92, 0, 0.35) !important;
        border-radius: 6px !important;
        color: #FF6A00 !important;
        font-weight: 700 !important;
        font-size: 13px !important;
    }

    .abi-jobs-pagination-bar {
        flex-direction: column !important;
        gap: 12px !important;
        align-items: center !important;
        text-align: center !important;
    }

    .abi-career-hero-wrap {
        min-height: 480px;
    }

    .abi-career-hero-title,
    .abi-career-hero-section .abi-career-hero-title h1,
    .abi-career-hero-title h1 {
        font-size: 18px;
    }

    .abi-career-hero-subtitle,
    .abi-career-hero-section .abi-career-hero-subtitle p,
    .abi-career-hero-subtitle p {
        font-size: 13px;
    }

    .abi-career-hero-btn,
    .button.abi-career-hero-btn,
    a.button.abi-career-hero-btn {
        font-size: 13px !important;
        padding: 4px 15px !important;
        height: auto !important;
        min-height: 0 !important;
        line-height: 1.4 !important;
    }

    .abi-career-title-work,
    .title-blog-work {
        top: 2px !important;
        left: 15% !important;
        z-index: 10 !important;
    }

    .abi-career-title-blog,
    .title-blog-blog {
        top: 2px !important;
        right: 15% !important;
        z-index: 10 !important;
    }

    .abi-career-why-title,
    .abi-career-why-title h2 {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    .abi-career-why-desc p,
    .abi-single-content-body {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    .abi-benefit-col,
    .abi-career-benefits-section .row>.col {
        margin-bottom: -15px !important;
    }

    .abi-career-jobs-title,
    .abi-career-jobs-title h2,
    .abi-categories-title,
    .abi-categories-title h2,
    .abi-single-related-title {
        font-size: 24px !important;
        margin-bottom: 20px !important;
        line-height: 1.3 !important;
    }

    .abi-blog-featured-wrap {
        padding: 30px 0 !important;
    }

    .abi-blog-featured-row {
        flex-direction: column !important;
        gap: 24px !important;
    }

    .abi-blog-featured-heading {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }

    .abi-blog-main-title {
        font-size: 16px !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }

    .abi-blog-main-img-wrap,
    .abi-blog-grid-img-wrap {
        height: 200px !important;
        border-radius: 6px !important;
    }

    .abi-blog-hot-badge {
        font-size: 14px !important;
        padding: 4px 10px !important;
        margin-bottom: 16px !important;
    }

    .abi-blog-hot-list {
        gap: 16px !important;
    }

    .abi-blog-hot-card {
        gap: 12px !important;
        align-items: flex-start !important;
    }

    .abi-blog-hot-title {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .abi-blog-hot-date {
        font-size: 11px !important;
    }

    .abi-blog-hot-img {
        width: 100px !important;
        height: 68px !important;
        border-radius: 4px !important;
    }

    .abi-blog-ticker-container {
        margin-top: 20px !important;
        padding: 6px 0 !important;
    }

    .abi-blog-ticker-item,
    .abi-single-content-body blockquote cite {
        font-size: 12px !important;
    }

    .abi-blog-grid-section {
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }

    .abi-blog-grid-row {
        flex-direction: column !important;
        gap: 24px !important;
        margin: 0 !important;
    }

    .abi-blog-grid-col {
        width: 100% !important;
        padding: 0 !important;
    }

    .abi-blog-grid-card {
        gap: 10px !important;
    }

    .abi-blog-grid-title {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .abi-blog-grid-meta,
    .abi-single-post-date,
    .abi-overview-label {
        font-size: 13px !important;
    }

    .abi-blog-pagination {
        margin-top: 30px !important;
        gap: 8px !important;
    }

    .abi-single-post-page {
        padding-top: 80px !important;
        padding-bottom: 40px !important;
    }

    .abi-single-post-container {
        margin: 0 auto 0px !important;
    }

    .abi-single-back-link {
        font-size: 14px !important;
        margin-bottom: 16px !important;
    }

    .abi-single-header-wrap,
    .abi-job-header-block {
        margin-bottom: 24px !important;
    }

    .abi-single-post-title {
        font-size: 22px !important;
        line-height: 1.25 !important;
        margin-bottom: 8px !important;
    }

    .abi-single-highlight-wrap {
        flex-direction: column !important;
        gap: 20px !important;
        margin-bottom: 30px !important;
    }

    .abi-single-featured-img {
        height: 220px !important;
        border-radius: 6px !important;
    }

    .abi-single-summary-title {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .abi-single-summary-text p {
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .abi-single-content-body h2 {
        font-size: 20px !important;
        margin-top: 24px !important;
        margin-bottom: 12px !important;
    }

    .abi-single-content-body h3 {
        font-size: 17px !important;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
    }

    .abi-single-content-body figure {
        margin: 20px 0 !important;
    }

    .abi-single-content-body img {
        max-height: 300px !important;
        border-radius: 6px !important;
    }

    .abi-single-content-body blockquote {
        padding: 12px 16px !important;
        margin: 20px 0 !important;
        border-left-width: 3px !important;
    }

    .abi-single-content-body blockquote p {
        font-size: 15px !important;
        line-height: 1.5 !important;
        margin-bottom: 6px !important;
    }

    .abi-single-share-bar {
        padding-top: 20px !important;
        gap: 16px !important;
        margin-top: 30px !important;
        margin-bottom: 40px !important;
    }

    .abi-single-tags-list {
        gap: 8px !important;
    }

    .abi-tag-pill {
        font-size: 10px !important;
        padding: 6px 12px !important;
    }

    .abi-single-social-share {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        gap: 10px 16px !important;
    }

    .abi-share-label {
        font-size: 11px !important;
        letter-spacing: 1.5px !important;
    }

    .abi-share-btn {
        font-size: 11px !important;
        letter-spacing: 1.2px !important;
    }

    .abi-share-copy-btn {
        font-size: 11px !important;
        height: 32px !important;
        padding: 0 10px !important;
        border-radius: 4px !important;
    }

    .abi-single-related-section {
        padding-bottom: 30px !important;
    }

    .abi-single-related-row {
        flex-direction: column !important;
        gap: 16px !important;
    }

    .abi-job-detail-page {
        padding: 80px 0 40px 0 !important;
    }

    .abi-job-back-link {
        font-size: 14px !important;
        margin-bottom: 16px !important;
        gap: 6px !important;
    }

    .abi-job-back-link svg {
        width: 18px !important;
        height: 18px !important;
    }

    .abi-job-main-title {
        font-size: 26px !important;
        line-height: 1.25 !important;
        margin-bottom: 6px !important;
    }

    .abi-job-sub-category {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .abi-job-overview-box {
        padding: 20px 16px !important;
        margin-bottom: 30px !important;
        border-radius: 10px !important;
    }

    .abi-overview-row {
        padding-bottom: 12px !important;
        margin-bottom: 14px !important;
    }

    .abi-job-desc-wrap {
        margin-top: 0 !important;
    }

    .abi-job-desc-wrap h1,
    .abi-job-desc-wrap h2,
    .abi-job-desc-wrap h3,
    .abi-job-desc-heading {
        font-size: 20px !important;
        margin-bottom: 16px !important;
        line-height: 1.3 !important;
    }

    .abi-job-desc-wrap p,
    .abi-job-desc-lead {
        font-size: 14px !important;
        line-height: 1.6 !important;
        margin-bottom: 20px !important;
    }

    .abi-job-desc-wrap ul,
    .abi-job-bullet-list {
        gap: 10px !important;
        margin-bottom: 24px !important;
    }

    .abi-job-desc-wrap ul li,
    .abi-job-bullet-list li {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding-left: 16px !important;
    }

    .abi-job-desc-wrap ul li::before,
    .abi-job-bullet-list li::before {
        top: 8px !important;
    }

    .abi-white-apply-card {
        position: static !important;
        padding: 20px 16px !important;
        border-radius: 10px !important;
    }

    .abi-submit-highlights-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 24px !important;
    }

    .abi-submit-hero-title p {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .abi-submit-hero-subtitle p,
    .abi-submit-hero-subtitle {
        font-size: 16px !important;
        line-height: 1.4 !important;
        margin-top: 8px !important;
        margin-bottom: 8px !important;
    }

    .abi-submit-hero-col p {
        margin-top: 10px !important;
    }

    .abi-submit-step-bar {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
        padding: 16px !important;
    }

    .abi-submit-card-section {
        padding: 20px 16px !important;
    }

    .abi-card-section-title {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-bottom: 16px !important;
    }

    .abi-form-row {
        flex-direction: column !important;
        gap: 0 !important;
        margin-bottom: 0px !important;
    }

    .abi-radio-questions-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .abi-submit-btn-wrap {
        text-align: left !important;
    }
	
	.category.archive #main {
		padding-top: 80px !important;
	}
}

@media (max-width: 600px) {
    .abi-form-row {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 575px) {
    .abi-pub-gallery-card.swiper-slide {
        width: 220px !important;
        height: 390px !important;
    }

    .stackDownloadFooter .img {
        width: calc(100% / 3) !important;
    }
}

@media (max-width: 480px) {
    .abi-hero-section {
        padding-top: 85px !important;
        padding-bottom: 50px !important;
    }

    .abi-hero-tagline,
    .abi-section-title,
    .abi-partners-title,
    .abi-page-heading,
    .abi-pub-stories-title,
    .abi-pub-gallery-title,
    .abi-pub-process-title,
    .abi-stat-box .num {
        font-size: 24px !important;
    }

    .abi-hero-heading {
        font-size: 30px !important;
        letter-spacing: 0 !important;
    }

    .abi-hero-subtext,
    .abi-page-desc,
    .abi-pub-hero-desc {
        font-size: 14px !important;
    }

    .abi-careers-section .abi-section-title {
        font-size: 24px !important;
        line-height: 1.2 !important;
    }

    .abi-pub-hero-title {
        font-size: 26px !important;
    }

    .abi-pub-story-heading {
        font-size: 16px !important;
    }

    .abi-pub-story-desc,
    .abi-stat-box .label {
        font-size: 13px !important;
    }

    .abi-value-card {
        padding: 15px 12px 16px 12px !important;
        height: 160px !important;
    }

    .abi-value-card .title {
        font-size: 15px !important;
    }

    .abi-value-card .mascot {
        width: 72px !important;
    }

    .abi-team-banner img {
        height: 240px !important;
    }

    .abi-games-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 16px 10px !important;
    }
}



.abi-job-detail-container .abi-job-desc-wrap h4 {
    color: #fb9c2c;
    font-size: 24px;
    line-height: 52px;
}