@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&family=Roboto:wght@300;400;500;700;900&display=swap');
body{
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #191919;
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
	font-style: normal;
}
a,
button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
*::-moz-selection {
	background: #563bd1;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #563bd1;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #205498;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
h1,h2,h3,h4,h5,h6,p{
	margin:0;
	padding: 0;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	color: #555;
}
ul{
	margin:0;
	padding: 0;
	list-style: none;
}
a{
	text-decoration: none;
	transition: .4s;
	-webkit-transition: all .4s ease-in-out;
}
a:hover{
	text-decoration: none;
}
button:focus{
	outline: none;
}
input:focus{
	outline: none;
}
textarea:focus{
	outline: none;
}
.section-bg{
	background: #F8F8F8;
}
.section-padding-100{
	padding: 100px 0px;
}
.section-padding-2{
	padding-top: 100px;
	padding-bottom: 70px;
}
.section-padding-70{
	padding: 70px 0px;
}
/*Scroll Area*/
.scroll-area {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1;
    display: none;
}
.scroll-area i {
    width: 45px;
    height: 45px;
    background-color: #563bd1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}
/*
 * 1. Header
*/
.header-top {
  background: linear-gradient(to right, #0a1055, #205498);
  border-bottom: 1px solid #fbfbfbdc;
  padding: 15px 0px;
}

.header-top-left span {
  padding-right: 20px;
  font-weight: 500;
  color: #ffffff;
}

.header-top-left span:last-child {
  padding-right: 0px;
}

.header-top-left span i {
  font-size: 16px;
  padding-right: 2px;
  color: #ffffff;
}

/* Links padrão */
.header-top-left span a {
  color: #ffffff; /* branco */
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

/* Hover no telefone e WhatsApp */
.header-top-left span a.contact-link:hover {
  color: #3f96d8; /* azul do gradiente */
}

.logo {
	height: 100%;
	display: flex;
	align-items: center;
}
.logo h2 {
	font-size: 28px;
	font-weight: 600;
}
.logo h2 a {
	color: #07112d;
}
.menu {
	text-align: right;
}
.top-social ul li {
	display: inline-block;
	margin: 0px 10px;
}
.top-social ul li a {
	color: #ffffff;
}
.top-social ul li a:hover{
	color: #3f96d8;
}
.menu ul li {
	display: inline-block;
	padding: 22px 0px;
	position: relative;
}
.menu ul li a {
	color: #07112d;
	font-weight: 500;
	text-transform: capitalize;
	font-size: 16px;
	padding: 10px 14px;
	display: inline-block;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	letter-spacing: 1px;
}
.menu ul li:hover > a{
	color: #07112d;
}
.menu nav ul li > ul {
	position: absolute;
	top: 100px;
	left: -4px;
	background-color: #fff;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	width: 200px;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
	text-align: left;
	box-shadow: 0px 0px 16px #ccc;
}
.menu nav ul li:hover > ul{
	opacity: 1;
	visibility: visible;
	top: 70px;
}
.menu nav ul li > ul > li {
	display: block;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin: 0px;
	padding: 0px;
}
.menu nav ul li > ul > li:hover a {
	color: #07112d;
	padding-left: 24px;
}
.menu nav ul li > ul > li:hover a {
	color: #0700c7 !important;
}
.menu nav ul li > ul > li li > a:hover{
	color: #fff;
}
.menu nav ul li > ul > li a {
	display: inline-block;
	width: 100%;
	padding: 8px 14px;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #07112d !important;
	margin: 0px;
	text-transform: capitalize;
	letter-spacing: 0px;
}
.menu nav ul li > ul > li:last-child a{
	border-bottom: none;
}
.menu nav ul > li > ul > li > ul {
	left: 200px;
	top: 28px;
}
.menu nav ul li > ul > li:hover > ul {
	top: -3px;
}
.header-search {
	float: right;
	display: flex;
	align-items: center;
	height: 100%;
	padding-left: 25px;
}
.menu nav ul li .sub-menu::after {
	content: "";
	clear: both;
	display: block;
	position: absolute;
	overflow: hidden;
	background: #fff;
	width: 20px;
	height: 20px;
	top: -10px;
	z-index: 999;
	left: 14px;
	transform: rotate(46deg);
}
.header-search .search-icon i {
	cursor: pointer;
	font-size: 18px;
}
/*
 * 2. Header Search Form
*/
.search-form{
	left: -100%;
}
.search-form {
	position: fixed;
	top: 0;
	right: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #757575D4;
	z-index: 9999;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.search-form.active {
	left: 0%;
}
.search-form-x {
	text-align: center;
	margin-bottom: 30px;
}
.search-form-x i {
	cursor: pointer;
	width: 35px;
	height: 35px;
	border: 2px solid #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	color: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.search-form-x i:hover{
	color: #FF5E14;
	background: #fff;
}
.search-form-full form {
	background: #07112d;
	padding: 20px 20px;
	width: 700px;
	position: relative;
}
.search-form-full form input {
	width: 100%;
	border: none;
	padding: 20px 20px;
	height: 60px;
}
.search-form-full form button {
	position: absolute;
	right: 20px;
	border: none;
	height: 60px;
	background: green;
	padding: 0px 20px;
	color: #fff;
}
/*
 * 3. Hero Slider
 *
/* ===========================
   ANIMAÇÕES (mantidas)
=========================== */
.active .hero-slider-single h2,
.active .hero-slider-single h4,
.active .hero-slider-single a,
.active .hero-slider-single p {
  animation-fill-mode: both;
  animation-duration: 1s;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

.active .hero-slider-single p {
  animation-delay: 0.7s;
}

.active .hero-slider-single h4 {
  animation-delay: 0.9s;
}

.active .hero-slider-single a {
  animation-delay: 0.9s;
  animation-name: fadeInUp;
}

/* ===========================
   HERO SLIDER (DESKTOP)
=========================== */
.hero-slider-single {
  height: 600px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
}

/* Overlay */
.hero-slider-single::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: rgba(0,0,0,.6);
}

/* Conteúdo */
.hero-slider-single-caption {
  padding-top: 180px;
  padding-bottom: 150px;
}

.hero-slider-single-caption h2 {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  padding: 6px 25px;
  background-color: #0071dc;
  border-radius: 50px;
  display: inline-block;
  transform: translateY(-20px);
}

.hero-slider-single-caption h4 {
  font-size: 35px;
  color: #fff;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 25px;
}
.hero-slider-single-caption h3 {
  font-size: 35px;
  color: #fff;
  font-weight: 700;
  line-height: 44px;
  margin-bottom: 25px;
}

.hero-slider-single-caption p {
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 20px;
}

.hero-slider-single-caption a:first-child{
  margin-right: 15px;
}

/* Bolinhas */
.hero-silder-full .owl-dots {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
}

.hero-silder-full .owl-dots .owl-dot span {
  width: 16px;
  height: 16px;
  display: block;
  background: #0071dc;
  border: 4px solid #0071dc;
  border-radius: 50%;
  margin: 2px;
}

.hero-silder-full .owl-dots .owl-dot.active span {
  border-color: #fff;
}


/* ===========================
   BACKGROUNDS PADRÃO (DESKTOP 1920px)
=========================== */
.hero-slide-1 { background-image: url("assets/img/slider/slider-1-1920.webp"); }
.hero-slide-2 { background-image: url("assets/img/slider/slider-2-1920.webp"); }
.hero-slide-3 { background-image: url("assets/img/slider/slider-3-1920.webp"); }
.hero-slide-4 { background-image: url("assets/img/slider/slider-4-1920.webp"); }
.hero-slide-5 { background-image: url("assets/img/slider/slider-5-1920.webp"); }
.hero-slide-6 { background-image: url("assets/img/slider/slider-6-1920.webp"); }


/* ===========================
   RESPONSIVIDADE
=========================== */

/* Tablet */
@media (max-width: 992px) {
  .hero-slider-single {
    height: 500px;
    background-position: center top;
  }

  .hero-slider-single-caption {
    padding-top: 120px;
    padding-bottom: 80px;
    text-align: center;
  }

  .hero-slider-single-caption h4 {
    font-size: 28px;
    line-height: 34px;
  }

  .hero-slider-single-caption p {
    font-size: 16px;
  }
}


/* ===========================
   MONITORES MUITO GRANDES 2560px
=========================== */
@media (min-width: 1600px) {

  .hero-slide-1 { background-image: url("assets/img/slider/slider-1-2560.webp"); }
  .hero-slide-2 { background-image: url("assets/img/slider/slider-2-2560.webp"); }
  .hero-slide-3 { background-image: url("assets/img/slider/slider-3-2560.webp"); }
  .hero-slide-4 { background-image: url("assets/img/slider/slider-4-2560.webp"); }
  .hero-slide-5 { background-image: url("assets/img/slider/slider-5-2560.webp"); }
  .hero-slide-6 { background-image: url("assets/img/slider/slider-6-2560.webp"); }

  .hero-slider-single {
    height: 520px;
  }
}


/* ===========================
   MOBILE / TABLET
=========================== */
@media (max-width: 767.98px) {

  .hero-slide-1 { background-image: url("assets/img/slider/slider-1-768.webp"); }
  .hero-slide-2 { background-image: url("assets/img/slider/slider-2-768.webp"); }
  .hero-slide-3 { background-image: url("assets/img/slider/slider-3-768.webp"); }
  .hero-slide-4 { background-image: url("assets/img/slider/slider-4-768.webp"); }
  .hero-slide-5 { background-image: url("assets/img/slider/slider-5-768.webp"); }
  .hero-slide-6 { background-image: url("assets/img/slider/slider-6-768.webp"); }

  .hero-slider-single {
    height: 520px;
  }
}


/* ===========================
   MOBILE AJUSTADO (SEM PULO DE LAYOUT)
=========================== */
@media (max-width: 768px) {
  .hero-slider-single {
    height: 540px !important;
    min-height: 540px !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    background-size: cover !important;
    background-position: center center !important;
  }

  /* 🔹 AJUSTE SLIDES 1 E 2: mais altura e foco melhor */
  .hero-slide-1,
  .hero-slide-2 {
    height: 620px !important;
    min-height: 620px !important;
  }

  .hero-slide-1 {
    background-position: center 30% !important; /* sobe um pouco o foco */
  }

  .hero-slide-2 {
    background-position: center 20% !important; /* ajusta conforme a imagem */
  }

  .hero-slider-single-caption {
    width: 100%;
    text-align: center !important;
    padding: 0 25px !important;
    margin: 0 !important;
  }

  .hero-slider-single-caption h2 {
    font-size: 13px !important;
    transform: translateY(0) !important;
    margin-bottom: 10px !important;
  }

  .hero-slider-single-caption h4 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 16px !important;
  }

  .hero-slider-single-caption p {
    font-size: 15px !important;
    margin-bottom: 25px !important;
  }

  .hero-btn {
    display: flex;
    justify-content: center;
    gap: 12px;
  }

  .hero-silder-full .owl-dots {
    bottom: 25px !important;
  }
}


/* ===========================
   MOBILE PEQUENO
=========================== */
@media (max-width: 480px) {
  .hero-slider-single {
    height: 500px !important;
    min-height: 500px !important;
  }

  .hero-slider-single-caption h4 {
    font-size: 20px !important;
    line-height: 26px !important;
  }

  .hero-slider-single-caption p {
    font-size: 14px !important;
  }
}

/*
 * 4. Button
*/
.button-1 {
	display: inline-block;
	background: #0071dc;
	color: #fff;
	padding: 20px 40px;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 16px;
	border-radius: 5px;
	-webkit-transition: all.4s ease-in-out;
	transition: all .5s ease-in-out;
}
.button-1:hover{
	color: #fff;
	background: #07112d;
}
.button-2 {
	display: inline-block;
	color: #fff;
	background: #0071dc;
	padding: 20px 40px;
	text-transform: capitalize;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 16px;
	border-radius: 5px;
	-webkit-transition: all.4s ease-in-out;
	transition: all .5s ease-in-out;
}
.button-2:hover{
	background: #0071dc;
	color: #fff;
}
/*
 * 5. About Us
*/
.about-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.about-img:after{
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}
.about-img img{
	width: 100%;
}
.about-info h3 {
    font-size: 20px; /* Tamanho padrão para desktops */
    margin-bottom: 12px;
    color: #007bff; /* Tom de azul moderno */
    font-weight: 600; /* Dá um peso mais forte à fonte */
    font-family: 'Arial', sans-serif; /* Escolhe uma fonte moderna e limpa */
    letter-spacing: 1px; /* Adiciona um espaçamento sutil entre as letras */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); /* Adiciona um leve sombreado para destacar */
    transition: all 0.3s ease-in-out; /* Efeito de transição suave */
}

.about-info h3:hover {
    color: #0056b3; /* Um azul mais escuro para o hover */
    transform: scale(1.05); /* Um leve aumento ao passar o mouse */
}

/* Ajustes para telas menores */
@media (max-width: 768px) {
    .about-info h3 {
        font-size: 7px; /* Diminui o tamanho da fonte para tablets */
        margin-bottom: 10px; /* Reduz o espaço inferior */
    }
}

@media (max-width: 576px) {
    .about-info h3 {
        font-size: 7px; /* Diminui o tamanho da fonte para smartphones */
        margin-bottom: 8px; /* Reduz ainda mais o espaço inferior */
        letter-spacing: 0.5px; /* Ajusta o espaçamento das letras para telas menores */
    }
}


/*
 * 6. Icon Box
*/
.icon-box {
	text-align: center;
	background: #fff;
	box-shadow: 0px 0px 17px 4px #cccccc59;
	padding: 50px 30px;
	-webkit-transition: all.3s ease-in-out;
	transition: all .3s ease;
}
.icon-box:hover {
	transform: translateY(-10px);
}
.icon-box i {
	background: #563bd1;
	width: 80px;
	height: 80px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	border-radius: 50%;
	color: #fff;
	-webkit-transition: all .4s ease-in-out;
	transition: all .5s ease-in-out;
	font-size: 28px;
	margin-bottom: 30px;
}
.icon-box h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.icon-box p {
	font-size: 16px;
	line-height: 28px;
}
.icon-box:hover i{
	transform: scale(1.2);
}
.icon-box-2 {
	box-sizing: border-box;
	padding: 40px 30px;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all.3s ease-in-out;
}
.icon-box-2:hover{
	box-shadow: 0px 0px 18px 3px #cccccc73;
}
.icon-box-2.active{
	box-shadow: 0px 0px 18px 3px #cccccc73;
}
.icon-box-2 .icon {
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	height: 70px;
	background: #563bd1;
	border-radius: 50%;
	color: #fff;
	font-size: 24px;
	margin-top: 15px;
}
.icon-box-2 .content {
	overflow: hidden;
	padding-left: 15px;
}
.icon-box-2 .content h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 8px;
}
.icon-box-2 .content p {
	font-size: 14px;
	line-height: 24px;
}
/*
 * Icon Box 3
*/
.icon-box-3 {
	padding: 30px 15px;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
	box-sizing: border-box;
}
.icon-box-3.active{
	box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
	transform: translateY(-5px);
}
.icon-box-3:hover{
	box-shadow: 0 0 40px rgba(51, 51, 51, 0.1);
	transform: translateY(-5px);
}
.icon-box-3 .icon {
	margin-top: 15px;
	margin-right: 10px;
	font-size: 30px;
	width: 80px;
	height: 80px;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	background: #563bd1;
	color: #fff;
	border-radius: 50%;
	float: left;
}
.icon-box-3 .content{
	overflow: hidden;
}
.icon-box-3 .content h3 {
	font-size: 20px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 4px;
}
.icon-box-3 .content p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.icon-box-3 .content a {
	color: #333;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
}
.icon-box-3 .content a:hover{
	color: #563bd1;
}
.icon-box-3 .content a i {
	font-size: 12px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.icon-box-3 .content a:hover i{
	padding-left: 5px;
}
/*
* Section Banner 1
*/
.section-banner-1{
	background: #9179ff;
}
.section-banner-1-img {
	text-align: center;
}
.section-banner-1-content h2 {
	font-size: 40px;
	margin-bottom: 25px;
	line-height: 45px;
	font-weight: 700;
	color: #fff;
}
.section-banner-1-content p {
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 10px;
	color: #fff;
}
.section-banner-1-content ul{
	margin-bottom: 25px;
	padding-left: 20px;
}
.section-banner-1-content ul li {
	line-height: 32px;
	font-weight: 500;
	color: #fff;
	font-size: 18px;
}
.section-banner-1-content ul li i{
	font-size: 16px;
	padding-right: 5px;
}

/*
 * 7. Counter Up
*/
.counter-up {
	background: #9179ff;
}
.counter-item {
	background: #563bd157;
	padding: 35px 20px; 
	border-radius: 5px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.counter-item:hover{
	background: #563bd1b3;
}
.counter-item h3 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
	line-height: 45px;
}
.counter-item p {
	font-size: 14px;
	color: #fff;
}
.counter-up-content h2 {
	font-size: 35px;
	line-height: 40px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 700;
}
.counter-up-content p {
	margin-bottom: 30px;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
}
/*
 * 8. Testimonial
*/
.testimonial-single {
	width: 88%;
	background: #fff;
	box-sizing: border-box;
	box-shadow: 0px 0px 7px 4px #cccccc7a;
	margin: 10px auto;
}
.testimonial-single-header .thumbnail {
	width: 120px;
	margin-left: -30px;
	padding-top: 30px;
	float: left;
}
.testimonial-title {
	overflow: hidden;
	padding-top: 45px;
	padding-left: 20px;
}
.testimonial-single-footer {
	overflow: hidden;
	width: 100%;
	padding: 20px 30px 30px 30px;
}
.testimonial-title h4 {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 4px;
}
.testimonial-title p {
	font-size: 20px;
}
.testimonial-single-footer p {
	font-size: 18px;
	font-style: italic;
	line-height: 32px;
	color: #888;
}
.testimonial-full .owl-nav {
	text-align: center;
	margin-top: 20px;
}
.testimonialSlider-slider-nav {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0px 3px;
	font-size: 22px;
	border: 2px solid #563bd1;
	color: #563bd1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.testimonialSlider-slider-nav:hover{
	background: #563bd1;
	color: #fff;
}
/*
 * 9. Blog
*/
.blog-item {
	width: 100%;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	box-shadow: 0px 0px 11px 5px #ccc3;
}
.blog-item img{
	width: 100%;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.blog-item .thumbnail{
	width: 100%;
	overflow: hidden;
}
.blog-item:hover img{
	transform: scale(1.3);
}
.blog-item .content {
	padding: 20px 10px;
}
.blog-item .content .auth {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc3d;
}
.blog-item .content .auth span {
	font-size: 18px;
	font-weight: 500;
	padding: 0px 10px;
	position: relative;
}
.blog-item .content .auth span:first-child{
	padding-left: 0px;
}
.blog-item .content .auth span a {
	font-size: 18px;
	color: #333;
	font-weight: 500;
}
.blog-item .content .auth span a:hover{
	color: #563bd1;
}
.blog-item .content h3 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 700;
	line-height: 28px;
}
.blog-item .content h3 a{
	color: #333;
}
.blog-item .content h3 a:hover{
	color: #563bd1;
}
.blog-item .content p {
	font-size: 16px;
	line-height: 28px;
}
/*
 * Subscribe
*/
.subscribe-area {
	background: #9179ff;
	padding: 50px 0px;
	text-align: center;
}
.subscribe-form {
	max-width: 450px;
	margin: 0 auto;
}
.subscribe-form form {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.subscribe-form form input {
	width: 100%;
	height: 60px;
	border: none;
	padding: 12px;
	font-weight: 500;
}
.subscribe-form form button {
	height: 60px;
	border: none;
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 1px;
	font-size: 14px;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0px 20px;
	background: #563bd1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #fff;
}
.subscribe-form form button:hover {
	background: #360aff;
}
.subscribe-social ul li {
	display: inline-block;
	margin: 0px 5px;
}
.subscribe-social ul li a{
	display: inline-block;
}
.subscribe-social ul li a i {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #563bd1;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	-webkit-transition: all.3s ease-in-out;
	transition: all .3s ease-in-out;
}
.subscribe-social ul li a i:hover{
	background: #360aff;
}
/*
 * 10. Footer
*/
.footer {
	background: #222;
}
.footer-widget h2 {
	font-size: 35px;
	font-weight: 900;
	margin-bottom: 20px;
}
.footer-widget h2 a{
	color: #fff;
}
.footer-widget p {
	color: #bbb;
	font-size: 16px;
	line-height: 26px;
	width: 99%;
}
.footer-widget h3 {
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	line-height: 20px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	position: relative;
}
.footer-widget h3::after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 1px;
	bottom: 0px;
	background: #ffffff47;
}
.footer-widget h3::before {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 50px;
	height: 1px;
	bottom: 0px;
	background: #563bd1;
}
.footer-widget ul li a {
	display: inline-block;
	line-height: 30px;
	font-size: 14px;
	color: #bbb;
	font-weight: 500;
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer-widget ul li a i{
	padding-right: 3px;
}
.footer-widget ul li a:hover{
	color: #fff;
}
.footer-widget ul li a::after {
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 0%;
	height: 1px;
	background: #fff;
	content: "";
	bottom: 0;
	left: 0;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.footer-widget ul li a:hover::after{
	width: 100%;
}
.footer-widget ul.footer-list-two li {
	color: #bbb;
	width: 100%;
	overflow: hidden;
	padding: 6px 0px;
}
.footer-widget ul.footer-list-two li i {
	width: 36px;
	height: 36px;
	color: #563bd1;
	border: 2px solid #563bd1;
	margin-right: 10px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-widget ul.footer-list-two li {
	color: #bbb;
	line-height: 1.3;
}
.footer-bottom {
	border-top: 1px solid #bbbbbb1c;
}
.footer-bottom p {
	color: #bbb;
	font-weight: 400;
	font-size: 14px;
}
.footer-bottom p a {
	color: #bbb;
}
.footer-bottom p a:hover{
	color: #fff;
}
.hero-area-2 {
	padding: 100px 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
}
.hero-area-2:after{
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .3);
}
.hero-area-2-caption h4 {
	font-size: 24px;
	color: #fff;
	font-weight: 600;
	text-transform: capitalize;
	margin-bottom: 15px;
}
.hero-area-2-caption h2 {
	font-size: 45px;
	color: #fff;
	font-weight: 700;
	line-height: 44px;
	margin-bottom: 25px;
}
.hero-area-2-caption p {
	color: #fff;
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: 500;
}
.appointment-form {
	text-align: center;
	background: #fffffff0;
	padding: 40px 35px;
	box-sizing: border-box;
	border-radius: 0px;
}
.appointment-form h4 {
	font-size: 18px;
	margin-bottom: 6px;
	font-weight: 600;
}
.appointment-form p {
	font-size: 16px;
	margin-bottom: 24px;
}
.appointment-form form input {
	width: 100%;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: #d9d9d9;
	padding: 10px 15px;
	height: 55px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.appointment-form form input:focus {
	box-shadow: 0px 0px 10px 4px #d9d9d9;
}
.appointment-form form select {
	width: 100%;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: #d9d9d9;
	padding: 10px 15px;
	height: 55px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.appointment-form form select:focus {
	box-shadow: 0px 0px 10px 4px #d9d9d9;
	background: #fff;
}
.appointment-form button {
	width: 100%;
	border: none;
	border-radius: 0px;
	height: 60px;
	padding: 0;
}
/*
 * 11. Discover Company Tab
*/
.tab-item-single.active{
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInUp;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}
.discover-company-tab-full ul li {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center;
}
.tab-item-single {
	background: #F8F8F8;
	box-sizing: border-box;
	padding: 30px;
}
.our-mission-video-popup img {
	width: 100%;
}
.our-mission-video-popup {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.our-mission-video-popup .vedio-popup-btn {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.our-mission-video-popup .vedio-popup-btn a {
	width: 90px;
	height: 90px;
	background: #563bd1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 30px;
	color: #fff;
  animation: animate 2s linear infinite;
  position: relative;
}
.vedio-popup-btn-full span {
	display: none;
}
@keyframes animate{
  0%{
    box-shadow: 0 0 0 0 #563bd1f0;
  }
  40%{
    box-shadow: 0 0 0 50px #563bd15e;
  }
  80%{
    box-shadow: 0 0 0 50px #563bd15e;
  }
  100%{
    box-shadow: 0 0 0 rgba(23, 95, 208, 0);
  }
}
.discover-company-tab-full ul {
	border-bottom: none;
}
.discover-company-tab-full ul li span {
    width: 100%;
    border-radius: 0px !important;
    background: inherit !important;
    border: none !important;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 15px 0px;
    position: relative;
}
.discover-company-tab-full ul li span::after {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 3px;
    background: #563bd1;
    bottom: 0;
    position: absolute;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    left: 0;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.discover-company-tab-full ul li span::before {
    content: "";
    clear: both;
    display: block;
    overflow: hidden;
    position: absolute;
    width: 23px;
    height: 9px;
    background: #563bd1;
    bottom: -9px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 0 auto;
    left: 0;
    right: 0;
    clip-path: polygon(47% 100%, 0 0, 100% 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}
.discover-company-tab-full ul li span:hover:after{
    visibility: visible;
    opacity: 1;
}
.discover-company-tab-full ul li span.active::after{
     visibility: visible;
    opacity: 1;
}
.discover-company-tab-full ul li span:hover:before{
    visibility: visible;
    opacity: 1;
}
.discover-company-tab-full ul li span.active::before{
     visibility: visible;
    opacity: 1;
}
.discover-company-tab-full ul li span.active {
    color: #563bd1 !important;
}
.discover-company-tab-full ul li span:hover {
    color: #563bd1 !important;
}
.our-mission-content h5 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 12px;
}
.our-mission-content p {
	margin-bottom: 20px;
	color: #666;
	line-height: 28px;
}
.our-mission-content ul li {
	display: inherit;
	cursor: inherit;
	text-align: left;
	line-height: 32px;
	font-size: 16px;
	color: #563bd1;
}
.our-mission-content a {
	margin-top: 24px;
	padding: 12px 25px;
	border-radius: 0px;
}
.services-single-style2 {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	box-shadow: 0px 0px 15px 2px #cccccc59;
}
.services-single-style2 img{
	width: 100%;
}
.services-single-style2 h3 {
	padding: 10px;
	font-size: 20px;
	font-weight: 600;
}
.services-single-style2 h3 a{
	color: #333;
}
.services-single-style2 h3 a:hover{
	color: #563bd1;
}
.services-single-style2 p {
	padding: 2px 10px 20px 10px;
}
.tab-item-single-content .single {
	width: 100%;
	overflow: hidden;
}
.tab-item-single-content .single .icon {
	width: 80px;
	height: 80px;
	float: left;
	background: #563bd1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 30px;
	color: #fff;
	border-radius: 50%;
	margin-right: 20px;
}
.tab-item-single-content .single .content {
	overflow: hidden;
}
.tab-item-single-content .single .content h3 {
	font-size: 20px;
	font-weight: 600;
	margin-top: 8px;
}
.awards-single-content h4 {
	font-size: 18px;
	margin-bottom: 6px;
	line-height: 20px;
}
.awards-single-content p {
	font-size: 16px;
	line-height: 22px;
}
.about-resources-content h4 {
	color: #563bd1;
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 10px;
}
.about-resources-content h3 {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 20px;
	font-weight: 600;
}
.breadcrumb-area {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	z-index: 1;
}
.breadcrumb-area:after{
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .4);
}
.breadcrumb-content h4 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 10px;
}
.breadcrumb-content ul li {
	display: inline-block;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	padding: 0px 20px;
}
.breadcrumb-content ul li a {
	color: #fff;
}
.breadcrumb-content ul li a:hover{
	color: #563bd1;
}
.breadcrumb-content ul li.active{
	position: relative;
}
.breadcrumb-content ul li.active::after {
	content: "|";
	font-weight: 600;
	left: 0;
	position: absolute;
	top: 0;
}
.contact-form input {
	height: 60px;
	transition: all .4s ease-in-out;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: #d9d9d93d;
	padding: 10px 15px;
	height: 55px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.contact-form input:focus{
	box-shadow: 0px 0px 10px 4px #d9d9d9;
}
.contact-form textarea {
	transition: all .4s ease-in-out;
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: #d9d9d93d;
	padding: 10px 15px;
	height: 155px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.contact-form textarea:focus{
	box-shadow: 0px 0px 10px 4px #d9d9d9;
}
.contact-form button {
	border: none;
	border-radius: 0px;
}
.contact-info {
	z-index: 1;
	position: relative;
	border-radius: 20px;
	padding: 30px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.contact-info::after {
	content: "";
	clear: both;
	z-index: -1;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #563bd159;
}
.contact-info .single-info {
	margin-bottom: 30px;
	color: #fff;
}
.contact-info .single-info .icon {
	float: left;
	margin-right: 10px;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid;
	font-size: 20px;
	margin-top: 10px;
}
.contact-info .single-info .content{
	overflow: hidden;
}
.contact-info .single-info .content .title {
	font-size: 24px;
	color: #fff;
}
/*
 * Pagination
*/
.blog-pagination ul li {
	display: inline-block;
	margin: 0px 3px;
}
.blog-pagination ul li a {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #ccc;
	font-size: 16px;
	font-weight: 600;
	color: #333;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.blog-pagination ul li a:hover{
	border: 1px solid #563bd1;
	color: #563bd1;
}
.blog-pagination ul li span{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #563bd1;
	font-size: 16px;
	font-weight: 600;
	color: #563bd1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
/*
 * 12. Widgets
*/
.widgets-single {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
}
.widgets-single form {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.widgets-single form input {
	width: 100%;
	border-radius: 0px;
	border: 1px solid #ccc;
	padding: 10px 20px;
	height: 55px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.widgets-single form input:focus{
	border: 1px solid #563bd1;
}
.widgets-single form button {
	position: absolute;
	top: 15px;
	right: 10px;
	border: none;
	background: no-repeat;
	color: #777;
}
.widgets-single form button:hover{
	color: #563bd1;
}
.widgets-single h3 {
	font-size: 22px;
	color: #333;
	font-weight: 600;
	margin-bottom: 20px;
	padding-bottom: 10px;
	position: relative;
}
.widgets-single h3::after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 70px;
	height: 1px;
	background: #563bd1;
	bottom: 0;
}
.widgets-single h3::before {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 100%;
	height: 1px;
	background: #cccccc5c;
	bottom: 0;
}
.widgets-latest-post-single {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
	width: 100%;
	padding-left: 80px;
}
.widgets-latest-post-single img {
	width: 75px;
	position: absolute;
	left: 0;
	top: 0;
	height: 69px;
}
.widgets-latest-post-single .content h4 {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.3;
}
.widgets-latest-post-single .content h4 a{
	color: #333;
}
.widgets-latest-post-single .content h4 a:hover{
	color: #563bd1;
}
.widgets-latest-post-single .content span {
	font-size: 14px;
	color: #999;
}
.stay-update-form p {
	font-size: 14px;
	color: #091c48;
	margin-bottom: 10px;
}
.stay-update-form button {
	position: inherit !important;
	width: 100%;
	background: #563bd1 !important;
	height: auto !important;
	display: inline-block;
	padding: 29px 0px;
	padding-top: 15px;
	color: #fff !important;
}
.widgets-single ul li {
	display: block;
	line-height: 35px;
	border-bottom: 1px solid #cccccc40;
	padding: 4px 0px;
}
.widgets-single ul li:last-child{
	border: none;
}
.widgets-single ul li a{
	color: #333;
}
.widgets-single ul li a:hover{
	color: #563bd1;
}
.widgets-single .tags a {
	display: inline-block;
	color: #333;
	font-size: 14px;
	border: 1px solid #ccc;
	margin: 3px 2px;
	padding: 3px 8px;
	text-transform: lowercase;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.widgets-single .tags a:hover{
	color: #563bd1;
	border-color: #563bd1;
}
.blog-details-full-top {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.blog-details-full-top img {
	width: 100%;
}
.blog-details-full-top .auth {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc3d;
	padding-top: 20px;
}
.blog-details-full-top .auth span {
	font-size: 18px;
	font-weight: 500;
	padding: 0px 10px;
	position: relative;
}
.blog-details-full-top .auth span:first-child{
	padding-left: 0px;
}
.blog-details-full-top .auth span a {
	font-size: 18px;
	color: #333;
	font-weight: 500;
}
.blog-details-full-top .auth span a:hover{
	color: #563bd1;
}
.blog-details-full-top h2 {
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 12px;
}
.blog-details-full-top p {
	text-align: justify;
	line-height: 28px;
	margin-bottom: 12px;
}
.blog-details-full-top p.active {
	background: #d9d9d9;
	padding: 20px 30px;
	font-style: italic;
	font-size: 18px;
}
.blog-details-full-top h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
}
.blog-details-full-top .single-tags a {
	color: #333;
	font-weight: 400;
	font-size: 14px;
	padding: 0px 2px;
}
.blog-details-full-top .single-tags a:hover{
	color: #563bd1;
}
.blog-comments-list {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
	position: relative;
	margin-top: 30px;
	margin-bottom: 30px;
}
.blog-comments-list ul li.single-comment {
	margin-bottom: 30px;
	position: relative;
	padding-left: 100px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
.blog-comments-list ul li.single-comment:last-child{
	margin-bottom: 0px;
}
.blog-comments-list ul li.single-comment img {
	width: 80px;
	position: absolute;
	left: 0;
}
.blog-comments-list ul li.single-comment .content{
	width: 100%;
	overflow: hidden;
}
.blog-comments-list ul li.single-comment .content h4 {
	font-size: 20px;
	font-weight: 600;
}
.blog-comments-list ul li.single-comment .content p {
	font-size: 14px;
}
.blog-comments-list ul li.single-comment .content span {
	font-size: 12px;
	color: #888;
	margin-bottom: 4px;
}
.blog-comments-list ul li.single-comment .content a.reply {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 4px 15px;
	font-size: 14px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 30px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.blog-comments-list ul li.single-comment .content a.reply:hover{
	color: #563bd1;
	border-color: #563bd1;
}
.comment-reply li {
	margin-top: 30px;
}
.comment-form{
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
}
.comment-form h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
.comment-form input {
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: #d9d9d93d;
	padding: 10px 15px;
	height: 55px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.comment-form input:focus {
	box-shadow: 0px 0px 10px 4px #d9d9d9;
}
.comment-form textarea {
	border-radius: 0px;
	box-shadow: none;
	border: none;
	background: #d9d9d93d;
	padding: 10px 15px;
	height: 155px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	margin-bottom: 20px;
	box-sizing: border-box;
}
.comment-form textarea:focus {
	box-shadow: 0px 0px 10px 4px #d9d9d9;
}
.comment-form button {
	width: 100%;
	border: none;
}
.services-details {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
	text-align: justify;
}
.services-details img {
	width: 100%;
	margin-bottom: 30px;
}
.services-details h2 {
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 25px;
	line-height: 32px;
}
.services-details p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
.services-details h3 {
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #333;
}
/*
 * 13. Case Studyies
*/
.case-studies-single {
	width: 100%;
	overflow: hidden;
	position: relative;
	box-sizing: border-box;
	box-shadow: 0 18px 40px -10px rgba(51, 51, 51, 0.15);
	border-radius: 10px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.case-studies-single:hover{
	transform: translateY(-10px);
}
.case-studies-single .thumbnail{
	width: 100%;
	overflow: hidden;
}
.case-studies-single img{
	width: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .5s ease-in-out;
}
.case-studies-single:hover img{
	transform: scale(1.2);
}
.case-studies-single .content {
	padding: 16px 12px;
	border-bottom: 1px solid #cccccc47;
}
.case-studies-single .content h3 {
	font-size: 22px;
	font-weight: 600;
	line-height: 30px;
	margin-bottom: 9px;
}
.case-studies-single .content h3 a{
	color: #333;
}
.case-studies-single .content h3 a:hover{
	color: #563bd1;
}
.case-studies-single .case-btn{
	text-align: center;
}
.case-studies-single .case-btn a {
	display: inline-block;
	padding: 15px 0px;
	width: 100%;
	color: #fff;
	font-weight: 600;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	position: relative;
	z-index: 1;
}
.case-studies-single .case-btn a:after{
	content: "";
	clear: both;
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #563bd1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .5s ease-in-out;
	z-index: -1;
}
.case-study-details {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
	text-align: justify;
}
.case-study-details img{
	width: 100%;
	margin-bottom: 30px;
}
.case-study-details h3 {
	font-size: 30px;
	font-weight: 700;
	color: #000;
	margin-bottom: 20px;
}
.case-study-details p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
.case-study-details p.active {
	background: #d9d9d9;
	padding: 20px 30px;
	font-style: italic;
	font-size: 18px;
}
.case-study-details h4 {
	font-size: 20px;
	font-weight: 600;
	color: #333;
	margin-bottom: 10px;
}
.case-study-details ul{
	margin-bottom: 20px;
}
.case-study-details ul li {
	font-size: 18px;
	line-height: 32px;
	font-weight: 500;
}
.case-study-details ul li i {
	color: #563bd1;
	padding-right: 5px;
}
/*
 * 14. Portfolio
*/
.portfolio-item {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.portfolio-item img{
	width: 100%;
	-webkit-transition: all .4s ease-in-out;
	transition: all .5s ease-in-out;
}
.portfolio-item:hover img{
	transform: scale(1.2);
}
.portfolio-item-overly {
	position: absolute;
	left: -100%;
	bottom: 0;
	display: flex;
	height: auto;
	width: 100%;
	text-align: left;
	align-items: end;
	background: #563bd1;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.portfolio-item:hover .portfolio-item-overly{
	left: 0;
}
.portfolio-item-overly-full {
	padding: 20px 20px;
}
.portfolio-item-overly-full h4 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: 6px;
}
.portfolio-item-overly-full h4 a{
	color: #fff;
}
.portfolio-item-overly-full a.zoom {
	display: flex;
	width: 40px;
	height: 40px;
	align-items: center;
	justify-content: center;
	background: #fff;
	color: #333;
	border-radius: 50%;
}
.portfolio-list ul li {
	display: inline-block;
	border: 1px solid #ccc;
	margin: 0px 2px;
	padding: 4px 14px;
	font-weight: 500;
	color: #333;
	cursor: pointer;
	text-transform: capitalize;
}
.portfolio-list ul li:hover{
	color: #563bd1;
	border-color: #563bd1;
}
.portfolio-list ul li.mixitup-control-active {
	background: #563bd1;
	color: #fff;
	border-color: #563bd1;
}
.portfolio-details {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
	text-align: justify;
}
.portfolio-details img{
	width: 100%;
}
.portfolio-details h2 {
	font-size: 24px;
	line-height: 30px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.portfolio-details p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
}
/*
 * 15. Pricing Plane
*/
.pricing-item {
	text-align: center;
	box-sizing: border-box;
	box-shadow: 0px 5px 14px 6px #cccccc52;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	width: 94%;
	margin: 0 auto;
	padding: 40px 0px;
}
.pricing-item:hover {
	transform: scale(1.08) translateY(-5px);
	box-shadow: 0px 5px 19px 6px #cccccca8;
}
.pricing-item.active {
	transform: scale(1.08) translateY(-5px);
	box-shadow: 0px 0px 19px 6px #cccccca8;
}
.pricing-item h4 {
	font-size: 20px;
	margin-bottom: 10px;
	color: #000;
}
.pricing-item h4 .badge {
	background: #563bd1;
	font-size: 10px;
}
.pricing-item h2 {
	margin-bottom: 25px;
	font-weight: 700;
	font-size: 35px;
}
.pricing-item h2 small {
	font-size: 20px;
}
.pricing-item ul{
	margin-bottom: 25px;
}
.pricing-item ul li {
	font-size: 16px;
	line-height: 30px;
	padding: 8px 0px;
	color: #777;
	border-bottom: 1px solid #cccccc47;
}
.pricing-item a {
	font-size: 14px;
	padding: 10px 20px;
}
/*
 * 16. Team
*/
.team-item {
	width: 100%;
	overflow: hidden;
	border-radius: 2px;
	box-sizing: border-box;
	box-shadow: 0px 0px 13px 4px #cccccc42;
}
.team-item .team-img {
	width: 100%;
	position: relative;
	box-sizing: border-box;
	padding: 30px;
}
.team-item .team-img img {
	width: 170px;
	height: 170px;
	border-radius: 50%;
}
.team-item .team-img .team-overly {
	position: absolute;
	top: 0;
	left: 0;
	background: #563bd1;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0;
	visibility: hidden;
}
.team-item:hover .team-img .team-overly{
	opacity: 1;
	visibility: visible;
}
.team-item .team-img .team-overly::after {
	content: "";
	clear: both;
	display: block;
	overflow: hidden;
	position: absolute;
	width: 38px;
	height: 20px;
	background: #563bd1;
	bottom: -16px;
	left: 30px;
	clip-path: polygon(45% 100%, 0 0, 100% 0);
}
.team-overly-full {
	padding: 20px;
	text-align: left;
}
.team-overly-full p {
	margin-bottom: 20px;
	color: #fff;
	font-size: 16px;
	line-height: 25px;
}
.team-overly-full ul li{
	display: inline-block;
	margin: 0px 4px;
}
.team-overly-full ul li a {
	font-size: 14px;
	color: #563bd1;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	border-radius: 50%;
}
.team-item .team-detail {
	padding: 30px 20px;
}
.team-item .team-detail a.team-plus {
	float: left;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #8f7bec;
	border-radius: 50%;
	color: #fff;
	margin-right: 10px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.team-item:hover .team-detail a.team-plus{
	background: #563bd1;
	transform: rotate(44deg);
}
.team-item .team-detail .team-info h6 {
	font-size: 20px;
	font-weight: 600;
}
.team-item .team-detail .team-info h6 a{
	color: #333;
}
.team-item .team-detail .team-info h6 a:hover{
	color: #563bd1;
}
.team-item .team-detail .team-info span {
	font-size: 14px;
}
/*
 * 17. Faq Area
*/
.faq-area-full {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
}
.accordion-item {
	margin-bottom: 30px;
}
.accordion-item h2 a{
	width: 100%;
	display: block;
	font-size: 22px;
	font-weight: 600;
	background: #ccc;
	padding: 18px 20px;
	color: #fff;
	background: #563bd1;
}
.accordion-item h2 a.collapsed {
	background: #ccc;
	color: #333;
}
.faq-area-full .accordion-collapse {
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-top: none;
}
.accordion-body {
	padding: 0px;
	border: none !important;
}
.faq-area-full .accordion-body p {
	line-height: 28px;
	font-size: 16px;
	text-align: justify;
	padding: 20px;
	color: #444;
}
/*
 * 404 Error
*/
.error-404{
	width: 100%;
	overflow: hidden;
}
.error-404-content-full {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
}
.error-404-content h4 {
	margin-top: 20px;
	font-size: 30px;
	color: #ec5f5f;
	margin-bottom: 2px;
}
.error-404-content p {
	font-size: 18px;
	margin-bottom: 15px;
}
@media (max-width: 767px){
	.error-404-content img {
		width: 90%;
		margin: 0 auto;
	}
}
@media (max-width: 576px){
	.error-404-content img {
		width: 70%;
		margin: 0 auto;
	}
}
.terms-condition-content {
	box-shadow: 0px 0px 11px 5px #ccc3;
	padding: 30px 20px;
	overflow: hidden;
	width: 100%;
	text-align: justify;
}
.terms-condition-content h2 {
	font-size: 24px;
	margin-bottom: 4px;
}
.terms-condition-content p {
	font-size: 16px;
	line-height: 28px;
	margin-bottom: 20px;
	color: #333;
}
.terms-condition-content h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 4px;
}
.terms-condition-content p.active{
	background: #d9d9d9;
	padding: 20px 30px;
	font-style: italic;
	font-size: 18px;
	margin-bottom: 20px;
}

/*
 * 18. Mobile Menu
*/
.off_canvars_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: crosshair;
  background: #232323;
  top: 0;
}
.off_canvars_overlay.active {
  opacity: 0.5;
  visibility: visible;
}

.offcanvas_menu {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas_menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas_menu {
    display: block;
  }
}

.offcanvas_menu_wrapper {
	width: 290px;
	position: fixed;
	background: #fff;
	z-index: 999;
	top: 0;
	height: 100vh;
	transition: .5s;
	left: 0;
	margin-left: -300px;
	padding: 20px 0px 30px;
	overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
  background: inherit;
  min-height: 300px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper .header_search_box {
  display: block;
}

.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
  transform: rotate(180deg);
}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
  transform: rotate(180deg);
}

.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li:last-child {
  margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 10px;
}
.offcanvas_main_menu li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding: 0px 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ededed;
  color: #333;
}
.offcanvas_main_menu li a:hover {
  color: #563bd1;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
}

.offcanvas_footer {
  margin-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.offcanvas_footer span a {
  font-size: 14px;
}
.offcanvas_footer span a:hover {
  color: #FF4800;
}

.slinky-theme-default a:not(.back) {
  padding: 10px 0;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 400;
}
.slinky-theme-default a:not(.back):hover {
  background: inherit;
  color: #FF4800;
}

.canvas_close {
  position: absolute;
  top: 10px;
  right: 13px;
}
.canvas_close a {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  width: 32px;
  height: 32px;
  display: block;
  text-align: center;
  line-height: 32px;
  border: 1px solid #ededed;
  border-radius: 50%;
  color: #333;
}
.canvas_close a:hover {
  background: #FF4800;
  border-color: #FF4800;
  color: #fff;
}
.mobile-logo {
	padding-left: 20px;
	margin-bottom: 20px;
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
  .canvas_open {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .canvas_open {
    right: 20px;
    top: 27px;
    display: block;
    width: 36px;
  }
}
.canvas_open a {
  font-size: 27px;
  width: 41px;
  height: 37px;
  display: block;
  line-height: 37px;
  text-align: center;
  color: #232323;
}
@media only screen and (max-width: 767px) {
  .canvas_open a {
    width: 36px;
    height: 34px;
    line-height: 33px;
    font-size: 27px;
  }
}
.canvas_open a:hover {
  color: #fe3737;
  border-color: #fe3737;
}

.mobile-logo h2 {
	font-size: 30px;
	letter-spacing: 2px;
	font-weight: 900;
}
.mobile-logo h2 a{
	color: #333;
}
/*
 * Sticky
*/
.header-bottom.sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	-webkit-animation: sticky 1s;
	-moz-animation: sticky 1s;
	-o-animation: sticky 1s;
	animation: sticky 1s;
	-webkit-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);
	-moz-box-shadow: 2px 4px 8px rgba(51, 51, 51, 0.25);
	box-shadow: 2px 4px 8px rgba(140, 129, 129, 0.25);
	background: #fff;
}
@-webkit-keyframes sticky {
  	0% {
    	-webkit-transform: translateY(-100%);
    	transform: translateY(-100%); 
    }
  	100% {
    	-webkit-transform: translateY(0%);
    	transform: translateY(0%); 
	} 
}
@keyframes sticky {
  	0% {
    	-webkit-transform: translateY(-100%);
    	transform: translateY(-100%); 
	}
  	100% {
    	-webkit-transform: translateY(0%);
    	transform: translateY(0%); 
	} 
}
.social-footer a {
	display: inline-block;
	margin: 0px 3px;
}
.social-footer a i {
	background: #563bd1;
	color: #fff;
	font-size: 14px;
	width: 35px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.social-footer a i:hover{
	background: #360aff;
}



/* aplica só nos itens de 1º nível */
.menu nav > ul > li > a {
  position: relative;
  padding-bottom: 5px;
}

/* linha no hover só nos principais */
.menu nav > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #205498;
  transition: width 0.3s ease;
}

/* animação no hover */
.menu nav > ul > li:hover > a::before {
  width: 100%;
}

/* linha fixa no ativo */
.menu nav > ul > li.active > a::before {
  width: 100%;
}
/* seta fixa somente nos itens com submenu */
.menu nav ul li.has-submenu > a::after {
  content: " ▼";
  font-size: 12px;
  margin-left: 5px;
  color: #000; /* ou #fff se seu menu for claro/escuro */
}




/* ===== Intro Pro ===== */
.intro-pro{
  background: linear-gradient(135deg, #f7faff 10%, #ffffff 70%);
  padding-top: 40px;   /* reduz espaço acima */
  padding-bottom: 80px;
  position: relative;
}












/* Ajuste do divisor curvo */
.shape-divider-top {
  top: -45px !important; /* encaixa sem deixar espaço branco */
}

/* Mobile — ainda mais compacto */
@media (max-width: 768px) {
  .intro-pro {
    padding-top: 10px !important;  /* agora o topo encosta bonito no slider */
    padding-bottom: 50px !important;
  }
  .shape-divider-top {
    top: -30px !important;
  }
}


.intro-kicker{
  color:#205498;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:700;
  font-size:.9rem;
  margin-bottom:.25rem;
}

.intro-title{
  color:#0a1055;
  font-weight:800;
  line-height:1.2;
  font-size:clamp(26px, 3.2vw, 40px);
  margin-bottom:16px;
}

.intro-text{
  color:#4b5563; /* cinza confortável para leitura */
  font-size:1rem;
  line-height:1.7;
  margin-bottom:14px;
}

/* CTA */
.intro-cta{ display:flex; gap:12px; margin-top:18px; }
.btn-pro{
  display:inline-block;
  padding:.8rem 1.2rem;
  border-radius:8px;
  font-weight:600;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, background-color .2s ease, color .2s ease, border-color .2s ease;
}
.btn-pro-primary{
  background:#205498;
  color:#fff;
  box-shadow:0 10px 18px rgba(32,84,152,.18);
}
.btn-pro-primary:hover{ transform:translateY(-2px); background:#0a1055; }
.btn-pro-ghost{
  border:2px solid #205498;
  color:#205498;
  background:transparent;
}
.btn-pro-ghost:hover{ color:#fff; background:#205498; transform:translateY(-2px); }

/* Grid de imagens com tamanho consistente */
.image-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:16px;
}
.image-card{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(2,6,23,.08);
  background:#e5e7eb;
  /* Mantém proporção idêntica em qualquer tela */
  aspect-ratio: 4 / 3;              /* moderno */
  /* fallback opcional (se quiser): height: 220px; */
}
.image-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .35s ease;
}
.image-card:hover img{ transform:scale(1.06); }

/* Responsividade */
@media (max-width: 991.98px){
  .intro-cta{ flex-wrap:wrap; }
}
@media (max-width: 575.98px){
  .image-grid{ gap:12px; }
  .intro-title{ font-size:clamp(24px, 6vw, 34px); }
}

.divider {
  width: 580px;              /* largura curta */
  height: 3px;              /* espessura */
  background-color: #205498; /* azul do logo */
  margin: 0 auto 30px auto; /* centralizada e com espaço embaixo */
  border-radius: 2px;        /* borda arredondada */
}
/* efeito animado no título */
.b2b-services .b2b-head .b2b-title {
  position: relative;
  display: inline-block;
  padding-bottom: 8px;
}

.b2b-services .b2b-head .b2b-title::after {
  content: "";
  position: absolute;
  width: 0;
  height: 3px;
  background-color: #205498; /* azul do logo */
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  transition: width 0.4s ease;
}

.b2b-services .b2b-head .b2b-title:hover::after,
.b2b-services .b2b-head .b2b-title:focus::after {
  width: 80px; /* define a largura da linha animada */
}

.b2b-head {
  text-align: center;
  margin-bottom: 40px;
}

/* Selo "Serviços Profissionais" */
.b2b-eyebrow {
  display: block; /* garante que fique acima */
  width: fit-content;
  margin: 0 auto 12px auto; /* centraliza */
  padding: 6px 18px;
  font-size: 14px;
  font-weight: 600;
  color: #205498;
  background: #eaf2ff;
  border-radius: 30px;
}

.b2b-title {
  font-size: 30px;
  font-weight: 700;
  color: #0a1055;
  line-height: 1.4;
  margin: 10px 0;
}

.b2b-title .b2b-highlight {
  display: block;
  color: #205498;
}

.b2b-sub {
  font-size: 16px;
  color: #444;
  margin-top: 12px;
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

/* Grid de Cards */
.b2b-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 40px;
}
.card-pro {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
  overflow: hidden;
}

.card-pro::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(to top, rgba(32,84,152,0.25), transparent);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
}

.card-pro:hover::after {
  opacity: 1;
}

.card-pro:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 20px rgba(32,84,152,0.2);
}

.card-pro * {
  position: relative;
  z-index: 1; /* mantém o conteúdo acima do efeito */
}





.card-head {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.card-head .icon {
  font-size: 26px;
  color: #205498;
  margin-right: 12px;
}

.card-title {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.card-text {
  font-size: 14px;
  color: #555;
  margin-bottom: 12px;
}

.bullet {
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}

.bullet i {
  color: #00b341;
  margin-right: 8px;
}
.section-headding .tag {
  display: inline-block;
  padding: 5px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #205498;
  background: #eaf2ff;
  border-radius: 30px;
  margin-bottom: 10px;
}

.section-headding .title {
  color: #0a1055;
  font-size: 26px;
  font-weight: 700;
}

.section-headding .subtitle {
  font-size: 14px;
  color: #666;
  max-width: 700px;
  margin: 10px auto 0;
}

/* ==============================
   Seção Equipamentos Consertados
   ============================== */
.equipamentos-area {
  position: relative;
  background: url("assets/img/service_pag/about-2.webp") no-repeat center center/cover;
  padding: 90px 0;
  overflow: hidden;
}

.equipamentos-area .section-headding .title {
  font-size: 19px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  text-align: center;
}

.equipamentos-area .section-headding p {
  font-size: 15px;
  color: #dbe4ff;
  text-align: center;
  max-width: 800px;
  margin: 0 auto 40px;
}

/* ==============================
   Carrossel
   ============================== */
.equipamentos-carousel .equipamento-single {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: box-shadow 0.3s ease;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
  height: 250px; /* define altura fixa p/ todos os cards */
}

.equipamentos-carousel .equipamento-single img {
  width: 100%;
  height: 100%;
  object-fit: cover;        /* cobre toda a área */
  object-position: center;  /* centraliza a imagem */
  display: block;
}

/* ==============================
   Overlay com efeito vidro
   ============================== */
.equipamento-info {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  background: rgba(255, 255, 255, 0.08); /* vidro translúcido */
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  color: #fff;
  text-align: left;
}

.equipamento-info h4 {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin: 0;
}

.equipamento-info p {
  font-size: 13px;
  color: #e0e6ff;
  margin: 4px 0 0;
}

/* ==============================
   Navegação (bolinhas)
   ============================== */
/* ==============================
   Setas centralizadas abaixo do carrossel
============================== */
.equipamentos-carousel .owl-nav {
  text-align: center;
  margin-top: 20px;
}

.equipamentos-carousel .owl-nav button.owl-prev,
.equipamentos-carousel .owl-nav button.owl-next {
  background: rgba(255, 255, 255, 0.15);
  color: #fff;
  font-size: 18px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 8px;
  transition: all 0.3s ease;
  border: 1px solid rgba(255,255,255,0.4);
}

.equipamentos-carousel .owl-nav button.owl-prev:hover,
.equipamentos-carousel .owl-nav button.owl-next:hover {
  background: #205498;
  border-color: #5ec2ff;
  box-shadow: 0 0 10px rgba(32, 84, 152, 0.6);
  transform: scale(1.1);
}

.equipamentos-carousel .owl-nav i {
  pointer-events: none; /* garante clique no botão, não no ícone */
}

/* Ajuste para mobile */
@media (max-width: 768px) {
  .equipamentos-carousel .owl-nav button.owl-prev,
  .equipamentos-carousel .owl-nav button.owl-next {
    width: 34px;
    height: 34px;
    font-size: 16px;
    margin: 0 5px;
  }
}


/* ==============================
   Responsividade
   ============================== */
@media (max-width: 768px) {
  .equipamentos-carousel .equipamento-single img {
    height: 180px;
  }

  .equipamento-info h4 {
    font-size: 14px;
  }

  .equipamento-info p {
    font-size: 12px;
  }
}






/* ==============================
   Seção Nossos Clientes — Estilo faixa com fundo + cards
============================== */

.clients-area {
  position: relative;
  padding: 80px 0;
  background: #f7faff;
  background-size: cover;
  overflow: hidden;
}

/* Overlay roxo/azulado em cima da foto */
.clients-area::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
}

/* Garante que o conteúdo fique acima do overlay */
.clients-area .container {
  position: relative;
  z-index: 1;
}

/* Título e subtítulo da seção */
.clients-area .section-headding .title {
  color: #240e6b;
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 0.5rem;
}

.clients-area .section-headding p {
  color: rgba(79, 78, 85, 0.9);
  font-size: 0.98rem;
  max-width: 650px;
  margin: 0 auto;
}

/* ==============================
   Card do logo
============================== */

.client-logo {
  width: 65%;
  height: 100px;                           /* 🔹 altura fixa parecida com o print */
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border-radius: 26px;                     /* 🔹 cantos bem arredondados */
  padding: 5px 20px;
  overflow: hidden;
  box-sizing: border-box;
  box-shadow: 0 18px 35px rgba(6, 38, 89, 0.28);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Imagem do logo dentro do card */
.client-logo img {
  width: auto;
  height: auto;
  max-height:300px;
  max-width: 300px;
  object-fit: contain;
  object-position: center;
  display: block;
  transition: transform 0.3s ease;
  filter: brightness(1) contrast(1.05);
}

/* Hover com leve destaque */
.client-logo:hover {
  transform: translateY(-6px);
  box-shadow: 0 25px 45px rgba(6, 38, 89, 0.4);
}

.client-logo:hover img {
  transform: scale(1.05);
}

/* Ajuste do Owl para centralizar os cards */
.clients-carousel .owl-stage-outer {
  padding: 10px 0;
}

.clients-carousel .owl-item {
  display: flex;
  justify-content: center;
}

/* Remove bolinhas do carousel */
.clients-carousel .owl-dots {
  display: none !important;
}

/* PADRONIZAÇÃO DOS LOGOS NO CARROSSEL */
.clients-carousel .client-logo {
  width: 100%;
  max-width: 220px;          /* controla o tamanho do quadrado */
  aspect-ratio: 1 / 1;       /* 🔥 mantém sempre quadrado */
  background-color: #ffffff;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 20px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
}

/* IMAGEM DO LOGO */
.clients-carousel .client-logo img {
  width: 150%;
  height: 150%;
  object-fit: contain;       /* 🔥 NÃO corta logos */
  max-width: 160px;
  max-height: 160px;
  transition: transform 0.3s ease;
}

/* HOVER PROFISSIONAL */
.clients-carousel .client-logo:hover img {
  transform: scale(1.05);
}
@media (max-width: 768px) {
  .clients-carousel .client-logo {
    max-width: 160px;
    padding: 15px;
  }

  .clients-carousel .client-logo img {
    max-width: 120px;
    max-height: 120px;
  }
}












/* ==============================
   Responsividade
============================== */

@media (max-width: 992px) {
  .client-logo {
    height: 110px;
    padding: 15px 24px;
  }
  .client-logo img {
    max-height: 70px;
    max-width: 160px;
  }
}

@media (max-width: 768px) {
  .clients-area {
    padding: 60px 0;
  }

  .client-logo {
    height: 100px;
    padding: 12px 20px;
  }
  .client-logo img {
    max-height: 60px;
    max-width: 130px;
  }

  .clients-area .section-headding .title {
    font-size: 1.7rem;
  }
}

@media (min-width: 1600px) {
  .client-logo {
    height: 150px;
  }
  .client-logo img {
    max-height: 90px;
    max-width: 210px;
  }
}
















/* ===============================
   Rodapé DB Sistemas Eletrônicos
================================= */
.footer-db {
  background: linear-gradient(to right, #0a1055, #205498);
  color: #ffffff;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}

.footer-container {
  max-width: 1300px;
  margin: auto;
  padding: 70px 0 50px 0;
}

.footer-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 60px;
  align-items: flex-start;
}

/* ===============================
   Coluna: Sobre
================================= */
.footer-about p {
  color: #ffffff;
  line-height: 1.8;
  margin: 0 0 20px 0;
  text-align: left;
}

.footer-small {
  font-size: 13px;
  color: #e8ecf7;
  margin-top: 6px;
}

.footer-logo {
  max-width: 190px;
  margin-bottom: 20px;
  display: block;
}

.crea-left {
  display: flex;
  align-items: flex-end;
  gap: 6px;
  margin-top: 10px;
}

.crea-logo-left {
  max-height: 38px;
  vertical-align: bottom;
}

/* ===============================
   Colunas: Serviços e Contato
================================= */
.footer-col h4 {
  font-size: 17px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-bottom: 6px;
}

.footer-col ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 2.1;
}

.footer-link {
  color: #ffffff;
  text-decoration: none;
  transition: 0.3s ease;
}

.footer-link:hover {
  color: #5ec2ff;
  padding-left: 5px;
}

.icon {
  color: #5ec2ff;
  margin-right: 8px;
}

/* ===============================
   Coluna: Redes Sociais
================================= */
.social-group {
  display: flex;
  justify-content: center;
  gap: 18px;
  margin: 12px 0 20px 0;
}

.social-icon {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.6);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: 0.3s ease;
}

.social-icon:hover {
  background-color: rgba(255, 255, 255, 0.15);
  color: #5ec2ff;
  border-color: #5ec2ff;
  transform: translateY(-2px);
  box-shadow: 0 0 10px rgba(94, 194, 255, 0.4);
}

/* Linha discreta abaixo dos ícones */
.footer-divider {
  width: 80%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.25);
  margin: 10px auto 15px;
}

/* Logos de certificação */
.cert-logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

.cert-logo {
  max-height: 42px;
  transition: transform 0.3s ease;
}

.cert-logo:hover {
  transform: scale(1.05);
}

/* ===============================
   Linha inferior
================================= */
.footer-bottom {
  background-color: rgba(0, 0, 0, 0.25);
  text-align: center;
  padding: 18px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-bottom p {
  margin: 0;
  font-size: 14px;
  color: #e6ebf7;
}

/* ===============================
   Responsivo
================================= */
@media (max-width: 768px) {
  .footer-grid {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .footer-col {
    width: 100%;
  }

  .social-group {
    gap: 14px;
  }

  .cert-logo {
    max-height: 34px;
  }
}
/* ===== Ajuste de espaçamento lateral em mobile ===== */
@media (max-width: 768px) {
  .footer-db {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-container {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer-about p,
  .footer-col ul,
  .footer-col h4 {
    text-align: center;
  }
}

.offcanvas_menu_wrapper {
  max-height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}





.section-padding-80 {
   padding: 80px 0;
}

.about-industrial {
   background: #ffffff;
   color: #1a1a1a;
   border-top: 1px solid #eef0f5;
}

/* COLUNA ESQUERDA */
.about-industrial-main {
   position: relative;
}

.section-tag {
   display: inline-block;
   font-size: 11px;
   letter-spacing: .18em;
   text-transform: uppercase;
   padding: 6px 14px;
   border-radius: 999px;
   background: #f3f6fb;
   border: 1px solid #d5deee;
   color: #0a1055;
   margin-bottom: 10px;
}

.about-industrial h2 {
   font-size: 26px;
   line-height: 1.3;
   margin-bottom: 12px;
   font-weight: 700;
   color: #0a1055;
}

.lead-text {
   font-size: 14px;
   line-height: 1.7;
   margin-bottom: 8px;
   color: #434a5a;
}

.support-text,
.extra-text {
   font-size: 13.5px;
   line-height: 1.7;
   margin-bottom: 10px;
   color: #5a6070;
}

/* Lista */
.about-industrial-list {
   margin-top: 10px;
}

.about-industrial-list h3 {
   font-size: 14px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .12em;
   color: #6a7090;
   margin-bottom: 8px;
}

.about-industrial-list ul {
   list-style: none;
   padding-left: 0;
   margin: 0;
}

.about-industrial-list li {
   position: relative;
   padding-left: 18px;
   font-size: 13.5px;
   color: #4c5264;
   margin-bottom: 4px;
}

.about-industrial-list li::before {
   content: "•";
   position: absolute;
   left: 4px;
   top: 0;
   color: #205498;
}

/* COLUNA DIREITA (CENTRALIZADA VERTICALMENTE) */
.col-lg-6 {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.about-industrial-side {
   display: flex;
   flex-direction: column;
   justify-content: center;
   height: 100%;
}

/* BLOCO DIREITA */
.side-block {
   padding: 16px 18px;
   border-radius: 16px;
   background: #f7f8fc;
   border: 1px solid #e1e4f0;
}

.side-block h3 {
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .12em;
   color: #5c6282;
   margin-bottom: 12px;
}

/* GRID CARDS DIREITA */
.highlights-grid-2 {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 12px 14px;
}

.highlight-item {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   padding: 10px 12px;
   border-radius: 12px;
   background: #ffffff;
   border: 1px solid #e1e4f0;
   font-size: 13px;
   height: 100%;
   box-shadow: 0 4px 10px rgba(10,16,85,.04);
   transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}

.highlight-item:hover {
   transform: translateY(-2px);
   background: #f0f3ff;
   border-color: #c5cff5;
   box-shadow: 0 10px 22px rgba(10,16,85,.12);
}

.highlight-icon {
   width: 26px;
   height: 26px;
   border-radius: 999px;
   background: #e3ebff;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.highlight-icon i {
   font-size: 13px;
   color: #205498;
}

.highlight-item strong {
   display: block;
   font-size: 13.5px;
   color: #202538;
   margin-bottom: 2px;
}

.highlight-item span {
   display: block;
   color: #5a6070;
}

/* Botão */
.about-industrial-actions {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 10px 14px;
   margin-top: 14px;
}

.btn-industrial {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 9px 24px;
   border-radius: 999px;
   border: none;
   background: #ffc107;
   color: #121212;
   font-size: 13px;
   font-weight: 600;
   text-decoration: none;
   text-transform: uppercase;
   letter-spacing: .08em;
   box-shadow: 0 8px 18px rgba(0,0,0,.16);
   transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
   white-space: nowrap;
}

.btn-industrial:hover {
   transform: translateY(-2px);
   box-shadow: 0 12px 26px rgba(0,0,0,.22);
   background: #ffd54f;
}

.label-note {
   font-size: 12px;
   color: #5a6070;
}

/* RESPONSIVO */
@media (max-width: 991.98px) {
   .section-padding-80 {
      padding: 60px 0;
   }

   .about-industrial h2 {
      font-size: 22px;
   }

   .col-lg-6 {
      display: block;
   }

   .about-industrial-side {
      justify-content: flex-start;
   }
}

@media (max-width: 767.98px) {
   .highlights-grid-2 {
      grid-template-columns: 1fr;
   }

   .btn-industrial {
      width: 100%;
      justify-content: center;
   }
}

@media (max-width: 575.98px) {
   .section-padding-80 {
      padding: 50px 0;
   }
}




.section-padding-80 {
   padding: 80px 0;
}

.equipment-area {
   background: #ffffff;
   color: #0d47a1;
}

/* Título + linhas */
.equipment-header {
   margin-bottom: 24px;
}

.equipment-header h3 {
   font-size: 18px;
   font-weight: 600;
   color: #0d6efd; /* azul do título */
   margin: 8px 0 0;
}

.equipment-divider {
   height: 1px;
   background: #dbe7ff;
   width: 100%;
}

/* Listas */
.equipment-list {
   list-style: none;
   padding: 0;
   margin: 0;
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.equipment-item {
   display: flex;
   align-items: center;
   background: #eaf3ff;           /* fundo azul bem claro */
   border-radius: 12px;
   padding: 10px 16px;
}

/* ícone azul na esquerda */
.equipment-icon {
   width: 32px;
   height: 32px;
   border-radius: 10px;
   background: #0d6efd;           /* azul forte */
   display: flex;
   align-items: center;
   justify-content: center;
   margin-right: 10px;
   flex-shrink: 0;
}

.equipment-icon i {
   color: #ffffff;
   font-size: 15px;
}

/* texto do item */
.equipment-text {
   font-size: 14px;
   color: #004085;
}

/* Rodapé */
.equipment-footer {
   margin-top: 24px;
   margin-bottom: 12px;
}

.equipment-footer p {
   margin: 0;
   font-size: 14px;
   color: #0d6efd;
   font-weight: 500;
}

/* Responsivo */
@media (max-width: 767.98px) {
   .section-padding-80 {
      padding: 50px 0;
   }

   .equipment-header h3 {
      font-size: 16px;
   }

   .equipment-item {
      padding: 9px 12px;
   }

   .equipment-text {
      font-size: 13.5px;
   }
}
.equipment-item {
   transition: transform .22s ease, box-shadow .22s ease;
}

.equipment-item:hover {
   transform: scale(1.03);
   box-shadow: 0 14px 34px rgba(0, 0, 0, .12);
}


/* ===== Equipamentos Atendidos – Azul Técnico ===== */

.equipment-header {
  margin-bottom: 40px;
}

.equipment-header h3 {
  font-size: 22px;
  font-weight: 700;
  color: #0a3d91; /* azul principal */
  margin: 0;
  letter-spacing: 0.4px;
}

/* Divisor (topo e rodapé) */
.equipment-divider {
  width: 80px;
  height: 3px;
  margin: 0 auto 14px;
  background: linear-gradient(
    to right,
    #0a3d91,
    #205498
  );
  border-radius: 2px;
}

/* Lista */
.equipment-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.equipment-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 16px;
  margin-bottom: 14px;
  background: #f8f9fb;
  border-left: 4px solid #0a3d91; /* azul principal */
  border-radius: 8px;
  transition: all 0.3s ease;
}

.equipment-item:hover {
  background: #eef3fb;
  transform: translateX(6px);
}

/* Ícone */
.equipment-icon {
  min-width: 36px;
  height: 36px;
  background: linear-gradient(
    135deg,
    #0a3d91,
    #205498
  );
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  box-shadow: 0 6px 14px rgba(10, 61, 145, 0.3);
}

/* Texto */
.equipment-text {
  font-size: 15px;
  color: #1f2933;
  line-height: 1.6;
  font-weight: 500;
}

/* Texto final */
.equipment-footer p {
  margin-top: 36px;
  font-size: 15px;
  color: #4b5563;
}
/* Faixa fina cinza – separador */
.equipment-area {
  position: relative;
}

.equipment-area::before,
.equipment-area::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;                 /* faixa FININHA */
  background-color: #d1d5db;   /* cinza elegante */
}

/* Espaçamento da faixa superior */
.equipment-area::before {
  margin-bottom: 50px;
}

/* Espaçamento da faixa inferior */
.equipment-area::after {
  margin-top: 50px;
}
.clients-area .clients-subtitle.brands-text {
  color: #0a1055;
  font-size: 16px;
  font-weight: 500;
  max-width: 820px;
  margin: 0 auto;
  line-height: 1.6;
}

.single-info{
  display: flex;
  gap: 14px;
  padding: 16px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.14);
}

.single-info + .single-info{
  margin-top: 14px;
}

.single-info .icon{
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(0, 140, 255, .18);
  border: 1px solid rgba(0, 140, 255, .35);
}

.single-info .icon i{
  font-size: 20px;
  color: #ffffff;
}
.contact-info .contact-link {
  color: #ffffff;
}

.contact-info .contact-link:hover {
  color: #ffffff;
  text-decoration: underline;
}
.ajax-response {
  margin-top: 20px;
  padding: 16px 20px;
  border-radius: 6px;
  font-size: 18px;              /* 🔹 texto maior */
  font-weight: 600;
  line-height: 1.4;
  display: none;                /* aparece só quando JS escreve */
}

.ajax-response.success {
  display: block;
  color: #0f5132;               /* verde escuro */
  background-color: #d1e7dd;    /* fundo verde claro */
  border: 1px solid #badbcc;
}

.ajax-response.error {
  display: block;
  color: #842029;               /* vermelho escuro */
  background-color: #f8d7da;    /* fundo vermelho claro */
  border: 1px solid #f5c2c7;
}



/* ==========================
   EQUIPAMENTOS ATENDIDOS (UPGRADE SEM MUDAR CLASSES)
   - Não altera o HTML
   - Não cria classes novas obrigatórias
========================== */

.equipment-area {
  position: relative;
}

/* Cabeçalho */
.equipment-header h3{
  font-size: 28px;
  font-weight: 800;
  margin: 10px 0 8px;
  color: #0a1055;
}

.equipment-header p{
  max-width: 720px;
  margin: 0 auto;
  opacity: .88;
}

/* Divisor mais elegante */
.equipment-divider{
  width: 86px;
  height: 4px;
  border-radius: 999px;
  margin: 0 auto 12px;
  background: linear-gradient(90deg, #0a1055 0%, #205498 100%);
  opacity: .95;
}

/* Lista com “card” visual por coluna */
.equipment-list{
  list-style: none;
  margin: 0;
  padding: 22px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 14px;
  box-shadow: 0 10px 26px rgba(0,0,0,0.06);
  transition: transform .2s ease, box-shadow .2s ease;
}

.equipment-list:hover{
  transform: translateY(-3px);
  box-shadow: 0 14px 34px rgba(0,0,0,0.09);
}

/* Itens mais “premium” */
.equipment-item{
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 10px;
  border-radius: 10px;
  transition: background .2s ease, transform .2s ease;
}

.equipment-item + .equipment-item{
  margin-top: 6px;
}

.equipment-item:hover{
  background: rgba(32,84,152,0.08);
  transform: translateX(2px);
}

/* Ícone em círculo (sem mudar HTML) */
.equipment-icon{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(32,84,152,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 34px;
  margin-top: 1px;
}

.equipment-icon i{
  color: #205498;
  font-size: 14px;
}

/* Texto */
.equipment-text{
  color: #1b1f2a;
  font-size: 15.5px;
  line-height: 1.35;
  font-weight: 600;
}

/* Rodapé */
.equipment-footer p{
  max-width: 760px;
  margin: 18px auto 0;
  opacity: .92;
  font-weight: 600;
}

/* Responsivo */
@media (max-width: 575px){
  .equipment-header h3{ font-size: 22px; }
  .equipment-list{ padding: 18px; }
  .equipment-text{ font-size: 15px; }
}

/* ==========================
   LISTA ANALÍTICOS/LAB - labEq-* (REFINADO)
========================== */

.labEq-header h3{
  font-size: 28px;
  font-weight: 800;
  margin: 10px 0 8px;
  color: #0a1055;
}
.labEq-header p{
  max-width: 760px;
  margin: 0 auto;
  opacity: .82;
}

.labEq-divider{
  width: 92px;
  height: 3px;
  border-radius: 999px;
  margin: 0 auto 12px;
  background: linear-gradient(90deg, #0a1055 0%, #205498 100%);
  opacity: .9;
}
.labEq-divider-bottom{ margin-top: 22px; }

.labEq-list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 14px;
}

/* Pílula CLEAN (mais parecido com seu print) */
.labEq-item{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  border-radius: 12px;

  background: #eaf3ff;                 /* azul bem suave */
  border: 1px solid rgba(10,16,85,.06); /* borda fininha */
  box-shadow: 0 2px 10px rgba(0,0,0,.03);/* sombra quase nada */

  position: relative;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

/* faixinha lateral bem sutil */
.labEq-item::before{
  content:"";
  position:absolute;
  left:0;
  top:10px;
  bottom:10px;
  width: 4px;
  border-radius: 999px;
  background: #0b63ff;
  opacity: .85;
}

.labEq-item:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0,0,0,.05);
  background: #e6f0ff;
}

/* Ícone menor e mais “premium” */
.labEq-icon{
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #0b63ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
}

.labEq-icon i{
  color: #fff;
  font-size: 16px;
  line-height: 1;
}

/* Texto mais leve (não tão “grosso”) */
.labEq-text{
  font-size: 15.2px;
  line-height: 1.35;
  font-weight: 700;
  color: #0a1055;
}

.labEq-footer p{
  max-width: 820px;
  margin: 0 auto;
  opacity: .9;
  font-weight: 600;
}

@media (max-width: 575px){
  .labEq-header h3{ font-size: 22px; }
  .labEq-item{ padding: 12px 14px; }
  .labEq-text{ font-size: 15px; }
}
.boards-services {
  background-color: #f8f9fb;
}

.boards-service-box {
  background: #ffffff;
  border-radius: 10px;
  padding: 30px 25px;
  text-align: center;
  height: 100%;
  transition: all 0.35s ease;
  border: 1px solid #e6e9ef;
}

.boards-service-box i {
  font-size: 36px;
  color: #0a58ca;
  margin-bottom: 15px;
  transition: transform 0.35s ease;
}

.boards-service-box h4 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 10px;
}

.boards-service-box p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin: 0;
}

/* EFEITO HOVER */
.boards-service-box:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
  border-color: #0a58ca;
}

.boards-service-box:hover i {
  transform: scale(1.1);
}
/* Título e subtítulo */
.section-title{
  font-size:20px;
  font-weight:600;
  margin-bottom:6px;
}

.section-subtitle{
  font-size:13px;
  color:#6c757d;
  margin:0;
}

/* Item */
.boards-modern-item{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  background:#fff;
  border-radius:6px;
}

/* Ícone */
.boards-modern-icon i{
  font-size:22px;
  color:#0a58ca;
  margin-top:2px;
}

/* Texto */
.boards-modern-text strong{
  font-size:14px;
  font-weight:600;
  display:block;
  line-height:1.3;
}

.boards-modern-text span{
  font-size:12.5px;
  color:#555;
  line-height:1.4;
}

/* Mobile */
@media(max-width:575px){
  .section-title{ font-size:18px; }
  .boards-modern-text strong{ font-size:13.5px; }
  .boards-modern-text span{ font-size:12px; }
}
/* Transição global */
.boards-modern-item,
.boards-modern-icon i,
.boards-modern-text strong{
  transition: all 0.25s ease;
}

/* Card */
.boards-modern-item{
  border:1px solid #eef1f5;
  background:#ffffff;
}

/* Hover do card */
.boards-modern-item:hover{
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,0.06);
  border-color:#dbe3f3;
}

/* Ícone no hover */
.boards-modern-item:hover .boards-modern-icon i{
  color:#0a1055;
  transform: scale(1.12);
}

/* Título no hover */
.boards-modern-item:hover .boards-modern-text strong{
  color:#0a1055;
}

/* Linha sutil lateral (efeito premium) */
.boards-modern-item::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  height:100%;
  width:3px;
  background:linear-gradient(180deg,#0a1055,#1f5eff);
  opacity:0;
  transition:opacity 0.25s ease;
  border-radius:3px 0 0 3px;
}

.boards-modern-item{
  position:relative;
}

.boards-modern-item:hover::before{
  opacity:1;
}
.boards-services-modern{
  margin-bottom: 60px; /* ajuste entre 40px e 80px se quiser */
}





:root{
  --brand:#0071dc;
  --ink:#0a0f1a;
  --muted:#667085;
  --line:#e7ecf2;
  --card:#ffffff;
  --radius:18px;
  --shadow:0 10px 30px rgba(2,21,58,.10)
}

/* Cards principais */
.about-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:28px;
  box-shadow:var(--shadow);
  transition:transform .25s ease, box-shadow .25s ease;
}

.about-card:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(2,21,58,.14);
}

/* Títulos */
.section-title{
  font-size:28px;
  font-weight:700;
  margin-bottom:14px;
  color:var(--ink);
}

/* Texto */
.section-text{
  font-size:16px;
  color:var(--muted);
  text-align:justify;
}

/* Lista com ícones */
.about-list{
  list-style:none;
  padding-left:0;
  margin:14px 0;
}

.about-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px 0;
  border-bottom:1px dashed var(--line);
  color:var(--ink);
}

.about-list li:last-child{border-bottom:none}

.about-list i{
  color:var(--brand);
  margin-top:3px;
}

/* Botão CTA */
.btn-cta{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:var(--brand);
  color:#fff;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:600;
  box-shadow:0 8px 18px rgba(0,113,220,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}

.btn-cta:hover {
  color: #d6d8dd;   /* Azul claro / ciano */
  border-color: #70b9d8;
}



.btn-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(0,113,220,.30);
}

/* Split de imagens */
.split-hero{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  border-radius:22px;
  overflow:hidden;
  box-shadow:var(--shadow);
  border:1px solid var(--line);
}

.split-hero img{
  width:100%;
  height:420px;
  object-fit:cover;
}

.split-hero:after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  left:50%;
  width:6px;
  background:rgba(255,255,255,.9);
}

@media(max-width:991px){
  .split-hero{grid-template-columns:1fr}
  .split-hero:after{display:none}
  .split-hero img{height:320px}
}

/* Cards menores */
.card.h-100{
  border-radius:18px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
  transition:transform .2s ease, box-shadow .2s ease;
}

.card.h-100:hover{
  transform:translateY(-4px);
  box-shadow:0 16px 40px rgba(2,21,58,.14);
}

/* Lista simples */
.lista-destaque{
  padding-left:18px;
}

.lista-destaque li{
  margin-bottom:8px;
}

/* Subtexto central */
.section-subtext{
  max-width:800px;
  margin:0 auto;
  color:var(--muted);
}

/* Linha divisória */
.section-line{
  margin:26px 0 0;
  border-top:2px solid #e0e0e0;
}

#consultoria.consultoria-modern{
  padding-top: 120px;
}

#consultoria .consultoria-card{
  border-radius: 22px;
  position: relative;
  overflow: hidden;
}

#consultoria .consultoria-card::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(0,113,220,.14), rgba(10,16,85,.06), rgba(255,255,255,0));
  opacity:.55;
  pointer-events:none;
}

#consultoria .consultoria-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:14px 0 8px;
}

#consultoria .mini-badge{
  font-size:12px;
  font-weight:700;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(0,113,220,.22);
  background: rgba(0,113,220,.08);
  color:#0a1055;
}

#consultoria .about-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:14px 0;
  border-bottom: 1px solid #edf2f7;
}

#consultoria .about-list i{
  font-size:18px;
  margin-top:4px;
}

#consultoria .consultoria-split{
  position:relative;
  border-radius: 22px;
  overflow:hidden;
}

#consultoria .consultoria-split::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(135deg, rgba(10,16,85,.14), rgba(0,113,220,.10), rgba(255,255,255,0));
  pointer-events:none;
  z-index:1;
}

#consultoria .split-chips{
  position:absolute;
  left:16px;
  bottom:14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  z-index:2;
}

#consultoria .chip{
  background: rgba(255,255,255,.92);
  border:1px solid rgba(231,236,242,.9);
  padding:7px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#0a1055;
  box-shadow: 0 10px 26px rgba(2,21,58,.10);
}

/* ===== TECNOLOGIAS ===== */
.tech-area { background:#eaf0fa; }

.tech-line{
  width:110px;height:4px;background:#0071dc;
  margin:16px auto 22px;border-radius:3px;
}

.tech-grid .tech-card{
  background:#fff;
  border-radius:18px;
  padding:28px 24px;
  height:100%;
  box-shadow:0 10px 35px rgba(0,0,0,0.08);
  transition:all .3s ease;
  border:1px solid #eef2f7;
}

.tech-grid .tech-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 55px rgba(0,0,0,0.15);
}

.tech-icon{
  width:52px;height:52px;
  background:rgba(0,113,220,0.12);
  border:1px solid rgba(0,113,220,0.25);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0a1055;
  font-size:22px;
  margin-bottom:14px;
}

.tech-card h3{
  font-size:18px;
  font-weight:700;
  margin-bottom:12px;
  color:#0a1055;
}

.tech-card ul{ list-style:none; padding:0; margin:0; }
.tech-card ul li{
  font-size:14px;
  padding:6px 0;
  color:#333;
}




/* ===== TECNOLOGIAS ===== */
.tech-area { background:#eaf0fa; }

.tech-line{
  width:110px;height:4px;background:#0071dc;
  margin:16px auto 22px;border-radius:3px;
}

.tech-grid .tech-card{
  background:#fff;
  border-radius:18px;
  padding:28px 24px;
  height:100%;
  box-shadow:0 10px 35px rgba(0,0,0,0.08);
  transition:all .3s ease;
  border:1px solid #eef2f7;
}

.tech-grid .tech-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 55px rgba(0,0,0,0.15);
}

.tech-icon{
  width:52px;height:52px;
  background:rgba(0,113,220,0.12);
  border:1px solid rgba(0,113,220,0.25);
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#0a1055;
  font-size:22px;
  margin-bottom:14px;
}

.tech-card h3{
  font-size:18px;
  font-weight:700;
  margin-bottom:12px;
  color:#0a1055;
}

.tech-card ul{ list-style:none; padding:0; margin:0; }
.tech-card ul li{
  font-size:14px;
  padding:6px 0;
  color:#333;
}

/* ======================== TECH AREA PRO ======================== */
.tech-area-pro{
  background:#eaf0fa;
}

.tech-title{
  font-weight:800;
  letter-spacing:.2px;
}

.tech-line{
  width:130px;
  height:4px;
  background:#0071dc;
  margin:14px auto 18px;
  border-radius:3px;
}

.tech-card-pro{
  background:#ffffff;
  border:1px solid rgba(10,16,85,.08);
  border-radius:18px;
  padding:22px 18px;
  box-shadow:0 10px 28px rgba(20,30,70,.08);
  transition:all .25s ease;
  position:relative;
  overflow:hidden;
}

.tech-card-pro::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(0,113,220,.10), transparent 55%);
  opacity:.0;
  transition:opacity .25s ease;
}

.tech-card-pro:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(20,30,70,.14);
  border-color:rgba(0,113,220,.25);
}

.tech-card-pro:hover::before{
  opacity:1;
}

.tech-head{
  display:flex;
  gap:12px;
  align-items:flex-start;
  margin-bottom:14px;
}

.tech-ico{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eaf2ff;
  border:1px solid rgba(0,113,220,.25);
  flex:0 0 46px;
}

.tech-ico i{
  font-size:18px;
  color:#0a1055;
}

.tech-h{
  font-size:18px;
  font-weight:800;
  margin:0 0 6px;
  color:#0a1055;
}

.tech-p{
  margin:0;
  font-size:13.5px;
  line-height:1.4;
  color:#3a4a68;
}

.tech-list{
  list-style:none;
  padding:0;
  margin:0 0 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.tech-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#1b2a4a;
  font-size:14px;
}

.tech-list i{
  color:#0071dc;
  margin-top:2px;
}

.tech-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  position:relative;
  z-index:2;
}

.tech-tags .tag{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:#f4f8ff;
  border:1px solid rgba(0,113,220,.18);
  color:#0a1055;
  font-weight:600;
}

/* responsivo */
@media (max-width: 991px){
  .tech-card-pro{ padding:20px 16px; }
  .tech-h{ font-size:17px; }
}
/* ======================== COMO AJUDAMOS (PRO) ======================== */
.how-line{
  width:110px;
  height:4px;
  background:#0071dc;
  margin:16px auto 22px;
  border-radius:3px;
}

.how-card{
  background:#fff;
  border:1px solid rgba(10,16,85,.08);
  border-radius:18px;
  padding:22px 18px;
  box-shadow:0 10px 28px rgba(20,30,70,.08);
  transition:all .25s ease;
  position:relative;
  overflow:hidden;
}

.how-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(0,113,220,.10), transparent 55%);
  opacity:0;
  transition:opacity .25s ease;
}

.how-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(20,30,70,.14);
  border-color:rgba(0,113,220,.25);
}

.how-card:hover::before{ opacity:1; }

.how-top{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-bottom:12px;
}

.how-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#eaf2ff;
  border:1px solid rgba(0,113,220,.25);
  flex:0 0 46px;
}

.how-icon i{
  font-size:18px;
  color:#0a1055;
}

.how-title .how-step{
  display:inline-block;
  font-size:12px;
  font-weight:800;
  color:#0071dc;
  text-transform:uppercase;
  letter-spacing:.6px;
  margin-bottom:4px;
}

.how-title h3{
  margin:0;
  font-size:18px;
  font-weight:800;
  color:#0a1055;
}

.how-desc{
  margin:8px 0 14px;
  font-size:13.5px;
  line-height:1.5;
  color:#3a4a68;
}

.how-list{
  list-style:none;
  padding:0;
  margin:0 0 14px;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.how-list li{
  display:flex;
  gap:10px;
  align-items:flex-start;
  color:#1b2a4a;
  font-size:14px;
}

.how-list i{
  color:#0071dc;
  margin-top:2px;
}

.how-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  position:relative;
  z-index:2;
}

.how-tags .tag{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:#f4f8ff;
  border:1px solid rgba(0,113,220,.18);
  color:#0a1055;
  font-weight:600;
}

@media (max-width: 991px){
  .how-card{ padding:20px 16px; }
  .how-title h3{ font-size:17px; }
}

/* Dá respiro quando vem logo depois do hero/breadcrumb */
.pericias-offset{
  padding-top: 120px !important; /* aumente/diminua se quiser */
}

/* Se no mobile ficar grande, reduz */
@media (max-width: 767px){
  .pericias-offset{ padding-top: 90px !important; }
}


/* =========================
   PERÍCIAS & LAUDOS — FOTO AO LADO (cole no final do style.css)
   ========================= */

/* evita “colado em cima” */
.pericias-offset{ padding-top: 120px !important; }
@media (max-width: 767px){ .pericias-offset{ padding-top: 92px !important; } }

.pericias-clean{
  background: radial-gradient(900px 240px at 50% 0%, rgba(0,113,220,.10), transparent 55%),
              linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
}

.pericias-divider{
  width: 112px; height: 4px; background:#0071dc;
  margin: 16px auto 16px; border-radius: 99px;
}
.pericias-subtext{ max-width: 920px; margin: 0 auto; line-height: 1.65; }
.pericias-pills{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin: 16px 0 8px; }
.pericias-pills .pill{
  display:inline-flex; align-items:center; gap:8px;
  padding: 8px 12px; border-radius: 999px;
  background: rgba(255,255,255,.88);
  border: 1px solid rgba(10,16,85,.10);
  box-shadow: 0 10px 22px rgba(10,16,85,.05);
  color:#0a1055; font-weight:700; font-size:13px;
}
.pericias-pills .pill i{ color:#0071dc; }

.pericia-card-soft{
  border: 1px solid rgba(10,16,85,.08);
  background: rgba(255,255,255,.92);
  border-radius: 18px;
  box-shadow: 0 10px 30px rgba(10,16,85,.06);
  padding: 26px 26px;
  position: relative;
  overflow:hidden;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pericia-card-soft:before{
  content:"";
  position:absolute; inset:-2px;
  background:
    radial-gradient(700px 220px at 12% 0%, rgba(0,113,220,.10), transparent 56%),
    radial-gradient(700px 220px at 88% 0%, rgba(10,16,85,.10), transparent 56%);
  opacity:.55; pointer-events:none;
}
.pericia-card-soft:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 44px rgba(10,16,85,.10);
  border-color: rgba(0,113,220,.18);
}

.pericia-head{ display:flex; align-items:center; gap:14px; }
.pericia-ico{
  width:54px; height:54px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,113,220,.10);
  border: 1px solid rgba(0,113,220,.16);
  box-shadow: 0 10px 20px rgba(10,16,85,.06);
  flex:0 0 auto;
}
.pericia-ico i{ color:#0071dc; font-size:22px; }
.pericia-kicker{ font-size:14px; color: rgba(43,51,80,.88); }

.pericia-badges .mini-badge{
  background: rgba(0,113,220,.08);
  border: 1px solid rgba(0,113,220,.16);
  color:#0a1055; font-weight:700;
  border-radius: 999px;
  padding: 7px 12px;
}

.pericia-list li{
  gap:10px; padding:10px 0;
  border-bottom: 1px solid rgba(10,16,85,.06);
}
.pericia-list li:last-child{ border-bottom:none; }
.pericia-list i{ color:#0071dc; }

.pericia-actions{ margin-top:14px; display:flex; flex-wrap:wrap; gap:10px; }

/* FOTO AO LADO (elegante, com chips) */
.pericia-media{
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(10,16,85,.08);
  box-shadow: 0 12px 34px rgba(10,16,85,.08);
  position: relative;

  /* FIX: formato consistente em qualquer resolução */
  aspect-ratio: 16 / 10;
  background: #fff;
}

.pericia-media img{
  width: 100%;
  height: 100%;               /* FIX: preenche o container */
  object-fit: cover;
  object-position: center;
  transform: scale(1.02);
  transition: transform .25s ease;
  display: block;
}

.pericia-media:hover img{ transform: scale(1.06); }

.pericia-media:after{
  content:"";
  position:absolute; inset:0;
  background: linear-gradient(to top, rgba(10,16,85,.55), rgba(10,16,85,.12), transparent 60%);
  pointer-events:none;
}

.pericia-media-chips{
  position:absolute;
  left: 14px;
  bottom: 14px;
  display:flex;
  gap: 8px;
  flex-wrap: wrap;
  z-index: 2;
}

.pericia-media-chips .chip{
  background: rgba(255,255,255,.90);
  color:#0a1055;
  border: 1px solid rgba(255,255,255,.55);
  border-radius: 999px;
  padding: 7px 12px;
  font-weight: 800;
  font-size: 12px;
  box-shadow: 0 10px 22px rgba(10,16,85,.15);
}

/* Mobile: só muda a proporção (fica mais “alta”) */
@media (max-width: 991px){
  .pericia-media{ aspect-ratio: 4 / 3; }
}

/* Ajuste: badges (mini-badges) estavam colando no texto de cima */
.pericia-card-soft .section-text{
  margin-bottom: 14px !important; /* dá respiro antes das badges */
}

.pericia-card-soft .pericia-badges{
  margin-top: 10px !important;
  margin-bottom: 12px !important;
  row-gap: 10px;     /* espaço vertical entre “linhas” de badges */
  column-gap: 10px;  /* espaço horizontal */
}

/* Se ainda ficar colado por conta de line-height do texto */
.pericia-card-soft .section-text{
  line-height: 1.7;
}


/* ======================== PERÍCIAS (UPGRADE) ======================== */
.pericias-clean .pericias-title { font-weight: 800; letter-spacing: .2px; }
.pericias-divider { width: 110px; height: 4px; background: #0071dc; margin: 16px auto 22px; border-radius: 3px; }

.pericias-pills { display:flex; gap:10px; flex-wrap:wrap; justify-content:center; }
.pericias-pills .pill {
  display:inline-flex; align-items:center; gap:8px;
  padding: 10px 14px; border-radius: 999px;
  background: rgba(0,113,220,.08);
  border: 1px solid rgba(0,113,220,.18);
  font-weight: 600;
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.pericias-pills .pill i { color:#0071dc; }
.pericias-pills .pill:hover { transform: translateY(-2px); background: rgba(0,113,220,.12); border-color: rgba(0,113,220,.28); }

.pericias-pills-nav .pill-action {
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(0,0,0,.08);
  background: rgba(0,113,220,.12);
}

/* Highlights */
.pericias-highlight {
  display:grid; gap:12px;
  grid-template-columns: repeat(3, minmax(0,1fr));
  max-width: 980px; margin: 0 auto;
}
.pericias-highlight .highlight-item{
  display:flex; gap:12px; align-items:flex-start;
  padding: 14px 16px; border-radius: 14px;
  background:#fff; box-shadow: 0 12px 30px rgba(0,0,0,.08);
  border: 1px solid rgba(0,0,0,.05);
}
.pericias-highlight .highlight-item i { color:#0071dc; margin-top:2px; }
.pericias-highlight .highlight-item strong { display:block; }
.pericias-highlight .highlight-item span { display:block; opacity:.85; }

@media (max-width: 991px){
  .pericias-highlight { grid-template-columns: 1fr; }
}

/* Process */
.pericia-process{
  background:#fff; border:1px solid rgba(0,0,0,.06);
  border-radius: 18px; padding: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}
.process-head .process-title{ font-weight:800; }
.process-sub{ opacity:.85; }

.process-steps{
  margin-top: 14px;
  display:grid; gap: 12px;
  grid-template-columns: repeat(4, minmax(0,1fr));
}
.process-steps .step{
  display:flex; gap:12px; align-items:flex-start;
  padding: 14px; border-radius: 14px;
  background: rgba(0,0,0,.02);
  border: 1px solid rgba(0,0,0,.06);
  transition: transform .18s ease, background .18s ease;
}
.process-steps .step:hover{ transform: translateY(-3px); background: rgba(0,113,220,.06); }
.step-ico{
  width: 40px; height: 40px; border-radius: 12px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(0,113,220,.12); border: 1px solid rgba(0,113,220,.22);
}
.step-ico i{ color:#0071dc; }
.step-txt strong{ display:block; }
.step-txt span{ display:block; opacity:.85; }

@media (max-width: 991px){
  .process-steps{ grid-template-columns: 1fr; }
}

/* Cards / mídia */
.pericia-media{
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
  border: 1px solid rgba(0,0,0,.06);
  transform: translateZ(0);
}
.pericia-media img{
  width: 100%; height: auto; display:block;
  transition: transform .35s ease;
}
.pericia-media:hover img{ transform: scale(1.04); }

.pericia-media-chips{
  position: absolute;
  left: 14px;
  bottom: 14px;
}

/* ====== COMO FUNCIONA (UPGRADE PRO) ====== */
.pericia-process{
  position: relative;
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 20px;
  padding: 26px;
  box-shadow: 0 18px 55px rgba(0,0,0,.10);
  overflow: hidden;
    margin-bottom: 70px; /* ajuste fino: 50px a 90px */

}

.pericia-process::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(600px 180px at 15% 0%, rgba(0,113,220,.10), transparent 60%),
              radial-gradient(500px 160px at 85% 10%, rgba(0,113,220,.08), transparent 65%);
  pointer-events:none;
}

.process-head{ position: relative; }
.process-title{ font-weight: 850; letter-spacing:.2px; }
.process-sub{ opacity:.88; max-width: 920px; margin: 0 auto; }

/* grid + “linha de fluxo” */
.process-steps-pro{
  position: relative;
  margin-top: 18px;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(4, minmax(0,1fr));
}

.process-steps-pro::after{
  content:"";
  position:absolute;
  left: 28px;
  right: 28px;
  top: 28px;
  height: 2px;
  background: linear-gradient(90deg, rgba(0,113,220,.25), rgba(0,113,220,.10), rgba(0,113,220,.25));
  z-index: 0;
}

/* card do passo */
.step-pro{
  position: relative;
  z-index: 1;
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 16px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(0,0,0,.07);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  backdrop-filter: blur(6px);
  min-height: 122px;
}

.step-pro:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 42px rgba(0,0,0,.10);
  border-color: rgba(0,113,220,.25);
}

/* ícone */
.step-ico-pro{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,113,220,.12);
  border: 1px solid rgba(0,113,220,.22);
  flex: 0 0 auto;
}

.step-ico-pro i{ color:#0071dc; }

/* título do passo */
.step-topline{
  display:flex;
  align-items:center;
  gap: 10px;
  margin-bottom: 4px;
}

.step-num{
  width: 26px;
  height: 26px;
  border-radius: 999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  font-size: 13px;
  color:#0071dc;
  background: rgba(0,113,220,.10);
  border: 1px solid rgba(0,113,220,.18);
}

.step-txt strong{ font-weight: 850; }
.step-txt span{ display:block; opacity:.88; line-height: 1.35; }

/* botões mais alinhados */
.process-cta-pro{
  position: relative;
  margin-top: 18px;
  display:flex;
  gap: 12px;
  justify-content:flex-start;
  flex-wrap: wrap;
}

.btn-cta-lg{
  padding: 12px 18px;
  border-radius: 999px;
  font-weight: 750;
}

/* responsivo */
@media (max-width: 991px){
  .process-steps-pro{ grid-template-columns: 1fr; }
  .process-steps-pro::after{ display:none; } /* linha some no mobile */
  .step-pro{ min-height: auto; }
  .process-cta-pro a{ width: 100%; justify-content: center; }
}
.step-ico-pro{
  position: relative;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,113,220,.12);
  border: 1px solid rgba(0,113,220,.22);
  flex: 0 0 auto;
}

.step-ico-pro i{
  font-size: 18px;
  color:#0071dc;
}

/* Número integrado */
.step-num{
  position:absolute;
  top: -8px;
  right: -8px;
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight: 800;
  font-size: 12px;
  color:#fff;
  background:#0071dc;
  border: 2px solid #fff;
  box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.pericia-badges{
  display: flex;
  flex-wrap: wrap;
  gap: 10px 14px; /* vertical | horizontal */
}

/* ====== BOX PADRÃO (para manter premium) ====== */
.pericia-box{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  padding: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.08);
}

.pericia-box-accent{
  position: relative;
  overflow: hidden;
}

.pericia-box-accent::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(540px 180px at 20% 0%, rgba(0,113,220,.12), transparent 60%);
  pointer-events:none;
}

/* ====== ENTREGÁVEIS (cards) ====== */
.deliver-grid-pro{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
  margin-top: 8px;
}

.deliver-card-pro{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 14px;
  border-radius: 14px;
  background: rgba(0,0,0,.02);
  border:1px solid rgba(0,0,0,.06);
  transition: transform .18s ease, background .18s ease, border-color .18s ease;
}

.deliver-card-pro:hover{
  transform: translateY(-3px);
  background: rgba(0,113,220,.06);
  border-color: rgba(0,113,220,.20);
}

.deliver-ico{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(0,113,220,.12);
  border: 1px solid rgba(0,113,220,.22);
  flex: 0 0 auto;
}

.deliver-ico i{ color:#0071dc; font-size: 18px; }
.deliver-txt strong{ display:block; font-weight: 850; }
.deliver-txt span{ display:block; opacity:.88; line-height: 1.35; }

/* ====== FORM ====== */
.contact-box-title{ font-weight: 850; }
.contact-box-sub{ opacity:.88; }

.quick-form .form-label{
  font-weight: 700;
  font-size: 13px;
  opacity: .9;
  margin-bottom: 6px;
}

.quick-form .form-control{
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  padding: 11px 12px;
  box-shadow: none;
}

.quick-form .form-control:focus{
  border-color: rgba(0,113,220,.45);
  box-shadow: 0 0 0 .18rem rgba(0,113,220,.12);
}

.quick-note{
  font-size: 12.5px;
  opacity: .78;
  display:flex;
  align-items:center;
  gap: 8px;
}

/* Responsivo */
@media (max-width: 991px){
  .deliver-grid-pro{ grid-template-columns: 1fr; }
}
.pericia-box{
  margin-bottom: 60px;
}




/* ===================== CASOS DE SUCESSO ===================== */

.cases-clean{
  background:#fff;
}

.cases-title{
  font-weight:900;
  letter-spacing:-0.3px;
}

.cases-divider{
  width:110px;
  height:4px;
  background:#0071dc;
  margin:16px auto 22px;
  border-radius:3px;
}

.cases-subtext{
  max-width:960px;
  margin:0 auto;
  line-height:1.6;
  opacity:.95;
}

.cases-line{
  max-width:960px;
  margin:26px auto 0;
  opacity:.15;
}

/* GRID */
.cases-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
  margin-top:20px;
}

/* CARD */
.case-card{
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.08);
  overflow:hidden;
  box-shadow:0 18px 45px rgba(0,0,0,.05);
  transition:.25s ease;
}

.case-card:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 65px rgba(0,0,0,.10);
}

/* IMAGEM */
.case-media{
  position:relative;
  aspect-ratio:16/10;
  overflow:hidden;
}

.case-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

/* BADGE */
.case-badge{
  position:absolute;
  top:12px;
  left:12px;
  background:#0071dc;
  color:#fff;
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
  border-radius:999px;
}

/* CONTEÚDO */
.case-body{
  padding:16px;
}

.case-title{
  font-size:17px;
  font-weight:900;
  margin-bottom:10px;
  line-height:1.25;
}

.case-rows{
  display:grid;
  gap:6px;
  font-size:14px;
  line-height:1.45;
}

.case-row strong{
  font-weight:800;
}

/* TAGS */
.case-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px;
}

.case-tags .tag{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.1);
  background:#f8f9fb;
  font-weight:700;
}

/* AÇÕES */
.case-actions{
  margin-top:14px;
}

/* RESPONSIVO */
@media (max-width:991px){
  .cases-grid{ grid-template-columns:repeat(2,1fr); }
}

@media (max-width:575px){
  .cases-grid{ grid-template-columns:1fr; }
}
.cases-area{
  padding-top: 50px;
}
.cases-footer-text{
  max-width: 900px;
  margin: 60px auto 20px;
  padding: 28px 32px;
  background: linear-gradient(135deg, #f7faff, #ffffff);
  border-left: 6px solid #0071dc;
  border-radius: 12px;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08);
  position: relative;
  overflow: hidden;
  animation: fadeUp 0.8s ease;
}

.cases-footer-text::before{
  content: "“";
  position: absolute;
  top: -20px;
  left: 20px;
  font-size: 90px;
  color: rgba(0, 113, 220, 0.12);
  font-weight: 700;
  font-family: serif;
}

.cases-footer-text p{
  font-size: 18px;
  line-height: 1.8;
  color: #222;
  margin: 0;
  font-weight: 500;
}

@keyframes fadeUp{
  from{
    opacity: 0;
    transform: translateY(20px);
  }
  to{
    opacity: 1;
    transform: translateY(0);
  }
}
.cases-footer-wide{
  width: 100%;
  margin: 70px 0 0;
  padding: 0 20px; /* respiro nas laterais da tela */
}

.cases-footer-inner{
  max-width: 1400px;
  margin: 0 auto;
  padding: 26px 34px;

  background: #f4f9ff; /* fundo suave */
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 18px;
  box-shadow: 0 12px 24px rgba(0,0,0,.06);

  position: relative;
  overflow: hidden;
}

.cases-footer-inner::before{
  content: "“";
  position: absolute;
  top: -14px;
  left: 18px;
  font-size: 90px;
  color: rgba(0, 113, 220, 0.10);
  font-weight: 800;
  font-family: serif;
}

.cases-footer-inner p{
  margin: 0;
  padding-left: 12px;  /* afasta um pouco da aspas */
  font-size: 17px;
  line-height: 1.7;
  color: #222;
  font-weight: 500;
  max-width: 1100px; /* evita linha gigante */
}
.breadcrumb-area::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0,71,171,0.75), rgba(0,71,171,0.35));
  z-index: 1;
}
.breadcrumb-content {
  position: relative;
  z-index: 2;
}




/* =========================================================
   CASOS DE SUCESSO – layout profissional (card + thumb)
   ========================================================= */

.cases-area.cases-clean{
  background: #fff;
}

.cases-grid{
  max-width: 1100px;        /* deixa o conteúdo mais “corporativo” */
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 22px;
}

/* card principal */
.case-card{
  display: flex;
  gap: 22px;
  background: #fff;
  border: 1px solid rgba(10,16,85,.10);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(10,16,85,.08);
}

/* bloco da imagem (thumb) */
.case-media{
  position: relative;
  flex: 0 0 320px;          /* <<< largura da imagem no desktop (ajuste aqui) */
  min-height: 220px;        /* <<< altura “bonita” */
  background: #f2f4fb;
}

/* imagem sempre proporcional, sem esticar */
.case-media img{
  width: 100%;
  height: 100%;
  object-fit: cover;        /* corta o excesso com elegância */
  display: block;
}

/* badge */
.case-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  background: #0a73ff;
  color: #fff;
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  box-shadow: 0 10px 20px rgba(10,115,255,.25);
}

/* conteúdo */
.case-body{
  flex: 1;
  padding: 22px 22px 20px 0; /* mantém respiro e alinha fino */
}

/* título */
.case-title{
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 1.25;
  color: #0a1055;
  font-weight: 700;
}

/* texto mais limpo */
.case-story{
  margin: 0 0 14px 0;
  color: rgba(18, 22, 35, .85);
  line-height: 1.75;
  font-size: 15px;
}

/* tags */
.case-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}

.case-tags .tag{
  background: rgba(10,16,85,.06);
  color: rgba(10,16,85,.92);
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid rgba(10,16,85,.10);
}

/* botão menor e alinhado */
.case-actions .btn-cta.btn-cta-sm{
  padding: 10px 14px;
  border-radius: 12px;
}

/* ---------------------------------------------------------
   Responsivo: no mobile vira “imagem em cima”
   --------------------------------------------------------- */
@media (max-width: 991px){
  .case-card{
    flex-direction: column;
    gap: 0;
  }

  .case-media{
    flex: none;
    width: 100%;
    min-height: 210px;      /* <<< menor no mobile */
  }

  .case-body{
    padding: 18px;
  }

  .case-title{
    font-size: 18px;
  }
}

.cases-footer-text{
  margin-bottom: 70px;
}

@media (max-width: 768px){
  .cases-footer-text{
    margin-bottom: 45px;
  }
}

/* força lista vertical (um embaixo do outro) */
.cases-grid{
  display: grid;
  grid-template-columns: 1fr !important;
  gap: 22px; /* antes 26px -> mais elegante */
}


.case-card{
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  border-radius: 16px; 
  overflow: hidden;
}


.case-media img{
  width: 100%;
  height: 320px;       
  display: block;
  object-fit: cover;
}


.case-media{
  position: relative;
}
.case-badge{
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
}


.cases-footer-wide{
  max-width: 1100px;
  margin: 22px auto 0 auto; 
}




/* =========================
   DB PRO – refinamento visual
   Cole no FINAL do style.css
========================= */

.db-site{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  --db-blue: #0a1055;
  --db-blue2: #205498;
  --db-text: #0f172a;
  --db-muted: #475569;

  --db-radius: 16px;
  --db-radius-sm: 12px;

  --db-shadow: 0 14px 38px rgba(2, 12, 27, 0.10);
  --db-shadow-soft: 0 10px 26px rgba(2, 12, 27, 0.08);
}

/* Espaço entre conteúdo e rodapé (fica mais “premium”) */
.db-site footer{
  margin-top: 70px;
}

/* Linhas/Divisores mais finos e elegantes */
.db-site .section-line,
.db-site .cases-line{
  border: 0 !important;
  height: 2px !important;
  width: 180px;
  margin: 18px auto 0 auto;
  border-radius: 999px;
  opacity: 0.95;
  background: linear-gradient(90deg, rgba(10,16,85,0.15), rgba(32,84,152,1), rgba(10,16,85,0.15));
}

/* Caso exista um “divider” azul curto (tipo 320px), deixa mais fino */
.db-site .cases-divider{
  width: 180px;
  height: 3px;
  margin: 0 auto 14px auto;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(10,16,85,0.15), rgba(32,84,152,1), rgba(10,16,85,0.15));
}

/* Cards com acabamento mais profissional */
.db-site .case-card,
.db-site .deliver-card-pro,
.db-site .card,
.db-site .service-card,
.db-site .work-card{
  border-radius: var(--db-radius);
  box-shadow: var(--db-shadow-soft);
  overflow: hidden;
}

/* Imagens com corte proporcional (sem “grotesco” gigante) */
.db-site .case-media img{
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 16/9;
  max-height: 420px; /* deixa elegante e controlado */
}

/* Em telas menores, reduz altura máxima das imagens */
@media (max-width: 768px){
  .db-site .case-media img{
    max-height: 300px;
  }
}

/* Texto mais limpo */
.db-site .case-title{
  color: var(--db-text);
  line-height: 1.25;
  letter-spacing: -0.2px;
}

.db-site .case-story{
  color: var(--db-muted);
  line-height: 1.85;
  margin-top: 10px;
}

/* Tags mais “finas” */
.db-site .tag{
  border-radius: 999px;
  padding: 6px 12px;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0.2px;
  background: rgba(32,84,152,0.08);
  color: var(--db-blue2);
  border: 1px solid rgba(32,84,152,0.15);
}

/* Badge mais clean */
.db-site .case-badge{
  border-radius: 999px;
  padding: 7px 14px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(10,16,85,0.92);
  color: #fff;
  box-shadow: 0 10px 22px rgba(2, 12, 27, 0.25);
}

/* Botões com padrão mais “premium” */
.db-site .btn-cta{
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.2px;
  padding: 10px 16px;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
}

.db-site .btn-cta:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 26px rgba(2, 12, 27, 0.18);
}

.db-site .btn-cta-outline{
  border: 1px solid rgba(32,84,152,0.35);
  background: rgba(32,84,152,0.06);
  color: var(--db-blue2);
}

/* Mais respiro nos blocos de texto que ficam colados em elementos azuis */
.db-site .cases-footer-text{
  margin-top: 28px;
  padding-top: 8px;
}

/* Se existir um bloco com borda azul do lado e estiver “colado”, dá espaço interno */
.db-site .cases-footer-inner,
.db-site .quote-box,
.db-site .cases-footer-text p{
  padding-left: 18px;
}

/* Melhor alinhamento geral das seções */
.db-site section{
  scroll-margin-top: 110px;
}








/* =========================
   INTRO – ESTÁVEL (NÃO QUEBRA)
========================= */

.intro-pro{
  position:relative;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  overflow:hidden;
}

/* grid principal */
.intro-wrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: start;
}

/* card texto */
.intro-panel{
  position:relative;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 26px 26px;
  box-shadow: 0 18px 40px rgba(2,6,23,.08);
  overflow:hidden;
}

/* faixinha azul no topo do card */
.intro-topline{
  position:absolute;
  top:0; left:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg, #0b3c8f, #1e73ff, #60a5fa);
}

/* textos */
.intro-kicker{
  color:#205498;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.78rem;
  margin: 8px 0 12px;
}

.intro-title{
  color:#0a1055;
  font-size: clamp(1.85rem, 2.6vw, 2.35rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin: 0 0 16px;
}

.intro-title .highlight{
  display:block;
  margin-top: 8px;
  color:#1e73ff;
  font-weight: 750;
}

.intro-text{
  color:#475569;
  font-size: 16.2px;
  line-height: 1.75;
  margin-bottom: 14px;
}

/* botões */
.intro-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top: 14px;
}

.btn-intro{
  padding: 10px 15px;
  border-radius: 10px;
  background:#205498;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  box-shadow: 0 10px 22px rgba(32,84,152,.22);
  transition: .2s ease;
}
.btn-intro:hover{ transform: translateY(-2px); }

.btn-intro.ghost{
  background: transparent;
  color:#205498;
  border:2px solid rgba(32,84,152,.35);
  box-shadow:none;
}

/* =========================
   GRID IMAGENS (2x3)
========================= */

.image-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

/* link */
.image-link{
  display:block;
  text-decoration:none;
}

/* card com borda gradiente */


/* fundo interno */
.image-card::before{
  content:"";
  position:absolute;
  inset:3px;
  background:#fff;
  border-radius: 22px;
  z-index:1;
}

.image-card img{
  position:relative;
  z-index:2;
  width:100%;
  height: 180px;          /* mantém todas iguais */
  object-fit:cover;
  border-radius: 20px;
  transition:.4s ease;
}

/* tag */
.image-tag{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:3;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(10,16,85,.80);
  color:#fff;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.06em;
}

/* hover */
.image-link:hover .image-card{
  transform: translateY(-5px);
  box-shadow:
    0 22px 44px rgba(30,64,175,.25),
    0 10px 20px rgba(2,6,23,.10);
}
.image-link:hover .image-card img{ transform: scale(1.06); }

.image-link{ cursor:pointer; }

/* ✅ REMOVIDO: regra que deixava 2 últimas gigantes */

/* animações */
.fade-in-up{ animation: fadeInUp 1s ease-out both; }
.fade-in{ animation: fadeIn 1.2s ease-out both; }

@keyframes fadeInUp{
  from{opacity:0; transform:translateY(26px);}
  to{opacity:1; transform:translateY(0);}
}
@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

/* responsivo */
@media (max-width: 991px){
  .intro-wrap{ grid-template-columns: 1fr; }
  .image-card img{ height: 200px; }
}

@media (max-width: 576px){
  .image-grid{ grid-template-columns: 1fr; }
  .image-card img{ height: 210px; }
}
/* =========================
   INTRO – ESTÁVEL
========================= */

.intro-pro{
  position:relative;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  overflow:hidden;
}

/* Grid principal */
.intro-wrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 28px;
  align-items: start;
}

/* Card texto */
.intro-panel{
  position:relative;
  background: rgba(255,255,255,.95);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 18px;
  padding: 26px;
  box-shadow: 0 18px 40px rgba(2,6,23,.08);
  overflow:hidden;
}

/* Faixa azul topo */
.intro-topline{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background: linear-gradient(90deg,#0b3c8f,#1e73ff,#60a5fa);
}

/* Textos */

.intro-kicker{
  color:#205498;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:.78rem;
  margin: 8px 0 12px;
}

.intro-title{
  font-size: clamp(1.6rem, 2.1vw, 2rem);
}

.intro-title .highlight{
  display:block;
  margin-top:6px;
  color:#1e73ff;
}

.intro-text{
  color:#475569;
  font-size:16px;
  line-height:1.75;
  margin-bottom:14px;
}

/* Botões */

.intro-cta{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

.btn-intro{
  padding:10px 16px;
  border-radius:10px;
  background:#205498;
  color:#fff;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(32,84,152,.25);
  transition:.2s;
}

.btn-intro:hover{
  transform:translateY(-2px);
}

.btn-intro.ghost{
  background:transparent;
  color:#205498;
  border:2px solid rgba(32,84,152,.35);
  box-shadow:none;
}

/* =========================
   GRID DE IMAGENS
========================= */

.image-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

/* Link */

.image-link{
  display:block;
  text-decoration:none;
  cursor:pointer;
}

/* Card */
.image-card{
  position:relative;
  margin:0;
  padding: 3px; /* MENOR */
  border-radius: 20px; /* MENOR */
  background: linear-gradient(135deg,#0b3c8f,#1e73ff,#60a5fa);
  box-shadow:
    0 8px 18px rgba(30,64,175,.16),
    0 4px 8px rgba(2,6,23,.05);
  transition:.25s ease;
  overflow:hidden;
}


/* Fundo interno */

.image-card::before{
  content:"";
  position:absolute;
  inset:2px;
  background:#fff;
  border-radius:22px;
  z-index:1;
}

/* Imagem (corrigida) */

.image-card img{
  position:relative;
  z-index:2;
  width:100%;
  height:100%;
  min-height:180px;
  display:block;
  object-fit:cover;
  border-radius:22px;
  transition:.4s ease;
  background:#fff;
}

/* Tag */

.image-tag{
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:3;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(10,16,85,.85);
  color:#fff;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.05em;
}

/* Hover */

.image-link:hover .image-card{
  transform:translateY(-4px);
  box-shadow:
    0 18px 38px rgba(30,64,175,.28),
    0 8px 18px rgba(2,6,23,.12);
}

.image-link:hover .image-card img{
  transform:scale(1.06);
}



/* =========================
   ANIMAÇÕES
========================= */

.fade-in-up{
  animation: fadeInUp 1s ease both;
}

.fade-in{
  animation: fadeIn 1.2s ease both;
}

@keyframes fadeInUp{
  from{opacity:0; transform:translateY(24px);}
  to{opacity:1; transform:translateY(0);}
}

@keyframes fadeIn{
  from{opacity:0;}
  to{opacity:1;}
}

/* =========================
   RESPONSIVO
========================= */

@media (max-width:991px){

  .intro-wrap{
    grid-template-columns:1fr;
  }

  .image-card img{
    min-height:180px;
  }
}

@media (max-width:576px){

  .image-grid{
    grid-template-columns:1fr;
  }

  

  .image-card img{
    min-height:200px;
  }
}





/* ===============================
   FORÇA TAMANHO DOS CARDS
=============================== */


.image-link{
  max-width: 80% !important;
}

.image-card{
  padding: 2px !important;
  border-radius: 12px !important;
  max-width: 120% !important;
  height: auto !important;
}

/* remove fundo interno exagerado */
.image-card::before{
  inset: 2px !important;
  border-radius: 16px !important;
}

/* força imagem menor */
.image-card img{
  width: 110% !important;
  height: 140px !important; /* CONTROLA O TAMANHO AQUI */
  object-fit: cover !important;
  border-radius: 14px !important;
  display: block;
}

/* reduz espaço da tag */
.image-tag{
  font-size: .7rem !important;
  padding: 4px 9px !important;
}



.section-divider-soft{
  width: 100%;
  height: 6px;
  margin: 60px 0 35px;
  background: linear-gradient(90deg,
    transparent,
    #1e73ff,
    transparent
  );
}


/* Breadcrumb - Título principal (H1) */
.breadcrumb-content h1 {
  font-size: 28px;        /* antes estava gigante */
  font-weight: 600;      /* menos pesado */
  color: #ffffff;
  text-transform: none;  /* tira CAPS LOCK */
  margin-bottom: 10px;
  line-height: 1.2;
  letter-spacing: 0;
}

/* Mobile */
@media (max-width: 768px) {
  .breadcrumb-content h1 {
    font-size: 22px;
  }
}

/* FAQ Visual Premium */

.faq-item{
  background:#fff;
  border-radius:8px;
  margin-bottom:15px;
  box-shadow:0 3px 10px rgba(0,0,0,.06);
  border-left:4px solid #205498;
}

.faq-question{
  width:100%;
  background:none;
  border:0;
  text-align:left;
  padding:18px 22px;
  font-size:16px;
  font-weight:600;
  color:#0a1055;
  cursor:pointer;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.faq-question:hover{
  background:#f5f7fb;
}

.faq-icon{
  font-size:20px;
  font-weight:bold;
  transition:.3s;
}

.faq-item.active .faq-icon{
  transform:rotate(45deg);
}

.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height .3s ease;
  padding:0 22px;
}

.faq-item.active .faq-answer{
  padding-bottom:18px;
}

.faq-answer p{
  margin:0;
  color:#444;
  line-height:1.6;
  font-size:15px;
}

.equipamentos-carousel .owl-nav button,
.clients-carousel .owl-nav button{
  width:35px !important;
  height:35px !important;
  border-radius:50% !important;

  background:rgba(255,255,255,0.15) !important; /* bolinha clara */
  border:2px solid #ffffff !important;

  color:#ffffff !important;
  font-size:24px !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  opacity:1 !important;
  visibility:visible !important;

  box-shadow:0 0 6px rgba(0,0,0,0.3) !important;
}

.equipamentos-carousel .owl-nav button span,
.clients-carousel .owl-nav button span{
  color:#ffffff !important;
  font-weight:700 !important;
  display:inline-block !important;
}


/* LCP Banner otimizado */
.breadcrumb-area{
  position:relative;
  overflow:hidden;
}

.breadcrumb-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
}




.quick-benefits{
  margin: 14px 0 18px;
  padding-left: 18px;
}
.quick-benefits li{
  margin-bottom: 8px;
  line-height: 1.5;
}

.compact-actions{
  margin: 18px 0 22px;
}

.compact-list h3{
  margin-top: 18px;
  margin-bottom: 10px;
}
.compact-list ul li{
  margin-bottom: 8px;
  line-height: 1.5;
}

.about-details-accordion{
  margin-top: 16px;
}

/* HERO – ajuste APENAS no MOBILE (força aplicação) */
@media (max-width: 767.98px){

  .hero-area { 
    overflow: hidden !important; 
  }

  .hero-area .hero-silder-full .hero-slider-single{
    min-height: calc(100vh - 120px) !important;
    min-height: calc(100svh - 120px) !important;
    padding: 70px 0 90px !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .hero-area .hero-silder-full .hero-slider-single-caption{
    transform: translateY(18px) !important;
    max-width: 100% !important;
    padding-right: 0 !important;
  }

  /* ↓↓↓ ESTE É O PRINCIPAL AJUSTE (capsula azul) ↓↓↓ */
  .hero-area .hero-silder-full .hero-slider-single-caption h3{
    font-size: 14px !important;      /* antes 16px */
    line-height: 1.2 !important;
    padding: 8px 16px !important;   /* diminui altura da cápsula */
    border-radius: 18px !important;
    display: inline-block !important;
  }

  .hero-area .hero-silder-full .hero-slider-single-caption h2{
    font-size: 22px !important;     /* opcional diminuir também */
    line-height: 1.15 !important;
    word-break: break-word;
  }

  .hero-area .hero-silder-full .hero-slider-single-caption p{
    font-size: 14px !important;
    line-height: 1.45 !important;
    margin-top: 12px !important;
  }

  .hero-area .hero-silder-full .hero-btn{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin-top: 16px !important;
  }

  .hero-area .hero-silder-full .hero-btn a{
    padding: 10px 16px !important;
  }
}



/* ===========================
   DB | Premium Marketing Block
=========================== */
.db-medlab{padding:80px 0;background:#f6f8fb}
.db-medlab *{box-sizing:border-box}

.db-medlab .db-wrap{max-width:1180px;margin:0 auto;padding:0 16px}

.db-hero{
  background:linear-gradient(180deg,#ffffff,#f3f7ff);
  border:1px solid rgba(10,42,102,.10);
  border-radius:26px;
  padding:32px 26px;
  box-shadow:0 18px 44px rgba(10,42,102,.10);
  position:relative;
  overflow:hidden;
}
.db-hero:before{
  content:"";
  position:absolute;inset:-120px -80px auto auto;
  width:380px;height:380px;border-radius:50%;
  background:rgba(32,84,152,.10);
  filter:blur(0px);
}
.db-kicker{
  display:inline-block;
  font-weight:900;
  font-size:12px;
  letter-spacing:.14em;
  color:#0a2a66;
  background:rgba(32,84,152,.08);
  border:1px solid rgba(32,84,152,.16);
  padding:8px 12px;
  border-radius:999px;
}
.db-h1{
  margin:14px 0 10px;
  font-size:34px;
  font-weight:900;
  color:#0a2a66;
  letter-spacing:-.6px;
}
.db-sub{
  max-width:980px;
  margin:0 auto;
  color:#2b3852;
  line-height:1.95;
  font-size:16px;
}
@media(max-width:991px){ .db-h1{font-size:26px} }

.db-cta-row{
  margin-top:18px;
  display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;
}
.db-cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 22px;border-radius:999px;
  background:#ffbf00;color:#111;font-weight:900;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 14px 28px rgba(255,191,0,.22);
  text-decoration:none;
}
.db-cta:hover{transform:translateY(-1px)}
.db-note{
  color:#2b3852;line-height:1.6;font-size:13px;
  padding:10px 14px;border-radius:14px;
  background:#fff;border:1px solid rgba(10,42,102,.10);
}

.db-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-top:18px}
.db-card{
  background:#fff;border:1px solid rgba(10,42,102,.10);
  border-radius:22px;padding:18px;
  box-shadow:0 14px 34px rgba(10,42,102,.08);
}
.db-card h3{margin:0 0 10px;color:#0a2a66;font-weight:900;font-size:18px}
.db-card p{margin:0;color:#2b3852;line-height:1.9}
.db-span-6{grid-column:span 6}
.db-span-4{grid-column:span 4}
.db-span-12{grid-column:span 12}
@media(max-width:991px){
  .db-span-6,.db-span-4,.db-span-12{grid-column:span 12}
}

/* Chips */
.db-chips{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:14px 0 0}
.db-chips li{
  display:flex;align-items:center;gap:10px;
  background:linear-gradient(180deg,#f8fbff,#eef5ff);
  border:1px solid rgba(10,42,102,.10);
  border-radius:14px;padding:10px 12px;
  color:#0a2a66;font-weight:800;
}
.db-chips i{color:#205498}

/* Icon strip bounce (horizontal center) */
.db-icon-strip{
  display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;
  gap:54px;list-style:none;padding:0;margin:22px 0 0;
}
.db-icon-strip li{
  width:175px;display:flex;flex-direction:column;align-items:center;text-align:center
}
.db-icon-strip li i{
  font-size:34px;color:#205498;margin-bottom:10px;
  animation:dbBounce 2.1s ease-in-out infinite;will-change:transform;
}
.db-icon-strip li:nth-child(2) i{animation-delay:.12s}
.db-icon-strip li:nth-child(3) i{animation-delay:.24s}
.db-icon-strip li:nth-child(4) i{animation-delay:.36s}
.db-icon-strip li:nth-child(5) i{animation-delay:.48s}
@keyframes dbBounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.db-icon-strip span{font-weight:900;color:#0a2a66;font-size:14px;line-height:1.35}

/* Lists */
.db-ul{margin:10px 0 0;padding-left:18px;color:#2b3852;line-height:1.95}
.db-ul li{margin:6px 0}

/* KPI pills */
.db-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}
.db-kpi .k{background:#fff;border:1px solid rgba(10,42,102,.10);border-radius:18px;padding:14px;box-shadow:0 12px 26px rgba(10,42,102,.06)}
.db-kpi .k strong{display:block;color:#0a2a66;font-size:14px;font-weight:900}
.db-kpi .k span{display:block;color:#2b3852;line-height:1.7;margin-top:6px}
@media(max-width:991px){.db-kpi{grid-template-columns:1fr}}

/* Steps */
.db-steps{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:14px}
.db-step{grid-column:span 6;background:#fff;border:1px solid rgba(10,42,102,.10);border-radius:20px;padding:16px;box-shadow:0 14px 34px rgba(10,42,102,.08)}
.db-step .n{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(32,84,152,.10);
  border:1px solid rgba(32,84,152,.18);
  color:#0a2a66;font-weight:900;margin-bottom:10px
}
.db-step strong{display:block;color:#0a2a66;font-weight:900}
.db-step span{display:block;color:#2b3852;line-height:1.85;margin-top:6px}
@media(max-width:991px){.db-step{grid-column:span 12}}

/* FAQ */
.db-faq details{
  background:#fff;border:1px solid rgba(10,42,102,.10);
  border-radius:18px;box-shadow:0 12px 26px rgba(10,42,102,.06);
  overflow:hidden
}
.db-faq details+details{margin-top:12px}
.db-faq summary{
  cursor:pointer;list-style:none;padding:16px 16px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  font-weight:900;color:#0a2a66
}
.db-faq summary::-webkit-details-marker{display:none}
.db-faq .plus{
  width:34px;height:34px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(32,84,152,.10);border:1px solid rgba(32,84,152,.18);
  transition:transform .18s ease
}
.db-faq details[open] summary .plus{transform:rotate(45deg)}
.db-faq .body{padding:0 16px 16px;color:#2b3852;line-height:1.95}

/* =====================================================
   SEÇÃO PRINCIPAL
   ===================================================== */

.db-medlab2{
  padding: 46px 0 72px;
  background: #f4f7fb; /* fundo limpo da página */
}

/* container central com os efeitos agora limitados */
.db-medlab2 .wrap{
  max-width: 1380px;
  margin: 0 auto;
  padding: 0 24px;

  /* efeitos visuais limitados ao container */
  background:
    radial-gradient(1100px 420px at 12% -5%, rgba(32,84,152,.10), transparent 55%),
    radial-gradient(950px 420px at 88% 0%, rgba(22,163,74,.08), transparent 55%),
    radial-gradient(900px 380px at 88% 92%, rgba(239,68,68,.06), transparent 60%),
    radial-gradient(900px 380px at 12% 92%, rgba(234,179,8,.08), transparent 60%);

  border-radius: 22px;
}


/* =====================================================
   GRID DOS DOIS CARDS SUPERIORES
   ===================================================== */

.db-medlab2 .cards-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 26px;
  margin-bottom: 30px;
}


/* =====================================================
   CARD BASE
   ===================================================== */

.db-medlab2 .card{
  background: linear-gradient(180deg,#ffffff,#f9fbff);
  border-radius: 18px;
  border: 1px solid rgba(10,42,102,.08);
  box-shadow: 0 12px 32px rgba(10,42,102,.08);
  transition: .25s;
}

.db-medlab2 .card:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 40px rgba(10,42,102,.12);
}

.db-medlab2 .pad{
  padding: 30px 30px;
}


/* =====================================================
   TIPOGRAFIA
   ===================================================== */

.db-medlab2 h2{
  font-size: 28px;
  font-weight: 700;
  color: #0a2a66;
  margin-bottom: 14px;
}

.db-medlab2 h3{
  font-size: 20px;
  font-weight: 600;
  color: #0a2a66;
  margin-bottom: 10px;
}

.db-medlab2 p{
  font-size: 15.5px;
  line-height: 1.7;
  color: #334155;
  margin-bottom: 14px;
}


/* =====================================================
   KICKER
   ===================================================== */

.db-medlab2 .kicker{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  letter-spacing: .08em;
  font-weight: 600;
  color: #205498;
  margin-bottom: 12px;
}

.db-medlab2 .kicker .dot{
  width: 8px;
  height: 8px;
  background: #ffbf00;
  border-radius: 50%;
}


/* =====================================================
   ICON STRIP
   ===================================================== */

.db-medlab2 .icon-strip{
  list-style: none;
  padding: 0;
  margin: 22px 0 10px;

  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
}

.db-medlab2 .icon-strip li{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 18%;
  text-align: center;
}

.db-medlab2 .icon-strip i{
  font-size: 26px;
  margin-bottom: 6px;
}

/* cores individuais */
.db-medlab2 .icon-strip li:nth-child(1) i{color:#205498;}
.db-medlab2 .icon-strip li:nth-child(2) i{color:#16a34a;}
.db-medlab2 .icon-strip li:nth-child(3) i{color:#eab308;}
.db-medlab2 .icon-strip li:nth-child(4) i{color:#ef4444;}
.db-medlab2 .icon-strip li:nth-child(5) i{color:#2563eb;}

.db-medlab2 .icon-strip span{
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
}


/* =====================================================
   MINI GRID
   ===================================================== */

.db-medlab2 .grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 12px;
}

.db-medlab2 .mini{
  background: #f8fbff;
  padding: 16px;
  border-radius: 12px;
  border: 1px solid rgba(10,42,102,.06);
}

.db-medlab2 .mini h3{
  font-size: 15px;
  margin-bottom: 6px;
}

.db-medlab2 .mini ul{
  padding-left: 16px;
}

.db-medlab2 .mini li{
  font-size: 14px;
  margin-bottom: 4px;
  color: #475569;
}


/* =====================================================
   BOTÃO
   ===================================================== */

.db-medlab2 .cta-row{
  margin-top: 18px;
}

.db-medlab2 .cta{
  display: inline-block;
  background: linear-gradient(180deg,#ffbf00,#f59e0b);
  color: #0a2a66;
  font-weight: 700;
  padding: 13px 26px;
  border-radius: 40px;
  text-decoration: none;
  box-shadow: 0 10px 22px rgba(255,191,0,.35);
}

.db-medlab2 .cta:hover{
  transform: translateY(-2px);
}

.db-medlab2 .hint{
  margin-top: 6px;
  font-size: 13px;
  color: #64748b;
}


/* =====================================================
   FAIXA COLORIDA
   ===================================================== */




/* =====================================================
   RESPONSIVO
   ===================================================== */

@media(max-width: 980px){

  .db-medlab2 .cards-grid{
    grid-template-columns: 1fr;
  }

  .db-medlab2 .grid{
    grid-template-columns: 1fr;
  }

  .db-medlab2 .icon-strip li{
    width: 48%;
  }

}


/* SEÇÃO FULL / RETA */
.db-medlab2{
  background:#f4f7fb;      /* fundo reto */
  border-radius:0;          /* sem curvas */
}

/* bloco interno (sem cara de “card”) */
.db-medlab2-inner{
  background:transparent;   /* mantém padrão da página */
}

/* topo */
.db-medlab2 .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:700;
  color:#0a2a66;
  margin-bottom:14px;
}

.db-medlab2 .kicker .dot{
  width:8px;height:8px;border-radius:50%;
  background:#fbbf24;
}

/* títulos e texto mais suaves */
.db-medlab2 h2{
  font-size:30px;
  font-weight:700;
  color:#0a2a66;
  margin:0 0 14px;
}

.db-medlab2 p{
  font-size:16px;
  color:#334155;
  line-height:1.75;
  margin:0 0 12px;
}

/* ícones horizontais centralizados */
.db-medlab2 .icon-strip{
  list-style:none;
  padding:0;
  margin:22px 0 14px;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:14px;
}

.db-medlab2 .icon-strip li{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1 1 220px;
  color:#1e293b;
  font-weight:600;
}

.db-medlab2 .icon-strip i{
  font-size:22px;
  color:#2563eb;
}

/* botão */
.db-medlab2 .cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:16px;
}

.db-medlab2 .cta-btn{
  display:inline-block;
  background:linear-gradient(180deg,#ffbf00,#f59e0b);
  color:#0a2a66;
  font-weight:800;
  padding:12px 22px;
  border-radius:10px;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(255,191,0,.30);
}

.db-medlab2 .hint{
  font-size:13px;
  color:#64748b;
}



/* 2 colunas abaixo */
.db-medlab2-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.db-medlab2-cols .colbox{
  background:#fff;
  border:1px solid rgba(10,42,102,.08);
  border-radius:12px; /* leve, não “curvão” */
  padding:18px 18px;
  box-shadow:0 10px 24px rgba(10,42,102,.06);
}

.db-medlab2-cols h3{
  font-size:16px;
  font-weight:800;
  color:#0a2a66;
  margin:0 0 10px;
  display:flex;
  align-items:center;
  gap:10px;
}

.db-medlab2-cols h3 i{ color:#16a34a; }

.db-medlab2-cols ul{
  margin:0;
  padding-left:18px;
  color:#475569;
}

.db-medlab2-cols li{ margin-bottom:6px; }

/* responsivo */
@media(max-width: 991px){
  .db-medlab2-cols{ grid-template-columns:1fr; }
  .db-medlab2 h2{ font-size:26px; }
}
/* SEÇÃO RETA / FULL */
.db-medlab2{
  background:#f4f7fb;
  border-radius:0;
}

/* GRID PRINCIPAL */
.db-medlab2-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}

/* BLOCOS (SEM CARA DE “BOLHA”) */
.db-medlab2-block{
  background:transparent;         /* sem card curvado */
  padding:0;                      /* fica alinhado com a página */
}

/* títulos */
.db-medlab2 h2{
  font-size:30px;
  font-weight:700;
  color:#0a2a66;
  margin:0 0 14px;
}

.db-medlab2 h3{
  font-size:20px;
  font-weight:700;
  color:#0a2a66;
  margin:0 0 12px;
}

.db-medlab2 p{
  font-size:16px;
  line-height:1.75;
  color:#334155;
  margin:0 0 12px;
}

/* kicker */
.db-medlab2 .kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:12px;
  letter-spacing:.08em;
  font-weight:800;
  color:#0a2a66;
  margin-bottom:14px;
}

.db-medlab2 .kicker .dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fbbf24;
}

/* icon strip */
.db-medlab2 .icon-strip{
  list-style:none;
  padding:0;
  margin:18px 0 14px;
  display:flex;
  flex-wrap:wrap;
  gap:12px 18px;
}

.db-medlab2 .icon-strip li{
  flex:1 1 240px;
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:700;
  color:#1e293b;
}

.db-medlab2 .icon-strip i{
  font-size:20px;
  color:#2563eb;
}

/* mini cards (aqui sim pode ter “cartão” leve) */
.db-medlab2 .mini-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:10px;
}

.db-medlab2 .mini{
  background:#ffffff;
  border:1px solid rgba(10,42,102,.08);
  border-radius:10px;             /* leve, não bagunça */
  padding:14px 14px;
  box-shadow:0 10px 22px rgba(10,42,102,.06);
}

.db-medlab2 .mini h4{
  font-size:15px;
  font-weight:900;
  margin:0 0 8px;
  color:#0a2a66;
  display:flex;
  align-items:center;
  gap:10px;
}

.db-medlab2 .mini h4 i{
  color:#16a34a;
}

.db-medlab2 .mini ul{
  margin:0;
  padding-left:18px;
  color:#475569;
}

.db-medlab2 .mini li{ margin-bottom:6px; }

/* CTA */
.db-medlab2 .cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center;
  margin-top:14px;
}

.db-medlab2 .cta-btn{
  display:inline-block;
  background:linear-gradient(180deg,#ffbf00,#f59e0b);
  color:#0a2a66;
  font-weight:900;
  padding:12px 22px;
  border-radius:10px;
  text-decoration:none;
  box-shadow:0 10px 22px rgba(255,191,0,.30);
}

.db-medlab2 .cta-btn.secondary{
  background:linear-gradient(180deg,#2563eb,#205498);
  color:#fff;
  box-shadow:0 10px 22px rgba(37,99,235,.25);
}

.db-medlab2 .hint{
  font-size:13px;
  color:#64748b;
}



/* bloco inferior */
.db-medlab2-bottom{
  margin-top:6px;
}

/* responsivo */
@media(max-width: 991px){
  .db-medlab2-grid{ grid-template-columns:1fr; }
  .db-medlab2 .mini-grid{ grid-template-columns:1fr; }
  .db-medlab2 h2{ font-size:26px; }
}

/* STRIP HORIZONTAL CENTRAL */
.icon-strip{

  display:flex;
  justify-content:center;
  align-items:flex-start;

  gap:60px;

  margin:30px 0 25px;
  padding:0;

  list-style:none;
  flex-wrap:wrap;

}

/* ITEM */
.icon-strip li{

  display:flex;
  flex-direction:column;
  align-items:center;

  text-align:center;

  width:160px;

}

/* ICON */
.icon-strip i{

  font-size:28px;
  margin-bottom:10px;

  animation: iconBounce 2.2s ease-in-out infinite;

}

/* TEXTO */
.icon-strip span{

  font-size:15px;
  font-weight:600;
  color:#0a2a66;

}

/* CORES INDIVIDUAIS */
.icon-strip li:nth-child(1) i{ color:#2563eb; }
.icon-strip li:nth-child(2) i{ color:#16a34a; }
.icon-strip li:nth-child(3) i{ color:#eab308; }
.icon-strip li:nth-child(4) i{ color:#ef4444; }
.icon-strip li:nth-child(5) i{ color:#2563eb; }


/* EFEITO PULANDO */
@keyframes iconBounce{

  0%,100%{
    transform:translateY(0);
  }

  50%{
    transform:translateY(-10px);
  }

}


/* delay individual para parecer natural */
.icon-strip li:nth-child(1) i{ animation-delay:0s; }
.icon-strip li:nth-child(2) i{ animation-delay:.2s; }
.icon-strip li:nth-child(3) i{ animation-delay:.4s; }
.icon-strip li:nth-child(4) i{ animation-delay:.6s; }
.icon-strip li:nth-child(5) i{ animation-delay:.8s; }

/* COLUNA DIREITA COM CARDS */
.db-right-cards{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.right-card{
  background:#fff;
  border:1px solid rgba(10,42,102,.08);
  border-radius:14px;
  padding:16px 16px;
  box-shadow:0 12px 26px rgba(10,42,102,.07);
}

.right-card.hero{
  background:linear-gradient(180deg,#ffffff,#f4f8ff);
}

.db-right-cards h3{
  font-size:20px;
  font-weight:800;
  color:#0a2a66;
  margin:0 0 8px;
}

.right-card p{
  margin:0;
  color:#334155;
  line-height:1.75;
  font-size:15.5px;
}

/* GRID 2 CARDS */
.right-cards-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.rc-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:10px;
}

.rc-title h4{
  margin:0;
  font-size:15px;
  font-weight:900;
  color:#0a2a66;
}

.rc-badge{
  width:10px;
  height:10px;
  border-radius:50%;
  display:inline-block;
}

.rc-badge.warn{ background:#f59e0b; }
.rc-badge.ok{ background:#16a34a; }

/* LISTA BONITA */
.rc-list{
  margin:0;
  padding:0;
  list-style:none;
}

.rc-list li{
  position:relative;
  padding-left:22px;
  margin-bottom:8px;
  color:#475569;
  font-size:14.8px;
  line-height:1.6;
}

.rc-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#16a34a;
  font-weight:900;
}

/* KPIs */
.rc-text{
  margin:0 0 10px !important;
}

.rc-kpis{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.kpi{
  font-size:12px;
  font-weight:900;
  color:#0a2a66;
  background:rgba(37,99,235,.10);
  border:1px solid rgba(37,99,235,.18);
  padding:6px 10px;
  border-radius:999px;
}

/* RESPONSIVO */
@media(max-width: 991px){
  .right-cards-grid{
    grid-template-columns:1fr;
  }
}

.divider{

  height:6px;
  margin:40px 0 30px;

  width:100%;
  border-radius:6px;

  background:linear-gradient(
    90deg,
    #0a2a66 0%,
    #205498 35%,
    #2563eb 70%,
    #3b82f6 100%
  );

  box-shadow:
    0 4px 12px rgba(37,99,235,.25),
    inset 0 1px 0 rgba(255,255,255,.25);

}

.db-medlab2 .db-medlab2-grid{
  margin-bottom: 45px !important;
}
/* =========================
   VISUAL MAIS "FURIOSO"
   (não altera o fundo da section)
========================= */

/* Título com vibe mais forte */
.equipment-header h3,
.faq-area .equipment-header h3{
  font-weight: 800;
  letter-spacing: .2px;
  text-transform: uppercase;
}

/* Divider mais agressivo (duplo + brilho) */
.equipment-divider{
  width: 120px;
  height: 4px;
  margin: 0 auto 18px auto;
  border-radius: 999px;
  background: linear-gradient(90deg, #0b5ed7, #00d4ff, #0b5ed7);
  position: relative;
  box-shadow: 0 10px 25px rgba(11,94,215,.25);
}
.equipment-divider::after{
  content:"";
  position:absolute;
  left: 15%;
  top: 10px;
  width: 70%;
  height: 2px;
  border-radius: 999px;
  background: rgba(11,94,215,.35);
}

/* Cards da lista com borda/energia + hover “nervoso” */
.equipment-item{
  background: rgba(255,255,255,.96);
  border: 1px solid rgba(11,94,215,.12);
  border-left: 6px solid #0b5ed7;
  border-radius: 12px;
  padding: 16px 18px;
  box-shadow: 0 10px 24px rgba(0,0,0,.06);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  position: relative;
  overflow: hidden;
}

.equipment-item::before{
  content:"";
  position:absolute;
  inset: 0;
  background: linear-gradient(120deg,
    rgba(11,94,215,.18),
    rgba(0,212,255,.08),
    rgba(11,94,215,.10)
  );
  opacity: 0;
  transition: opacity .18s ease;
}

.equipment-item:hover{
  transform: translateX(10px) translateY(-2px);
  border-color: rgba(11,94,215,.35);
  box-shadow: 0 16px 34px rgba(0,0,0,.10);
}
.equipment-item:hover::before{ opacity: 1; }

/* Ícone com “glow” e cara de painel */
.equipment-icon{
  width: 34px;
  height: 34px;
  border-radius: 10px; /* mais “industrial” que circular */
  background: linear-gradient(180deg, #0b5ed7, #084298);
  box-shadow: 0 10px 22px rgba(11,94,215,.30);
  position: relative;
}
.equipment-icon i{ transform: translateY(0.5px); }

.equipment-icon::after{
  content:"";
  position:absolute;
  inset: -10px;
  background: radial-gradient(circle, rgba(0,212,255,.22), transparent 60%);
  opacity: .8;
  pointer-events:none;
}

/* Texto com mais presença */
.equipment-text{
  font-weight: 700;
  color: #0b1220;
}

/* Rodapé da seção (CTA) mais “forte” */
.equipment-footer p{
  max-width: 820px;
  margin: 18px auto 14px auto;
  color: #333;
}

/* Botão “furioso” */
.btn-industrial{
  border-radius: 10px;
  padding: 13px 30px;
  background: linear-gradient(90deg, #0b5ed7, #00d4ff);
  box-shadow: 0 14px 28px rgba(11,94,215,.28);
  position: relative;
  overflow: hidden;
  letter-spacing: .2px;
}

.btn-industrial::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-30%;
  width: 60%;
  height: 180%;
  background: rgba(255,255,255,.25);
  transform: rotate(25deg);
  transition: left .35s ease;
}
.btn-industrial:hover{
  transform: translateY(-3px);
  box-shadow: 0 18px 34px rgba(11,94,215,.35);
}
.btn-industrial:hover::before{
  left: 120%;
}

/* ===== FAQ mais “agressivo” ===== */
.faq-item{
  border-radius: 12px;
  border: 1px solid rgba(11,94,215,.12);
  box-shadow: 0 12px 26px rgba(0,0,0,.06);
}

.faq-question{
  padding: 16px 18px;
  font-weight: 800;
  letter-spacing: .15px;
  position: relative;
}

.faq-question::after{
  content:"";
  position:absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, transparent, rgba(11,94,215,.35), transparent);
  opacity: .8;
}

.faq-question:hover{
  background: linear-gradient(90deg, rgba(11,94,215,.06), rgba(0,212,255,.05));
}

.faq-icon{
  width: 34px;
  height: 34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
  background: rgba(11,94,215,.10);
  border: 1px solid rgba(11,94,215,.18);
  color: #0b5ed7;
}


/* ===== MEDSOFT PRO: elegante + efeitos ===== */
.medsoft-section{
  padding: 04px 0; /* mais pra cima e equilibrado */
  position: relative;
}

/* glow sutil ao fundo da section (não muda a cor) */
.medsoft-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(600px 220px at 50% 10%, rgba(11,94,215,.10), transparent 60%),
    radial-gradient(520px 220px at 15% 55%, rgba(0,212,255,.07), transparent 60%),
    radial-gradient(520px 220px at 85% 60%, rgba(11,94,215,.06), transparent 60%);
  opacity:.9;
}

/* Cabeçalho */
.medsoft-header{
  position: relative;
  z-index: 1;
  max-width: 860px;
  margin: 0 auto 28px;
  animation: medFadeUp .55s ease both;
}
@keyframes medFadeUp{
  from{ opacity:0; transform: translateY(10px); }
  to{ opacity:1; transform: translateY(0); }
}

.medsoft-header h3{
  font-weight: 900;
  letter-spacing: .25px;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #0b1220;
}

.medsoft-header p{
  max-width: 760px;
  margin: 0 auto;
  line-height: 1.78;
  color: #445064;
  font-size: 16.5px;
}

/* Divider mais premium */
.medsoft-divider{
  width: 120px;
  height: 3px;
  margin: 0 auto 14px;
  border-radius: 999px;
  background: linear-gradient(90deg,
    rgba(11,94,215,.18),
    rgba(11,94,215,1),
    rgba(0,212,255,.55),
    rgba(11,94,215,1),
    rgba(11,94,215,.18)
  );
  position: relative;
  box-shadow: 0 14px 26px rgba(11,94,215,.12);
}
.medsoft-divider::after{
  content:"";
  position:absolute;
  left: 28%;
  top: 7px;
  width: 44%;
  height: 2px;
  border-radius: 999px;
  background: rgba(11,94,215,.18);
}

/* LISTA */
.medsoft-list{
  list-style:none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
}

.medsoft-item{
  position: relative;
  display:flex;
  align-items:center;
  gap: 12px;
  padding: 13px 14px 13px 14px;
  margin-bottom: 12px;
  border-radius: 14px;

  /* glass leve */
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(10, 30, 60, .07);
  backdrop-filter: blur(6px);

  /* sombra bem suave */
  box-shadow:
    0 10px 22px rgba(10, 30, 60, .04),
    inset 0 1px 0 rgba(255,255,255,.45);

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  overflow: hidden;
}

/* Linha lateral “tech” */
.medsoft-item::before{
  content:"";
  position:absolute;
  left: 0;
  top: 10px;
  bottom: 10px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(11,94,215,.25), rgba(11,94,215,.85), rgba(0,212,255,.25));
  opacity: .9;
}

/* shimmer bem discreto */
.medsoft-item::after{
  content:"";
  position:absolute;
  top: -40%;
  left: -60%;
  width: 55%;
  height: 200%;
  background: rgba(255,255,255,.20);
  transform: rotate(20deg);
  opacity: 0;
  transition: .35s ease;
}

.medsoft-item:hover{
  transform: translateY(-3px);
  border-color: rgba(11,94,215,.22);
  box-shadow:
    0 16px 34px rgba(10, 30, 60, .06),
    0 0 0 6px rgba(11,94,215,.05),
    inset 0 1px 0 rgba(255,255,255,.55);
}
.medsoft-item:hover::after{
  left: 120%;
  opacity: 1;
}

/* Ícone refinado */
.medsoft-ico{
  width: 30px;
  height: 30px;
  border-radius: 10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(11,94,215,.10);
  color: #0b5ed7;
  border: 1px solid rgba(11,94,215,.12);
  box-shadow: 0 10px 18px rgba(11,94,215,.08);
  flex: 0 0 30px;
}
.medsoft-ico i{ font-size: 12px; }

.medsoft-item{
  color:#111827;
  font-weight: 600;
}

/* Footer */
.medsoft-footer{
  position: relative;
  z-index: 1;
  margin-top: 22px;
}
.medsoft-footer p{
  max-width: 780px;
  margin: 0 auto 14px;
  color: #445064;
  line-height: 1.75;
}

/* Botão premium */
.medsoft-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  padding: 12px 26px;
  border-radius: 14px;
  background: linear-gradient(90deg, #0b5ed7, #084298);
  color:#fff;
  text-decoration:none;
  font-weight: 800;
  letter-spacing: .2px;
  box-shadow: 0 18px 34px rgba(11,94,215,.20);
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease;
}
.medsoft-btn::before{
  content:"";
  position:absolute;
  top:-40%;
  left:-35%;
  width: 60%;
  height: 200%;
  background: rgba(255,255,255,.22);
  transform: rotate(20deg);
  transition: left .35s ease;
}
.medsoft-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 44px rgba(11,94,215,.26);
}
.medsoft-btn:hover::before{ left: 120%; }

/* ===== FAQ com efeito igual ===== */
.medsoft-faq{
  background: rgba(255,255,255,.52);
  border: 1px solid rgba(10, 30, 60, .07);
  border-radius: 16px;
  backdrop-filter: blur(6px);
  box-shadow: 0 12px 26px rgba(10, 30, 60, .04), inset 0 1px 0 rgba(255,255,255,.45);
  overflow: hidden;
  margin-bottom: 14px;
  position: relative;
}
.medsoft-q{
  width:100%;
  background: transparent;
  border:0;
  padding: 14px 16px;
  text-align:left;
  font-weight: 850;
  color:#0b1220;
  display:flex;
  justify-content: space-between;
  align-items:center;
  cursor:pointer;
}
.medsoft-q:hover{
  background: linear-gradient(90deg, rgba(11,94,215,.06), rgba(0,212,255,.04));
}
.medsoft-plus{
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background: rgba(11,94,215,.10);
  border: 1px solid rgba(11,94,215,.12);
  color: #0b5ed7;
  font-weight: 900;
}
.medsoft-a{
  display:none;
  padding: 0 16px 14px 16px;
  color:#445064;
  line-height:1.75;
}

/* Responsivo */
@media (max-width: 992px){
  .medsoft-section{ padding: 46px 0; }
  .medsoft-header p{ font-size: 16px; }
}


.equipamento-single {
  border: 3px solid #ffffff;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 15px 40px rgba(0,0,0,0.25);
  transition: transform 0.3s ease;
}

.equipamento-single:hover {
  transform: translateY(-5px);
}



.clients-title{
  margin: 0 0 10px;
}
.clients-title{
  font-size: 20px; 
  font-weight: 600;
}