/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

:root {
--cor-pri-1: #5776a4;
--cor-pri-2: #193663;
--cor-pri-3: #091737;
/* ------------------------------- */
--cor-sec-1: #2877ff;
--cor-sec-2: #0054e5;
--cor-sec-3: #003a9f;
/* ------------------------------- */
--cor-ter-1: #ffef63;
--cor-ter-2: #ffcb2f;
--cor-ter-3: #d19e07;
/* ------------------------------- */
--cor-link: #0054e5;
--cor-link-hover: #2877ff;
/* ------------------------------- */
--cor-cinza-1: #f1f3f5;
--cor-cinza-2: #dce0e6;
--cor-cinza-3: #b9c1ce;
--cor-cinza-4: #98a3b5;
--cor-cinza-5: #75849e;
--cor-cinza-6: #536179;
--cor-cinza-7: #2d3542;
/* ------------------------------- */
--cor-text: #536179;
--cor-text-dark: #251d27;
/* ------------------------------- */
--font-titulo: 'Lora', serif;
--font-texto: 'Roboto', sans-serif;
--font-secundaria: 'Roboto', sans-serif;
}


.font-titulo {font-family: var(--font-titulo);}
.font-texto {font-family: var(--font-texto);}
.font-secundaria {font-family: var(--font-secundaria);}

.fs-1 {font-size: 42px !important; line-height: 115% !important;}
.fs-2 {font-size: 36px !important; line-height: 120% !important;}
.fs-3 {font-size: 30px !important; line-height: 125% !important;}
.fs-4 {font-size: 24px !important; line-height: 130% !important;}
.fs-5 {font-size: 18px !important; line-height: 135% !important;}
.fs-6 {font-size: 16px !important; line-height: 140% !important;}
.fs-7 {font-size: 14px !important; line-height: 145% !important;}
.fs-8 {font-size: 13px !important; line-height: 150% !important;}
.fs-9 {font-size: 11px !important; line-height: 150% !important;}

.ls-menos-1 {letter-spacing: -1px;}
.ls-1{letter-spacing: 1px;}

.lh-130{line-height: 130% !important;}
.lh-125{line-height: 125% !important;}
.lh-120{line-height: 120% !important;}
.lh-115{line-height: 115% !important;}
.lh-110{line-height: 110% !important;}
.lh-105{line-height: 105% !important;}
.lh-100{line-height: 100% !important;}
.lh-95{line-height: 95% !important;}
.lh-90{line-height: 90% !important;}
.lh-85{line-height: 85% !important;}
.lh-80{line-height: 80% !important;}
.lh-75{line-height: 75% !important;}
.lh-70{line-height: 70% !important;}

.fw-200 {font-weight: 200 !important;}
.fw-300 {font-weight: 300 !important;}
.fw-400 {font-weight: 400 !important;}
.fw-500 {font-weight: 500 !important;}
.fw-600 {font-weight: 600 !important;}
.fw-700 {font-weight: 700 !important;}
.fw-800 {font-weight: 800 !important;}
.fw-900 {font-weight: 900 !important;}


/* -=-=-=-=-=-=-=- Cor Cinza -=-=-=-=-=-=-=- */
.text-cinza-1 {color: var(--cor-cinza-1) !important;}
.text-cinza-2 {color: var(--cor-cinza-2) !important;}
.text-cinza-3 {color: var(--cor-cinza-3) !important;}
.text-cinza-4 {color: var(--cor-cinza-4) !important;}
.text-cinza-5 {color: var(--cor-cinza-5) !important;}
.text-cinza-6 {color: var(--cor-cinza-6) !important;}
.text-cinza-7 {color: var(--cor-cinza-7) !important;}
.bg-cinza-1 {background-color: var(--cor-cinza-1) !important;}
.bg-cinza-2 {background-color: var(--cor-cinza-2) !important;}
.bg-cinza-3 {background-color: var(--cor-cinza-3) !important;}
.bg-cinza-4 {background-color: var(--cor-cinza-4) !important;}
.bg-cinza-5 {background-color: var(--cor-cinza-5) !important;}
.bg-cinza-6 {background-color: var(--cor-cinza-6) !important;}
.bg-cinza-7 {background-color: var(--cor-cinza-7) !important;}
.border-cinza-1 {border-color: var(--cor-cinza-1) !important;}
.border-cinza-2 {border-color: var(--cor-cinza-2) !important;}
.border-cinza-3 {border-color: var(--cor-cinza-3) !important;}
.border-cinza-4 {border-color: var(--cor-cinza-4) !important;}
.border-cinza-5 {border-color: var(--cor-cinza-5) !important;}
.border-cinza-6 {border-color: var(--cor-cinza-6) !important;}
.border-cinza-7 {border-color: var(--cor-cinza-7) !important;}

.link-cinza{color: var(--cor-cinza-4);}
.link-cinza:hover{color: var(--cor-cinza-3);}
.link-cinza-2{color: var(--cor-cinza-5);}
.link-cinza-2:hover{color: var(--cor-cinza-4);}

/* -=-=-=-=-=-=-=- Cor Primaria -=-=-=-=-=-=-=- */
.text-pri-1 { color: var(--cor-pri-1) !important;}
.text-pri-2 {color: var(--cor-pri-2) !important;}
.text-pri-3 {color: var(--cor-pri-3) !important;}
.bg-pri-1 {background-color: var(--cor-pri-1);}
.bg-pri-2 {background-color: var(--cor-pri-2);}
.bg-pri-3 {background-color: var(--cor-pri-3);}
.link-pri{color: var(--cor-pri-2);}
.link-pri:hover{color: var(--cor-pri-1);}
.btn-pri{background-color: var(--cor-pri-2); color: var(--cor-cinza-1);}
.btn-pri:hover{background-color: var(--cor-pri-1); color: #ffffff;}
.border-pri-1{border-color: var(--cor-pri-1);}
.border-pri-2{border-color: var(--cor-pri-2);}
.border-pri-3{border-color: var(--cor-pri-3);}

/* -=-=-=-=-=-=-=- Cor Secundária -=-=-=-=-=-=-=- */
.text-sec-1 {color: var(--cor-sec-1) !important;}
.text-sec-2 {color: var(--cor-sec-2) !important;}
.text-sec-3 {color: var(--cor-sec-3) !important;}
.bg-sec-1 {background-color: var(--cor-sec-1);}
.bg-sec-2 {background-color: var(--cor-sec-2);}
.bg-sec-3 {background-color: var(--cor-sec-3);}
.link-sec{color: var(--cor-sec-2);}
.link-sec:hover{color: var(--cor-sec-1);}
.btn-sec{background-color: var(--cor-sec-2); color: var(--cor-cinza-1);}
.btn-sec:hover{background-color: var(--cor-sec-1); color: color: #ffffff;}
.border-sec-1{border-color: var(--cor-sec-1);}
.border-sec-2{border-color: var(--cor-sec-2);}
.border-sec-3{border-color: var(--cor-sec-3);}
/* -=-=-=-=-=-=-=- Cor Tercearia -=-=-=-=-=-=-=- */
.text-ter-1 {color: var(--cor-ter-1) !important;}
.text-ter-2 {color: var(--cor-ter-2) !important;}
.text-ter-3 {color: var(--cor-ter-3) !important;}
.bg-ter-1 {background-color: var(--cor-ter-1);}
.bg-ter-2 {background-color: var(--cor-ter-2);}
.bg-ter-3 {background-color: var(--cor-ter-3);}
.link-ter{color: var(--cor-ter-2);}
.link-ter:hover{color: var(--cor-ter-1);}
.btn-ter{background-color: var(--cor-ter-2); color: var(--cor-cinza-1);}
.btn-ter:hover{background-color: var(--cor-ter-1); color: color: #ffffff;}
.border-ter-1{border-color: var(--cor-sec-1);}
.border-ter-2{border-color: var(--cor-sec-2);}
.border-ter-3{border-color: var(--cor-sec-3);}

/* -=-=-=-=-=-=-=- Outras Cores -=-=-=-=-=-=-=- */
.btn-whatsapp{background-color:#03bf48 !important; color: #f4f4f4 !important;}
.btn-whatsapp:hover{background-color: #1eef6a !important; color: #ffffff !important;}

/* -=-=-=-=-=-=-=- Extras -=-=-=-=-=-=-=- */

.text-shadow{text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);}

.w-15{width: 15%;}
.w-20{width: 20%;}


::selection {
background: var(--cor-link) !important;
color: #f4f4f4 !important;
text-shadow: none;
}
::-moz-selection {
background: var(--cor-link) !important;
color: #f4f4f4 !important;
text-shadow: none;
}
::-webkit-selection {
background: var(--cor-link) !important;
color: #f4f4f4 !important;
text-shadow: none;
}
::-webkit-scrollbar {
width: 10px;
height: 8px;
}
::-webkit-scrollbar-track {
background: #ffffff;
-webkit-box-shadow: inset 1px 1px 2px #e0e0e0;
border: 1px solid #d8d8d8;
}
::-webkit-scrollbar-thumb {
background: var(--cor-pri-3);
-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
}
::-webkit-scrollbar-thumb:hover {
-webkit-box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:active {
background: var(--cor-pri-2);
-webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);
}

/* -=-=-=-=-=-=-=- IMG Grayscale Effect -=-=-=-=-=-=-=- */
img.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
img.grayscale:hover {
filter: none;
-webkit-filter: grayscale(0%);
}

/* -=-=-=-=-=-=-=- CSS ToolTip -=-=-=-=-=-=-=- */
.tt {
position: relative;
display: inline-block;
}
.tt .tooltiptext {
visibility: hidden;
width: 120px;
background-color: var(--cor-cinza-6);
color: #fff;
font-size: 0.80em;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 120%;
left: 50%;
margin-left: -60px;
}
.tt .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: var(--cor-cinza-6) transparent transparent transparent;
}
.tt:hover .tooltiptext {
visibility: visible;
}

.ttb .tooltiptext{
top: 120% !important;
bottom: auto !important; 
}
.ttb .tooltiptext::after {
bottom: 100% !important;
top: auto !important;
border-color: transparent transparent var(--cor-cinza-6) transparent !important;
}


/*--------------------------------------------------------------
# Style WP-PageNavi Pagination
--------------------------------------------------------------*/
/* Center the pagination */
.wp-pagenavi { text-align:center; padding-top: 30px; }
/* Add a border */
.wp-pagenavi span, .wp-pagenavi a, .wp-pagenavi :last-child { 
margin: 0!important; 
}
.wp-pagenavi span, .wp-pagenavi a {
border-radius: 3px;
border: 0 !important; 
 margin: 5px !important; 
 display: inline-block;
 min-width: 30px;
}
/* Style the current / hovered page link */
.wp-pagenavi a:hover { 
color: var(--cor-cinza-1) !important; 
background-color: var(--cor-link-hover) !important; 
}
.wp-pagenavi span.current{ 
color: var(--cor-cinza-1) !important; 
background-color: var(--cor-link) !important;
font-weight: 400 !important; 
}
/* Add text to the "next" link */
.wp-pagenavi .nextpostslink:before { content: 'Próxima '; }
.wp-pagenavi .previouspostslink:after { content: ' Anterior'; }





/* SITE */

:root {
scroll-behavior: smooth;
}

body {
font-family: var(--font-texto);
background: #f6f9ff;
color: var(--cor-text);
}


/*
p {
font-size: 16px;
line-height: 170%;
margin-bottom: 20px;
}

@media (max-width: 768px) {
p {
font-size: 17px;
line-height: 170%;
margin-bottom: 20px;
}
}
*/


a {
color: var(--cor-link);
transition: all 0.1s ease-in-out;
}

a:hover {
color: var(--cor-link-hover);
}

h1,
h2,
h3,
h4,
h5,
h6{
font-family: var(--font-titulo);
margin-bottom: 25px;
}


a {
color: var(--cor-sec-2);
text-decoration: none;
}

a:hover {
color: var(--cor-sec-1);
text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-titulo);
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
position: fixed;
visibility: hidden;
opacity: 0;
right: 15px;
bottom: 15px;
z-index: 996;
background: var(--cor-sec-2);
width: 40px;
height: 40px;
border-radius: 4px;
transition: all 0.4s;
}

.back-to-top i {
font-size: 28px;
color: #fff;
line-height: 0;
}

.back-to-top:hover {
background: var(--cor-sec-1);
color: #fff;
}

.back-to-top.active {
visibility: visible;
opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
[data-aos-delay] {
transition-delay: 0 !important;
}
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
background: var(--cor-pri-3);
font-size: 14px;
padding: 0;
color: rgba(255, 255, 255, 0.8);
height: 40px;
}

#topbar .contact-info i {
font-style: normal;
color: var(--cor-sec-2);
}

#topbar .contact-info i a,
#topbar .contact-info i span {
padding-left: 5px;
color: #fff;
}

#topbar .contact-info i a {
line-height: 0;
transition: 0.3s;
}

#topbar .contact-info i a:hover {
color: var(--cor-sec-2);
}

#topbar .cta a {
color: #fff;
background: var(--cor-sec-2);
padding: 10px 20px;
display: inline-block;
transition: 0.3s;
}

#topbar .cta a:hover {
background: var(--cor-sec-1);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
height: 70px;
transition: all 0.5s;
z-index: 997;
background: #fff;
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#header.header-fixed {
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

#header .logo h1 {
font-size: 28px;
margin: 0;
line-height: 0;
font-weight: 700;
font-family: "Open Sans", sans-serif;
}

#header .logo h1 a,
#header .logo h1 a:hover {
color: #635551;
text-decoration: none;
}

#header .logo img {
padding: 0;
margin: 0;
max-height: 40px;
}

.scrolled-offset {
margin-top: 70px;
}

#main {
z-index: 3;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
padding: 0;
}

.navbar ul {
margin: 0;
padding: 0;
display: flex;
list-style: none;
align-items: center;
}

.navbar li {
position: relative;
}

.navbar a,
.navbar a:focus {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px 10px 20px;
font-size: 17px;
font-family: var(--font-texto);
font-weight: 500;
color: var(--cor-pri-2);
white-space: nowrap;
transition: 0.3s;
border-bottom: 3px solid transparent;
}

.navbar a i,
.navbar a:focus i {
font-size: 12px;
line-height: 0;
margin-left: 5px;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a,
.navbar .current-menu-item {
color: var(--cor-sec-2);
border-bottom: 3px solid var(--cor-sec-1);
}

.navbar .getstarted,
.navbar .getstarted:focus {
background: var(--cor-sec-2);
padding: 8px 20px;
margin-left: 30px;
border-radius: 4px;
color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
color: #fff;
background: var(--cor-sec-1);
}



.navbar .dropdown ul {
display: block;
position: absolute;
right: 0;
top: calc(100% + 30px);
margin: 0;
padding: 10px 0;
z-index: 99;
opacity: 0;
visibility: hidden;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
transition: 0.3s;
border-radius: 4px;
}

.navbar .dropdown ul li {
min-width: 200px;
}

.navbar .dropdown ul a {
padding: 10px 20px;
border: 0;
}

.navbar .dropdown ul a i {
font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
color: var(--cor-sec-2);
border: 0;
}

.navbar .dropdown:hover>ul {
opacity: 1;
top: 100%;
visibility: visible;
}

.navbar .dropdown .dropdown ul {
top: 0;
right: calc(100% - 30px);
visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
opacity: 1;
top: 0;
right: 100%;
visibility: visible;
}


@media (max-width: 1366px) {
  /*
.navbar .dropdown .dropdown ul {
right: -90%;
}

.navbar .dropdown .dropdown:hover>ul {
  right: -100%;
}
*/

}



/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
color: #473d3a;
font-size: 28px;
cursor: pointer;
display: none;
line-height: 0;
transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
color: #fff;
}

@media (max-width: 991px) {
.mobile-nav-toggle {
display: block;
}

.navbar ul {
display: none;
}
}

.navbar-mobile {
position: fixed;
overflow: hidden;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(43, 37, 35, 0.9);
transition: 0.3s;
z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
position: absolute;
top: 45px;
right: 15px;
}

.navbar-mobile ul {
display: block;
position: absolute;
top: 75px;
right: 15px;
bottom: 15px;
left: 15px;
padding: 10px 0;
border-radius: 10px;
background-color: #fff;
overflow-y: auto;
transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
padding: 10px 20px;
font-size: 15px;
color: #473d3a;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
color: var(--cor-sec-2);
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
margin: 15px;
}

.navbar-mobile .dropdown ul {
position: static;
display: none;
margin: 10px 20px;
padding: 10px 0;
z-index: 99;
opacity: 1;
visibility: visible;
background: #fff;
box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
min-width: 200px;
}

.navbar-mobile .dropdown ul a {
padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
color: var(--cor-sec-2);
}

.navbar-mobile .dropdown>.dropdown-active {
display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
width: 100%;
height: 60vh;
background-image: url("../img/hero-bg.jpg");
background-position: center center ;
background-repeat: no-repeat;
background-size: cover;
position: relative;
z-index: 1;
padding: 0;
margin-bottom: -60px;
}

#hero:before {
content: "";
background: rgba(0, 0, 0, 0.4);
position: absolute;
bottom: 0;
top: 0;
left: 0;
right: 0;
}

#hero .container {
z-index: 2;
}

#hero h1 {
margin: 0 0 10px 0;
font-size: 48px;
font-weight: 700;
line-height: 56px;
color: #fff;
}

#hero h2 {
color: #eee;
margin-bottom: 50px;
font-size: 24px;
}

#hero .get-started-icon {
font-size: 24px;
background: var(--cor-sec-2);
padding: 8px 14px;
color: #fff;
border-radius: 50px;
position: relative;
z-index: 5;
box-shadow: 10px 2px 15px rgba(0, 0, 0, 0.1);
}

#hero .btn-get-started {
font-family: var(--font-titulo);
font-weight: 400;
font-size: 16px;
letter-spacing: 1px;
display: inline-block;
transition: 0.5s;
margin-left: -10px;
padding: 8px 26px 8px 26px;
color: #fff;
background: #584b48;
border-radius: 0 50px 50px 0;
position: relative;
z-index: 4;
}

#hero .btn-get-started:hover {
background: var(--cor-sec-2);
}

@media (min-width: 1024px) {
#hero {
background-attachment: fixed;
}
}

@media (max-width: 1024px),
(max-height: 768px) {
#hero {
margin-bottom: -40px;
height: 60vh;
}
}

@media (max-width: 768px) {
#hero {
height: 60vh;
}

#hero h1 {
font-size: 28px;
line-height: 36px;
}

#hero h2 {
font-size: 18px;
line-height: 24px;
margin-bottom: 30px;
}
}

@media (max-height: 640px) {
#hero {
height: 120vh;
}
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
overflow: hidden;
}

.section-bg {
background-color: #ffffff;
}

.section-title {
text-align: center;
padding-bottom: 30px;
}

.section-title h2 {
font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
padding-bottom: 0;
font-family: var(--font-titulo);

}

.section-title p {
margin-bottom: 0;
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
padding: 20px 0;
font-size: 14px;
}

.breadcrumbs h2 {
font-size: 28px;
font-weight: 500;
}

.breadcrumbs ol {
display: flex;
flex-wrap: wrap;
list-style: none;
padding: 0 0 10px 0;
margin: 0;
font-size: 14px;
}

.breadcrumbs ol li+li {
padding-left: 10px;
}

.breadcrumbs ol li+li::before {
display: inline-block;
padding-right: 10px;
color: #635551;
content: "/";
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.principal-home {
padding: 0 0 30px 0;
position: relative;
z-index: 3;
}

.principal-home .content {
padding: 30px;
background: var(--cor-sec-2);
border-radius: 4px;
color: #fff;
}

.principal-home .content h3 {
font-weight: 700;
font-size: 34px;
margin-bottom: 30px;
}

.principal-home .content p {
margin-bottom: 30px;
}

.principal-home .content .more-btn {
display: inline-block;
background: rgba(255, 255, 255, 0.2);
padding: 6px 30px 8px 30px;
color: #fff;
border-radius: 50px;
transition: all ease-in-out 0.4s;
}

.principal-home .content .more-btn i {
font-size: 14px;
}

.principal-home .content .more-btn:hover {
color: var(--cor-sec-2);
background: #fff;
}

.principal-home .icon-boxes .icon-box {
text-align: center;
border-radius: 10px;
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
padding: 30px 20px;
width: 100%;
}

.principal-home .icon-boxes .icon-box i {
font-size: 40px;
color: var(--cor-sec-2);
margin-bottom: 30px;
}

.principal-home .icon-boxes .icon-box img {
    height: 60px;
    width: auto;
    color: var(--cor-sec-2);
    margin-bottom: 30px;
    }
    

.principal-home .icon-boxes .icon-box h4 {
font-size: 20px;
font-weight: 700;
margin: 0 0 30px 0;
}

.principal-home .icon-boxes .icon-box p {
font-size: 15px;
color: #716f6f;
}



/*--------------------------------------------------------------
# Servicos
--------------------------------------------------------------*/


 
.servicos .card {
        position: relative;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: cover;
        background-position: center top;
      }
  
      .servicos  .card::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: -webkit-linear-gradient(60deg, rgba(24, 66, 179, 0.95) 35%, rgba(0, 61, 230,0.4) 100%);
        background-image: linear-gradient(60deg, rgba(24, 66, 179, 0.95) 35%, rgba(0, 61, 230,0.4) 100%);
        border-radius:10px;
        z-index: 2;
      }
  
      .servicos .card-body {
        position: relative;
        z-index: 3;
      }



/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.clients .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid var(--cor-pri-1);
}

.clients .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--cor-pri-2);
}

.clients .swiper-slide img {
  opacity: 0.5;
  filter: grayscale(100%);
}

.clients .swiper-slide img:hover {
  filter: none;
  opacity: 1;
}


/*--------------------------------------------------------------
# Depoimentos
--------------------------------------------------------------*/
.depoimentos {
padding: 80px 0;
background: url("../img/depoimentos-bg.jpg") no-repeat;
background-position: center center;
background-size: cover;
position: relative;
}

.depoimentos::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}

.depoimentos .section-header {
margin-bottom: 40px;
}

.depoimentos .depoimentos-carousel,
.depoimentos .depoimentos-slider {
overflow: hidden;
}

.depoimentos .depoimento-item {
text-align: center;
color: #fff;
}

.depoimentos .depoimento-item .testimonial-img {
width: 100px;
border-radius: 50%;
border: 6px solid rgba(255, 255, 255, 0.15);
margin: 0 auto;
}

.depoimentos .depoimento-item h3 {
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px 0;
color: #fff;
}

.depoimentos .depoimento-item h4 {
font-size: 14px;
color: #ddd;
margin: 0 0 15px 0;
}

.depoimentos .depoimento-item .quote-icon-left,
.depoimentos .depoimento-item .quote-icon-right {
color: rgba(255, 255, 255, 0.4);
font-size: 26px;
}

.depoimentos .depoimento-item .quote-icon-left {
display: inline-block;
left: -5px;
position: relative;
}

.depoimentos .depoimento-item .quote-icon-right {
display: inline-block;
right: -5px;
position: relative;
top: 10px;
}

.depoimentos .depoimento-item p {
font-style: italic;
margin: 0 auto 15px auto;
color: #eee;
}

.depoimentos .swiper-pagination {
margin-top: 20px;
position: relative;
}

.depoimentos .swiper-pagination .swiper-pagination-bullet {
width: 12px;
height: 12px;
background-color: rgba(255, 255, 255, 0.5);
opacity: 1;
}

.depoimentos .swiper-pagination .swiper-pagination-bullet-active {
background-color: var(--cor-sec-2);
}

@media (min-width: 992px) {
.depoimentos .depoimento-item p {
width: 80%;
}
}





/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq .faq-list {
padding: 0 100px;
}

.faq .faq-list ul {
padding: 0;
list-style: none;
}

.faq .faq-list li+li {
margin-top: 15px;
}

.faq .faq-list li {
padding: 20px;
background: #fff;
border-radius: 4px;
position: relative;
}

.faq .faq-list a {
display: block;
position: relative;
font-family: var(--font-texto);
font-size: 16px;
line-height: 24px;
font-weight: 500;
padding: 0 30px;
outline: none;
cursor: pointer;
}

.faq .faq-list .icon-help {
font-size: 24px;
position: absolute;
right: 0;
left: 20px;
color: #ffb8a1;
}

.faq .faq-list .icon-show,
.faq .faq-list .icon-close {
font-size: 24px;
position: absolute;
right: 0;
top: 0;
}

.faq .faq-list p {
margin-bottom: 0;
padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
display: none;
}

.faq .faq-list a.collapsed {
color: #343a40;
}

.faq .faq-list a.collapsed:hover {
color: var(--cor-sec-2);
}

.faq .faq-list a.collapsed .icon-show {
display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
display: none;
}

@media (max-width: 1200px) {
.faq .faq-list {
padding: 0;
}
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
padding: 20px;
}

.contact .info-box i {
font-size: 32px;
color: var(--cor-sec-2);
border-radius: 50%;
padding: 8px;
float: left;
}

.contact .info-box h3 {
font-size: 20px;
color: #656262;
font-weight: 700;
margin: 10px 0 10px 68px;
}

.contact .info-box p {
padding: 0;
line-height: 24px;
font-size: 14px;
margin: 0 0 0 68px;
}

.contact .formulario-contato {

background-color: var(--cor-pri-2);
padding: 30px;

}


.form-contato .form-control{
  background-color: rgba(95, 113, 204, 0.5);
  border: 0;
  color: #f4f4f4;
}
.form-contato .form-control::placeholder {
  color: #7ebadb; /* Defina a cor desejada para o placeholder */
}
.form-contato label{
  font-size: 14px !important;
}
.form-contato .form-control p{
margin: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
color: #acaeba;
font-size: 14px;
background: #0f122a;
}

#footer .footer-top {
padding: 60px 0 30px 0;
background: var(--cor-pri-3);
}

#footer .footer-top a{
 color: var(--cor-cinza-2);
}

#footer .footer-top a:hover{
 color: var(--cor-sec-1);
}


#footer .footer-top h4 {
font-size: 16px;
font-weight: bold;
color: #e4f4ff;
position: relative;
padding-bottom: 12px;
}

#footer .footer-top .footer-links {
margin-bottom: 15px;
}

#footer .footer-top .footer-links ul {
list-style: none;
padding: 0;
margin: 0;
}

#footer .footer-top .footer-links ul i {
padding-right: 2px;
color: var(--cor-sec-1);
font-size: 18px;
line-height: 1;
}

#footer .footer-top .footer-links ul li {
padding: 5px 0;
display: flex;
align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
padding-top: 0;
}

#footer .footer-top .footer-links ul a {
color: #d1e3ed;
transition: 0.3s;
display: inline-block;
line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
text-decoration: none;
color: var(--cor-sec-2);
}

#footer .social-links a {
font-size: 17px;
display: inline-block;
color: var(--cor-pri-1);
line-height: 1;
padding: 8px 0;
margin-right: 4px;
text-align: center;
transition: 0.3s;
}

#footer .social-links a:hover {
color: #fff;
text-decoration: none;
}