.notica{z-index:1;width:100%;height:40px;overflow:hidden;background-color:#0B111E!important;}
.sticky-header.sticked .notica,
.sticky-header.sticked .navbar-upper-area{display:none;}
.divid{background:url(../images/logo/habitap-mark-transparent.svg) no-repeat center center;width:18px;height:18px;display:inline-block;background-size:contain;}
.js-marquee{display:flex;align-items:center;}
.notica a{opacity:.95;color:#fff!important;}
.notica a:hover{opacity:1;color:#D4AF37!important;}
.navbar-upper-area{background-color:#1E40AF!important;}
.navbar-upper-area a{color:#fff!important;font-weight:500;}
.navbar-upper-area a:hover{color:#D4AF37!important;}
.navbar-upper-area .op2{color:#fff!important;opacity:0.4!important;}

.navbar .js-app-login,
.btn-login {
  background: linear-gradient(90deg, #3b57ba 0%, #3b82f6 100%) !important;
  border: none !important;
  color: #fff !important;
  border-radius: 6px;
  transition: all .3s ease;
}

.navbar .js-app-login:hover,
.navbar .js-app-login:focus,
.btn-login:hover,
.btn-login:focus {
  background: linear-gradient(90deg, #31489d 0%, #2563eb 100%) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(59, 87, 186, 0.35);
}

.subby{font-weight:300;}
.rounded-4{border-radius:10px;}
.rounded-5{border-radius:20px;}
.header-wrapper {position: relative;z-index:1020;width:100%;}
.toptsocial a{display:inline-block;width:34px;height:28px;line-height:28px;color:var(--main-color);background: rgba(255,255,255,.7);border-radius: 4px;box-shadow: 2px 1px 3px #0a10310f;}
.sticky-header{position:relative;z-index:1020;width:100%;background:#fff;}
.sticky-header.sticked{ position:fixed; top:0; left:0; z-index:1030; width:100%; background:#fff; box-shadow: 0 4px 20px rgba(0,0,0,0.08); animation: headerSlideDown 0.3s cubic-bezier(0.16, 1, 0.3, 1); will-change: transform; }

@keyframes headerSlideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
.sticky-header.sticked .navbar .navbar-brand{margin:0;}
.sticky-header.sticked .navbar{padding:0!important;}
.sticky-header.sticked .navbar .btn{padding:10px 16px;}
.lh-12{line-height:12px;}
.lh-14{line-height:14px;}
.lh-16{line-height:16px;}
.lh-18{line-height:18px;}
.bt1{border-top:1px solid #e2f0eb;}
.btb1{border-top:1px solid #d0dcea;border-bottom:1px solid #d0dcea;}
.top-15{margin-top:-15px;}
.flex-1{flex:1;}
.lh-11{line-height:15px;}
.supp .dropdown-menu{transition:all .2s ease-in-out;visibility: hidden;-webkit-transform-origin:bottom;transform-origin:bottom;border-radius:0;display:block;min-width:300px;z-index:99;opacity:0;top:30px;left:auto!important;right:0;font-size:15px;}
.supp:hover .dropdown-menu{top:100%;opacity:1;margin-top:4px;visibility:visible;}
.supp .dropdown-toggle::after{display:none;}
.supp:hover .dropdown-menu {transform: translateY(0);}
.supp .dropdown-menu li{margin:3px 0;}
.supp .dropdown-menu li + li {border-top:1px solid #e9f5fe;}
.logger-block{position:relative;line-height:18px;display:flex;align-items: center;}
.logger-block span{display:block;font-weight:400;font-size:12px;line-height: 1.1;}
.logger-block span + span{display:block;font-weight:500;font-size:15px;}
.logger-block-img{width:36px;height:36px;line-height:34px;text-align:center;background:#e9f5fe;display:inline-block;transition:var(--transition)}

.logo-one{margin-top:0;height:48px;max-height:48px;width:auto;vertical-align:middle;}
.sticky-header.sticked .logo-one{height:40px;max-height:40px;width:auto;}
.pointer::before{content:"";position:absolute;left:0;bottom:0;width:30%;height:100%;background:white;}
.pointer::after{content:"";position:absolute;left:30%;bottom:1px;height:0;border-left:17px solid var(--whiteColor);border-top:17px solid transparent;border-bottom:17px solid transparent;}


/*haha menu*/
.mainnav .navbar-nav .nav-item{font-family:var(--font1);border-bottom:2px solid transparent;margin-right:5px;}
.mainnav .navbar-nav .nav-item.active,.mainnav .navbar-nav .nav-item:hover{color:var(--black-color);}
.mainnav .navbar-nav > .nav-item > a{font-size:16px;font-weight:600;color: var(--black-color);padding:6px 9px;}
.mainnav .navbar-nav > .nav-item:hover > a{color:var(--main-color);}
.mainnav .navbar-nav .nav-item .dropdown-menu{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border:none;position:absolute;}

.mainnav .navbar-nav .nav-item > .dropdown-menu li{margin:0;border-bottom:0;font-weight:500;}
.mainnav .navbar-nav .nav-item .dropdown-menu li:last-child{border-bottom:0;}
.mainnav .navbar-nav .nav-item .dropdown-menu li a{color:var(--black-color);padding:6px 10px 6px;margin:0;font-size:15px;position: relative;-webkit-transition: var(--transition);transition: var(--transition);}
.mainnav .navbar-nav .nav-item .dropdown-menu li a:hover, .mainnav .navbar-nav .nav-item .dropdown-menu li a:focus, .mainnav .navbar-nav .nav-item .dropdown-menu li a.active {color:var(--main-color2);}
.dropdown-menu.show{-webkit-animation:fadeIn .2s alternate;animation:fadeIn .2s alternate}
.dropdown-menu.mega .mega-content ul li{display:block;}
.dropdown-menu.mega .mega-content ul li a{position:relative;color: var(--main-color);font-size:15px;padding-left:0!important;padding-right:0!important;}
.dropdown-menu.mega .mega-content ul li:hover a{color:var(--main-color3);}
.nav-item.dropdown.dropdown-mega{position:static;}
.nav-item.dropdown.dropdown-mega.inher{position:inherit;}
@media(max-width:1199px){
.navbar{padding:2px 0;}
.mainnav .navbar-nav .nav-item{margin-right:1px;}
.mainnav .navbar-nav > .nav-item > a{font-size:15px;}
.sticky-header .navbar .btn{padding:12px 10px;font-size:15px;}
}
@media(min-width:1200px){
.navbar-collapse{position:static;}
}
@media(max-width:1199px){
.sticky-header .container{max-width:100%;}
}
@media(min-width:992px){
.navbar-nav{position:static;}
.mainnav .navbar-nav .nav-item a span{display:inline-block;}
.mainnav .navbar-nav .nav-item .dropdown-menu{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;visibility:hidden;-webkit-transform-origin:bottom;transform-origin:bottom;border-radius:15px;display:block;width:250px;z-index:99;opacity:0;top:40px;left:0;padding: 10px 20px;-webkit-transition:var(--transition);transition:var(--transition);box-shadow: 0 4px 30px rgba(0, 0, 0, 0.14);}
.mainnav .navbar-nav .nav-item:hover > .dropdown-menu{top:100%;opacity: 1;margin-top:2px;visibility:visible;-webkit-transform: scaleY(1);transform: scaleY(1);}
.mainnav .navbar-nav .nav-item:hover > .dropdown-menu.mega{margin-top:0;}
.mainnav .navbar-nav .nav-item:hover .dropdown-menu > .grad1{min-height:50vh}
}
@media(max-width:991px){
.logo-one{height:36px;max-height:36px;width:auto;}
.navbar-brand{margin-right:0!important;padding-right:0!important;}
.navbar > .container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;}
.navbar-toggler{margin-left:6px!important;flex-shrink:0;}
.supp .dropdown-menu{right:0;left:auto!important;min-width:280px;}
.navbar-collapse{background-color:var(--whiteColor);border-top:0;position:absolute;left:3%;top:100%;width:94%;overflow-Y:auto;max-height:400px;border-radius:8px;border-top:1px solid rgba(61,32,63,.1);border-bottom:3px solid var(--main-color2)}
.navbar-collapse .navbar-nav{background:var(--whiteColor);}
.dropdown-toggle::after{float:right;position: relative;top:11px;}
.navbar-collapse .default-btn{box-shadow:none;background:var(--titleColor);color:var(--whiteColor)}
.dropdown-menu .container{max-width:100%;}
.mainnav .navbar-nav .nav-item .dropdown-menu,.mainnav .navbar-nav .nav-item .dropdown-menu.show{transform:none;-webkit-transform:none;}
.mainnav .navbar-nav .nav-item .dropdown-menu.show{position:relative;opacity:1;margin-top:0;visibility: visible;top:0;width:100%;display:inline-block;padding:5px 5px;}
.mainnav .navbar-nav > .nav-item > a{padding:8px 0!important;transition: all ease-in-out .3s;border-bottom:1px solid rgba(61,32,63,.1);}
}
@media(min-width:1200px){
.nav-item.dropdown.dropdown-mega .dropdown-menu{width:100%;top:100%;left:0;max-width:900;overflow-x:hidden;}
.nav-item.dropdown.dropdown-mega.inher > .dropdown-menu{width:100%;top:auto;left:0;max-width:100%;min-height:70vh;}
}
@media(min-width:991px){
.nav-item.dropdown-mega > a,.nav-item.dropdown-mega > a{border-radius: 10px 10px 0 0;}
.nav-item.dropdown-mega:hover > a,.nav-item.dropdown-mega:focus > a{color:#2b7ed2;}
}
@media(min-width:992px) AND (max-width:1199px){
.nav-item.dropdown.dropdown-mega.inher > .dropdown-menu{width:100%;top:auto;left:0;max-width:100%;min-height:80vh;}
.nav-item.dropdown.dropdown-mega .dropdown-menu{width:100%;top:auto;}
}
.navbar-toggler {
  border: 1px solid #e2e8f0 !important;
  padding: 0;
  outline: none;
  background: #ffffff !important;
  border-radius: 10px !important;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
  transition: all 0.25s ease;
}
.navbar-toggler:hover,
.navbar-toggler:focus {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}
.navbar-toggler .hamburger-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 18px;
  z-index: 11;
  float: none;
}
.navbar-toggler .hamburger-toggle .hamburger {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform: none;
}
.navbar-toggler .hamburger-toggle .hamburger span {
  width: 100%;
  height: 2.5px;
  position: absolute;
  background: #0b111e;
  border-radius: 4px;
  z-index: 1;
  transition: transform 0.25s cubic-bezier(0.77, 0.2, 0.05, 1), background 0.25s ease, opacity 0.2s ease, width 0.2s ease;
  left: 0;
}
.navbar-toggler .hamburger-toggle .hamburger span:first-child {
  top: 1px;
  transform-origin: 50% 50%;
  transform: none !important;
}
.navbar-toggler .hamburger-toggle .hamburger span:nth-child(2) {
  top: 8px;
  width: 70%;
  transform: none;
}
.navbar-toggler .hamburger-toggle .hamburger span:last-child {
  top: 15px;
  transform-origin: 50% 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span {
  position: absolute;
  margin: 0;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:first-child {
  top: 8px;
  transform: rotate(45deg) !important;
  background: #1e40af;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:nth-child(2) {
  opacity: 0;
  width: 0;
  left: 50%;
}
.navbar-toggler .hamburger-toggle .hamburger.active span:last-child {
  top: 8px;
  transform: rotate(-45deg);
  background: #1e40af;
}
/*haha menu*/
@media(max-width:767px){
.sticky-header .navbar .btn{padding:14px 20px;}
.sticky-header .navbar .btn span{margin-right:0!important;}
.pointer::after{bottom: 2px;border-left: 15px solid var(--whiteColor);border-top: 15px solid transparent;border-bottom: 15px solid transparent;}
}
@media(max-width:575px){
.navbar-area .navbar-brand img{max-width:180px;margin:0;}
.navbar-upper-area{display:none;}
}