@charset "utf-8";
/*
Theme Name: Mintellect
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;scroll-behavior:smooth;}
body{font-weight:normal; font-family: 'Barlow', sans-serif;color:#1a1a1a;background:#fff;line-height:1.6;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
img{display:block;max-width:100%;}

.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size: 12.5px;font-weight: 700;line-height: 1.69;letter-spacing: 1.498px;text-transform: uppercase;color: #009A5F;margin-bottom: 16px;}
.eyebrow::before{content:'•';font-size: 18px;color: #00D280;}

.btn_fill{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;background:#00c4a0;color:#fff;font-size:0.875rem;font-weight:600;border-radius:50px;cursor:pointer;border:none;transition:background 0.22s ease;}
.btn_fill:hover{background:#009e82;}

.fade-in{opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease;}
.fade-in.visible{opacity:1;transform:translateY(0);}


*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{ background:#fff; font-size:16px; color:#323232; font-weight:normal; font-family: 'Barlow', sans-serif;}
a{color:#031F45;text-decoration:none;outline-style:none;}
a:hover{color:#031F45;text-decoration:none;}
.a_other{color:#0051ff;}
.a_other:hover{color:#0051ff;}
p{line-height:1.5;margin:0px 0px 23px;}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: 'Barlow', sans-serif;}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: 'Barlow', sans-serif;}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px; line-height:1.2; font-family: 'Barlow', sans-serif;}
h1{font-size:54px;}
h2{font-size:40px;}
h3{font-size:29px;}
h4{font-size:20px;}
h5{font-size:16px;}
h6{font-size:14px;}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
/* hide input icon of safari  */
input::-webkit-credentials-auto-fill-button {display: none !important;visibility: hidden;pointer-events: none;position: absolute; right: 0;}

/* new homepage using*/
.show_fade_in{opacity: 1 !important;}
.init_fade{opacity: 0;transition: all 2s;}
.grecaptcha-badge{display: none !important;}

/* Inner 宽度 1280px */
.inner { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px; position: relative; }

/* Header 样式 */
.header_section1 {width: 100%; height: 80px;background: var(--dark-60, #1E202899);backdrop-filter: blur(12px);position: fixed; top: 0; left: 0; z-index: 1000;}
/* .header_section1.is-scrolled { background-color: rgba(10, 12, 16, 0.95); height: 70px; box-shadow: 0 4px 20px rgba(0,0,0,0.3); } */

.header_section1 .inner {display: flex;align-items: center;justify-content: space-between;gap: 24px;height: 80px;}


/* Logo 样式 */
.header_logo {display: flex; align-items: center; gap: 12px; text-decoration: none; z-index: 1001; }
/* 桌面端导航列表 */
.header_nav { display: flex; align-items: center; gap: 15px; list-style: none; }
.nav_item {position: relative; }
.nav_link {font-size: 14px;line-height: 1.65; font-weight: 500;  color: #FAFAFA;padding: 6px 15px 4px 17px; text-decoration: none; transition: 0.3s; display: flex; align-items: center; gap: 6px; }
.nav_link:hover, .nav_link.active {color: #1E2028;background: #FFFFFF;border-radius: 5px;}
.header_nav li.active .nav_link{color: #1E2028;background: #FFFFFF;border-radius: 5px;}
/* 桌面端下拉框 */
.header_dropdown {position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 260px; border-radius: 0 0 12px 12px; display: none; padding: 20px 0; }
.dropdown_link {background-color: #0a0c10;display: block; padding: 12px 25px; font-size: 14px; color: rgba(255,255,255,0.8); text-decoration: none; transition: 0.2s; white-space: nowrap; }
.dropdown_link:hover {background: #FFFFFF;color: #1E2028;padding-left: 30px; }
/* 移动端汉堡按钮 */
.header_mobile_btn { display: none; width: 30px; height: 20px; flex-direction: column; justify-content: space-between; cursor: pointer; z-index: 1001; }
.header_mobile_btn span { width: 100%; height: 2px; background-color: #ffffff; border-radius: 2px; transition: 0.3s; }
.header_mobile_btn.active span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.header_mobile_btn.active span:nth-child(2) { opacity: 0; }
.header_mobile_btn.active span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }

/* Header 核心样式：初始透明度 10% */
/* .header_section1 { width: 100%; height: 80px; background-color: rgba(10, 12, 16, 0); border-bottom: none; position: fixed; top: 0; left: 0; z-index: 1000; display: flex; align-items: center; transition: all 0.4s ease;    backdrop-filter: blur(4px);} */
    
/* 滚动后的状态：颜色加深 */

.mobile_nav_link{display:none}
.header_logo_icon{max-width: 256px;width:100%}
.has_dropdown .notactive_img{display: block;}
.has_dropdown .active_arrow{display: none;}
.has_dropdown.active .nav_link svg{display: none;}
.has_dropdown.active .active_arrow{display: block;}

/* CSS 单行化规则 */
.nav_link svg { width: 10px; height: 6px; transition: 0.3s; } 
.dropdown_link:active {background: #FFFFFF;color: #1E2028;}

/* ── Reset & Base ── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
img { display: block; max-width: 100%; }

/* ── Component: Logo ── */
.compent_1 { display: flex; align-items: center; gap: 10px; }
.compent_1 .logo-icon { width: 185px; height: 44px; position: relative; flex-shrink: 0; }
.compent_1 .logo-icon svg { width: 100%; height: 100%; }
.compent_1 .logo-name { font-size: 1.1rem; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; color: #1a1a1a; }
.compent_1.light .logo-name { color: #888; }

/* ── Component: CTA Button ── */
.compent_2 { display: inline-flex; align-items: center; justify-content: center; padding: 12px 28px;  font-size: 0.875rem; font-weight: 600; border-radius: 50px; border: none; cursor: pointer; transition: background 0.25s ease, transform 0.25s ease; white-space: nowrap; }
.compent_2:hover { background: #00a844; transform: translateY(-1px); }
header .compent_2{max-width: 150px;padding: 12px 28px;width: 100%;letter-spacing: -3%;background-color:#00D280 ; color: #242424;font-size: 16px; font-weight: bold;}
/* ── HEADER ── */
header { position: fixed; top: 0; z-index: 999; background: rgb(255 255 255 / 50%);width: 100%; }
.header_inner {max-width: 1400px; margin: 0 auto; padding: 18px 0px 16px 48px; height: 70px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: rgb(255 255 255 / 50%);width: 100%;}

/* Nav */
.header_nav { display: flex; align-items: center; gap: 36px; }
.header_nav a { font-size: 0.875rem; font-weight: 500; color: #1a1a1a; position: relative; padding-bottom: 4px; transition: color 0.25s ease; }
.header_nav a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: #00c853; border-radius: 2px; transition: width 0.25s ease; }
.header_nav a:hover { color: #00c853; }
.header_nav a:hover::after, .header_nav a.active::after { width: 100%; }
.header_nav a.active { color: #00c853; }

/* Mobile hamburger */
.header_menu_btn { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; }
.header_menu_btn span { display: block; width: 24px; height: 2px; background: #1a1a1a; border-radius: 2px; transition: transform 0.25s ease, opacity 0.25s ease; }
.header_menu_btn.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.header_menu_btn.open span:nth-child(2) { opacity: 0; }
.header_menu_btn.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Mobile nav overlay */
.header_mobile_nav { display: none; position: fixed; top: 70px; left: 0; right: 0; background: #fff; border-top: 1px solid #f0f0f0; padding: 20px 24px 28px; flex-direction: column; gap: 0; box-shadow: 0 8px 24px rgba(0,0,0,0.08); z-index: 998; }
.header_mobile_nav.open { display: flex; }
.header_mobile_nav a { padding: 14px 0; font-size: 1rem; font-weight: 500; color: #1a1a1a; border-bottom: 1px solid #f5f5f5; }
.header_mobile_nav a.active { color: #00c853; }
.header_mobile_nav .compent_2 { margin-top: 16px; width: 100%; text-align: center; }

/* ── FOOTER ── */
footer { background: #0d0d0d; color: #fff; }
.footer_inner {     max-width: 1440px;
    margin: 0 auto;
    padding: 80px 100px 80px 40px;
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1.4fr;
    gap: 48px;
    grid-auto-flow: column;
}

/* Footer col 1 */
.footer_col_1 .footer_tagline { margin-top: 9px;    letter-spacing: 3%; font-size: 0.875rem; color: #9a9a9a; line-height: 1.7; }

/* Footer col headings */
.footer_col_title { font-size: 0.75rem; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #9a9a9a; margin-bottom: 23px; }

.footer_col_2{padding-left: 5px;}
.footer_col_3{padding-left: 30px;}
/* Quick links */
.footer_links li { margin-bottom: 15px; }
.footer_links a { font-size: 0.875rem; color: #ccc; transition: color 0.25s ease; }
.footer_links a:hover { color: #00c853; }

/* Contact */
.footer_contact li { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 20px; font-size: 0.875rem; color: #ccc; }

/* Copyright col */
.footer_col_4 { display: flex; flex-direction: column; align-items: flex-start; gap: 16px;padding-left: 52px; }
.footer_copy { font-size: 0.78rem; color: #9a9a9a; text-align: left; line-height: 1.6;letter-spacing: -3%; margin-bottom: 3px;}
.footer_legal { display: flex; gap: 20px; }
.footer_legal a { font-size: 0.78rem; color: #9a9a9a; transition: color 0.25s ease; }
.footer_legal a:hover { color: #00c853; }

@media (max-width: 1440px){
header{position: sticky; background: #fff;}
}
/* header */

/* ── Responsive ── */
@media (max-width: 1024px) { .footer_inner { grid-template-columns: 1fr 1fr; gap: 40px; } .footer_col_4 { align-items: flex-start; } .footer_copy { text-align: left; } }
@media (max-width: 980px) { .header_inner { padding: 0 20px; } .header_nav, .header_inner > .compent_2 { display: none; } .header_menu_btn { display: flex; } .footer_inner { grid-template-columns: 1fr; padding: 40px 20px 32px; gap: 32px; } .footer_col_4 { align-items: flex-start; } .footer_copy { text-align: left; } }
/* 移动端样式覆盖 */
@media (max-width: 1024px) {
    .header_mobile_btn { display: flex; }
    .header_nav { display: none; position: absolute; top:55px; left: 0; width: 100%; background-color: #0a0c10; flex-direction: column; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.05); box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
    .nav_item { width: 100%; height: auto; flex-direction: column; align-items: flex-start; }
    .nav_link { width: 100%; padding: 15px 25px; border-bottom: 1px solid rgba(255,255,255,0.02); justify-content: space-between; }
    .header_dropdown { position: static; width: 100%; transform: none; border: none; background-color: rgba(255,255,255,0.03); box-shadow: none; border-radius: 0; padding: 0; }
    .dropdown_link { padding: 12px 40px; border-bottom: 1px solid rgba(255,255,255,0.02); }
    .mobile_nav_link{display:block}

}
@media (max-width: 1400px){
    .footer_inner{    padding: 80px 40px 80px 40px;}
    .footer_col_4{padding-left: 10px;}
}
@media (max-width: 1200px){
    .footer_col_2{min-width: 100px;width: 100%;}
    .footer_col_4{min-width: 170px;width: 100%;}
    .footer_inner{padding: 80px 20px 80px;}
}
/* 响应式高度 */
@media (max-width: 980px) { 
.footer_col_2{padding-left: 0px;}
.footer_col_3{padding-left: 0px;}
.footer_col_4{padding-left: 0px;}
}
@media (max-width: 768px) { 
    .header_section1 { height: 70px;background-color: rgba(10, 12, 16, 0.95); } 
    .header_nav { top: 50px; } 
    .header_logo_name { font-size: 20px; }
    .header_logo_icon{max-width: 120px;}
    .footer_inner{grid-auto-flow: row;}
    
}