/* Bootstrap 3 Minimal Replacement — grid, navbar, utilities */
*,*::before,*::after{box-sizing:border-box}

/* Container */
.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px}

/* Row */
.row{display:flex;flex-wrap:wrap;margin:0 -15px}

/* Base columns (100% on mobile) */
[class*="col-"]{padding:0 15px;width:100%;position:relative}

/* xs columns */
.col-xs-6{width:50%}
.col-xs-12{width:100%}

/* sm columns (768px+) */
@media(min-width:768px){
  .col-sm-2{width:16.6667%}
  .col-sm-3{width:25%}
  .col-sm-4{width:33.3333%}
  .col-sm-5{width:41.6667%}
  .col-sm-6{width:50%}
  .col-sm-7{width:58.3333%}
  .col-sm-8{width:66.6667%}
  .col-sm-9{width:75%}
  .col-sm-10{width:83.3333%}
  .col-sm-12{width:100%}
}

/* md columns (992px+) */
@media(min-width:992px){
  .col-md-2{width:16.6667%}
  .col-md-3{width:25%}
  .col-md-4{width:33.3333%}
  .col-md-6{width:50%}
  .col-md-8{width:66.6667%}
  .col-md-9{width:75%}
  .col-md-12{width:100%}
}

/* Utilities */
.text-center{text-align:center}
.text-left{text-align:left}
.img-responsive{max-width:100%;height:auto;display:block;margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.clearfix::after{content:'';display:table;clear:both}
.pull-right{float:right}
.pull-left{float:left}
.hidden{display:none}

/* Navbar */
.navbar-fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}
.navbar>.container{display:flex;align-items:center;justify-content:space-between}
.navbar-header{display:flex;align-items:center}
.navbar-brand{display:flex;align-items:center}

/* Hamburger button */
.navbar-toggle{display:none;padding:9px 10px;background:transparent;border:1px solid #d3d3d3;cursor:pointer;margin-top:8px;margin-bottom:8px;margin-right:15px;line-height:1}
.icon-bar{display:block;width:22px;height:2px;border-radius:1px;background:#0b2635}
.icon-bar+.icon-bar{margin-top:4px}

/* Nav collapse — open state controlled by .in class */
.navbar-collapse{flex:1;display:flex;align-items:center}
.navbar-collapse.collapse:not(.in){display:none}
.navbar-collapse.collapse.in{display:flex}
/* Desktop: always show */
@media(min-width:768px){
  .navbar-collapse.collapse{display:flex!important}
}

/* Nav lists */
.nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.navbar-nav{display:flex;flex-direction:row;margin:0}
.navbar-right{margin-left:auto}
/* Nav link padding (must be block so padding-top/bottom work) */
.navbar-nav>li>a{display:block;padding:15px 10px}
/* Logo height cap */
.navbar-brand>img,.logotop{max-height:40px;height:auto;width:auto}

/* Mobile nav */
@media(max-width:767px){
  .navbar-toggle{display:block;order:2}
  .navbar-brand{order:1}
  .navbar>.container{flex-wrap:wrap}
  .navbar-header{width:100%;justify-content:space-between}
  .navbar-collapse{width:100%;flex-direction:column;align-items:flex-start}
  .navbar-nav{flex-direction:column;width:100%}
  .navbar-right{margin-left:0;width:100%}
  .nav>li{width:100%}
  .nav>li>a{display:block;padding:10px 15px}
}

/* Bootstrap Accordion / Collapse */
.collapse{display:none}
.collapse.in{display:block}
.panel-collapse.collapse.in{display:block}
@media(min-width:768px){
  .collapse.navbar-collapse{display:flex!important}
}

/* Panels (accordion) */
.panel{margin-bottom:20px;background:#fff;border:1px solid transparent;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.panel-default>.panel-heading{background:#f5f5f5;border-color:#ddd;color:#333}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;cursor:pointer;border-radius:3px 3px 0 0}
.panel-title{margin:0;font-size:16px;color:inherit}
.panel-title a{display:block;text-decoration:none;color:inherit}
.panel-body{padding:15px}
.panel-footer{padding:10px 15px;background:#f5f5f5;border-top:1px solid #ddd}
.panel-group .panel{margin-bottom:0;border-radius:4px}
.panel-group .panel+.panel{margin-top:5px}

/* Globe rotation — replaces GSAP */
@keyframes spin-cw{to{transform:rotate(360deg)}}
@keyframes spin-ccw{to{transform:rotate(-360deg)}}
.to-rotate{animation:spin-cw 15s linear infinite;display:block}
.img-container{animation:spin-ccw 153s linear infinite}

/* Footer column layout (no .row wrapper in footer HTML) */
footer .container{display:flex;flex-wrap:wrap}
/* Language selector — dark bg needs white text */
footer select{color:#fff}

/* Tab content (bhoechie tabs) */
.bhoechie-tab-content{display:none}
.bhoechie-tab-content.active{display:block}