.cta-exit {
	background: var(--lblue2);
	padding: 10px 15px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.cta-exit h3,
.cta-exit p {
	color: var(--white);
	line-height: 1.1;
	margin: 0px;
	padding: 0px;
}

.cta-exit-content p {
	font-weight: bold;
}


.cta-modal-whatsapp {
	background: var(--Whats1);
	padding: 15px 25px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	display: flex;
	align-items: center;
}

.cta-modal-lblue {
	background: var(--lblue2);
}


.cta-modal-whatsapp h3 {
	color: var(--white);
	line-height: 1.1;
	margin: 0px;
	padding: 0px;
}

.cta-modal-whatsapp svg {
	position: relative;
	top: 0px;
	width: 36px;
	height: 36px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white);
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}


.blur-header {
	-webkit-backdrop-filter: blur(7px);
	backdrop-filter: blur(7px);
}


.blur {
	-webkit-backdrop-filter: saturate(150%) blur(5x);
	backdrop-filter: saturate(150%) blur(5px);
	background-color: var(--whitergba8) !important
}

.radius7 {
	-webkit-border-radius: 7px !important;
	-moz-border-radius: 7px !important;
	border-radius: 7px !important;
}

.overflow {
	overflow: hidden !important;
}

.btn-animation {
	animation: pulsew 1s infinite;
}

.btn-scale12 {
	animation: scaleone 2s infinite;
}

@keyframes pulsew {
	0% {
		-moz-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
	}
	70% {
		-moz-box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
		box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
	}
	100% {
		-moz-box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
		box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
	}
}


@keyframes scaleone {
	0% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-moz-transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-o-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	100% {
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
}


.contact-map-area {
	width: 100%;
	line-height: 0.01px;
	position: relative;
	z-index: 1;
}

.contact-map-area iframe {
	height: 100%;
	width: 100%;
	filter: grayscale(100) brightness(0.9);
	position: absolute;
	inset: 0;
	z-index: -1;
}

@media (max-width: 991.98px) {
	.contact-map-area iframe {
		min-height: 450px;
	}
}

@media (max-width: 767.98px) {
	.contact-map-area iframe {
		min-height: 450px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.contact-map-area iframe {
		min-height: 450px;
	}
}

.contact-map-area .contact-info-wrap {
	background: var(--whitergba7);
	-webkit-backdrop-filter: saturate(150%) blur(5x);
	backdrop-filter: saturate(150%) blur(5px);
	display: inline-block;
	border-bottom: 5px solid var(--lblue2);
	box-shadow: 0px 4px 38px rgba(0, 0, 0, 0.15);
}

.contact-map-area .contact-info-wrap .contact-info-thumb img {
	width: 100%;
}

.contact-map-area .contact-info-wrap .list-wrap {
	padding: 40px;
}

.contact-map-area .contact-info-wrap .list-wrap li:not(:last-child) {
	border-bottom: 1px solid var(--lblue2);
	margin-bottom: 25px;
	padding-bottom: 25px;
}

.contact-map-area .contact-info-wrap .list-wrap .contact-info-card {
	display: flex;
	gap: 20px;
}

.contact-map-area .contact-info-wrap .list-wrap .contact-info-card .contact-info-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--lblue2);
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--dblue2);
	
}

.contact-map-area .contact-info-wrap .list-wrap .contact-info-card p {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	color: var(--lblue2);
	margin-bottom: 5px;
}

.contact-map-area .contact-info-wrap .list-wrap .contact-info-card h4 {
	font-size:18px;
	font-weight: bold;
	margin-bottom: -0.4em;
	line-height: 1.1;
	color: var(--orange2);
        font-family: var(--theme-font) !important;
}

.contact-info-icon svg {
	position: relative;
	top: -1px;
	width: 30px;
	height: 30px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white);
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}





.btn-primary {
	--bs-btn-color: var(--white);
	--bs-btn-bg: var(--lblue2);
	--bs-btn-border-color: var(--lblue2);
	--bs-btn-hover-color: var(--white);
	--bs-btn-hover-bg: var(--lblue2);
	--bs-btn-hover-border-color: var(--lblue2);
	--bs-btn-focus-shadow-rgb: var(--lbluergba10);
	--bs-btn-active-color: var(--white);
	--bs-btn-active-bg: var(--lblue2);
	--bs-btn-active-border-color: var(--lblue2);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: var(--white);
	--bs-btn-disabled-bg: var(--lblue2);
	--bs-btn-disabled-border-color: var(--lblue2);
}


.btn:hover {
	color: var(--bs-btn-hover-color);
	background-color: var(--lblue3);
	border-color: var(--lblue3);
}

.bg-primary {
	--bs-bg-opacity: 1;
	background-color: var(--lblue2) !important;
}

.text-primary {
	--bs-text-opacity: 1;
	color: var(--lblue2) !important;
}



.table-primary {
	/* --bs-table-color: #000; */
	--bs-table-bg: var(--lbluergba7);
	--bs-table-border-color:var(--dgreenrgba1);
	/* --bs-table-striped-bg: #c5d7f2; */
	/* --bs-table-striped-color: #000; */
	/* --bs-table-active-bg: #bacbe6; */
	/* --bs-table-active-color: #000; */
	/* --bs-table-hover-bg: #bfd1ec; */
	/* --bs-table-hover-color: #000; */
	/* color: var(--bs-table-color); */
	border-color:var(--dgreenrgba1);
}


.accordion-item {
	margin-bottom:5px;
}
.accordion-button,
.accordion-header,
.accordion-item,
.accordion,
.accordion-collapse,
.accordion-body {
	border-radius: 7px !important;
	
}
.accordion-body {
	padding: 15px 25px 5px 25px !important;
	
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	border-radius: 50%;
	transition: all 0.3s ease;
}


.accordion-button::after {
	/*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2300ccff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");*/
}


.accordion-item:first-of-type>.accordion-header .accordion-button {
	border-top-left-radius: var(--orangergba5);
	border-top-right-radius: var(--orangergba5);
	border-radius:7px;
	
}

.accordion-button:not(.collapsed) {
	color: var(--white);
	background-color: var(--lblue2);
	box-shadow: inset 0 calc(-1 * var(--lbluergba7)) 0 var(--lbluergba7);
}

.accordion-button:focus {
	z-index: 3;
	outline: 0;
	box-shadow: 0 0 0 0.15rem var(--lbluergba1);
	
}

.accordion-button {
	font-family: var(--theme-font) !important;
	font-size:18px;
	line-height:1.1
	
}





.btn-group-theme {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}


.btn-theme {
	position: relative;
	padding: 10px 15px;
	font-weight: bold;
	color: var(--white);
	-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;
	border-radius: 5px;
	overflow: hidden;
	border: 0px;
	background-size: 300% auto;
	background-image: linear-gradient(to right, var(--dblue1) 0%, var(--dblue3) 50%, var(--dblue1) 100%);
	-webkit-box-shadow: 0px 5px 25px 0px var(--blackrgba1);
	-moz-box-shadow: 0px 5px 25px 0px var(--blackrgba1);
	box-shadow: 0px 5px 25px 0px var(--blackrgba1);
	
	display: inline-flex;
	align-items: center;
	touch-action: manipulation;
}


.btn-theme-one {
	background-image: linear-gradient(to right, var(--lblue1) 0%, var(--lblue3) 50%, var(--lblue1) 100%);
}

.btn-theme-two {
	background-image: linear-gradient(to right, var(--orange1) 0%, var(--orange3) 50%, var(--orange1) 100%);
}

.btn-theme-tre {
	background-image: linear-gradient(to right, var(--Whats1) 0%, var(--Whats2) 50%, var(--Whats1) 100%);
}

/* Hover e focus */
.btn-theme:hover,
.btn-theme:focus,
.btn-theme-one:hover,
.btn-theme-one:focus,
.btn-theme-two:hover,
.btn-theme-two:focus,
.btn-theme-tre:hover,
.btn-theme-tre:focus,
a.btn-theme:hover,
a.btn-theme:focus,
a.btn-theme-one:hover,
a.btn-theme-one:focus,
a.btn-theme-two:hover,
a.btn-theme-two:focus,
a.btn-theme-tre:hover,
a.btn-theme-tre:focus {
	color: var(--white);
	/*transform: translateY(-3px);
		background-position: right center;
		box-shadow: 0px 10px 35px 0px var(--blackrgba3);
	margin-bottom: 5px;*/
	box-shadow: 0px 10px 35px 0px var(--blackrgba3);
	background-position: right center;
	-moz-transform: translate(0px, -3px);
	-webkit-transform: translate(0px, -3px);
	-o-transform: translate(0px, -3px);
	-ms-transform: translate(0px, -3px);
	transform: translate(0px, -3px);
}


.btn-theme svg,
.btn-theme-two svg,
.btn-theme-tre svg {
	position: relative;
	top: 0px;
	width: 20px;
	height: 20px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white);
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        margin-right:5px;
}

.btn-theme-two small,
.btn-theme-two strong {
	text-align: left;
	position: relative;
	left: 25px;
	margin: 0px;
	padding: 0px;
	display: block;
	color: var(--white);
}


.btn-theme-small {
	padding: 6px 10px !important;
	font-size: 12px;
}

.btn-theme-small svg {
	width: 14px;
	height: 14px;
	
}

.btn-theme-medium {
	padding: 10px 15px !important;
	font-size: 14px;
}

.btn-theme-medium svg {
	width: 18px;
	height: 18px;
}

.btn-theme-big {
	padding: 12px 22px !important;
	font-size: 16px;
}

.btn-theme-big svg {
	width: 24px;
	height: 24px;
}



.btn-link {
	background:var(--white);
	padding:1px 7px !important;
	color: var(--lblue2); 
	text-decoration: none; 
	border-radius:5px;
	-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;
	font-size:0.8rem
}
.btn-link:focus,
.btn-link:hover {
	background:var(--cccccc) !important;
	color: var(--orange2); 
	
}




.color-white {
	color: var(--white) !important
}

.color-dblue {
	color: var(--dblue2) !important;
}

.color-lblue {
	color: var(--lblue2) !important;
}

.color-orange {
	color: var(--orange2) !important;
}

.bg-white {
	background: var(--white) !important;
}

.bg-dblue {
	background: var(--dblue2) !important;
}

.bg-lblue {
	background: var(--lblue2) !important;
}

.bg-orange {
	background: var(--orange2) !important;
}
.bg-f4f4f4 {
	background: var(--f4f4f4) !important;
}
.bg-blackrgba1 {
	background: var(--blackrgba3);
}




/* HERO */

#servicos-premium {
        margin: 160px auto 0px;
        width: 100%;
        background: var(--f4f4f4);
	
}

@media only screen and (max-width: 1123px) {
        #servicos-premium {
		margin-top: 0px;
		
	}
	
}


.hero{
	position:relative;
	background:var(--matri-dark);
	color:#fff;
	padding-top:5rem;
	padding-bottom:4rem;
	overflow:hidden;
	margin-top: 160px;
}

@media only screen and (max-width: 1000px) {
        .hero {
		margin-top: 0px;
		
	}
	
}


.hero::before{
	content:"";
	position:absolute;
	inset:0;
	background:radial-gradient(circle at top left, rgba(236,69,57,.35), transparent 55%);
	opacity:.9;
	pointer-events:none;
}
.hero-content{
	position:relative;
	z-index:2;
}
.hero-tag{
	display:inline-flex;
	align-items:center;
	gap:.4rem;
	background:rgba(0,0,0,.55);
	border-radius:999px;
	padding:.25rem .9rem;
	font-size:.8rem;
	text-transform:uppercase;
	letter-spacing:.08em;
}
.hero-tag span{
	width:.55rem;
	height:.55rem;
	border-radius:50%;
	background:var(--matri-red);
}
.hero h1{
	font-weight:800;
}
.hero h1 span{
	color:var(--matri-red);
}
.hero-lead{
	max-width:540px;
	color:#e8e8e8;
}

.hero-badge-pill{
	display:inline-flex;
	align-items:center;
	gap:.4rem;
	border-radius:999px;
	border:1px solid rgba(255,255,255,.12);
	padding:.35rem .85rem;
	font-size:.78rem;
}
.hero-badge-pill span.dot{
	position:relative;
	width:.55rem;
	height:.55rem;
	border-radius:50%;
	background:var(--matri-red);
}
/* animação pulsante no dot */
.hero-badge-pill span.dot::after{
	content:"";
	position:absolute;
	inset:0;
	border-radius:50%;
	background:rgba(236,69,57,.55);
	animation:pulseDot 1.8s ease-out infinite;
	transform-origin:center;
}
@keyframes pulseDot{
	0%{
		opacity:.9;
		transform:scale(1);
	}
	70%{
		opacity:0;
		transform:scale(2.2);
	}
	100%{
		opacity:0;
		transform:scale(2.4);
	}
}



/* Swiper hero */
.hero-swiper{
	position:relative;
	border-radius:10px;
	overflow:hidden;
	box-shadow:0 25px 60px rgba(0,0,0,.55);
}
.hero-swiper .swiper-slide{
	position:relative;
	min-height:320px;
	background:#000;
}
.hero-swiper .swiper-slide img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.hero-swiper .slide-overlay{
	position:absolute;
	inset:0;
	background:linear-gradient(135deg, rgba(25,23,25,.9), rgba(25,23,25,.15));
}
.hero-swiper .slide-caption{
	position:absolute;
	left:1.75rem;
	right:1.75rem;
	bottom:1.75rem;
	color:#fff;
}
.hero-swiper .slide-caption h3{
	font-size:1.25rem;
	margin-bottom:.3rem;
}
.hero-swiper .slide-caption p{
	margin:0;
	font-size:.9rem;
	max-width:400px;
}
.hero-swiper .swiper-pagination-bullet{
	background:#fff;
	opacity:.4;
}
.hero-swiper .swiper-pagination-bullet-active{
	background:var(--matri-red);
	opacity:1;
}

@media (max-width:991.98px){
	.hero{
		padding-top:4.2rem;
	}
	.hero h1{
		font-size:1.9rem;
	}
	.hero-swiper{
		margin-top:2rem;
	}
}




/* Configuração do Card */
.flip-card {
	background-color: transparent;
	width: 100%;
	height: 260px; /* Altura fixa para alinhar todos */
	perspective: 1000px; /* Necessário para efeito 3D */
}

/* Container interno que gira */
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
	transform-style: preserve-3d;
}

/* Gira o card ao passar o mouse */
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

/* Estilo Comum Frente e Verso */
.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Estilo da Frente */
.flip-card-front {
	background-color: #ffffff;
	color: black;
}

/* Estilo do Verso */
.flip-card-back {
	background-color: #d8232b; /* Cor de fallback (Vermelho da RM) */
	color: white;
	transform: rotateY(180deg);
	background-size: cover;
	background-position: center;
}

.flip-card-back p {
	font-size: 0.9rem;
	line-height: 1.4;
	margin: 0;
}




/* Seção CTA Final */
.cta-final {
    background: linear-gradient(135deg, var(--lblue1) 0%, var(--lblue3) 100%); /* Fundo levemente degradê */
    padding: 80px 0;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 5px solid var(--lblue2); 
     position: relative;
}
.cta-final:before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    background: url(../images/shape-dark-06.svg);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 0;
    opacity: 0.25;

}


/* Título */
.cta-final h2 {
    color: var(--white);
    font-size: 2.25rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    max-width: 800px;
    margin: 0 auto 20px;
    line-height: 1.2;
}

/* Texto de apoio */
.cta-final p {
    color:var(--whitergba7);
    font-size: 1.15rem;
    max-width: 900px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Grupo de Botões */
.cta-final .btn-group-theme {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}


/* Responsividade */
@media (max-width: 768px) {
    .cta-final {
        padding: 60px 20px;
    }
    .cta-final h2 {
        font-size: 1.75rem;
    }
    .cta-final .btn-group-theme {
        flex-direction: column;
        width: 100%;
    }
    .cta-final .btn-theme {
        width: 100%;
        justify-content: center;
    }
}

.blog {
    padding: 3.5rem 0;
    background: #f5f5f5;
}

/* BLOG CARDS COM IMAGEM E HOVER */
.blog-card{
  background:#fff;
  border-radius:5px;
  border:1px solid #eee;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  height:100%;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.blog-thumb{
  position:relative;
  overflow:hidden;
  height:220px; /* ajuste conforme o layout */
}
.blog-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .4s ease;
}
.blog-body{
  padding:1.4rem;
}
.blog-card h3{
  font-size:1rem;
  font-weight:700;
}
.blog-meta{
  font-size:.8rem;
  color:#777;
}

/* efeito hover: card sobe 5px e imagem dá zoom suave */
.blog-card:hover,
.blog-card:focus-within{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  border-color:rgba(0,0,0,.05);
}
.blog-card:hover .blog-thumb img,
.blog-card:focus-within .blog-thumb img{
  transform:scale(1.08);
}



 /* Serviços – modelo de cards */
 /**
    .services{
      padding:4rem 0 3rem;
      background:#fff;
    }
    .service-card{
      background:#fff;
      border-radius:5px;
      border:none;
      box-shadow:0 18px 40px rgba(0,0,0,.06);
      padding:1.6rem 1.4rem;
      height:100%;
      position:relative;
      overflow:hidden;
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
    }
    
.service-card:hover,
.service-card:focus-within{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  border-color:rgba(0,0,0,.05);
}
    
    
    .service-card::before{
      content:"";
      position:absolute;
      right:-40px;
      top:-40px;
      width:120px;
      height:120px;
      border-radius:40px;
      background:radial-gradient(circle at center, rgba(236,69,57,.18), transparent);
    }
    .service-icon{
      width:40px;
      height:40px;
      border-radius:12px;
      background:rgba(236,69,57,.12);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--matri-red);
      margin-bottom:1rem;
      font-size:1.3rem;
    }
    .service-card h3{
      font-size:1.05rem;
      font-weight:700;
    }
    .service-card p{
      font-size:.9rem;
      color:#555;
    }
    .service-card ul{
      padding-left:1.1rem;
      margin-bottom:0;
      font-size:.85rem;
      color:#555;
    }
**/


/* Serviços – modelo de cards */
.services{
  padding:4rem 0 3rem;
  background:#fff;
}

.service-card{
  background:#fff;
  border-radius:5px;
  border:none;
  box-shadow:0 18px 40px rgba(0,0,0,.06);
  padding:1.6rem 1.4rem;
  height:100%;
  position:relative;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
  
  
  display:flex; 
  flex-direction:column;
}



/* bloco da imagem de fundo */
.service-bg{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none; /* não atrapalhar clique no conteúdo */
}
.service-bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;                 /* começa invisível */
  filter:grayscale(0);
  transition:opacity .3s ease, filter .3s ease, transform .3s ease;
  transform:scale(1.02);     /* leve zoom base */
}

/* manter conteúdo acima da imagem */
.service-card > *:not(.service-bg){
  position:relative;
  z-index:1;
}

/* efeito de hover no card */
.service-card:hover,
.service-card:focus-within{
  transform:translateY(-5px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
  border-color:rgba(0,0,0,.05);
}

/* ao passar o mouse, mostra a imagem com opacidade .3 e grayscale */
.service-card:hover .service-bg img,
.service-card:focus-within .service-bg img{
  opacity:.2;           /* aqui é 0.3 (30% de opacidade) */
  filter:grayscale(1);
  transform:scale(1.1); /* leve zoom */
}

/* mantém o ::before decorativo se quiser */
.service-card::before{
  content:"";
  position:absolute;
  right:-40px;
  top:-40px;
  width:120px;
  height:120px;
  border-radius:40px;
  background:radial-gradient(circle at center, rgba(236,69,57,.18), transparent);
  z-index:0;
}

/* conteúdo do card */
.service-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(236,69,57,.12);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--matri-red);
  margin-bottom:1rem;
  font-size:1.3rem;
}
.service-card h3{
  font-size:1.05rem;
  font-weight:700;
}
.service-card p{
  font-size:.9rem;
  color:#555;
}
.service-card ul{
  padding-left:5px;
  margin-bottom:0;
  font-size:.85rem;
  color:#555;
}

/*
.service-features-list .hero-badge-pill{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  padding:.35rem .85rem;
  font-size:.78rem;
  line-height:1.1
}


.service-features-list .hero-badge-pill span.dot{
  position:relative;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--matri-red);
}
.service-features-list .hero-badge-pill span.dot::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:rgba(236,69,57,.55);
  animation:pulseDot 1.8s ease-out infinite;
  transform-origin:center;
}
@keyframes pulseDot{
  0%{
    opacity:.9;
    transform:scale(1);
  }
  70%{
    opacity:0;
    transform:scale(2.2);
  }
  100%{
    opacity:0;
    transform:scale(2.4);
  }
}
*/
/* zera bullets padrão */
.service-list{
  list-style:none;
  padding-left:0;
  margin:0;
}

/* cada li vira um bloco com dot à esquerda */
.service-list li{
  position:relative;
  padding-left:19px;         /* espaço para o dot */
  margin-bottom:10px;
  font-size:16px;
  color:#555;
  line-height:1.1
}

/* dot principal */
.service-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:5px;                  /* ajusta verticalmente */
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--matri-red);
}

/* “aura” pulsante (mesma lógica do hero) */
.service-list li::after{
  content:"";
  position:absolute;
  left:0;
  top:5px;  
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(236,69,57,.55);
  animation:pulseDot 1.8s ease-out infinite;
  transform-origin:center;
}

/* você já tem isso definido; mantenha igual */
@keyframes pulseDot{
  0%{
    opacity:.9;
    transform:scale(1);
  }
  70%{
    opacity:0;
    transform:scale(2.2);
  }
  100%{
    opacity:0;
    transform:scale(2.4);
  }
}

/* garante que lista não “empurre” depois do botão */
.service-list{
  list-style:none;
  padding-left:0;
  margin:0;
}

/* botão vai para a base do card */
.service-card .btn-see-more{
  margin-top:auto;     /* empurra o botão para baixo */
}


/* Stats */
.stats{
  color:#fff;
}
.stat-item{
  text-align:center;
  margin-bottom:1.5rem;
}

.stat-icon {
	  text-align:center;
  margin-bottom:1.5rem;
}
.stat-icon svg {
    position: relative;
    width:90px;
    height: 90px;
    vertical-align: text-top;
    stroke-width: 0;
    margin:auto;
    fill: var(--lblue2) !important;
    transition: .6s cubic-bezier(0.25, 1, 0.5, 1)
}


.stat-number{
  font-family:var(--heading-font);
  font-size:50px;
  font-weight:800;
}
.stat-label{
  font-size:.9rem;
}
.stat-suffix{
  font-size:50px;
  font-weight:800;
}

.stats .odometer-value{
	  font-family:var(--special-font) !important;
}


  /* Clientes */
    .clients{
      background:var(--matri-dark);
      color:#fff;
      padding:3.5rem 0;
    }
    .clients h2{
      font-weight:700;
      font-size:1.45rem;
    }
    .clients p{
      font-size:.92rem;
    }
    
    
    
    .clients .swiper-wrapper{
      padding:45px 15px;
    }
        
    .clients .swiper-slide{
      display:flex;
      align-items:center;
      justify-content:center;
    }
    
    
    

    .clients-logo{
      height:110px;
      width:100%;
      object-fit:contain;
      filter:grayscale(1) brightness(1.6);
      opacity:.8;
      transition:.2s;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);
        -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    
    }
    .clients .swiper-slide:hover .clients-logo{
      filter:grayscale(0) brightness(1);
      opacity:1;
          -webkit-box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 8px 30px 0 rgba(0, 0, 0, 0.15);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    }



.btn-group-theme-center {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}






.bg-cover-radius {
    position: relative;
    z-index: 0;
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    padding:160px 30px;
    background-color:#000
}

.bg-cover-radius:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: var(--lbluergba9);
    overflow: hidden;
        mix-blend-mode: multiply;
}
.bg-cover-radius:after {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: " ";
    position: absolute;
    background: var(--lbluergba5);
    overflow: hidden;
	z-index:1
}
    .about p{
      color:#fff;
    }

    .about-highlight{
background: linear-gradient(135deg, var(--whitergba5) 0%,var(--whitergba9) 100%); 
      color:#fff;
      border-radius:5px;
      padding:1.5rem 1.5rem 1.2rem;
      position:relative;
      overflow:hidden;
      
          -webkit-backdrop-filter: saturate(150%) blur(5x);
    backdrop-filter: saturate(150%) blur(5px);
    border:1px solid var(--whitergba5);
    }
    .about-highlight::before{
      content:"";
      position:absolute;
      inset:-60%;
      background:radial-gradient(circle at top, rgba(236,69,57,.25), transparent 55%);
      opacity:.9;
      pointer-events:none;
    }
    .about-highlight-inner{
      position:relative;
      z-index:2;
    }
    .about-highlight strong{
      color:var(--matri-red);
    }
    .about-stat{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:.1rem;
    }
    .about-stat span.label{
      font-size:.78rem;
      text-transform:uppercase;
      letter-spacing:.18em;
      color:#9b9b9b;
    }
    .about-stat strong{
      font-size:1.6rem;
    }
.border-secondary-subtle{
	    border-color:var(--blackrgba1) !important;
}





.pageTitle {
	margin-top:162px;
	padding: 65px 0 50px;
	position: relative;
	background-size: cover;
	top: 0px;
	z-index: 0;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

@media only screen and (max-width: 1123px) {
	.pageTitle {
		margin-top: 0px;
		padding: 60px 0 50px;
	}


}


.pageTitle:before {
	left: 0;
	z-index: -1;
	top: 0;
	height: 100%;
	content: " ";
	position: absolute;
	width: 100%;
	/*background-color:rgba(155, 211, 174,.7);*/

	background: linear-gradient(221deg, var(--orangergba6), var(--orangergba9), var(--orangergba6));
	background-size: 200% 200%;
	-webkit-animation: bg-gradient-animator-title 10s ease infinite;
	-moz-animation: bg-gradient-animator-title 10s ease infinite;
	-o-animation: bg-gradient-animator-title 10s ease infinite;
	animation: bg-gradient-animator-title 10s ease infinite;
}


@-webkit-keyframes bg-gradient-animator-title {
	0% {
		background-position: 96% 0%
	}
	50% {
		background-position: 5% 100%
	}
	100% {
		background-position: 96% 0%
	}
}

@-moz-keyframes bg-gradient-animator-title {
	0% {
		background-position: 96% 0%
	}
	50% {
		background-position: 5% 100%
	}
	100% {
		background-position: 96% 0%
	}
}

@-o-keyframes bg-gradient-animator-title {
	0% {
		background-position: 96% 0%
	}
	50% {
		background-position: 5% 100%
	}
	100% {
		background-position: 96% 0%
	}
}

@keyframes bg-gradient-animator-title {
	0% {
		background-position: 96% 0%
	}
	50% {
		background-position: 5% 100%
	}
	100% {
		background-position: 96% 0%
	}
}





/* ---------- Seções gerais de texto ---------- */
#o-que-e,
#segmentos,
#materiais {
	padding: 40px 0;
}

#o-que-e h2,
#segmentos h2,
#materiais h2,
#servicos h2{
	font-size: 1.6rem;
	color: var(--dblue2);
	margin-bottom: 16px;
}


/* ---------- Serviços (articles) ---------- */
#servicos {
	padding: 25px 0;
	background: var(--cor-fundo-claro);
	margin: 0 -20px;
	padding-left: 20px;
	padding-right: 20px;
}

#servicos article {
	background: var(--f4f4f4);
	border: 1px solid var(--eeeeee);
	border-left: 3px solid var(--lblue2);
	border-radius:3px;
	padding: 20px 24px;
	margin-bottom: 20px;
}

#servicos article h3 {
	font-size: 1.2rem;
	color: var(--blue3);
	margin-top: 0;
	margin-bottom: 10px;
}

#servicos article p {
	margin-bottom: 0;
}

/* ---------- Listas de serviço (usadas na home) ---------- */
.service-list {
	padding-left: 20px;
	margin: 12px 0;
}

.service-list li {
	margin-bottom: 6px;
	position: relative;
}

.service-list li::marker {
	color: var(--lblue2);
}


.info-card {
	padding:30px;
	border: 1px solid var(--eeeeee);
	border-top: 4px solid var(--lblue2);
	border-radius:3px;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
	box-shadow: 0 2px 6px var(--blackrgba1);

}

.info-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 20px var(--blackrgba1);
}

.info-card-icon {
	width: 56px;
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--f4f4f4);
	color: var(--lblue2);
	font-size: 1.6rem;
	margin-bottom: 16px;
}

.info-card .card-title {
	color: var(--orange3);
	font-weight: 700;
	margin-bottom: 12px;
}

.info-card .card-text {
	color:  var(--orange1);
	line-height: 1.6;
	margin-bottom: 0;
}




.pading-15{
	padding: 15px;
}

.box-img-hover {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
	-moz-box-shadow: 0px 3px 15px 0px var(--blackrgba1);
	box-shadow: 0px 3px 15px 0px var(--blackrgba1);
	overflow: hidden;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.box-img-hover:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
	-webkit-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
	-moz-box-shadow: 0px 15px 35px 0px var(--blackrgba2);
	box-shadow: 0px 15px 35px 0px var(--blackrgba2);
}


.img-hover img {
	border: 0px solid var(--lblue2) !important;
	-moz-transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	filter: grayscale(20%);
	-webkit-filter: grayscale(20%);
	cursor: pointer;
}

.img-hover img:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--white) !important;
	opacity: 0;
	-moz-transition: all .6s ease;
	-webkit-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
}

.img-hover:hover img {
	filter: grayscale(0);
	-webkit-filter: grayscale(0);
	-webkit-transform: scale(1.05) rotate(0deg);
	-moz-transform: scale(1.05) rotate(0deg);
	-o-transform: scale(1.05) rotate(0deg);
	-ms-transform: scale(1.05) rotate(0deg);
	transform: scale(1.05) rotate(0deg);
}

.img-hover span {
	display: block;
	overflow: hidden;
	position: relative;
}

.img-hover span:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	position: absolute;
	border: 0px solid transparent;
	background: var(--whitergba5);
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}

.img-hover span i {
	left: calc(50% - 28px);
	top: calc(80% - 29px);
	font-size: 56px;
	position: absolute;
	z-index: 2 !important;
	color: var(--white);
	opacity: 0;
	height: 58px;
	width: 56px;
	line-height: 56px;
	padding: 0px;
	margin: 0px;
	-webkit-transition: all 1.0s ease 0.3s;
	-moz-transition: all 1.0s ease 0.3s;
	-o-transition: all 1.0s ease 0.3s;
	-ms-transition: all 1.0s ease 0.3s;
	transition: all 1.0s ease 0.3s;
}

.img-hover:hover span i {
	top: calc(50% - 29px);
	opacity: 1;
}


.img-hover span svg {
	position: absolute;
	left: calc(50% - 24px);
	top: calc(-25% - 24px);
	width: 48px;
	height: 48px;
	stroke-width:0;
	fill:var(--white) !important;
	-webkit-transition: all 0.3s ease 0.3s;
	-moz-transition: all 0.3s ease 0.3s;
	-o-transition: all 0.3s ease 0.3s;
	-ms-transition: all 0.3s ease 0.3s;
	transition: all 0.3s ease 0.3s;
	z-index: 2 !important;
	opacity: 0;
}


.img-hover:hover span svg {
	top: calc(50% - 24px);
	opacity: 1;
}








.img-hover:hover span:after {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

.img-hover img,
.img-hover img,
.img-hover span:after {
	transition: all 1.0s ease-in-out;
}




.aboutus-item {
	padding: 30px 40px 30px 40px;
	border-style: solid;
	border-width: 0 0 0 0;
	background-color: transparent;
	background-image: linear-gradient(110deg, var(--lblue1) 0%, var(--lblue2) 100%);
	-webkit-box-shadow: 0px 5px 25px 0px var(--blackrgba1);
	-moz-box-shadow: 0px 5px 25px 0px var(--blackrgba1);
	box-shadow: 0px 5px 25px 0px var(--blackrgba1);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-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;

}


.aboutus-item:active,
.aboutus-item:focus,
.aboutus-item:hover {
	-webkit-box-shadow: 0px 5px 35px 0px var(--blackrgba3);
	-moz-box-shadow: 0px 5px 35px 0px var(--blackrgba3);
	box-shadow: 0px 5px 35px 0px var(--blackrgba3);
	/*-webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);*/

}

.aboutus-item .content-box h3 {
	color: var(--white);
	margin-top: 0px;
	margin-bottom: 15px;
	font-size: 24px;
	font-weight: 600;
}

.aboutus-item .content-box p {
	color: var(--white);
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1;
}
.aboutus-item .content-box li {
	color: var(--white);
	margin-top: 0px;
	margin-bottom: 7px;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.1;
}

.aboutus-item .icon-main {
	background: transparent;
	position: relative;
	display: block;
	margin: 0px auto 20px;
	width: 100px;
	height: 100px;
	padding: 20px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	background: var(--orangergba3);
	-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;

}

.aboutus-item:active .icon-main,
.aboutus-item:focus .icon-main,
.aboutus-item:hover .icon-main {
	-webkit-box-shadow: 0px 5px 35px 0px var(--orangergba3);
	-moz-box-shadow: 0px 5px 35px 0px var(--orangergba3);
	box-shadow: 0px 5px 35px 0px var(--orangergba3);
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);

}

.aboutus-item .icon-main svg {
	position: relative;
	top: -3px;
	width: 60px;
	height: 60px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white);
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);

}

.aboutus-item .overlay {
	z-index: 2;
	background: transparent;
}

.overlay {
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
}


.aboutus-item.bg-s1 {
	background-image: linear-gradient(110deg, var(--orangergba7) 0%, var(--orangergba3) 100%);
	background-size: 100% 100%;
}

.aboutus-item.bg-s2 {
	background-image: linear-gradient(110deg, var(--orangergba3) 0%, var(--orangergba7) 100%);
	background-size: 100% 100%;
}

.aboutus-item.bg-s3 {
	background-image: linear-gradient(110deg, var(--orangergba7) 0%, var(--orangergba3) 100%);
	background-size: 100% 100%;
}

.aboutus-item.bg-s4 {
	background-image: linear-gradient(110deg, var(--orangergba3) 0%, var(--orangergba7) 100%);
	background-size: 100% 100%;
}


.aboutus-item:active.bg-s1,
.aboutus-item:focus.bg-s1,
.aboutus-item:hover.bg-s1,
.aboutus-item:active.bg-s2,
.aboutus-item:focus.bg-s2,
.aboutus-item:hover.bg-s2,
.aboutus-item:active.bg-s3,
.aboutus-item:focus.bg-s3,
.aboutus-item:hover.bg-s3,
.aboutus-item:focus.bg-s4,
.aboutus-item:hover.bg-s4 {
	background-size: 200% 200%;
	background-position: 50% 0% !important;
}


.pading-15{
	padding: 15px;
}


.bg-success {
	box-shadow: 0 0 0 rgba(40, 167, 69, 0.4);
	animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
	0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0.7); }
	70% { transform: scale(1); box-shadow: 0 0 0 5px rgba(40, 167, 69, 0); }
	100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}




.linking {
	position:relative;
	color: var(--orange2);
	font-size: 14px;
	font-weight: bold;
	font-family:var(--theme-font) !important;
	-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;
	text-transform:uppercase;
}





.linking svg {
	position: relative;
	top: -1px;
	right:25px;
	width: 20px;
	height: 20px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--orange2);
	opacity: 0;
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.linking:hover {
	color: var(--lblue2);
}

.linking:hover svg {
	opacity: 1;
	right: 5px;
	fill: var(--lblue2) !important;
}



.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0px 0;
	border-radius: 0px;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 0px 20px;
	margin: 1px;
	line-height: 50px;
	color: var(--white);
	height: 50px;
	text-decoration: none;
	background-color: var(--orange2);
	border: 0px solid var(--white);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	outline: none !important;
	font-size: 16px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pagination > li > span {
	font-size: 24px !important;
	padding-top: 12px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	color: var(--white);
	background-color: var(--orange1);
	border-color: var(--white);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: var(--white);
	cursor: default;
	background-color: var(--orange3);
	border-color: var(--white);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: var(--white);
	cursor: not-allowed;
	background-color: var(--gray3);
	border-color: var(--white);
}

.pagination svg {
	position: relative;
	top: -1px;
	width: 24px;
	height: 24px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white) !important;
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}


.pager li > a,
.pager li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

.pager li > a,
.pager li > span {
	color: var(--white);
	border-color: transparent !important;
	background: var(--gray3);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.pager li > a:hover,
.pager li > span:hover {
	color: var(--white);
	background: var(--orange2);
	border-color: transparent !important;
}


.sidebar .popular-posts .post {
	position: relative;
	font-size: 14px;
	color: var(--orange1);
	padding: 0px 0px 0px 0px;
	padding-left: 93px;
	min-height:75px;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid var(--blackrgba1);
}

.sidebar .popular-posts .post:last-child {
	margin-bottom: 0px;
	border-bottom: 0px;
	min-height: auto;
}

.sidebar .popular-posts .post .post-thumb {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 86px;
	height: 86px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border: 0px solid var(--dblue2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.sidebar .popular-posts .post:hover .post-thumb {
	opacity: 0.50;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	border-color: var(--dblue2) !important
}

.sidebar .popular-posts .post:hover .post-thumb a {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	width: 100%;
	height: 100%;
}


.sidebar .popular-posts .post .post-thumb img {
	visibility: hidden;
	display: none;
}


.sidebar .popular-posts .post h4 {
	position: relative;
	font-size: 1rem !important;
	margin: 0px 0px 5px 0px;
	font-weight: 600;
	color: var(--gray3);
	top: 5px;
}

.sidebar .popular-posts .post .post-info-date {
	margin-top: 0px;
	padding-top: 0px;
	color: var(--orange2);
	font-size:12px;
}

.sidebar .popular-posts .post .post-info-date svg {
	position: relative;
	top: 0px;
	width: 12px;
	height: 12px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--orange2) !important;
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.sidebar .popular-posts .post a:hover {
	color: var(--lblue3);
}

.sidebar .popular-posts .post h4 {
	line-height: 1.1rem !important;
}

.sidebar .popular-posts .post h4 a {
	color: var(--orange2);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-size: 15px !important;
	line-height:1.1 !important;
}

.sidebar .popular-posts .post-info {
	font-size: 12px;
	color: var(--gray3);
}

.sidebar-link {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	color: var(--white);
	background: var(--lblue2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: none;
	padding: 7px 15px 6px 15px;
	position: relative;
	margin-bottom: 5px;
	display: block;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}

.sidebar-link a {
	color: var(--white);
}

.sidebar-link svg {
	position: relative;
	top: 0px;
	width: 20px;
	height: 20px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white);
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	margin-right: 7px;
}

.sidebar-link span {
	font-weight: normal;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	font-size: 16px;
	padding-left: 0px;
	position: relative;
	z-index: 2;
	display: block;
}


.sidebar-link:focus,
.sidebar-link:hover {
	color: var(--white);
	background: var(--lblue1);
}

.sidebar-link:focus span,
.sidebar-link:hover span {
	padding-left: 15px;
}


.sidebar-link:before {
	position: absolute;
	content: "";
	background-position: top center;
	background-repeat: no-repeat;
	background: url(../images/chevron-right.svg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	top: 50%;
	left: -25px;
	height: 24px;
	width: 24px;
	color: var(--dblue2);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	opacity: 0;
	-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;
}

.sidebar-link:hover:before,
.sidebar-link:focus:before {
	opacity: .5;
	left: 5px;
}





.btnside {
	border: 0;
	color: var(--white);
	font-size: 14px;
	cursor: pointer;
	font-weight: 400;
	padding: 3px 15px !important;
	position: relative;
	background: var(--orange2);
	white-space: nowrap;
	display: inline-block;
	text-decoration: none;
	height: 100%;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

}

.btnside i {
	font-size: 24px;
}
.btnside svg {
	position: relative;
	top: 0px;
	width: 24px;
	height: 24px;
	vertical-align: text-top;
	stroke-width: 0;
	fill: var(--white) !important;
	transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}


.btnside:hover,
.btnside:focus {
	background: var(--lblue3);
	text-decoration: none;
	transition: all 0.3s ease-in-out;
}

.btnside:hover,
.btnside:focus {
	outline: none;
}