:root{
  --gatas-navy:#0b2740;
  --gatas-blue:#1267a5;
  --gatas-blue-2:#1f8bd0;
  --gatas-gold:#e6a23c;
  --gatas-bg:#f6f8fb;
  --gatas-text:#334155;
  --gatas-muted:#64748b;
  --gatas-white:#fff;
  --gatas-shadow:0 18px 45px rgba(15,35,55,.10);
  --gatas-radius:18px;
}
html{scroll-behavior:smooth}
body{
  overflow:visible !important;
  background:var(--gatas-bg)!important;
  color:var(--gatas-text)!important;
  font-family:'Roboto',Arial,sans-serif!important;
  font-size:15px!important;
  line-height:1.7!important;
}
body:before{display:none!important}
a{color:var(--gatas-blue);transition:all .2s ease}
a:hover,a:focus{color:var(--gatas-blue-2)}
#wrapper{background:var(--gatas-bg)}
#preloader{display:none!important}

/* Modern header */
.header-wrapper{
  position:relative!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 4px 24px rgba(10,35,60,.08)!important;
  z-index:1000!important;
}
.main-header{
  background:transparent!important;
  min-height:82px!important;
  border:0!important;
}
.main-header .container{width:100%;max-width:1240px}
.main-header .row{display:flex;align-items:center;min-height:82px}
.main-header .logo{
  display:block!important;
  width:178px!important;
  height:56px!important;
  background:url('../images/gatas_logo.png') center left/contain no-repeat!important;
  opacity:1!important;
}
.main-header .navbar-right{float:none!important}
.menu.menu-light{
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:2px;
  margin:0!important;
}
.menu.menu-light>li{float:none!important;position:relative}
.menu.menu-light>li>a{
  color:var(--gatas-navy)!important;
  font-family:'Roboto',sans-serif!important;
  font-size:13px!important;
  font-weight:600!important;
  letter-spacing:.2px!important;
  padding:30px 11px!important;
  text-transform:none!important;
  border-radius:8px;
}
.menu.menu-light>li>a:hover,
.menu.menu-light>li:hover>a{
  color:var(--gatas-blue)!important;
  background:#eef6fc!important;
}
.menu.menu-light .submenu{
  background:#fff!important;
  border:0!important;
  border-radius:12px!important;
  box-shadow:0 18px 40px rgba(10,35,60,.14)!important;
  padding:8px!important;
  min-width:210px!important;
}
.menu.menu-light .submenu li a{
  color:var(--gatas-navy)!important;
  padding:10px 14px!important;
  border-radius:8px!important;
  font-size:14px!important;
}
.menu.menu-light .submenu li a:hover{background:#eef6fc!important;color:var(--gatas-blue)!important}
.menu .toggle-menu{display:none!important}

/* Shared page polish */
.section,.section-bg,.footer-wrapper{position:relative}
.section-bg.section-gray{background:#f6f8fb!important}
.section-dark{background:var(--gatas-navy)!important}
.title-uppercased,.title-medium,.title-large,.title-small{
  font-family:'Montserrat','Roboto',sans-serif!important;
  letter-spacing:-.3px!important;
}
.br-bottom,.br-bottom-center{background:var(--gatas-gold)!important;height:3px!important}
.btn,.btn-d{
  border-radius:999px!important;
  font-weight:700!important;
  padding:11px 22px!important;
  border:0!important;
  background:var(--gatas-blue)!important;
}
.btn:hover,.btn-d:hover{background:var(--gatas-blue-2)!important;transform:translateY(-1px)}
.page-title-wrapper{
  min-height:280px!important;
  background:linear-gradient(120deg,var(--gatas-navy),#1267a5)!important;
}

/* Modern homepage hero */
.gatas-hero{
  position:relative;
  min-height:620px;
  overflow:hidden;
  background:#0b2740;
}
.gatas-hero-slide{
  position:absolute;inset:0;
  opacity:0;visibility:hidden;
  transition:opacity .8s ease,visibility .8s ease;
  background-position:center;
  background-size:cover;
}
.gatas-hero-slide.active{opacity:1;visibility:visible}
.gatas-hero-slide:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(5,25,43,.82) 0%,rgba(5,25,43,.50) 45%,rgba(5,25,43,.10) 100%);
}
.gatas-hero-content{
  position:relative;z-index:2;
  max-width:1240px;margin:0 auto;
  min-height:620px;padding:150px 30px 70px;
  display:flex;align-items:center;
}
.gatas-hero-copy{max-width:700px;color:#fff}
.gatas-kicker{
  display:inline-flex;align-items:center;gap:9px;
  padding:7px 14px;border-radius:999px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.25);
  font-size:12px;font-weight:700;letter-spacing:1.5px;
  text-transform:uppercase;
}
.gatas-kicker:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gatas-gold)}
.gatas-hero h1{
  color:#fff!important;font-size:clamp(40px,5vw,70px)!important;
  line-height:1.04!important;font-weight:700!important;
  margin:20px 0!important;letter-spacing:-2px!important;
}
.gatas-hero p{font-size:20px;line-height:1.55;color:rgba(255,255,255,.9);max-width:650px}
.gatas-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.gatas-btn{
  display:inline-flex;align-items:center;gap:8px;
  padding:13px 22px;border-radius:999px;
  background:#fff;color:var(--gatas-navy)!important;font-weight:700;
}
.gatas-btn.primary{background:var(--gatas-blue-2);color:#fff!important}
.gatas-btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.18)}
.gatas-hero-dots{
  position:absolute;z-index:4;left:30px;bottom:30px;
  display:flex;gap:8px
}
.gatas-hero-dots button{
  width:34px;height:4px;border:0;border-radius:5px;
  background:rgba(255,255,255,.35);padding:0;cursor:pointer
}
.gatas-hero-dots button.active{background:#fff;width:52px}

/* Homepage sections */
.gatas-section{padding:82px 0}
.gatas-container{width:100%;max-width:1240px;margin:0 auto;padding:0 25px}
.gatas-section-head{text-align:center;max-width:760px;margin:0 auto 45px}
.gatas-section-head .eyebrow{
  color:var(--gatas-blue);font-weight:800;font-size:12px;
  letter-spacing:1.7px;text-transform:uppercase
}
.gatas-section-head h2{
  margin:8px 0 12px;color:var(--gatas-navy);
  font-family:'Montserrat','Roboto',sans-serif;font-size:38px;
  line-height:1.15;font-weight:700;letter-spacing:-1px
}
.gatas-section-head p{color:var(--gatas-muted);font-size:17px}
.gatas-services-grid,.gatas-news-grid,.gatas-client-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:22px
}
.gatas-card{
  background:#fff;border:1px solid #e7edf3;border-radius:var(--gatas-radius);
  box-shadow:var(--gatas-shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease
}
.gatas-card:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(15,35,55,.14)}
.gatas-card-body{padding:28px}
.gatas-card-icon{
  width:52px;height:52px;border-radius:15px;
  display:flex;align-items:center;justify-content:center;
  background:#eaf5fc;color:var(--gatas-blue);font-size:21px;margin-bottom:18px
}
.gatas-card h3{font-size:21px!important;line-height:1.3!important;font-weight:700!important;color:var(--gatas-navy)!important;margin-bottom:10px!important}
.gatas-card p{color:var(--gatas-muted);margin:0}
.gatas-link{display:inline-flex;gap:7px;margin-top:18px;font-weight:700;color:var(--gatas-blue)!important}
.gatas-stats{
  background:var(--gatas-navy);color:#fff;padding:54px 0
}
.gatas-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gatas-stat{text-align:center;padding:15px}
.gatas-stat strong{display:block;font-size:40px;line-height:1;font-family:'Montserrat',sans-serif}
.gatas-stat span{display:block;margin-top:10px;color:rgba(255,255,255,.72);font-size:13px}
.gatas-about{
  display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center
}
.gatas-about-image{min-height:420px;border-radius:24px;background:center/cover no-repeat;box-shadow:var(--gatas-shadow)}
.gatas-about h2{font-size:40px;color:var(--gatas-navy);font-weight:700;line-height:1.12}
.gatas-about p{color:var(--gatas-muted);font-size:16px}
.gatas-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.gatas-point{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--gatas-navy)}
.gatas-point i{color:var(--gatas-blue);margin-top:5px}
.gatas-clients{background:#fff}
.gatas-client-grid{grid-template-columns:repeat(4,1fr)}
.gatas-client{min-height:115px;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;border:1px solid #e7edf3;border-radius:14px}
.gatas-client img{max-height:65px;object-fit:contain}
.gatas-news-card{min-height:230px}
.gatas-news-card .gatas-card-body{height:100%;display:flex;flex-direction:column}
.gatas-news-meta{font-size:12px;color:#94a3b8;margin-bottom:9px}
.gatas-news-card p{color:var(--gatas-muted)}
.gatas-cta{
  padding:70px 0;background:linear-gradient(120deg,#0b2740,#1267a5);color:#fff
}
.gatas-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
.gatas-cta h2{color:#fff;font-size:34px;font-weight:700;margin:0 0 8px}
.gatas-cta p{color:rgba(255,255,255,.78);margin:0}
.gatas-cta .gatas-btn{white-space:nowrap}

/* Footer */
.footer-wrapper{
  background:#081d30!important;
  color:rgba(255,255,255,.68)!important;
  border:0!important;
  padding:35px 0!important;
}
.footer-wrapper:first-of-type{background:#0b2740!important}
.footer-wrapper a{color:rgba(255,255,255,.75)!important}
.footer-wrapper a:hover{color:#fff!important}
.footer-wrapper .copyright{margin:0}
.footer-social{margin:0!important}
.footer-social li a{
  width:38px!important;height:38px!important;
  line-height:38px!important;border-radius:50%!important;
  background:rgba(255,255,255,.09)!important;
  color:#fff!important
}
.ellhnikadiktya_img{max-height:52px!important;width:auto!important;margin-left:15px}
#nl_header{color:#fff;font-weight:700;margin-bottom:7px}

/* Existing internal pages: modernize common blocks */
.breadcrumb-wrapper{background:#0b2740!important}
.box-services-d,.box-services-e,.box-portfolio,.box-client{
  border-radius:16px;overflow:hidden
}
.panel,.well,.thumbnail{
  border:1px solid #e7edf3!important;border-radius:16px!important;
  box-shadow:0 12px 35px rgba(15,35,55,.07)
}
.form-control{
  border:1px solid #dbe4ec!important;border-radius:10px!important;
  box-shadow:none!important;min-height:44px
}
.form-control:focus{border-color:#62a8d7!important;box-shadow:0 0 0 3px rgba(31,139,208,.12)!important}
.table{background:#fff;border-radius:12px;overflow:hidden}
img{border-radius:2px}

/* Mobile */
@media (max-width:991px){
  .main-header .row{display:block;min-height:auto}
  .main-header .logo{margin:13px auto 7px}
  .main-header .navbar-right{width:100%}
  .menu.menu-light{display:none!important;flex-direction:column;align-items:stretch;padding:8px 15px 15px}
  .menu.menu-light.open{display:flex!important}
  .menu.menu-light>li>a{display:block;padding:12px 14px!important}
  .menu .toggle-menu{
    display:block!important;text-align:right!important;
    height:42px!important;line-height:42px!important;
    color:var(--gatas-navy)!important;cursor:pointer
  }
  .menu.menu-light .submenu{position:static!important;display:none;padding-left:12px}
  .menu.menu-light li:hover>.submenu{display:none}
  .gatas-hero,.gatas-hero-content{min-height:570px}
  .gatas-services-grid,.gatas-news-grid{grid-template-columns:1fr 1fr}
  .gatas-client-grid{grid-template-columns:repeat(3,1fr)}
  .gatas-stats-grid{grid-template-columns:repeat(2,1fr)}
  .gatas-about{grid-template-columns:1fr}
  .gatas-about-image{min-height:300px;order:-1}
}
@media (max-width:600px){
  .gatas-hero,.gatas-hero-content{min-height:650px}
  .gatas-hero-content{padding:125px 20px 70px}
  .gatas-hero h1{font-size:42px!important}
  .gatas-hero p{font-size:17px}
  .gatas-section{padding:60px 0}
  .gatas-section-head h2{font-size:30px}
  .gatas-services-grid,.gatas-news-grid,.gatas-client-grid{grid-template-columns:1fr}
  .gatas-stats-grid{grid-template-columns:1fr 1fr}
  .gatas-stat strong{font-size:32px}
  .gatas-points{grid-template-columns:1fr}
  .gatas-cta-inner{display:block}
  .gatas-cta .gatas-btn{margin-top:20px}
}
html {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body {
    width: 100%;
    min-height: 100%;
    height: auto !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
}
.header-wrapper{
    height:78px!important;
    background:#fff!important;
    box-shadow:0 3px 18px rgba(11,39,64,.10)!important;
}

.main-header{
    min-height:78px!important;
}

.main-header .row{
    min-height:78px!important;
}

.main-header .logo{
    width:205px!important;
    height:62px!important;
    margin-top:0!important;
}

.menu.menu-light{
    gap:5px!important;
}

.menu.menu-light>li>a{
    padding:28px 12px!important;
    font-size:13px!important;
    font-weight:700!important;
    color:#0b2740!important;
}

.menu.menu-light>li>a:hover,
.menu.menu-light>li:hover>a{
    color:#1267a5!important;
    background:#f1f7fb!important;
}

.menu.menu-light>li:last-child>a{
    color:#fff!important;
    background:#1267a5!important;
    padding-left:18px!important;
    padding-right:18px!important;
    border-radius:6px!important;
}

.menu.menu-light>li:last-child>a:hover{
    background:#e6a23c!important;
    color:#fff!important;
}