.elementor-624 .elementor-element.elementor-element-01616cf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-624 .elementor-element.elementor-element-01616cf:not(.elementor-motion-effects-element-type-background), .elementor-624 .elementor-element.elementor-element-01616cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-624 .elementor-element.elementor-element-d28c470{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-624 .elementor-element.elementor-element-d28c470:not(.elementor-motion-effects-element-type-background), .elementor-624 .elementor-element.elementor-element-d28c470 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-624 .elementor-element.elementor-element-3c128d2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-624 .elementor-element.elementor-element-643767f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-624 .elementor-element.elementor-element-ce23859{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-624 .elementor-element.elementor-element-42eac07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:25px 25px;--row-gap:25px;--column-gap:25px;--margin-top:30px;--margin-bottom:110px;--margin-left:0px;--margin-right:0px;}.elementor-624 .elementor-element.elementor-element-42eac07:not(.elementor-motion-effects-element-type-background), .elementor-624 .elementor-element.elementor-element-42eac07 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-624 .elementor-element.elementor-element-6d9d7cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--border-radius:40px 40px 40px 40px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-624 .elementor-element.elementor-element-6d9d7cb:not(.elementor-motion-effects-element-type-background), .elementor-624 .elementor-element.elementor-element-6d9d7cb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-624 .elementor-element.elementor-element-cd88e42{text-align:center;}.elementor-624 .elementor-element.elementor-element-4da0afc{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}@media(max-width:1024px){.elementor-624 .elementor-element.elementor-element-d28c470{--flex-wrap:wrap;}.elementor-624 .elementor-element.elementor-element-42eac07{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-624 .elementor-element.elementor-element-6d9d7cb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-624 .elementor-element.elementor-element-d28c470{--content-width:1320px;}.elementor-624 .elementor-element.elementor-element-3c128d2{--width:33.333%;}.elementor-624 .elementor-element.elementor-element-643767f{--width:33.333%;}.elementor-624 .elementor-element.elementor-element-ce23859{--width:33.333%;}.elementor-624 .elementor-element.elementor-element-42eac07{--content-width:1290px;}}@media(max-width:1024px) and (min-width:768px){.elementor-624 .elementor-element.elementor-element-3c128d2{--width:50%;}.elementor-624 .elementor-element.elementor-element-643767f{--width:50%;}.elementor-624 .elementor-element.elementor-element-ce23859{--width:50%;}}/* Start custom CSS for tx_hero_section, class: .elementor-element-9d5be6f */html,
body,
.sk-hero-5-area {
    background: #000000 !important;
    background-image: none !important;
}

.sk-hero-5-bg-shape-1,
.sk-hero-5-bg-shape-2 {
    display: none !important;
}

.sk-hero-5-area {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    min-height: auto !important;
    height: auto !important;
    padding-top: 150px !important;
    padding-bottom: 20px !important;
    margin-bottom: 0 !important;
}

.sk-hero-5-area::before {
    content: "" !important;
    position: absolute !important;
    top: -200px !important;
    left: 50% !important;
    width: 1000px !important;
    height: 560px !important;
    max-width: 130% !important;
    transform: translateX(-50%);
    background: radial-gradient(ellipse at center, rgba(0, 72, 255, 0.5) 0%, rgba(0, 72, 255, 0.16) 42%, rgba(0, 0, 0, 0) 72%) !important;
    filter: blur(24px);
    pointer-events: none !important;
    z-index: -1 !important;
    animation: heroGlow 7s ease-in-out infinite;
}

.sk-hero-5-area::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 60px !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000) !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

.sk-hero-5-noise-bg {
    opacity: 0.4 !important;
    mask-image: radial-gradient(ellipse at center top, #000 25%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse at center top, #000 25%, transparent 75%);
}

.sk-hero-5-top-line-1,
.sk-hero-5-top-line-2,
.sk-hero-5-middle-line-1,
.sk-hero-5-middle-line-2 {
    background: linear-gradient(90deg, rgba(0, 72, 255, 0), rgba(0, 72, 255, 0.6), rgba(0, 72, 255, 0)) !important;
}

.sk-hero-5-middle-dot-1,
.sk-hero-5-middle-dot-2,
.sk-hero-5-middle-dot-3,
.sk-hero-5-middle-dot-4,
.sk-hero-5-dot-shape,
.sk-hero-5-dot-shape::before,
.sk-hero-5-dot-shape::after {
    background: #ffffff !important;
    box-shadow: 0 0 0 4px rgba(0, 72, 255, 0.22), 0 0 16px 3px rgba(0, 72, 255, 0.75) !important;
    animation: dotPulse 2.6s ease-in-out infinite;
}

.sk-hero-5-middle {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.sk-hero-5-middle::before {
    content: "CONTACT HBT FINTECH • API SUPPORT • BUSINESS SOLUTIONS" !important;
    display: inline-block !important;
    margin-bottom: 22px !important;
    padding: 8px 22px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.6px !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    background: rgba(0, 72, 255, 0.14) !important;
    border: 1px solid rgba(0, 72, 255, 0.55) !important;
    border-radius: 50px !important;
    box-shadow: 0 0 22px rgba(0, 72, 255, 0.3) !important;
}

.sk-hero-5-title {
    max-width: 900px !important;
    margin: 0 auto 18px !important;
    font-size: clamp(36px, 5.5vw, 68px) !important;
    font-weight: 800 !important;
    letter-spacing: -1.8px !important;
    line-height: 1.12 !important;
    color: #ffffff !important;
}

.sk-hero-5-title .char {
    color: #ffffff !important;
}

.sk-hero-5-title .has-border {
    position: relative !important;
    display: inline-block !important;
    border: none !important;
}

.sk-hero-5-title .has-border .char {
    color: #2f6bff !important;
    animation: textGlow 3.5s ease-in-out infinite;
}

.sk-hero-5-title .has-border::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: -2px !important;
    height: 4px !important;
    border-radius: 10px !important;
    background: linear-gradient(90deg, #0048FF, #6f9bff, rgba(0, 72, 255, 0)) !important;
    box-shadow: 0 0 14px rgba(0, 72, 255, 0.75) !important;
}

.sk-hero-5-disc {
    max-width: 680px !important;
    margin: 0 auto !important;
    padding-bottom: 0 !important;
    font-size: 17px !important;
    line-height: 1.75 !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.sk-subtitle-7 .elm-border {
    padding: 6px 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    color: #ffffff !important;
    background: rgba(0, 72, 255, 0.12) !important;
    border: 1px solid rgba(0, 72, 255, 0.55) !important;
    border-radius: 50px !important;
    box-shadow: 0 0 16px rgba(0, 72, 255, 0.22) !important;
}

.tx-title,
.sk-sec-title-5,
.sk-sec-title-7,
.tx-title .char,
.sk-sec-title-5 .char,
.sk-sec-title-7 .char {
    color: #ffffff !important;
}

.tx-title,
.sk-sec-title-5,
.sk-sec-title-7 {
    font-weight: 700 !important;
    letter-spacing: -1px !important;
    line-height: 1.2 !important;
}

.tx-description,
.sk-p-5.sec-disc {
    font-size: 17px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.68) !important;
}

.sk-contact-9-card {
    position: relative !important;
    transition: transform 0.35s ease, filter 0.35s ease !important;
    filter: drop-shadow(0 0 0 rgba(0, 72, 255, 0));
}

.sk-contact-9-card:hover {
    transform: translateY(-8px) !important;
    filter: drop-shadow(0 12px 30px rgba(0, 72, 255, 0.35));
}

.sk-contact-9-card .bg-clr path {
    fill: #07090f !important;
    stroke: rgba(0, 72, 255, 0.55) !important;
    stroke-width: 1.5px !important;
    vector-effect: non-scaling-stroke;
    transition: stroke 0.35s ease !important;
}

.sk-contact-9-card:hover .bg-clr path {
    stroke: #0048FF !important;
}

.sk-contact-9-card .icon {
    background: linear-gradient(135deg, #0048FF, #2f6bff) !important;
    border: 6px solid #000000 !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 1px rgba(0, 72, 255, 0.6), 0 0 26px rgba(0, 72, 255, 0.55) !important;
    transition: transform 0.35s ease, box-shadow 0.35s ease !important;
}

.sk-contact-9-card .icon::before,
.sk-contact-9-card .icon::after {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.sk-contact-9-card:hover .icon {
    transform: scale(1.08) !important;
    box-shadow: 0 0 0 1px #0048FF, 0 0 38px rgba(0, 72, 255, 0.85) !important;
}

.sk-contact-9-card .icon svg path {
    fill: #ffffff !important;
}

.sk-contact-9-card .content-wrap {
    background: rgba(0, 72, 255, 0.07) !important;
    border: 1px solid rgba(0, 72, 255, 0.28) !important;
    border-radius: 20px !important;
    transition: background 0.35s ease, border-color 0.35s ease !important;
}

.sk-contact-9-card:hover .content-wrap {
    background: rgba(0, 72, 255, 0.12) !important;
    border-color: rgba(0, 72, 255, 0.55) !important;
}

.sk-contact-9-card .title {
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.2px !important;
    color: #ffffff !important;
}

.sk-contact-9-card .disc {
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.62) !important;
}

.sk-contact-9-card .link-elm,
.sk-contact-9-card .link-elm a {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #4d82ff !important;
    text-decoration: none !important;
    transition: color 0.3s ease, text-shadow 0.3s ease !important;
}

.sk-contact-9-card .link-elm a:hover,
.sk-contact-9-card:hover .link-elm a {
    color: #ffffff !important;
    text-shadow: 0 0 14px rgba(0, 72, 255, 0.9) !important;
}

.elementor-element-42eac07 {
    background: #000000 !important;
    background-image: none !important;
}

.elementor-element-42eac07 .e-con-inner {
    align-items: stretch !important;
    gap: 28px !important;
}

.elementor-element-d89844c,
.elementor-element-d89844c .elementor-widget-image,
.elementor-element-d89844c .elementor-widget-container {
    height: 100% !important;
}

.elementor-element-d89844c img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 28px !important;
    border: 1px solid rgba(0, 72, 255, 0.45) !important;
    box-shadow: 0 0 40px rgba(0, 72, 255, 0.2) !important;
}

.elementor-element-6d9d7cb {
    background: linear-gradient(180deg, rgba(0, 72, 255, 0.14) 0%, rgba(7, 9, 15, 1) 38%) !important;
    background-color: #07090f !important;
    border: 1px solid rgba(0, 72, 255, 0.45) !important;
    border-radius: 28px !important;
    box-shadow: 0 0 40px rgba(0, 72, 255, 0.15) !important;
    padding: 40px 36px 36px !important;
}

.elementor-element-6d9d7cb .tx-heading-section {
    margin-bottom: 0 !important;
}

.elementor-element-6d9d7cb .tx-title {
    margin-top: 18px !important;
    margin-bottom: 14px !important;
    font-size: clamp(26px, 3vw, 36px) !important;
    letter-spacing: -0.5px !important;
}

.elementor-element-6d9d7cb .tx-description {
    margin: 0 auto !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    color: rgba(255, 255, 255, 0.62) !important;
}

.elementor-element-4da0afc,
.elementor-element-4da0afc .elementor-shortcode,
.elementor-element-4da0afc .wpcf7,
.elementor-element-4da0afc .wpcf7-form,
.sk-contact-9-wrap-2-right,
.sk-contact-6-form {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.elementor-element-4da0afc {
    width: 100% !important;
    margin-top: 28px !important;
}

.sk-contact-9-wrap-2-right {
    padding: 0 !important;
}

.sk-contact-6-form {
    padding: 0 !important;
    row-gap: 20px !important;
    column-gap: 18px !important;
}

.sk-contact-6-form .input-box {
    background: transparent !important;
    padding: 0 !important;
}

.sk-contact-6-form-label {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    color: #ffffff !important;
}

.sk-contact-6-form-label span {
    margin-left: 3px !important;
    color: #4d82ff !important;
}

.sk-contact-6-form-input,
.sk-contact-6-form-input.wpcf7-form-control {
    width: 100% !important;
    padding: 13px 16px !important;
    font-size: 14px !important;
    color: #ffffff !important;
    background: #0d1018 !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}

.sk-contact-6-form-input::placeholder {
    color: rgba(255, 255, 255, 0.38) !important;
}

.sk-contact-6-form-input:hover {
    border-color: rgba(0, 72, 255, 0.45) !important;
}

.sk-contact-6-form-input:focus,
.sk-contact-6-form-input.wpcf7-form-control:focus {
    background: #0f1422 !important;
    border-color: #0048FF !important;
    box-shadow: 0 0 0 3px rgba(0, 72, 255, 0.22) !important;
}

textarea.sk-contact-6-form-input {
    min-height: 120px !important;
    resize: vertical !important;
}

.sk-contact-7-form-btn,
.sk-contact-7-form-btn.sk-pr-btn-13,
.sk-contact-7-form-btn.sk-pr-btn-13.has-v2 {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 24px !important;
    overflow: hidden !important;
    color: #ffffff !important;
    background: #0048FF !important;
    background-image: none !important;
    border: 1px solid #2f6bff !important;
    border-radius: 12px !important;
    box-shadow: 0 8px 24px rgba(0, 72, 255, 0.35) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease !important;
}

.sk-contact-7-form-btn::before,
.sk-contact-7-form-btn::after,
.sk-contact-7-form-btn.sk-pr-btn-13::before,
.sk-contact-7-form-btn.sk-pr-btn-13::after {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.sk-contact-7-form-btn .text,
.sk-contact-7-form-btn .text::before,
.sk-contact-7-form-btn .text::after {
    color: #ffffff !important;
    background: transparent !important;
    background-image: none !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
}

.sk-contact-7-form-btn:hover,
.sk-contact-7-form-btn.sk-pr-btn-13:hover,
.sk-contact-7-form-btn.sk-pr-btn-13.has-v2:hover {
    background: #2f6bff !important;
    background-image: none !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(0, 72, 255, 0.5) !important;
}

.wpcf7-not-valid-tip {
    margin-top: 6px !important;
    font-size: 12px !important;
    color: #ff6b6b !important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 16px 0 0 !important;
    padding: 10px 16px !important;
    color: #ffffff !important;
    border: 1px solid rgba(0, 72, 255, 0.55) !important;
    border-radius: 12px !important;
}

@keyframes heroGlow {
    0%,
    100% {
        opacity: 0.7;
        transform: translateX(-50%) scale(1);
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) scale(1.07);
    }
}

@keyframes dotPulse {
    0%,
    100% {
        opacity: 0.6;
    }
    50% {
        opacity: 1;
    }
}

@keyframes textGlow {
    0%,
    100% {
        text-shadow: 0 0 16px rgba(0, 72, 255, 0.35);
    }
    50% {
        text-shadow: 0 0 34px rgba(0, 72, 255, 0.85);
    }
}

@media (max-width: 991px) {
    .sk-hero-5-area {
        padding-top: 130px !important;
        padding-bottom: 15px !important;
    }

    .elementor-element-d89844c img {
        border-radius: 22px !important;
        height: 360px !important;
    }

    .elementor-element-6d9d7cb {
        border-radius: 22px !important;
        padding: 32px 24px 28px !important;
    }
}

@media (max-width: 767px) {
    .sk-hero-5-area {
        padding-top: 110px !important;
        padding-bottom: 10px !important;
    }

    .sk-hero-5-title {
        letter-spacing: -0.5px !important;
    }

    .sk-hero-5-middle::before {
        font-size: 10px !important;
        letter-spacing: 1px !important;
        padding: 6px 14px !important;
    }

    .sk-hero-5-disc {
        font-size: 15px !important;
    }

    .tx-description,
    .sk-p-5.sec-disc {
        font-size: 15px !important;
    }

    .sk-contact-9-card .title {
        font-size: 18px !important;
    }

    .sk-contact-9-card .disc {
        font-size: 13px !important;
    }

    .elementor-element-6d9d7cb {
        padding: 28px 18px 24px !important;
    }

    .sk-contact-6-form-input,
    .sk-contact-6-form-input.wpcf7-form-control {
        padding: 12px 14px !important;
    }
}/* End custom CSS */