/**
 * Theme Name: Finpoan Child
 * Template: finpoan
 * Version: 2.4.2
 */
/* =========================================================
   ORIGINAL RULES (preserved)
   ========================================================= */
html {scroll-behavior: smooth !important;}
.hfe-site-logo-img {height: 60px !important;width: auto !important;max-width: 100% !important;object-fit: contain !important;}
#special-hd span { color: #1a5fff; }
.deploy-bx ul { margin: 0; list-style: none; display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; }
.deploy-bx ul li { background: #e8eeff; color: #1A5FFF; border: 1.5px solid rgba(26, 95, 255, .2); border-radius: 4px; padding: 4px 13px; font-family: 'Manrope', sans-serif; font-size: 12px; font-weight: 600; }
.deploy-bx .elementor-widget-heading { background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); }
.deploy-bx .elementor-widget-heading h5 { color: #fff; }
.deploy-bx .main-text { font-size: 16px; margin-bottom: 10px; }
.deploy-bx .small-text { font-size: 15px; }
.deploy-bx .elementor-icon-box-content p:last-child { display: none; }
#real-world .featured-box-button { display: none !important; }
#real-world .d-grid { align-items: stretch; }
#real-world .grid-item { display: flex; }
#real-world .elementer-featured-box-inner { display: flex; flex-direction: column; width: 100%; height: 100%; padding: 40px 40px 20px 40px; }
#real-world .elementor-featured-box-content { display: flex; flex-direction: column; flex: 1; }
#real-world .featured-box-button { margin-top: auto; }
#real-world .elementor-icon { display: inline-flex; }
#real-world .elementor-icon i:before,
#what-we-offer .elementor-icon i:before { background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
#what-we-offer .elementor-featured-box-item:hover .elementer-featured-box-inner { border-color: #18b3b8; }
#what-we-offer p.elementor-featured-box-description,
#use-cases p.elementor-featured-box-description { margin-bottom: 0; }
#finance-box .elementor-icon-box-icon .elementor-icon,
.about-bx .elementor-icon-box-icon .elementor-icon { background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); }
#finance-box .elementor-widget-icon-box .elementor-icon-box-content { cursor: default !important; }
.about-bx .elementor-widget-icon-box { margin-bottom: 0 !important; }
#service-banner .elementor-cta__image { display: flex; justify-content: center; padding-bottom: 40px; }
#service-banner .elementor-cta__content { background: none !important; }
.breadcrumb-wrap { padding-top: var(--header-height); }
.copyright p { margin-bottom: 0; }
.progress-row .eael-progressbar-circle-half { border-color: #13b8be; }
.elementor-divider__text { background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.primary { color: #0ebbc0; }
.highlight-box { background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); color: #fff; border: 1px solid var(--border); border-left: 3px solid #ff8848; border-radius: 0 8px 8px 0; padding: 18px 22px; margin: 20px 0; }
.highlight-box p { margin-bottom: 0; }
.data-table, .data-table td, .data-table th { border: 1px solid #ccc; }
.elementor-element-f18d341 > .e-con-inner{padding-left:40px;padding-right:40px;padding-bottom:10px;}
/* =========================================================
   HEADER BACKGROUND — default + sticky (all states)
   ========================================================= */
/* Target every possible state: normal, sticky, scrolled */
.elementor-location-header .e-con, .elementor-location-header .elementor-section, .elementor-location-header .e-con-inner, .elementor-location-header > .elementor > *:not(:first-child), .elementor-location-header [data-element_type="section"]:not(:first-child), .elementor-location-header [data-element_type="container"]:not(:first-child), .header-absolute > .elementor-sticky, .header-absolute > .elementor-sticky > .e-con, .header-absolute > .elementor-sticky > .elementor-section, .elementor-sticky, .elementor-sticky > .e-con, .elementor-sticky > .elementor-section {background: linear-gradient(135deg, #1D1D4E 0%, #0d0d2b 60%, #1a1a45 100%) !important;background-color: #1D1D4E !important;background-image: linear-gradient(135deg, #1D1D4E 0%, #0d0d2b 60%, #1a1a45 100%) !important;}
/* =========================================================
   PREMIUM NAVBAR
   ========================================================= */

/* ---- Nav item typography ---- */
.primary-navigation > ul > li > a, .primary-navigation a {color: #FFFFFF !important;font-family: 'Nunito', sans-serif !important;font-weight: 600 !important;font-size: 17px !important;letter-spacing: -0.005em !important;transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;}
.primary-navigation > ul > li > a {position: relative !important;padding: 12px 20px !important;}
/* ---- Orange pin dot indicator ---- */
/*.primary-navigation > ul > li > a::after {content: "" !important;position: absolute !important;left: 50% !important;bottom: -2px !important;width: 8px !important;height: 8px !important;border-radius: 50% !important;background: #FF8848 !important;transform: translateX(-50%) scale(0) !important;opacity: 0 !important;transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1),opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;box-shadow: 0 4px 14px rgba(255, 136, 72, 0.5) !important;}
.home .primary-navigation > ul > li > a:hover, .home .primary-navigation > ul > li.current-menu-item > a { color: #00DCC7 !important; }
body:not(.home) .primary-navigation > ul > li > a:hover, body:not(.home) .primary-navigation > ul > li.current-menu-item > a { color: #00DCC7 !important; }
.primary-navigation > ul > li > a:hover::after, .primary-navigation > ul > li.current-menu-item > a::after {transform: translateX(-50%) scale(1) !important;opacity: 1 !important;}*/
/* ---- RIGHT-ALIGN menu ---- */
.elementor-location-header .elementor-widget-navigation-menu, .elementor-location-header .elementor-widget-hfe-nav-menu, .elementor-location-header .elementor-widget-nav-menu {text-align: right !important;margin-left: auto !important;}
.primary-navigation, .hfe-nav-menu, .elementor-location-header nav {display: flex !important;justify-content: center !important;/*margin-left: auto !important;*/margin-right: 0 !important;width: 100% !important;max-width: none !important;}
.primary-navigation > ul, .hfe-nav-menu > ul, .elementor-location-header .menu {display: flex !important;justify-content: center !important;/*margin-left: auto !important;*/gap: 4px !important;padding: 0 !important;list-style: none !important;}
.elementor-location-header .elementor-button-wrapper, .elementor-location-header .elementor-widget-button { margin-left: 8px !important; }
.menu-mobile-nav-button { color: #FFFFFF !important; }
/* =========================================================
   HEADER ROW LAYOUT — keep logo + hamburger on one line
   ========================================================= */
.elementor-location-header .elementor-section, .elementor-location-header .e-con, .elementor-location-header .e-con-inner {flex-direction: row !important;flex-wrap: nowrap !important;align-items: center !important;}
/* Logo container shouldn't grab all the row */
.elementor-location-header .elementor-widget-image, .elementor-location-header .hfe-site-logo, .elementor-location-header .site-branding {flex: 0 1 auto !important;max-width: 70% !important;min-width: 0 !important;}
/* Hamburger must always stay visible on its row */
.elementor-location-header .elementor-widget-hfe-mobile-menu, .elementor-location-header .menu-mobile-nav-button,.elementor-location-header .hfe-nav-menu__toggle {flex: 0 0 auto !important;margin-left: auto !important;}
/* =========================================================
   NAV / HERO SEPARATION
   ========================================================= */
.elementor-location-header > .elementor > *:not(:first-child), .elementor-location-header [data-element_type="section"]:not(:first-child), .elementor-location-header [data-element_type="container"]:not(:first-child) {border-bottom: 1px solid rgba(0, 220, 199, 0.55) !important;box-shadow: none !important;position: relative;z-index: 5;}
.elementor-location-header > .elementor > *:not(:first-child)::after { display: none !important; }
/* =========================================================
   DROPDOWN — floating white card + hover-gap bridge
   ========================================================= */
.primary-navigation > ul > li.menu-item-has-children { position: relative; } 
.primary-navigation > ul > li.menu-item-has-children::after {content: "";position: absolute;left: 0; right: 0;top: 100%;height: 18px;pointer-events: auto;}
.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.sub-menu, .primary-navigation .sub-menu {background: #FFFFFF !important;background-image: none !important;border: 1px solid #EEF3F4 !important;border-radius: 10px !important;padding: 8px !important;/*margin-top: 14px !important;*/box-shadow: 0 16px 40px rgba(20, 60, 65, 0.14) !important;overflow: visible !important;}
.primary-navigation .sub-menu a, .primary-navigation .sub-menu a span.menu-title, .home .primary-navigation .sub-menu a, .home .primary-navigation .sub-menu a span.menu-title {color: #2E4347 !important;background: transparent !important;font-family: 'Nunito', sans-serif !important;font-weight: 600 !important;font-size: 18px !important;padding: 0px !important;border-radius: 10px !important;transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1),color 200ms cubic-bezier(0.4, 0, 0.2, 1) !important;}
.primary-navigation .sub-menu a:hover, .primary-navigation .sub-menu a:hover span.menu-title {color: #065EFE !important;}
#last-bx .elementor-featured-box-item[data-count="03"] {opacity: 0;}
/* =========================================================
   MOBILE DRAWER — shrink to content height
   ========================================================= */
.finpoan-mobile-nav {height: auto !important;min-height: 0 !important;max-height: calc(100vh - 24px) !important;bottom: auto !important;border-radius: 0 0 16px 0 !important;overflow-y: auto !important;box-shadow: 0 16px 40px rgba(20, 60, 65, 0.18) !important;}
.finpoan-mobile-nav, .finpoan-mobile-nav > div, .finpoan-mobile-nav .elementor-section, .finpoan-mobile-nav .e-con {justify-content: flex-start !important;align-items: stretch !important;}
.finpoan-mobile-nav .elementor-nav-menu--dropdown, .finpoan-mobile-nav .hfe-nav-menu__layout-horizontal, .finpoan-mobile-nav nav, .finpoan-mobile-nav .menu {padding-bottom: 16px !important;}
/* =========================================================
   STICKY HEADER
   ========================================================= */
.elementor-location-header, header.site-header, .elementor-location-header > .elementor {position: sticky !important;top: 0 !important;left: 0 !important;right: 0 !important;width: 100% !important;z-index: 9999 !important;}
.elementor-location-header > .elementor > *:not(:first-child) {box-shadow: 0 4px 16px rgba(2, 16, 28, 0.25) !important;}
body { overflow-x: hidden; }
@media (max-width: 1023px) {.elementor-location-header, header.site-header {position: sticky !important;top: 0 !important;z-index: 9999 !important;width: 100% !important;}
}
/* =========================================================
   MOBILE / MEDIA QUERIES
   ========================================================= */
@media (min-width: 410px) {
.finpoan-mobile-nav { width: 350px !important; }
}
@media screen and (max-width: 1024px) {
.finpoan-mobile-nav {max-height: 100vh !important;bottom: 0 !important;border-radius: 0 !important;}
.elementor-canvas-menu-wrapper { justify-content: flex-end; }
.elementor-element-f18d341 > .e-con-inner { padding-left: 0; padding-right: 0; }
}

/* --- Phones --- */
@media screen and (min-width: 320px) and (max-width: 767px) {
.hfe-site-logo-img { height: 44px !important; }
.site-branding img { width: auto !important; max-width: 180px !important; margin: 0; }
#qwiklive-tes .testimonial-content { display: flex; flex-direction: column; }
#qwiklive-tes .layout-1 .wrap_content { width: 100% !important; }
#footer-top-links .elementor-icon-list-items { gap: 10px; }
#footer-logo .hfe-site-logo-container { display: flex; justify-content: center; }
.elementor-element-f18d341 > .e-con-inner { padding-left: 0; padding-right: 0; }
}
/* --- Tablets --- */
@media screen and (min-width: 768px) and (max-width: 1023px) {
.hfe-site-logo-img { height: 56px !important; }
#footer-logo .hfe-site-logo-container { display: flex; justify-content: center; }
#top-bar > .e-con-inner { display: flex; justify-content: space-between; flex-wrap: nowrap; }
}
/* --- Small laptops --- */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.hfe-site-logo-img { height: 64px !important; }
.mobile-phone { padding-bottom: 60px; }
}
/* --- Large desktop --- */
@media screen and (min-width: 1280px) {
.hfe-site-logo-img { height: 72px !important; }
}
#qwiklive-service .service-inner{display: flex;flex-direction: column;align-items: center;}
#qwiklive-service .service-post-thumbnail img{border-radius:20px;}
#qwiklive-service .service-content{display: flex;flex-direction: column;align-items: center;}
#qwiklive-service .service-content .description{display: none !important;}
.service-item.service-style-2 .service-more-link:hover i{transform: rotateZ(45deg) !important;}
.service-item.service-style-2 .service-more-link:hover {transform: translate(0px) !important;}
.menu-badge {padding: 5px 10px !important;border-radius: 10px;}
.highlight-box a:hover{color: #fff !important;}
.sub-menu a{justify-content:space-between;}
.sub-menu a img{width:35px;height:35px;}
.sub-menu a .menu-badge{background: linear-gradient(92deg, #ffb088 3%, #f48247 50%, #d95f1f 94%);}
.main-navigation ul .menu-item-9301 ul.sub-menu li {min-width: 250px;}
.elementor-widget-finpoan-slide-scrolling .elementor-scrolling-item .scrolling-title{padding-left:5px;}
.main-navigation ul.menu > li.menu-item-has-children > a:after,
.main-navigation ul.menu > li.menu-item-has-children > a:after,
.main-navigation ul.menu > li.has-mega-menu > a:after {display: inline-block;transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.main-navigation ul.menu > li.menu-item-has-children:hover > a:after,
.main-navigation ul.menu > li.has-mega-menu:hover > a:after {transform: rotate(180deg);}
#blog {scroll-margin-top: 350px;}
.single-post .single-content .entry-content ul {margin: 0 20px 20px 20px;}
.single-post .single-content .entry-content ul li {margin-bottom: 10px;line-height: 30px;}
.single-post article h1.entry-title{background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.single-post.elementor-page .site-content{margin: 90px auto 120px;}
.blog #secondary{display: none;}
.blog #primary{width:100% !important;}
.qwiklive-arrow{position:absolute;right:10px;}
/*.blog div.categories-link{display: none !important;}*/
.single-content .entry-header-content p{display: none !important;}
.single-post .breadcrumb-listItem{text-align:center;}
.breadcrumb-listItem a, .breadcrumb-listItem span{color: #000 !important;}
.breadcrumb-listItem .current-item{color: #00a0f6 !Important;}
.single-post .content-area h1, .single-post .content-area h2, .single-post .content-area h3, .single-post .content-area h4, .single-post .content-area h5, .single-post .content-area h6 {font-family: "Manrope", sans-serif !important;}
.single-post .content-area, .single-post .content-area p, .single-post .content-area li, .single-post .content-area strong, .single-post .content-area b{font-family: "Plus Jakarta Sans", Sans-serif !important;font-size: 16px;line-height: 30px;}
#question h2{margin-top:0px !Important;margin-bottom: 20px;}
#question small{color: #00a0f6 !Important;}
#question p:has(small) {margin-bottom: 0 !important;}
#question h3{font-size:20px;margin-bottom:20px;}
#question h3 span{background: linear-gradient(92deg, #065EFE 3%, #00DCC7 94%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.value-list {counter-reset: item;}
.value-list li {font-size: 20px;padding: 18px 0;border-bottom: 1px solid #d9d2c2;display: grid;grid-template-columns: 60px 1fr;gap: 16px;align-items: baseline;color: #1f2a3d;}
.value-list li::before {content: counter(item, decimal-leading-zero);counter-increment: item;font-size: 13px;color:#1d4ed8;font-weight: 500;}
.compare {margin: 30px auto;display: grid;grid-template-columns: 1fr 1fr;gap: 24px;}
.compare .col {background: #f2ecdf;padding: 36px;border-radius: 4px;border-top: 3px solid #1d4ed8;}
.compare .col .label {font-size: 12px;letter-spacing: 0.1em;text-transform: uppercase;color: #5a657a;margin-bottom: 12px;}
.compare .col h4 {font-size: 26px;line-height: 1.15;margin-bottom: 16px;font-weight: 500;}
.compare .col p {font-size: 16px;line-height: 1.6;color: #1f2a3d;}
.compare .col:nth-child(2) {border-top: 3px solid #0b1220;}
.approach {margin: 30px auto;background: #0b1220;color: #fbf8f2;padding: 60px;border-radius: 4px;}
.approach .label {font-size: 12px;letter-spacing: 0.12em;text-transform: uppercase;color: #dce6ff;margin-bottom: 20px;}
.approach h3 {font-size: 32px;font-weight: 500;margin-bottom: 30px;letter-spacing: -0.015em;color: #dce6ff;}
.approach ol {list-style: none;counter-reset: step;}
.approach ol li {padding: 16px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.12);display: grid;grid-template-columns: 50px 1fr;gap: 16px;font-size: 17px;color: #f2ecdf;line-height: 1.5;}
.approach ol li::before {counter-increment: step;content: "0" counter(step);font-size: 13px;color: #dce6ff;}
.blog .entry-excerpt{display: none !important;}
.post-author a {pointer-events: none;cursor: default;text-decoration: none;color: inherit;}
.qwiklive-top-description p{font-family: "Plus Jakarta Sans", Sans-serif !important;font-size: 16px;line-height: 30px;width:70%;margin:0px auto;}
#qwiklive-service .service-title a{font-family: "Manrope", sans-serif !important;}
/*****************Megamenu Code**********************/
.sub-menu li a{display: flex;align-items: center;gap: 12px;}
.sub-menu li a .menu-title{flex: 1;}
.sub-menu li a .menu-badge{margin-left: auto;}
.has-mega-menu{position: relative;}
/*.has-mega-menu::after{content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 30px;}*/
.has-mega-menu > .mega-menu{position: absolute !important;top: calc(100% + 15px);/*left: 50% !important;right: auto !important;transform: translateX(-50%) !important;width: 1200px !important;*/max-width: calc(100vw - 40px);background: #ffffff;border: 1px solid #e8edf3;border-radius: 20px;padding: 20px !important;margin: 0 !important;box-shadow: 0 20px 60px rgba(0,0,0,.12);opacity: 0;visibility: hidden;transition: all .3s ease;z-index: 99999;}
/*.has-mega-menu:hover > .mega-menu{opacity: 1;visibility: visible;}
.has-mega-menu > a:hover + .mega-menu, .has-mega-menu > .mega-menu:hover{opacity: 1;visibility: visible;}*/
.has-mega-menu .mega-menu > li{list-style: none;padding: 0 !important;margin: 0 !important;}
.has-mega-menu .mega-menu > li > .elementor{width: 100%;}
.elementor-element-e08423f, .elementor-element-3a6a0495{display: grid !important;grid-template-columns: repeat(2, 1fr) !important;gap: 20px !important;align-items: stretch;}
.qwiklive-megamenu{background: #ffffff;border: 1px solid #e8edf3;border-radius: 16px;/*padding: 24px;*/padding: 12px 24px 0px 24px;margin: 0 !important;height: 100%;/*min-height: 180px;*/transition: all .3s ease;box-shadow: 0 4px 15px rgba(0,0,0,.05);}
.qwiklive-megamenu:hover{/*transform: translateY(-4px);*/box-shadow: 0 15px 35px rgba(0,0,0,.12);}
.qwiklive-megamenu .elementor-image-box-wrapper{display: flex !important;flex-direction: row !important;align-items: flex-start;gap: 16px;}
.qwiklive-megamenu .elementor-image-box-img{flex: 0 0 64px;width: 64px;}
.qwiklive-megamenu .elementor-image-box-img img{width: 64px !important;height: 64px !important;max-width: none !important;display: block;}
/*.qwiklive-megamenu .elementor-image-box-content{flex: 1;min-width: 0;}*/
.qwiklive-megamenu .elementor-image-box-title{margin: 0 0 10px !important;font-size: 22px !important;font-weight: 700;line-height: 1.3;}
.qwiklive-megamenu .elementor-image-box-title a{color: #1f2937;text-decoration: none;}
.qwiklive-megamenu .elementor-image-box-description{margin: 0 !important;font-size: 15px;line-height: 1.6;color: #6b7280;word-break: normal !important;overflow-wrap: normal !important;}
.qwiklive-megamenu .hide{display: none !important;}
.qwiklive-arrow{display: flex;justify-content: flex-end;}
.has-mega-menu > .mega-menu{position: absolute !important;top: calc(100% + 15px);/*left: 50% !important;transform: translateX(-50%) !important;*/background: #fff;border-radius: 20px;border: 1px solid #eef2f7;box-shadow: 0 20px 60px rgba(0,0,0,.12);}
.has-mega-menu > .mega-menu::before{content: "";position: absolute;top: -10px;left: var(--arrow-left, 50%);transform: translateX(-50%) rotate(45deg);width: 20px;height: 20px;background: #fff;border-top: 1px solid #eef2f7;border-left: 1px solid #eef2f7;z-index: 2;}
#qwiklive-started{width:210px;}
.has-mega-menu > .mega-menu{opacity: 0 !important;visibility: hidden !important;pointer-events: none !important;}
.has-mega-menu > .mega-menu.mega-open{opacity: 1 !important;visibility: visible !important;pointer-events: auto !important;}
@media screen and (min-width: 320px) and (max-width: 767px) {
.qwiklive-top-description p{width:100%;margin:0px auto;}
}
@media (max-width: 1024px){
.has-mega-menu > .mega-menu{width: 95vw !important;}
.elementor-element-e08423f{grid-template-columns: repeat(2, 1fr) !important;}
}
@media (max-width: 767px){
.has-mega-menu > .mega-menu{position: static !important;width: 100% !important;max-width: 100% !important;transform: none !important;margin-top: 10px !important;}
.elementor-element-e08423f{
grid-template-columns: 1fr !important;}
}
@media screen and (min-width: 1025px) and (max-width: 1279px) {
	
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
	
}
@media screen and (min-width: 1366px) and (max-width: 1439px) {
.qwiklive-megamenu .elementor-image-box-description{font-size:11px!important;}
.primary-navigation .sub-menu a, .primary-navigation .sub-menu a span.menu-title, .home .primary-navigation .sub-menu a, .home .primary-navigation .sub-menu a span.menu-title{font-size:15px !important;}
#qwiklive-started{width:185px;}
}
@media screen and (min-width: 1440px) and (max-width: 1535px) {
#qwiklive-started{width:235px;}
}
@media screen and (min-width: 1536px) and (max-width: 1599px) {
#qwiklive-started{width:225px;}
}
@media screen and (min-width: 1600px) and (max-width: 1679px) {
#qwiklive-started{width:215px;}
}
@media screen and (min-width: 1680px) and (max-width: 1919px) {
#qwiklive-started{width:215px;}
}