:root {
    --aiheroex-brand-gradient: linear-gradient(90deg, #50bdf2 0%, #2f87f6 48%, #1553dc 100%);
}

/* Global AIHeroEX treatment for every primary action and active control. */
.btn--base,
.btn-outline--base,
.bg--base,
.form--control[type="file"]::-webkit-file-upload-button:hover,
.form--control[type="file"]::file-selector-button:hover,
.form--radio .form-check-input:checked::before,
.form--switch .form-check-input:checked,
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover,
.custom--tab .nav-item .nav-link.active,
.custom--tab .nav-item .nav-link:hover,
.badge--base,
.progress--base .progress-bar,
.dropdown-menu__link:hover,
.scroll-top,
.scroll-top:hover,
.social-list__link:hover,
.dashboard .sidebar-menu-list__item.active > a,
.dashboard .sidebar-menu-list__item.has-dropdown.active > a,
.dashboard .sidebar-submenu-list__item.active > a,
.dashboard .sidebar-submenu-list__link:hover,
.dashboard .user-info .user-info-dropdown__link.active,
.slick-dots li.slick-active button,
.text-list.style-tag .text-list__link.active,
.text-list.style-tag .text-list__link:hover,
.about-wrapper .about-right .info-list__item::before,
.play-button,
.feature-wrapper .feature-list__link.active,
.feature-wrapper .feature-list__link:hover,
.tab-list__link.active,
.tab-list__link:hover,
.sponsor-item__btn,
.sponsor-item__btn:hover,
.feature-item__time.keywordFilterBtn.active,
.feature-item__time.allKeywordFilterBtn.active,
.card-details-item__title .number,
.card-details__sidebar .link-wrapper .social-list__link:hover,
.blog-details__share .social-list__link:hover,
.edit,
.custom--tab.tab-three .nav-item .nav-link.active,
.custom--tab.tab-three .nav-item .nav-link:hover,
.btn-list__btn.active,
.drp-buttons .applyBtn,
.daterangepicker td.active,
.daterangepicker td.active:hover,
.gateway-card .payment-system-list::-webkit-scrollbar-thumb {
    background-color: transparent !important;
    background-image: var(--aiheroex-brand-gradient) !important;
    border-color: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.btn--base,
.btn-outline--base,
.pagination .page-item.active .page-link,
.pagination .page-item .page-link:hover {
    box-shadow: 0 12px 26px rgba(36, 107, 253, .18);
}

.btn--base:hover,
.btn--base:focus-visible,
.btn-outline--base:hover,
.btn-outline--base:focus-visible {
    background-image: var(--aiheroex-brand-gradient) !important;
    border-color: transparent !important;
    box-shadow: 0 16px 34px rgba(36, 107, 253, .28);
    color: #fff !important;
    filter: saturate(1.08) brightness(.98);
}

.btn--base .text--base,
.btn-outline--base .text--base,
.badge--base .text--base {
    background: none !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Text and line icons that previously used the flat brand blue. */
.text--base,
.base-color,
.custom--accordion .accordion-button:not(.collapsed)::after,
.sidebar--acordion .accordion-button:not(.collapsed)::after,
.custom--modal .modal-icon i,
.nav-item .nav-link.show[aria-expanded="true"],
.nav-item.active .nav-link,
.mega-menu.show[aria-expanded="true"],
.mega-menu-list__link:hover,
.footer-menu__link:hover,
.breadcrumb__item-text,
.breadcrumb__link:hover,
.dashboard .sidebar-menu-list__link:hover,
.dashboard .sidebar-menu-list__link.active,
.dashboard .user-info .user-info-dropdown__link:hover,
.card-item__inner .top .title,
.card-item__inner .top .top-right .text,
.add-btn,
.text-list.style-category .text-list__link:hover,
.latest-blog__title a:hover,
.banner-content .banner-form-wrapper .banner-form .search-form__icon,
.feature-item__name:hover,
.feature-item.item-two .feature-item__name:hover,
.load-more-button,
.filter-sidebar .sidebar-header__text,
.card-details-item .card-text-list__icon,
.card-details__profile .profile-top__text,
.card-details__sidebar .job-wrapper-item__name,
.card-icon,
.contact-right__wrapper .contact-item__link:hover,
.contact-right__wrapper .contact-item__button,
.blog-item__title-link:hover,
.award-list__content-text,
.notification-menu__item:hover .title,
.user-profile-sidebar__skill .text,
.user-profile-sidebar__skill .profile-status__out,
.blog-details .blog-item__text-icon,
.blog-details__share-title,
.blog-details__share .social-list__link,
.profile-dashboard__sidebar .collection-list__link.active .collection-list__text,
.custom--modal .modal-form__title span,
.job-list-wrapper .job-info-item .company-info a:hover,
.category-job-list__link.active,
.form-steps__step.form-steps__step--active .form-steps__step-circle::before,
.form-steps__step--active .form-step__step-name {
    background-image: var(--aiheroex-brand-gradient) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

.dashboard .sidebar-menu-list__item.active > a,
.dashboard .sidebar-menu-list__item.active > a *,
.dashboard .sidebar-submenu-list__item.active > a,
.dashboard .sidebar-submenu-list__item.active > a *,
.dashboard .sidebar-submenu-list__link:hover,
.dashboard .sidebar-submenu-list__link:hover *,
.custom--tab .nav-item .nav-link.active,
.custom--tab .nav-item .nav-link:hover,
.feature-wrapper .feature-list__link.active,
.feature-wrapper .feature-list__link:hover,
.tab-list__link.active,
.tab-list__link:hover,
.custom--tab.tab-three .nav-item .nav-link.active,
.custom--tab.tab-three .nav-item .nav-link:hover {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

.form--radio .form-check-input:checked,
.border--base,
.card-icon,
.job-list-wrapper .job-info-item__btn:hover {
    border-color: #2f87f6 !important;
}

::selection {
    background: #2f87f6;
    color: #fff;
}

/* AIHeroEX contact page: GlobalExpath structure in the light JobLab design. */
.aiheroex-contact {
    background: #fff;
}

.aiheroex-contact .contact-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 28px;
    overflow: hidden;
    background: linear-gradient(#fff, #fff) padding-box,
        var(--aiheroex-brand-gradient) border-box;
    border: 1px solid transparent !important;
    border-radius: 20px;
    box-shadow: 0 18px 45px rgba(29, 71, 145, .08);
}

.aiheroex-contact .contact-card__header {
    margin-bottom: 18px;
}

.aiheroex-contact .contact-card__icon {
    display: grid;
    place-items: center;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(80, 189, 242, .15), rgba(21, 83, 220, .12));
    color: #216eea;
    font-size: 22px;
}

.aiheroex-contact .contact-card__body {
    flex: 1;
}

.aiheroex-contact .contact-card__title {
    margin-bottom: 10px;
    color: #14213a;
    font-size: 20px;
    font-weight: 700;
}

.aiheroex-contact .contact-card__desc {
    margin: 0;
    color: #68758d;
    line-height: 1.65;
}

.aiheroex-contact .contact-card__footer {
    margin-top: 22px;
}

.aiheroex-contact .contact-card__link {
    display: inline-block;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.aiheroex-contact .contact-eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    background: var(--aiheroex-brand-gradient);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.aiheroex-contact .section-heading__title {
    margin-bottom: 16px;
    color: #14213a;
    font-size: clamp(34px, 4vw, 54px);
    line-height: 1.08;
}

.aiheroex-contact .section-heading__desc {
    color: #5f6e86;
    font-size: 17px;
    line-height: 1.7;
}

.aiheroex-contact .contact-support-note {
    padding: 18px 20px;
    border: 1px solid #d5e5ff;
    border-radius: 14px;
    background: #f3f8ff;
    color: #465773;
    line-height: 1.6;
}

.aiheroex-contact .contact-thumb {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    border-radius: 20px;
    background: #edf5ff;
    box-shadow: 0 20px 48px rgba(29, 71, 145, .10);
}

.aiheroex-contact .contact-thumb__title {
    position: absolute;
    z-index: 2;
    top: 20px;
    left: 20px;
    margin: 0;
    padding: 10px 15px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .94);
    color: #14213a;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 10px 28px rgba(16, 42, 88, .13);
}

.aiheroex-contact .contact-thumb__img {
    display: block;
    width: 100%;
    height: 360px;
    object-fit: cover;
}

.aiheroex-contact .contact-form {
    padding: 0;
    border: 0;
    background: transparent;
}

.aiheroex-contact .contact-form__body {
    height: 100%;
    padding: 34px;
    border: 1px solid #dbe4f1;
    border-radius: 22px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(29, 71, 145, .11);
}

.aiheroex-contact .contact-verification-notice {
    margin-bottom: 26px;
    padding: 18px 20px;
    border: 1px solid #c9e1ff;
    border-radius: 14px;
    background: linear-gradient(135deg, #eef8ff 0%, #f4f7ff 100%);
}

.aiheroex-contact .contact-verification-notice h5 {
    margin-bottom: 7px;
    color: #174c9b;
    font-size: 18px;
}

.aiheroex-contact .contact-verification-notice p {
    margin: 0;
    color: #52657f;
    line-height: 1.6;
}

.aiheroex-contact .form--group {
    margin-bottom: 22px;
}

.aiheroex-contact .form--label {
    margin-bottom: 9px;
    color: #22304a;
    font-weight: 700;
}

.aiheroex-contact .form--field {
    padding: 1px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 12px;
    background: #dbe4f1;
}

.aiheroex-contact .form--field:focus-within {
    background: var(--aiheroex-brand-gradient);
    box-shadow: 0 0 0 4px rgba(47, 135, 246, .11);
}

.aiheroex-contact .form--control {
    min-height: 52px;
    border: 0 !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: #1d2b44 !important;
    box-shadow: none !important;
}

.aiheroex-contact textarea.form--control {
    min-height: 185px;
    resize: vertical;
}

.aiheroex-contact .form--control:disabled {
    cursor: not-allowed;
    background: #f3f6fa !important;
    color: #8a96a8 !important;
    opacity: 1;
}

.aiheroex-contact .btn--lg {
    min-height: 54px;
    border-radius: 12px;
}

@media (max-width: 991px) {
    .aiheroex-contact .contact-form__body {
        padding: 28px;
    }
}

@media (max-width: 575px) {
    .aiheroex-contact .contact-card,
    .aiheroex-contact .contact-form__body {
        padding: 22px;
        border-radius: 16px;
    }

    .aiheroex-contact .contact-thumb__img {
        height: 260px;
    }
}