.cpointer{cursor:pointer}
.bg-center{background-position: center;}
.facto .svji{width:36px;height:36px;}
.bhaisahab{max-height:350px;overflow:auto;}

.kiatro::before{content:'';position: absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;background:url(../images/logo/habitap-mark-transparent.svg) no-repeat right 10% bottom 10%;background-size: 100px;}
.blocka::before{content:'';position: absolute;left:-10px;top:50%;transform:translateY(-50%);width:20px;height:80px;background-color:var(--whiteColor);display:block;z-index:1;filter: contrast(1);}
.conto::before{content:'';position:absolute;width:70%;height:200px;background:#377ab3;opacity:.07;left:0;top:0;border-radius:0 0 100% 30%;z-index:0;}
.pnone{pointer-events:none;user-select:none;}

.gradaa{background: linear-gradient(180deg, rgba(231, 223, 161, 0.1) 0%, rgb(255, 255, 255) 100%)}

.insider {
  padding: 44px 0 48px;
  overflow: hidden;
  position: relative;
  background: linear-gradient(135deg, #0b111e 0%, #152a68 45%, #1e40af 100%) !important;
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  box-shadow: inset 0 -10px 20px rgba(0, 0, 0, 0.2);
}

.insider::before {
  content: '';
  position: absolute;
  left: 5%;
  top: 50%;
  transform: translateY(-50%);
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(212, 175, 55, 0.12) 0%, rgba(11, 17, 30, 0) 70%);
  pointer-events: none;
  z-index: 1;
}

.insider::after {
  content: '';
  position: absolute;
  right: 2%;
  top: 50%;
  transform: translateY(-50%);
  height: 85%;
  width: 320px;
  background: url(../images/logo/habitap-mark-transparent.svg) no-repeat center;
  background-size: contain;
  opacity: 0.08;
  pointer-events: none;
  z-index: 1;
}

.insider h1 {
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.4px;
  color: #ffffff;
  margin-bottom: 8px;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.insider h1 span {
  display: inline-block;
  position: relative;
}

.insider p {
  display: inline-block;
  position: relative;
  max-width: 600px;
  font-size: 15.5px;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.92);
}

/* Glassmorphic Breadcrumbs */
.insider .breadcrumb {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(212, 175, 55, 0.35);
  border-radius: 30px;
  padding: 6px 16px;
  margin-bottom: 18px !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}

.insider .breadcrumb-item {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  color: #ffffff !important;
}

.insider .breadcrumb-item a,
.insider .breadcrumb-item span {
  color: #ffffff !important;
  font-size: 13px;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

.insider .breadcrumb-item a {
  opacity: 0.85;
  font-weight: 500;
  transition: all 0.2s ease;
}

.insider .breadcrumb-item a:hover {
  color: #d4af37 !important;
  opacity: 1;
}

.insider .breadcrumb-item.active,
.insider .breadcrumb-item.active span,
.insider .breadcrumb-item.active a {
  color: #ffffff !important;
  opacity: 1;
  font-weight: 600;
}

.insider .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.6) !important;
  content: "›" !important;
  font-size: 15px !important;
  padding: 0 6px !important;
  line-height: 1;
  display: inline-flex;
  align-items: center;
}

/* Glass Orb Badge - Desktop Only (Hidden on Mobile & Tablet <992px to prevent text overlap) */
.inner-banner-bg {
  display: none;
}

@media (min-width: 992px) {
  .inner-banner-bg {
    display: flex;
    height: 160px;
    width: 160px;
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
}

@media (min-width: 1200px) {
  .inner-banner-bg {
    height: 175px;
    width: 175px;
    right: 12%;
  }
}

.inner-banner-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.04) 100%);
  border: 2px solid rgba(212, 175, 55, 0.45);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 16px 36px rgba(11, 17, 30, 0.4), inset 0 0 20px rgba(212, 175, 55, 0.2);
  z-index: -1;
}

.inner-banner-bg:after {
  content: "";
  position: absolute;
  top: -12px;
  left: -12px;
  right: -12px;
  bottom: -12px;
  border-radius: 50%;
  border: 1px dashed rgba(212, 175, 55, 0.5);
  animation: bannerPulse 20s linear infinite;
  z-index: -2;
}

@keyframes bannerPulse {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.inner-banner-bg-icon {
  height: 70px;
  width: auto;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.15));
}

@media (min-width: 992px) {
  .inner-banner-bg-icon {
    height: 85px;
  }
}

@media (max-width: 991px) {
  .insider {
    padding: 32px 0 36px;
  }
  .insider h1 {
    font-size: 26px;
  }
  .insider::after,
  .inner-banner-bg {
    display: none !important;
  }
}


.breadcrumb{margin:0;font-size:14px;font-weight:500;}
.breadcrumb a,.breadcrumb-item + .breadcrumb-item::before{color:var(--whiteColor);}
.page-breadcrumb .breadcrumb{margin:0;font-size:14px;}
.page-breadcrumb .breadcrumb a,.page-breadcrumb .breadcrumb-item + .breadcrumb-item::before{color:var(--black-color);}

.breadcrumb.light a{color:var(--whiteColor);}
.breadcrumb.color4 a{color:var(--main-color4);}
.breadcrumb.color4 .breadcrumb-item + .breadcrumb-item::before{color:var(--black-color);}

@media(max-width:767px){
.duocontainer{max-width:100%;}
}

.footsocial a{list-style:none;display:inline-block;width:38px;height:38px;line-height:34px;text-align:center;font-size:18px;color:var(--main-color);border-radius:50px;transition:all ease-in-out .3s;box-shadow:2px 1px 3px #0a10310f;color:#fff;}
.footsocial a + a{margin-left:8px;}
.bgfacebook{background:#1e4fad}
.bgtwitter{background:#000}
.bgyoutube{background:#fd3832}
.bginstagram{background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.bgpinterest{background:#bd081c}
.bgwhatsapp{background:#14ad53}
.bglinkedin{background:#007bb6}

.makers{position:fixed;left:1%;bottom:4px;width:98%;z-index:9999;box-shadow:0px -2px 35px #00000040;border-radius:5px;border:1px solid var(--main-color2);}
.makers a{color:var(--whiteColor);line-height:1.2;}
.makers a svg{fill:var(--whiteColor);}
.blurr{filter:blur(6px);}
.rounded10{border-radius:10px;}

.owl-carousel.testimonial .owl-stage{display:flex; flex-wrap: wrap;}
.owl-carousel.testimonial .owl-stage .testimonial-block{height:100%;}
.owl-carousel.timeline-wrapper .owl-stage, .packas .owl-stage{display:flex; flex-wrap: wrap;}
.owl-carousel.timeline-wrapper .owl-stage .item,.packas .owl-stage .item{height:100%;}
.testimonial .owl-dots{text-align: center;width: 100%;position: absolute;left:0;bottom:-40px;}
.testimonial .owl-dots .owl-dot{display:inline-block;margin:0 5px;}
.testimonial .owl-dots .owl-dot span{background: var(--whiteColor);width:12px;height:12px;border-radius:50%;display:block;opacity:.9;}
.testimonial .owl-dots .owl-dot.active span{opacity:1;}

.navcenter .owl-nav{position:absolute;top:30%;transform:translateY(-50%);width:100%;height:1px;}
.navcenter .owl-nav .owl-next,.navcenter .owl-nav .owl-prev{width:30px;height:34px;line-height:34px;background-color:var(--whiteColor)!important;text-align:center;font-size:20px;box-shadow: 0 4px 30px rgb(0 0 0 / .1);}
.navcenter .owl-nav .owl-next{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23111' class='bi bi-arrow-right' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8'/></svg>")!important;background-repeat: no-repeat!important;background-position:center center !important;}
.navcenter .owl-nav .owl-prev{background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23111' class='bi bi-arrow-left' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8'/></svg>")!important;background-repeat:no-repeat!important;background-position:center center !important;}
.navcenter .owl-nav .owl-prev{left:-10px;float:left;border-radius:0 3px 3px 0;}
.navcenter .owl-nav .owl-next{right:-10px;float:right;border-radius:3px 0 0 3px;}
.navcenter .owl-nav .owl-next:hover,.navcenter .owl-nav .owl-prev:hover{color:var(--main-color)}
.navcenter .owl-nav .owl-next.disabled,.navcenter .owl-nav .owl-prev.disabled{opacity:.3;}

@media(max-width:1199px){
.navcenter .owl-nav .owl-next,.navcenter .owl-nav .owl-prev{width:44px;height:44px;line-height:44px;}
}
@media(max-width:767px){
.navcenter .owl-nav .owl-next,.navcenter .owl-nav .owl-prev{width:36px;height:36px;line-height:36px!important;}
}

.docblock{padding-bottom:60px;}
.docblock .sanko{position:absolute;bottom:5px;width:100%;}
.min70{min-height:70vh;}
.min50{min-height:50vh;}

.zoomer{position:relative;display:block;}
.zoomer::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/icons/zoom.svg) no-repeat center center rgba(0, 0, 0, 0.3);background-size:40px;transform:scale(.5);opacity:0;transition: all ease .3s;}
.zoomer:hover::before{ transform: scale(1); opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.zoomer-video{position:relative;display:block;}
.zoomer-video::before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: url(../images/icons/zoom-video.svg) no-repeat center center rgba(0, 0, 0, 0.3);background-size:50px;transform:scale(.5);opacity:0;transition: all ease .3s;}
.zoomer-video:hover::before{ transform: scale(1); opacity:1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

@media (max-width:575px) {
.dc-topbar .container{padding:0;}
.full-xss{width:100%;}
}

.wa-btn,.consulto{z-index:-1;left:-200px;transition:all ease-in-out .3s}
.wa-btn.showme,.consulto.showme{z-index:1;left:20px;}
.wa-btn{position:fixed;bottom:60px;width:46px;height:46px;line-height:46px;cursor:pointer;text-align:center;z-index:100;color:#fff;background:#11a850;border-radius:50%;text-align:center;transition:var(--transition);}
.consulto{position:fixed;bottom:125px;width:46px;height:46px;line-height:46px;cursor:pointer;text-align:center;z-index:100;color:#fff;background:var(--main-color2);border-radius:50%;text-align:center;transition:var(--transition);}
.wa-btn:hover,.consulto:hover{border-radius:30%;}
.back-to-top{position:fixed;right:0;border-radius:50px;bottom:60px;height:46px;width:46px;text-align:center;line-height:45px;background:var(--main-color3);z-index:99;color:#fff;font-size:24px;opacity:0;visibility:hidden}
.back-to-top.active{visibility:visible;opacity:1;right:25px}
.back-to-top:hover{background-color:var(--main-color3);color:#fff;border-radius:30%;}
@media(max-width:575px){
.wa-btn,.consulto{width:45px;height:45px;line-height:45px;bottom:-100px;opacity:0;transition: all ease-in-out .3s;}
.consulto{bottom:35px;left:80px;}
.back-to-top{bottom:70px;}
}