:root{--body-bg-color:#f4f4f0;--body-bg-gradient1:#f4f4f0;--body-bg-gradient2:#e2e8f0;--body-text-color:#293238;--heading-color:#222;--hero-gradient1:#168295;--hero-gradient2:#0b5e3a;--footer-bg-color:#0d0d0d;--footer-bg-gradient1:#0d0d0d;--footer-bg-gradient2:#1f2937;--link-color:#d0b16b;--box-color:#0d644a;--box-text-color:#fff;--header-bg-color:#fff;--font-family:system-ui;--nav-link-color:#fff;--footer-text-color:#fff;--header-text-color:#ffff}
html{overflow-x:hidden}
body{background-color:var(--body-bg-color);color:var(--body-text-color)!important;font-family:var(--font-family);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
h1{font-size:clamp(2rem,4vw,2.5rem)!important}
h2{font-size:clamp(1.6rem,3vw,2rem)!important}
h3{font-size:clamp(1.4rem,3vw,1.7rem)!important}
p{margin-bottom:.5rem!important}
section{padding:15px 0;scroll-margin-top:70px}
h2,h3{color:var(--heading-color)!important}
.content-area a{color:var(--link-color)!important;text-decoration:none!important}
.content-area a:hover{color:var(--link-color)!important;opacity:.8}
.error_page{min-height:70vh}
.footer{background:var(--footer-bg-color);color:var(--footer-text-color);padding-top:clamp(1rem,3vw,2rem);padding-bottom:clamp(1.75rem,2.5vw,2.5rem);position:relative;overflow:hidden}
.footer a{color:var(--link-color);text-decoration:none;font-weight:600;letter-spacing:.01em;transition:opacity .2s ease,text-decoration-color .2s ease}
.footer a:hover,.footer a:focus-visible{opacity:.9}
.footer .social-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;color:var(--footer-text-color);background:var(--link-color);font-size:1.25rem;line-height:1;transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease}
.footer .social-icon:hover,.footer .social-icon:focus-visible{transform:translateY(-3px);background:var(--link-color / 30%)}
.footer .footer-divider{border:0;height:1px;background:linear-gradient(to right,transparent,var(--footer-text-color) 40%,transparent);margin:1.25rem 0}
.footer .small{font-style:italic;font-size:.95rem}
@media (max-width: 575.98px) {
.footer .social-icon{width:40px;height:40px;font-size:1.2rem}
.footer .small{font-size:.9rem}
}
.navbar{background-color:transparent!important;transition:background-color .4s ease,box-shadow .3s ease;position:absolute;top:0;left:0;width:100%;z-index:1030}
.navbar.scrolled{background-color:var(--header-bg-color)!important;box-shadow:0 2px 10px #0000001a}
.hero-section{padding:155px 0 60px;position:relative;overflow:hidden;color:var(--header-text-color)}
.hero-section.with-bg{background-image:url(/images/hero-bg.webp);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 6.5px 25px -1px #484646}
.hero-section.with-bg::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#000);opacity:.5;z-index:1}
.hero-section .container{position:relative;z-index:2}
@media (max-width: 768px) {
.hero-section{padding:100px 0 30px}
}
.navbar-light .navbar-nav .nav-link{color:var(--nav-link-color,#141414)!important}
.navbar-light .navbar-nav .nav-link.active{color:var(--link-color)!important;font-weight:700}
@media (max-width: 1199.98px) {
.navbar-collapse{position:fixed;top:67px;left:15px;right:15px;background-color:color-mix(in srgb,var(--header-bg-color) 65%,transparent);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 15px 40px #00000026;z-index:9999;padding:15px;margin:0}
.navbar-nav{width:100%}
.navbar-nav .nav-item{margin:7px 0}
.navbar-nav .nav-item:hover{transform:translateY(-1px)}
.navbar-nav .nav-link{font-size:1.2rem;font-weight:500;text-decoration:none;display:block;padding:0}
.navbar-toggler{z-index:10000;position:relative;border:var(--bs-border-width) solid var(--nav-link-color,#141414)!important}
}
.custom-dropdown{border:0;box-shadow:0 10px 40px #00000026;border-radius:12px;padding:.5rem 0;margin-top:.5rem;min-width:220px;background:color-mix(in srgb,var(--header-bg-color) 65%,transparent)!important;backdrop-filter:blur(12px)}
.custom-dropdown .dropdown-item{padding:.75rem 1.5rem;transition:all .3s ease;color:var(--nav-link-color,#141414)!important;font-weight:500;border-radius:0;text-wrap:wrap}
.dropdown-menu{display:none}
.custom-dropdown .dropdown-item:hover{color:#fff;background:color-mix(in srgb,var(--header-bg-color) 95%,transparent)!important}
.nav-item.dropdown > .nav-link{display:flex;align-items:center}
.nav-item.dropdown > .nav-link .arrow{position:relative;margin-left:auto;border:solid var(--nav-link-color,#141414);border-width:0 2px 2px 0;padding:3px;transform:rotate(45deg);transition:transform .25s}
.dropdown.open .dropdown-menu{display:block}
@media (min-width: 1200px) {
.nav-item.dropdown{position:relative}
.nav-item.dropdown > .nav-link .arrow{margin-left:7px}
.custom-dropdown.dropdown-menu{position:absolute;top:100%;left:0;margin-top:0;z-index:1000}
.nav-item.dropdown:hover > .nav-link .arrow{transform:rotate(-135deg)}
.nav-item.dropdown:hover > .dropdown-menu{display:block!important}
}
@media (max-width: 1199px) {
.nav-item.dropdown > .nav-link .arrow{padding:4px}
}
.contact-section{display:grid;grid-template-columns:0.8fr 1.2fr;gap:38px;padding:30px;background:#f5f7f8;border-radius:14px;border-top:3px solid var(--link-color);box-shadow:0 12px 35px #16324f14}
.contact-info{display:flex;flex-direction:column;justify-content:center}
.contact-label{display:inline-block;color:var(--link-color);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.contact-info h2{color:#16324f;margin:0 0 12px}
.contact-info p{color:#293238;line-height:1.7;margin:0 0 22px}
.contact-details{padding-top:14px;border-top:1px solid #16324f26}
.contact-details span{display:block;color:#67727a;font-size:.85rem;margin-bottom:4px}
.contact-details a{color:#16324f;font-weight:600;text-decoration:none;transition:color .2s ease}
.contact-details a:hover{color:var(--link-color)}
.contact-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-group{display:flex;flex-direction:column;gap:6px}
.form-group label{color:#16324f;font-size:.85rem;font-weight:600}
.form-group input,.form-group textarea{width:100%;border:1px solid #16324f2e;border-radius:8px;padding:11px 12px;color:#293238;background:#fff;font:inherit;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}
.form-group textarea{resize:vertical}
.form-group input:focus,.form-group textarea:focus{border-color:var(--link-color);box-shadow:0 0 0 3px #d0b16b29}
.form-group input::placeholder,.form-group textarea::placeholder{color:#8a949b}
.contact-button{align-self:flex-start;border:0;border-radius:8px;padding:11px 20px;background:#16324f;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease}
.contact-button:hover{background:var(--link-color);color:#16324f;transform:translateY(-1px)}
@media (max-width: 768px) {
.contact-section{grid-template-columns:1fr;gap:24px;padding:22px 20px}
.form-row{grid-template-columns:1fr}
.contact-button{width:100%}
}
.scroll-top{position:fixed;visibility:hidden;opacity:0;right:15px;bottom:-15px;z-index:99999;background-color:var(--link-color);width:44px;height:44px;border-radius:50px;transition:all .4s}
.scroll-top i{font-size:24px;color:var(--footer-bg-color);line-height:0}
.scroll-top:hover{background-color:color-mix(in srgb,var(--link-color),transparent 20%);color:var(--footer-bg-color)}
.scroll-top.active{visibility:visible;opacity:1;bottom:15px}
.heading h2{color:#16324f;margin-bottom:14px;position:relative;display:inline-block}
.heading h2::after{content:"";display:block;width:52px;height:3px;margin:10px auto 0;background-color:var(--link-color);border-radius:2px}
.heading p{color:#293238;line-height:1.7;margin:0 0 12px}
.heading p:last-child{margin-bottom:0}
.cust-bg{background:linear-gradient(135deg,#f6f7f8 0%,#eef2f3 100%);border-left:4px solid var(--link-color);padding:28px 30px;border-radius:14px;box-shadow:0 10px 30px #16324f14}
.cust-bg h2{color:#16324f;margin-top:0;margin-bottom:16px}
.cust-bg h3{color:#16324f;margin-top:24px;margin-bottom:8px;position:relative;padding-left:18px}
.cust-bg h3::before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;background-color:var(--link-color);border-radius:50%;transform:translateY(-50%)}
.cust-bg p{color:#293238;line-height:1.7;margin:0 0 12px}
.cust-bg p:last-child{margin-bottom:0}
.cust-bg h2::after{content:"";display:block;width:52px;height:3px;margin-top:10px;background-color:var(--link-color);border-radius:2px}
@media (max-width: 768px) {
.cust-bg{padding:22px 20px;border-radius:10px}
}
.list-style{border-top:1px solid #16324f26;border-bottom:1px solid #16324f26;padding:22px 0}
.list-style h2{color:#16324f;margin-top:0;margin-bottom:14px}
.list-style h2::after{content:"";display:block;width:48px;height:3px;margin-top:9px;background-color:var(--link-color);border-radius:2px}
.list-style p{color:#293238;line-height:1.7;margin:0 0 12px}
.list-style ul{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px}
.list-style li{position:relative;padding:10px 0 10px 28px;color:#293238;line-height:1.6;border-bottom:1px solid #16324f1a}
.list-style li::before{content:"→";position:absolute;left:0;top:9px;color:var(--link-color);font-weight:700}
.list-style li:hover{color:#16324f;transform:translateX(3px);transition:.2s ease}
.list-style p:last-child{margin-bottom:0}
@media (max-width: 768px) {
.list-style ul{grid-template-columns:1fr;gap:4px}
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
