body{       
    
    font-family: Raleway;
    /*
    font-family: Open Sans;
    font-family: Roboto; 
    font-family: Lato;
    font-family: Montserrat;
    font-family: Raleway;
    font-family: Nunito;
    font-family: Poppins;
    font-family: Inter;
    */    
}

a{
    color: #fff
}
a:link{
    color: #fff
}
a:hover{
    color: #555555
}
a:active{
    color: #fff
}

/* Estilos de espaçamento*/

/*.padding-bottom-100{
    padding-bottom: 100px;
}*/

/* Estilos padrão da div */
.box {
    /*width: 200px;
    height: 200px;
    background-color: #3498db;*/
    transition: box-shadow 0.3s; /* Adiciona uma transição suave */
}
.box:hover {
    box-shadow: 5px 5px 10px rgba(250, 250, 250, 0.5); /* Adiciona sombra quando o mouse passa por cima */
}

.box-inverse {
    transition: box-shadow 0.3s;
    box-shadow: none;
}
.box-inverse:hover {    
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}

/* Estilos padrão de cores */
.color-identity{
    /*color:#f0c911;*/
    color: #0B0B62;
}

.color-secondary {
    color: #e2e2e2;
}

.color-primary {
    color: #111111;
}

.color-white {
    color: #ffffff;
}

.color-4D4D4D {
    color: #4D4D4D;
}

.color-2a2a2a {
    color: #2a2a2a;
}

.color-000000 {
    color: #000000;
}

.color-95d2432 {
    color: #5E45CE;
}

.color-0bbe810 {
    color: #955FEB;
}

.color-80e46e1 {
    color: #222222;
}

.color-fab3c72 {
    color: #5F9AEB;
}

.color-c101010 {
    background-color: #101010;
}


.bg-color-secondary {
    background-color: #e2e2e2;
}

.bg-color-primary {
    /*background-color: #111111;*/
    background-color : #0B0B62;
}

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

.bg-color-4D4D4D {
    background-color: #4D4D4D;
}

.bg-color-2a2a2a {
    background-color: #2a2a2a;
}

.bg-color-000000 {
    background-color: #000000;
}

.bg-color-95d2432 {
    background-color: #5E45CE;
}

.bg-color-0bbe810 {
    background-color: #955FEB;
}

.bg-color-80e46e1 {
    background-color: #222222;
}

.bg-color-fab3c72 {
    background-color: #5F9AEB;
}

.bg-color-c101010 {
    background-color: #101010;
}


.bg-degrade {
    background: transparent linear-gradient(238deg, #f7e384 0%, #e1ad1b 100%) 0% 0% no-repeat padding-box;
    opacity: 1;   
}
.bg-gray-light{
    background-color: #F5F5F5;
}
.bg-gray{
    background-color: #C0C0C0;
}
.bg-transparent{
    background: transparent;
}


.hr-h2{
    height: 2px;
}


/* Estilos padrão de botões */

.btn-animate {
    transition: transform 0.6s; /* Adicionar uma transição para a animação */
}
.btn-animate:hover {
    transform: scale(0.98); /* Diminuir o botão ao passar o mouse sobre ele */
}


.btn-right-animate {
    float: right; /* Alinhar o botão à direita */
    transition: transform 0.6s; /* Adicionar uma transição para a animação */
}
.btn-right-animate:hover {
    transform: scale(0.98); /* Diminuir o botão ao passar o mouse sobre ele */
}

.btn-left-animate {
    float: left; /* Alinhar o botão à esquerda */
    transition: transform 0.6s; /* Adicionar uma transição para a animação */
}
.btn-left-animate:hover {
    transform: scale(0.98); /* Diminuir o botão ao passar o mouse sobre ele */
}




/*
.border-degrade-container {
    width: 100%;
    height: 100%;
    background: #2A2F30 no-repeat 9px 10px;
    background-size: 16px;
    z-index: 100000;
    border-radius: 6px;
}
a.border-degrade-container {
    position: fixed;
    left: 21px;
    bottom: 21px;
    width: 142px;
    height: 38px;
    background: transparent linear-gradient(248deg, #22B339 0%, #4285F4 100%) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    padding: 2px;
    box-sizing: border-box;
    text-decoration: none;
    color: #FFFFFF;
}
a {
    background-color: transparent;
}
a {
    color: #000;
    text-decoration: none;
}
*/

.btn-degrade-apagar {
    /*position: fixed;
    bottom: 21px;
    width: 90px;
    height: 38px;
    z-index: 100000;
    left: calc(50% - 45px);    
    */    
    background: transparent linear-gradient(238deg, #22B339 0%, #4285F4 100%) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;   
    padding: 10px;
    box-sizing: border-box;
    color: #fff
}

.btn-degrade {
    /*position: fixed;
    bottom: 21px;
    width: 90px;
    height: 38px;
    z-index: 100000;
    left: calc(50% - 45px);    
    */    
    background: transparent linear-gradient(238deg, #f7e384 0%, #e1ad1b 100%) 0% 0% no-repeat padding-box;
    border-radius: 6px;
    opacity: 1;   
    padding: 10px;
    box-sizing: border-box;
    /*color: #555555;*/
    color: #fff;

    display:inline-block;
    cursor:pointer;
    font-size:15px;
	font-weight:bold;
	padding:16px 28px;
    text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
}

.btn-identity-black {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background-color:#111;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*font-family:Arial;*/
	font-size:15px;
	font-weight:bold;
	padding:16px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
}
.btn-identity-black:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
.btn-identity-black:active {
	position:relative;
	top:1px;
}

.btn-identity {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	background-color:#f0c911;
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*font-family:Arial;*/
	font-size:15px;
	font-weight:bold;
	padding:16px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
}
.btn-identity:hover {
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	background-color:#f2ab1e;
}
.btn-identity:active {
	position:relative;
	top:1px;
}

    

.btn-identity-blue {
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:linear-gradient(to bottom, aqua 5%, #0077df 100%);
	border:2px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	/*font-family:Arial;*/
	font-size:15px;
	font-weight:bold;
	padding:16px 28px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
}
.btn-identity-blue:hover {
	background:linear-gradient(to bottom, aqua 5%, #0077df 100%);
}
.btn-identity-blue:active {
	position:relative;
	top:1px;
}



/* header */

/*.logo{
    width:140px; 
    height:140px
}

.main-banner {
    background-image: url(../images/banner.webp);
    background-size: cover;
    transition: transform 0.3s ease;
}
.main-banner2 {
    background-image: url(../images/banner2.webp);
    background-size: cover;
    transition: transform 0.3s ease;
}
.main-banner3 {
    background-image: url(../images/banner3.webp);
    background-size: cover;
    transition: transform 0.3s ease;
}
.main-service {
    background-image: url(../images/presentation.webp);
    background-size: cover;
    transition: transform 0.3s ease;
}
*/

/*.navbar{
    height: 150px;
}*/

.nav-link-w100 {
    width: 100px;
    text-align: center;
}

/* effects */

.image-zoom-left:hover {
    transform: translateX(-10px); /* Inicialmente, mova para a esquerda */
}

.image-zoom-scale:hover {
    transform: scale(1.02); /* Aplica um leve efeito de escala */
}


/* Show cases */

.container-show-case{
    display: flex;
    width: 100%;
}

.card-show-case{

    height: 200px;
    flex: 1;
    transition: .9s;
}

.card-show-case > img{
    height: 200px;
}

.card-show-case:hover{
    flex: 2;
}


/* footer */

@media screen and (max-width: 767px) {
    .footer-text-left {
      text-align: center;
    }
    .footer-text-right {
        text-align: center;
    }
}
@media screen and (min-width: 768px) {
    .footer-text-left {
      text-align: left;
    }
    .footer-text-right {
        text-align: right;
    }
}

/*
section{
    margin: 100px 0px 100px 0px;
}*/

section .container {
    padding: 120px 0px 120px 0;
}

section .container.main {
    padding: 50px 0px 50px 0 !important;
    /*margin: 0px;*/
    /*border-bottom: 5px solid transparent;
    background-image: linear-gradient(238deg, #f7e384 0%, #e1ad1b 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;*/
}

section.main{
    background: url(../../assets/images/background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.main-repeat-y{
    background: url(../../assets/images/identity-background.webp);    /*background-repeat-y.webp*/
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center;
    height: 476px;
}

.jumbotron-bg{
    background: url(../../assets/images/identity-background.webp) !important;    /*background-repeat-y.webp*/
    background-repeat: repeat-y !important;
    background-size: cover !important;
    background-position: center !important;
}

/*
section.main2{
    background: url(../../assets/images/identity-banner.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 500px;
}*/

.main::before {
    /*position: relative;
    font-size: 50px;
    content: '"';
    top: -10px;
    right: 10px;
    transform: translateX(-50%);*/
    /*border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    color:#666;
    background-color:green;
    margin-right:10px;*/
    
  }

/* Estilos personalizados para a seção de testemunhos */
.testimonial-section {
    background-color: #f8f9fa;
    padding: 80px 0;
  }
  .testimonial {
    /*text-align: center;
    margin-bottom: 30px;*/
    text-align: center
  }
  .testimonial img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-bottom: 20px;
  }
  /*
  .testimonial p {
    background-color: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    display: inline-block;
  }*/

  .testimonialddd p::after {
    position: relative;
    font-size: 30px;
    content: '"';
    bottom: -30px;
    left: 10px;
    transform: translateX(-50%);
    /*border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    color:Red;
    background-color:Red;
    margin-left:10px;*/
  }
  .testimonialddd p::before {
    position: relative;
    font-size: 50px;
    content: '"';
    top: -10px;
    right: 10px;
    transform: translateX(-50%);
    /*border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #ffffff transparent;
    color:#666;
    background-color:green;
    margin-right:10px;*/
  }



.letter-spacing-2{
    letter-spacing: 2px;
}
.letter-spacing-4{
    letter-spacing: 4px;
}
.letter-spacing-6{
    letter-spacing: 6px;
}
.letter-spacing-10{
    letter-spacing: 10px;
}


.mt-service{
margin-top: 95px !important;
}

.carousel-item > img{
text-align: center !important;
}


  



/* Remover a sombra do navbar */
.navbar {
    box-shadow: none;
}



/* destacar na cor Aqua os textos */
.showBlue{
    background-color: aqua;
    padding: 5px;
    margin: 2px;
    color: #054575;
    font-weight: bold;
}



/* Classe personalizada para o círculo em torno do ícone */

.circle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 0 10px;
}


/* Estilos para o ícone dentro do círculo */

.circle-icon i {
    font-size: 24px;
    color: #333;
}


/* Linha pontilhada entre os círculos */

.circle-separator {
    height: 2px;
    width:10px;
    background-color: rgb(255, 255, 255);
    position: relative;
    top: 0%;
    left: 1%;
    transform: translateY(-50%);
    z-index: 1000;
}


/* Estilização dos pontos da linha pontilhada */

.circle-separator::before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background-color: #000000;
    border-radius: 50%;
    position: absolute;
    top: -1px;
    left: 0%;
    transform: translateX(-50%);
}


.padding-identity-line{
    padding: 10px 100px 20px 100px !important;
}



/* Ajustar a posição do menu móvel */
/* 414px */
@media (max-width: 600px) {
    /*
    .navbar-toggler {
        position: absolute;
        right: 0;
        float: right;
        bottom: 100%;
    }
    .navbar-collapse {
        position: absolute;
        right: 0;
        float: right;
        top: 100%;
        background-color: #343a40;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
    }
    */

    .navbar-collapse {
        position: absolute;
        right: 0;
        float: right;
        top: 100%;
        background-color: #343a40;
        width: 30%;
        border-top: 1px solid rgba(255, 255, 255, 0.15);
        z-index:1000;
    }


    .h1-responsive-1{
        margin-top: 0px;
    }
    .lead-responsive-1{
        margin-top: 0px;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 15px;
    }

    .home-show{
        margin-top: 45px;
    }
    .home-show-image{
        margin-top: 45px;
    }
    .home-show-legend{
        margin-top: 0px;
    }
    .lead {
        font-size: 16px;
        margin-bottom: 50px;
    }

}

@media (max-width: 400px) {
    .h1-responsive{
        font-size: 16px;
    }
    .lead {
        font-size: 12px;
    }
    .home-show-legend{
        margin-top: 30px;
        line-height: 2.2;
    }
}

@media (min-width: 601px) {
    .h1-responsive-1{
        margin-top: 20px;
    }
    .lead-responsive-1{
        margin-top: 40px;
        padding-right: 40px;
        padding-left: 40px;
    }
    .main-box-responsive{
        margin-top: 120px !important;
    }    
    .main-sub-text-responsive{
        padding-left: 260px;
        padding-right: 260px;
    }
    .home-show{
        margin-top: 90px;
    }
    .home-show-legend{
        margin-top: 30px;
    }
}

@media (min-width: 601px) and (max-width: 991px) {
    .home-show{
        margin-top: 20px;
    }
}