@charset utf-8;
/*
Theme Name: Unicornfintech
*/
*{margin:0;padding:0;box-sizing:border-box;}
body{background:#fff;color:#111827;font-family:'Inter', sans-serif;;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x: hidden;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;height:auto;display:block;}

* {
    -webkit-tap-highlight-color: transparent;tap-highlight-color: transparent;
}
img {
    -webkit-tap-highlight-color: transparent;
    pointer-events: auto;
}
.container{max-width:1344px;margin:0 auto;padding:0 16px;}
.mobile-pc{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(229,231,235,.5);transition:.3s;padding: 12px 0;}

.mobile-pc .container{position:relative;display: flex;justify-content:space-between;align-items: center;}
.header-menu{display:none;list-style:none;}
.header-menu>li{display:inline-block;margin-right: 32px;}
.header-menu li:last-child{margin: 0;}
.header-menu a{font-size:14px;font-weight:500;color:#374151;padding:8px 0;transition:.2s;position: relative;}
.header-menu a:hover{color:#4689c9;}
.header-menu .current-menu-item>a{color:#fff;background:#4689c9;padding:8px 16px;border-radius:6px;}
.header-menu>li.menu-item-has-children{padding-right: 20px;position: relative;}
.header-menu>li.menu-item-has-children.current-menu-item>a,.header-menu>li.current-menu-parent>a{color:#4689c9;background: transparent;padding: 8px 0;}
.header-menu>li.menu-item-has-children>a::before{position: absolute; top: 6px; right: -14px;content: "\f107";font-size: 16px;font-family: 'FontAwesome';display: block;}
.header-menu > li.menu-item-has-children:hover > a::before {content: "\f106";}
.header-menu>li .sub-menu{ padding:15px 0; margin:0px; width:180px; position:absolute; left:50%; top:25px; display: none; background:rgba(255,255,255,0.9); text-align: center; border-radius:10px;transform: translateX(-50%);    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;}
.header-menu>li .sub-menu a{display: inline-block;}
.header-menu>li.menu-item-has-children:hover .sub-menu{display: block;}
.mobile_menu_hamburger{display:block;font-size:20px;cursor:pointer;}
.header_menu_container{display: flex;align-items: center;gap: 25px;}
.head_language{position:relative;}
.head_language .language_box{position:absolute;top:100%;right:0;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);display:none;border-radius: 4px; overflow: hidden;}
.head_language .language_box a{padding:8px 10px;display: block;}
.head_language .language_box a:hover{color:#fff;background:#4689c9;}
.head_language .language_button{ position:relative; padding:0px 20px 0px 25px; background:url(/unicornfintech/wp-content/themes/unicornfintech/images/language_icon.svg) left center no-repeat; font-size:14px; color:#374151; cursor:pointer;}
.head_language .language_button:after{position: absolute; top: -3px; right:0;content: "\f107";font-size: 16px;font-family: 'FontAwesome';display: block;}
.head_language:hover .language_box{display:block;}
.mobile-menu-btn { display: flex;flex-direction: column;gap: 5px;background: none;border: none;cursor: pointer;}
.mobile-menu-btn span {width: 24px;height: 2px;background-color: #374151;transition: all 0.3s ease;transform:scaleY(.9);}
.mobile-menu-btn.active span:nth-child(1) {transform: translateY(7px) rotate(45deg);}
.mobile-menu-btn.active span:nth-child(2) {opacity: 0;transform: scaleX(0);}
.mobile-menu-btn.active span:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
.mobile_menu .container{padding: 0;}
.mobile_menu{position:fixed;top:64px;left:0;right:0;display:none;box-shadow:0 4px 6px rgba(0,0,0,.1);background: rgba(255, 255, 255, .8); backdrop-filter: blur(12px); -webkit-backdrop-filter:blur(12px);z-index: 99;padding-bottom: 50px;}
.mobile_menu a{padding:10px 22px;display: block;font-weight: 500;}
.header_menu_mobile{padding: 10px 0;width: 100%;}
.mobile_menu .header_menu_mobile>li.menu-item-has-children{position: relative;}
.mobile_menu .header_menu_mobile>li.menu-item-has-children>a::before{position: absolute; top: 8px; right: 22px;content: "\f105";font-size: 16px;font-family: 'FontAwesome';display: block;transition: all 0.3s ease;}
.mobile_menu .header_menu_mobile>li.menu-item-has-children.menu_active>a::before{transform: rotate(90deg);}
.mobile_menu .sub-menu{padding: 0 22px;margin: 6px 0;display: none;}
.mobile_menu .sub-menu li{border-bottom: 1px solid #fff;}
.mobile_menu .sub-menu li a{padding: 10px 20px;}
.mobile_menu a:hover{color:#4689c9;}
.mobile_menu .head_language-mb{padding: 0 22px;position: relative;}
.mobile_menu .head_language-mb .language_button{display: block;position:relative; padding:0px 0 0px 25px; background:url(/unicornfintech/wp-content/themes/unicornfintech/images/language_icon.svg) left center no-repeat; font-size:14px; color:#374151; cursor:pointer;}
.mobile_menu .head_language-mb .language_button::after{position: absolute; top: 0px; right:0;content: "\f105";font-size: 16px;font-family: 'FontAwesome';display: block;transition: all 0.3s ease;}
.mobile_menu .head_language-mb .language_box{max-height: 0;transition: all 0.3s ease;overflow: hidden;}
.mobile_menu .head_language-mb.active .language_button::after{transform: rotate(90deg);}
.mobile_menu .head_language-mb.active .language_box{max-height:40px;transition: all 0.3s ease;}

.flex-row,.flex-row-reverse{display:flex;flex-direction:column;align-items:center;gap:32px;}
.flex-half{width:100%;}

.page-title{margin-bottom:64px;animation:fadeInUp .6s ease-out;}
.page-title h1{font-size:36px;font-weight:700;color:#111827;margin-bottom:24px;}
.page-title p{font-size:16px;color:#374151;line-height:1.75;}


.footer{background:#111827;color:#9ca3af;padding:45px 16px;}
.footer-inner{max-width:1344px;margin:0 auto;}
.footer-logo{display: inline-block;margin-bottom: 10px;}
.footer-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px;}
.footer h4{font-weight:700;color:#fff;margin-bottom:16px;}
.footer p{font-size:14px;line-height:1.75;}
.footer-links{list-style:none;}
.footer-links li{margin-bottom:8px;}
.footer-links a{font-size:14px;color:#9ca3af;transition:.2s;}
.footer-links a:hover{color:#fff;}
.footer-bottom{border-top:1px solid #374151;padding-top:32px;text-align:center;font-size:14px;}

@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-50px);}to{opacity:1;transform:translateX(0);}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(50px);}to{opacity:1;transform:translateX(0);}}

.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards;}
.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards;}
.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards;}
.animate-delay-1{animation-delay:.1s;}
.animate-delay-2{animation-delay:.2s;}
.animate-delay-3{animation-delay:.3s;}

.scroll-animate{opacity:0;transform:translateY(30px);transition:.6s;}
.scroll-animate.visible{opacity:1;transform:none;}
.scroll-animate-left{opacity:0;transform:translateX(-50px);transition:.6s;}
.scroll-animate-left.visible{opacity:1;transform:none;}
.scroll-animate-right{opacity:0;transform:translateX(50px);transition:.6s;}
.scroll-animate-right.visible{opacity:1;transform:none;}
.scroll-animate-up { opacity: 0;transform: translateY(50px);transition: all .6s ease;}
.scroll-animate-up.visible {opacity: 1;transform: none;}
@media(min-width:640px){
.container,.footer{padding-left:24px;padding-right:24px;}
}

@media(min-width:768px){
.footer-grid{grid-template-columns:repeat(3,1fr);}
.flex-row,.flex-row-reverse{gap: 64px;}
}

.mobile-pc .head_language{display: none;}
@media(min-width:1024px){
    .mobile-pc .head_language{display: block;}
    .mobile-menu-btn{display:none;}
    .header-menu{display:flex;}
    .mobile_menu_hamburger{display:none;}
    .container,.footer{padding-left:32px;padding-right:32px;}
    .flex-row{flex-direction:row;gap:64px;}
    .flex-row-reverse{flex-direction:row-reverse;gap:64px;}
    .flex-half{width:50%;}
}
@media(max-width:1380px){
    .header-menu>li{margin-right:20px;}
}
@media(max-width:1240px){
    .logo{max-width: 200px;}
    .header-menu>li{margin-right: 10px;}
}
@media(max-width:510px){
    .logo{max-width: 150px;}
}
@media(max-width:380px){
    .header_menu_container{gap: 10px;}
    .language_button{padding: 0px 15px 0px 20px;}
}