@charset "utf-8";




/*header*/
#main-nav .header_logo{width:130px;}
#main-nav .header_logo img{width:100%;}
@media (max-width:640px){
    #main-nav .header_logo{width:100px;}
}
/* header */
#main-nav{background:rgba(255,255,255,.95); backdrop-filter:blur(12px); border-bottom:1px solid #f1f5f9; transition:all .3s;}
/* inner */
#main-nav .nav-inner{height:64px; padding:0 24px; display:flex; align-items:center; justify-content:space-between;}
/* nav menu */
#main-nav .nav-menu{display:none; gap:40px; font-size:14px; font-weight:700; color:#6b7280;}
@media (min-width:1024px){
    #main-nav  .nav-menu{display:flex;}
}
/* nav link */
#main-nav .nav-link{position:relative; padding:8px 0; transition:color .3s;}
#main-nav .nav-link:hover{color:#2563eb;}
#main-nav .nav-link::after{content:''; position:absolute; left:0; bottom:0; width:0; height:2px; background:#2563eb; transition:width .3s;}
#main-nav .nav-link:hover::after{width:100%;}
/* actions */
#main-nav .nav-actions{display:none; gap:12px; align-items:center;}
@media (min-width:1024px){
    #main-nav .nav-actions{display:flex;}
}
/* buttons */
#main-nav .btn-outline{padding:10px 20px; font-size:12px; font-weight:700; color:#64748b; border:1px solid #e2e8f0; border-radius:8px; transition:all .3s;}
#main-nav .btn-outline:hover{color:#2563eb; border-color:#2563eb;}
#main-nav .btn-primary{padding:10px 24px; font-size:12px; font-weight:700; color:#fff; background:#2563eb; border-radius:8px; transition:all .3s;}
#main-nav .btn-primary:hover{background:#1d4ed8; transform:translateY(-2px);}
/* mobile */
#main-nav .nav-toggle{padding:8px; color:#0f172a;}
@media (max-width:640px){
    #main-nav .nav-toggle{padding-right:0;}
}




/* contact area */
#contact-area{top:50%; transform:translateY(-50%); display:none; flex-direction:column; gap:8px;}
@media (min-width:1024px){
    #contact-area{display:flex;}
}
/* common item */
#contact-area .contact-item{display:flex; flex-direction:column; align-items:center; padding:20px 12px; border-radius:16px 0 0 16px; box-shadow:0 20px 40px rgba(0,0,0,.15); transition:all .3s; cursor:pointer; transition:transform .3s, background .3s, color .3s;}
/* icon & text */
#contact-area .contact-icon{width:30px; margin-bottom:12px; font-size:18px;}
#contact-area .contact-text{font-weight:700; font-size:12px; line-height:1;}
#contact-area .contact-item .contact-icon{animation:none;}
#contact-area .contact-item:hover .contact-icon{animation:bounce .8s infinite;}
/* primary */
#contact-area .contact-primary{background:#0f172a; color:#fff;}
#contact-area .contact-primary:hover{background:#2563eb; transform:translateX(-4px);}
/* secondary */
#contact-area .contact-secondary{background:#fff; color:#0f172a; border:1px solid #e5e7eb; box-shadow:0 10px 25px rgba(0,0,0,.12);}
#contact-area .contact-secondary:hover{color:#2563eb; transform:translateX(-4px);}
/* bounce */
@keyframes bounce{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-6px);}
}





/*bottom*/
.footer_logo{width:120px; margin-bottom:10px; opacity:0.5;}

/* Family site dropdown */
.family-site-dropdown{display:none; position:absolute; bottom:100%; right:0; background:#fff; color:#1e293b; min-width:160px; box-shadow:0 -4px 6px -1px rgba(0,0,0,.1), 0 -2px 4px -1px rgba(0,0,0,.06); border-radius:8px; overflow:hidden; margin-bottom:8px; padding-top:8px;}
.family-site-dropdown::before{content:''; position:absolute; top:0; left:0; right:0; height:8px; background:transparent;}
.family-site-container:hover .family-site-dropdown{display:block;}
.family-site-container:hover .family-site-dropdown::before{display:block;}