html{scroll-behavior:smooth}.animate-box{opacity:1!important;visibility:visible!important}.owl-carousel{display:flex!important;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory}.owl-carousel .item{flex:0 0 100%;scroll-snap-align:start}.owl-carousel .item img{max-width:150px;height:150px;object-fit:cover;margin:auto}.flexslider .slides>li{min-height:390px;background-size:cover;background-position:center}.service-tab-title img{width:70px;height:70px;object-fit:contain}.mobile-menu-toggle{display:none}#fh5co-header .header-inner{min-height:100px}.tab-pane{display:none}.tab-pane.active{display:block}#accordion>div{padding:15px}#accordion h3{font-size:18px}#fh5co-page img{max-width:100%}a{overflow-wrap:anywhere}
@media(max-width:991px){.mobile-menu-toggle{display:block;position:absolute;left:20px;top:20px;z-index:20;border:0;background:#254775;color:white;padding:8px 12px;font-size:24px}#fh5co-header nav{display:none!important;clear:both;background:white;position:relative;z-index:10}#fh5co-header nav.menu-open{display:block!important}#fh5co-header nav ul{display:block!important;padding:15px}#fh5co-header nav li{display:block!important;margin:10px}.flexslider .slides>li{min-height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

.restored-form{display:grid;gap:18px;padding:20px 0 40px}.restored-form label{display:grid;gap:8px}.restored-form .button{background:#254775;color:white;border:0;padding:12px 28px;max-width:220px}

/* Keep the client strip in normal flow without the historical carousel plugin. */
.customer-div{height:auto;min-height:120px;overflow:hidden;clear:both}
.owl-cutomer{display:flex;align-items:center;gap:20px;overflow-x:auto;min-width:0;min-height:120px;padding:10px 0;scroll-snap-type:x proximity}
.owl-cutomer>div{flex:0 0 170px;height:100px!important;display:flex;align-items:center;justify-content:center;scroll-snap-align:start}
.owl-cutomer img{display:block;max-width:100%;max-height:90px!important;object-fit:contain;margin:0!important}
.maillist-div{height:auto;min-height:180px;padding:30px 0!important;clear:both}
.maillist-div .contact-inf,.maillist-div a.contact-inf{color:#fff;display:inline-block;line-height:1.8}
.maillist-div a.contact-inf:hover,.maillist-div a.contact-inf:focus{color:#fff;text-decoration:underline}
.footer-div{height:auto;min-height:325px}
@media(max-width:991px){.customer_title{height:auto;min-height:50px}.customer_title h4{line-height:50px}.customer_title:before{display:none}.owl-cutomer>div{flex-basis:140px}.maillist-div .footer-mail{margin-bottom:24px}.contactinfotable{margin-bottom:16px!important}.maillist-div .contact-inf{font-size:15px}}

/* Responsive replacements for the retired carousel and accordion layouts. */
*,*::before,*::after{transition-property:background-color,color,border-color,box-shadow}
.container,.container-center{max-width:1170px;width:100%}
.teams-div{padding:40px 0}
.teams-div>.container>.row{display:flex;flex-wrap:wrap;row-gap:24px}
.teams-div>.container>.row:before,.teams-div>.container>.row:after{display:none}
.teams{height:auto;min-height:320px;padding:4px 16px 20px;border-radius:8px}
.teams .team-title{padding:12px 0;text-align:center}
.teams .owl-carousel{gap:0;scrollbar-width:thin;scrollbar-color:#7591ac #16344c;padding:8px 0 15px}
.teams .owl-carousel .item{min-width:0;padding:0 8px}
.teams .owl-carousel .item img{display:block}
.team-controls{display:flex;justify-content:center;gap:12px;margin-top:14px}
.team-controls button{border:1px solid #8ba0b2;background:transparent;color:#fff;border-radius:5px;min-height:36px;padding:4px 14px;font:inherit}
.team-controls button:hover,.team-controls button:focus-visible{background:#365065}
.social-news{height:auto;min-height:320px;text-align:right;border:1px solid #e1e7ee;border-radius:8px;padding:24px}
.social-news h4{margin:0 0 14px;color:#16344c;line-height:1.7}
.social-intro{font-size:14px;line-height:1.9;color:#596777;margin-bottom:20px}
.social-links{display:grid;gap:12px}
.social-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #dce4ec;border-radius:8px;padding:14px;color:#173851;min-height:88px;text-decoration:none!important}
.social-card:hover,.social-card:focus-visible{border-color:#214b6e;box-shadow:0 2px 8px #00213b14;color:#173851}
.social-card-icon{flex:0 0 48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#edf2f7}
.social-card-icon i{font-size:28px;line-height:1;display:block}
.social-card-youtube .social-card-icon{color:#bf2026;background:#fff0f0}
.social-card-snapchat .social-card-icon{color:#252b34;background:#fffbd2}
.social-card-twitter .social-card-icon{color:#176b9c;background:#eaf5fc}
.social-card strong,.social-card small{display:block;line-height:1.8}
.social-card strong{font-size:16px}.social-card small{font-size:12px;color:#596777}
.social-card-arrow{margin-right:auto;font-size:22px;color:#62788c}
.social-svg{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0;fill:currentColor}
.social-card-icon .social-svg{width:28px;height:28px}.social-card-x .social-card-icon{color:#111;background:#e8ebef}.social-card-telegram .social-card-icon{color:#1775a6;background:#e7f5fd}.social-card-facebook .social-card-icon{color:#2456a0;background:#eaf1ff}
.social-icon{height:auto;min-height:60px}.social-icon ul{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.social-icon ul li{float:none!important;width:auto!important;flex:1 1 33%;height:60px!important}.social-icon ul li a{display:flex;align-items:center;justify-content:center;width:100%;height:60px;color:#fff}.social-icon li.x{background:#171b22}.social-icon li.telegram{background:#1775a6}.social-icon li.facebook{background:#2456a0}.social-icon li.snapchat a{color:#111}.socstyle a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}
.client-wordmark{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:14px;text-align:center;border:1px solid #dce4ec;background:#f5f8fc;border-radius:8px;color:#214b6e;font-size:18px;line-height:1.8}
.news-date{display:block;color:#64788b;font-size:12px;margin-top:8px;direction:ltr;text-align:right}
.lawer-service .nav-pills>li>a{color:#fff;cursor:pointer}
.lawer-service .nav-pills>li>a:hover,.lawer-service .nav-pills>li>a:focus{background:#254775;color:#fff}
.system{height:auto;padding:24px 0 10px;border-radius:8px}
.systems-div a{padding:10px!important;line-height:1.8}
.jobs-div{height:auto;min-height:105px;overflow:hidden;padding:16px}
.jobs-div>a{display:flex;gap:12px;align-items:center}
.jobs_img,.jobs_des{float:none;padding:0}.jobs_img{flex:0 0 58px;width:auto}.jobs_img img{width:58px}.jobs_des{width:auto}.jobs_des p{font-size:12px;line-height:1.8;margin:8px 0 0}
.vision-div{height:auto;min-height:250px;padding:32px 0;background-size:auto 100%}
.vision-div p{line-height:1.9}
.innerpage{padding:32px 0}.innerpage h1{font-size:28px;line-height:1.6}
.restored-form .form-control{height:auto;min-height:44px}.restored-form textarea.form-control{min-height:150px}
.contact-details{padding:24px;background:#eef1f6;border:1px solid #dce4ec;border-radius:8px;margin:20px 0}
.contact-details h2{font-size:22px;color:#173851;margin:0 0 24px}.contact-details p{display:flex;gap:14px;align-items:flex-start;margin-bottom:22px;line-height:1.9;font-size:14px}.contact-details i{font-size:24px;color:#214b6e;flex:0 0 26px;padding-top:4px}.contact-details p>span{min-width:0}.contact-details a,.contact-details p>span>span{display:block;color:#173851;overflow-wrap:anywhere}
.footer-div li{line-height:1.9}.footer-div a:focus-visible,.social-card:focus-visible{outline:2px solid #467b9f;outline-offset:3px}
#fh5co-hero{height:450px!important;min-height:0;background:#eef1f6}
#fh5co-blog .s2nd{z-index:0}
#fh5co-blog{overflow:hidden}
#nav{overflow:hidden}
#fh5co-hero .hero-fallback{background:#eef1f6}
.hero-fallback>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center}
#fh5co-hero .hero-fallback img{width:130px;height:130px;max-height:130px;object-fit:contain;flex-shrink:0}.hero-fallback h1{font-size:26px;line-height:1.7;margin:0;color:#173851}.hero-fallback p{font-size:16px;color:#214b6e;margin:0;line-height:1.8}.hero-fallback a{background:#214b6e;color:#fff;padding:10px 24px;border-radius:5px;display:inline-block}
#fh5co-hero .flexslider,#fh5co-hero .slides{height:100%;min-height:0}
#fh5co-hero .flexslider .slides li{height:450px;min-height:0;background-size:cover;background-position:center;opacity:1!important}
@media(max-width:991px){
 .container,.container-center{padding-left:20px;padding-right:20px}
 #fh5co-header .header-inner{height:auto!important;min-height:115px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:12px 0}
 #fh5co-header .logo{float:none!important;display:block}#fh5co-header .logo-div{position:static!important;width:auto!important;height:auto!important;margin:0!important;padding:0!important}#fh5co-header .logo img{width:95px!important;height:auto}
 .mobile-menu-toggle{position:static;margin:0;min-width:44px;min-height:44px}
 #fh5co-header nav{flex:0 0 100%;width:100%!important;height:auto!important;margin:10px 0 0!important;padding:0!important}
 #fh5co-header nav ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0!important}#fh5co-header nav li{margin:0!important;float:none!important}#fh5co-header nav a{display:block;padding:10px!important;white-space:normal;background:#254775;color:#fff!important;border-radius:4px;font-size:13px!important;line-height:1.8!important}
 .search-bolck{position:static!important;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:12px}.search-bolck>i{display:none!important}.search-bolck select{height:40px!important;font-size:12px!important}.search-bolck .search{margin:0!important;min-width:0;flex:0 1 250px}.search-group{display:flex;flex-direction:row-reverse}.search-group input{width:100%!important;min-width:0}.search-group button{flex:0 0 42px}
 #fh5co-blog{padding-top:15px!important}#fh5co-blog .s2nd{margin-top:20px}.about-office{height:auto!important;min-height:0!important;padding-bottom:24px!important}
 #fh5co-hero,#fh5co-hero .flexslider .slides li{height:340px!important}
 .teams-div>.container>.row>div{width:100%;float:none}.teams-div .teams{max-width:460px;margin:auto}.social-news{min-height:0}.system{min-height:0}
 .services-bottons{display:flex!important;gap:10px;flex-wrap:wrap}.services-bottons a{float:none!important;margin:0!important;padding:12px 24px!important}
 .lawer-service .nav-pills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lawer-service .nav-pills>li{float:none;width:auto!important;margin:0!important}.lawer-service .nav-pills>li>a{padding:12px 5px;font-size:12px;line-height:1.8;height:100%}.service-tab-title img{display:block;margin:0 auto 10px;width:46px;height:46px}.lawer-service .tab-content{margin-top:20px}
 .footer-div .row>div{margin-bottom:20px}.footer-div .logo-div{position:static!important}
}
@media(max-width:480px){
 .hero-fallback>div{gap:8px;padding:16px}#fh5co-hero .hero-fallback img{width:80px;height:80px}.hero-fallback h1{font-size:22px}.hero-fallback p{font-size:13px}
 .social-news{padding:18px}.social-card{gap:10px;padding:12px}.social-card-icon{flex-basis:42px;height:42px}.social-card small{font-size:11px}
 #fh5co-hero,#fh5co-hero .flexslider .slides li{height:260px!important}
 .maillist-email{max-width:65%;min-width:0}.maillist-btn{max-width:35%}.contactinfotable td:last-child{padding-right:10px!important}.footer-div .container{overflow-wrap:anywhere}
}

/* Horizontal company identity: preserve its aspect ratio and keep navigation clear. */
#fh5co-header .header-inner{position:relative;height:auto!important;min-height:190px;padding-top:130px}
#fh5co-header .logo{position:absolute;top:0;right:0;display:block}
#fh5co-header .logo img{width:260px!important;height:auto!important;max-height:120px;object-fit:contain}
#fh5co-header nav{width:100%;height:auto!important;min-height:55px;margin:0!important}
#fh5co-header nav ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
#fh5co-header nav ul li a{padding:10px 13px;display:block;line-height:35px}
.footer-div .logo img{width:240px!important;max-width:100%;height:auto;object-fit:contain;padding-bottom:24px!important}
#fh5co-hero .hero-fallback img{width:300px!important;height:auto!important;max-height:140px;object-fit:contain}
.hero-fallback>div{padding-left:230px;gap:10px}
.hero-fallback h1{font-size:19px;line-height:1.7}
@media(min-width:992px) and (max-width:1199px){.man-div:after{display:none}.hero-fallback>div{padding-left:24px}}
@media(max-width:991px){
 #fh5co-header .header-inner{min-height:115px;padding:12px 0!important}
 #fh5co-header .logo{position:static;max-width:calc(100% - 65px)}
 #fh5co-header .logo img{width:240px!important;max-width:100%;max-height:115px}
 #fh5co-header nav{margin-top:14px!important}
 #fh5co-header nav ul li a{line-height:1.8}
 #fh5co-hero .hero-fallback img{width:240px!important;max-height:110px}
 .hero-fallback>div{padding:20px;gap:12px}
 .hero-fallback h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%)}
}