.header-layout1 .menu-area {

  position: relative;

  height: 143px;

  top: 66px;

  z-index: 2;

}

.hero-title2 {

  font-size: 50px;

}



html,

body {

  scroll-behavior: smooth !important;

}



.service-card {

  background-color: #fff;

}



.service-card .box-title a {

  color: var(--theme-color);

}



.service-card:hover .box-icon {

  background-color: #ecf5fe;

}

.th-btn.style4 {

  background: #00295d;

  box-shadow: 0px 3px 15px #b0bad3;

  color: var(--white-color);

}

.service-card:hover .th-btn {

  color: #00295d;

  background: #ecf5fe;

  box-shadow: 0px 5px 16px rgba(0, 0, 0, 0.3);

}



.th-btn.style3 {

  background: #ffffff;

  box-shadow: 0px 3px 15px #b0bad3;

  color: #00295d;

}



.header-layout1 .header-logo {

  padding: 0px 0px 20px 0;

}



.section-service {

  background-color: #00295d;

}



.why-card-wrap {

  justify-content: left;

}



p {

  margin: 0 0 5px 0;

}

.comparison-img .foreground-img {

  width: 100%;

}

.swiper-slide {

  max-width: 500px;

  margin: 0 auto; /* centraliza o slide */

}



/* Ajuste da imagem */

.blog-img img {

  width: 100%;

  object-fit: cover;

  border-radius: 12px 12px 0 0;

}



.blog-img-detalhe img {

  height: 465px;

}



/* Cartão */

.blog-card {

  border-radius: 12px;

  overflow: hidden;

  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);

}

.carousel-thellab {

  background-color: #00295d;

}



.curriculo-text {

  color: #00295d;

  font-size: 16px;

}



.title-area .sec-title {

  margin-bottom: 0px;

}



.cta-contato {

  padding: 30px 0px 30px;

}



.blog-card .blog-content {

  height: 325px;

}



.section-thelia {

  padding: 50px 0px 50px;

}



.cta-sec4 {

  position: relative;

  z-index: 3;

  margin-top: 0px;

  background-size: 100% calc(100% - 110px);

  background-position: bottom left;

  background-repeat: no-repeat;

}



.copyright-wrap .copyright-text a {

  color: #fff;

}

.copyright-wrap .copyright-text a:hover {

  color: #195db6;

}



.footer-widget.widget_meta a:hover,

.footer-widget.widget_pages a:hover,

.footer-widget.widget_archive a:hover,

.footer-widget.widget_categories a:hover,

.footer-widget.widget_nav_menu a:hover {

  background-color: transparent;

  color: #fff;

}



.recent-post .media-img:after {

  content: "";

  font-family: var(--icon-font);

  position: absolute;

  inset: 0;

  text-align: center;

  line-height: 85px;

  font-size: 24px;

  background-color: rgba(0, 0, 0, 0.534);

  color: var(--theme-color);

  pointer-events: none;

  -webkit-transform: scale(0);

  -ms-transform: scale(0);

  transform: scale(0);

  -webkit-transition: 0.4s ease-in-out;

  transition: 0.4s ease-in-out;

}



.footer-widget.widget_meta a:before:hover,

.footer-widget.widget_pages a:before:hover,

.footer-widget.widget_archive a:before:hover,

.footer-widget.widget_categories a:before:hover,

.footer-widget.widget_nav_menu a:before:hover {

  color: #fff;

}



.footer-widget.widget_meta a,

.footer-widget.widget_pages a,

.footer-widget.widget_archive a,

.footer-widget.widget_categories a,

.footer-widget.widget_nav_menu a {

  color: #dbdbdb;

}



.th-widget-about .about-text {

  color: #dbdbdb;

}



.footer-info {

  color: #dbdbdb;

}



.hero-style4 {

  padding: 220px 124px;

}



.paragraph-banner {

  width: 50%;

  font-size: 20px;

}



.botao-banner {

  background-color: #fff !important;

  color: #00295d !important;

  font-size: 16px !important;

  font-weight: 700;

}



.banner-index {

  background-image: url(../img/thellab/banner/banner.jpg);

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center center;

}



.banner-interna {

  background-image: url(../img/thellab/banner/interna/banner.jpg);

}



.carousel-thellab .slider-arrow {

  opacity: 1 !important;

  visibility: visible !important;

}



.arrow-wrap .slider-arrow {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: unset;

  -ms-transform: scale(0.4);

  transform: unset;

}



.title-fale-conosco {

  font-size: 38px;

}

.title-satisfacao-fale-conosco {

  font-size: 30px;

}

.footer-info i {

  color: #fff;

}



.info-box_link {

  display: inline-block;

  color: #dbdbdb;

}

.info-box_link:hover {

  color: #fff;

}



.sec-title {

  margin-bottom: calc(var(--section-title-space) - 11px);

  margin-top: -0.2em;

  text-transform: unset;

  font-weight: 600;

}



.title-funcionamento {

  color: #00295d;

}



.titulo {

  font-weight: 600;

}

.titulo:hover {

  color: #195db6;

}



.header_top {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  background: #fff;

  z-index: 10000; /* acima do header principal */

  padding: 8px 0;

  text-align: center;

  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);

}



.header_content {

  position: relative;

  margin: 0 20px 0px 0px;

}



.header-button .th-btn {

  margin: unset;

}



.modal-content {

  width: 395px;

  padding: 25px;

}



.btn-thellab {

  background: #00295d;

  box-shadow: 0px 3px 15px #b0bad3;

  color: var(--white-color);

  border-radius: 20px;

  padding: 6px 30px;

  margin: 15px 0;

}

.header_content a {

  margin: 0 4px;

}



.th-btn i {

  font-size: 1.2em;

}



.team-card {

  transition: transform 0.3s, box-shadow 0.3s;

  border-left: 5px solid #000d44; /* linha na borda esquerda */

  padding-left: 1.5rem; /* espaço interno para não encostar no texto */

}



.team-card:hover {

  transform: translateY(-10px);

  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);

}



.box-title a:hover {

  color: #000D44; /* cor do hover do link */

}





.modal {

  display: none; /* escondido até abrir */

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0, 0, 0, 0.7); /* fundo escuro */

  z-index: 1001;

}



/* Caixa central */

.modal-dialog {

  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  width: 90%;

  max-width: 400px;

}



/* Conteúdo claro */

.modal-content {

  background: #fff;

  padding: 20px;

  border-radius: 10px;

  box-shadow: 0px 5px 20px rgba(0,0,0,0.4);

}



@media (min-width: 320px) {

  .blog-img img {

    width: 100%;

    height: 300px;

    object-fit: contain;

    border-radius: 12px 12px 0 0;

  }



  .hero-title2 {

    font-size: 25px;

  }



  .paragraph-banner {

    width: 100%;

    font-size: 14px;

  }



  .hero-style4 {

    padding: 50px 18px;

  }



  .modal-content {

    width: 355px;

    margin: 25px 0;

    padding: 25px;

  }



  .shape-mockup {

    z-index: 10;

    bottom: 3%;

    left: 0%;

    bottom: 6px;

  }



  .mockup1 {

    left: 68%;

    top: -30px;

  }



  .shape-mockup a img {

    width: 130px;

  }



  .shape-mockup img {

    width: 110px;

  }

}



@media (min-width: 425px) {

  .mockup1 {

    left: 68%;

        top: -40px;

  }



  .shape-mockup a img {

    width: 130px;

  }



  .shape-mockup img {

    width: 110px;

  }



  .shape-mockup {

    bottom: -29px;



}

}



@media (min-width: 768px) {

  .banner-index {

    background-image: url(../img/thellab/banner/banner.jpg);

  }

  .banner-interna {

    background-image: url(../img/thellab/banner/interna/banner.jpg);

  }

  .hero-style4 {

    padding: 220px 124px;

  }



  .hero-title2 {

    font-size: 39px;

  }



  .paragraph-banner {

    width: 100%;

    font-size: 20px;

  }



  .blog-img-detalhe img {

    height: 465px;

  }

  .header-layout1 .menu-area {

    position: relative;

    height: 143px;

    top: 44px;

    z-index: 2;

  }

  .shape-mockup a img {

    width: 165px;

  }



  .shape-mockup img {

    width: 165px;

  }



  .shape-mockup {

    z-index: 10;

    bottom: 3%;

    left: 0%;

    bottom: -23px;

  }



  .mockup1 {

    left: 79%;

    top: -34px;

  }

}



@media (min-width: 900px) {

  .main-menu a {

    font-size: 13px;

  }

  .mockup1 {

    left: 73%;

    top: -47px;

  }

  .shape-mockup a img {

    width: 170px;

  }

  .shape-mockup img {

    width: 174px;

  }

  .shape-mockup {

    z-index: 10;

    bottom: -15%;

    /* left: 0%;

    bottom: -55px; */

  }

}



@media (min-width: 1180px) {

  .main-menu a {

    font-size: 16px;

  }



  .hero-title2 {

    font-size: 50px;

  }



  .paragraph-banner {

    width: 50%;

  }



  .modal-content {

    width: 450px;

    margin: 25px 0;

    padding: 25px;

  }

  .header_content {

    position: relative;

    margin: 0 20px 0px 0px;

  }

}



@media (min-width: 1200px) {

  .header_content {

    position: relative;

    margin: 0px 20px 0px 0px;

  }

}



@media (min-width: 1600px) {

  .header_content {

    position: relative;

    margin: 0px 20px 0px 0px;

  }

}



@media (min-width: 1900px) {

  .header_content {

    position: relative;

    margin: 0px 150px 0px 0px;

  }

}