/*tele dispositivos moveis*/ 
	@media (max-width: 575px) {
	.alas {
      word-break: break-all !important;
    }
   
    
    /*alteração nos icones dentro de depoimentos*/
.depoimentos i{
    margin-top: 40px !important;
}
}
	
	/*alteração cor menu quando diminuir a tela*/
	@media screen and (max-width: 991px) {
	.navbar {
   /* background-color: transparent !important;*/
	  }
	  /*alteração cor menu quando diminui a tela*/
	.navbar-collapse {
	/*background: linear-gradient(0deg, #050a4bc4 10%, #75cc9f 100%) !important;*/
	}
	
		/*alteração magem logo meio página*/
		.logomeio img {
		height: 100px;
		width: 350px;
		}
	/*STILIZAÇÃO DEPOIMENTOS
    .autodepoimento{
        height: 90vh;
    }
    */
	}
	.alas {
      word-break: break-all !important;
    }
	
	@media (min-width: 992px) {
		.navbar-expand-lg .toggler {
			display: none !important;
		}	
		.alas {
          word-break: break-all !important;
        }
	}
	
	/*TELA NORMAL*/
	
	.logo{ /*não está pegando por aqui
			backgroud: #000;
			height:100px;
			width:100px;*/
			
		}
	/*tamanho logo menu img*/
	.logo img{
			height: 50px !important;
			width: 140px !important;
		}
	
	/*alteração posição logo meio página*/
	.logomeio {
		display: grid;
		place-items: center;
	}
	.logomeio img {
		height: 150px;
		width: 500px;
	}
		
	/*alteração cor menu página*/
	.navbar-expand-lg .navbar-nav .nav-link {
	  color: #13547a !important;
	}
	
	/*alteração cor menu página hover*/
	.navbar-expand-lg .navbar-nav .nav-link:hover {
	  color: #33a356 !important;
	}
	
	.botaosolucao {
    padding-left: 35% !important;
}

/*páginas index primeira página*/
.paginaum {
    background: #074a7c66;
    border-radius: 10px;
    height: 400px;
    padding: 20px 20px 0px 0px;
    width: 100%;
}

.icon-box {
    background: rgb(255 255 255 / 68%);
}

p.pagum {
    color: #fff;
    font-size: medium;
    margin: 10px 10px;
    align-items: center;
}

h3.pagum {
    margin: 10px 10px 10px 10px;
}

i.bi.bi-clipboard-data {
    color: #000ffc;
    margin: 50%;
    font-size: 30px;
}

i.bi.bi-gem{
   color: #000ffc;
    margin: 50%;
    font-size: 30px; 
}

i.bi.bi-list-check{
   color: #000ffc;
   margin: 50%;
   font-size: 30px;  
}

.menuazul img{
    max-height: 750px !important;
    max-width: 300px !important;
}

/*fim páginas index primeira página*/

	/*alteração designer index site
	alteração cor página principal index*/	
	.hero-section {
	background-image: linear-gradient(0deg, #18973f 10%, #fff 90%) !important;
	}
	
	/*alteração cor parte de baixo pág. principal*/
	.featured-section {
	background-image: linear-gradient(0deg, #18973f 100%, #fff 20%) !important;
	color: #000 !important;
    padding-bottom: 10px !important;

	}
	
	/*quando subir página menu muda de cor*/
	.sticky-wrapper.is-sticky .navbar {
	background-color: #fff !important;
	opacity: 0.9 !important;
	}
	
	/*alteraçao cor menu pagina*/
	.site-header {
		  background-image: linear-gradient(0deg, #199740 10%, #fff 100%) !important;
		}
		
	
	/*alteração cor botão declaraçao anual*/
	.custom-btn {
	background: #fdcc29 !important;
	}
	
	.custom-border-btn {
	border: 2px solid #d2c834 !important;
	color: #fff !important;
}
	
	/*alteração cor buscar index hover*/
	.custom-form button[type="submit"]:hover, .custom-form button[type="submit"]:focus {
	background: #18973f !important;
	}
	/*alteração cor buscar*/
	.custom-form button[type="submit"], .custom-form button[type="submit"]:focus {
	background: #13547a !important;
	}
	
	/*alteração cor icone para verde*/
	.bg-design {
	background-color: #17973F !important;
	}
	
	.bg-finance {
	background-color: #17973F !important;
	}
	
	/*alteração cor redes sociais*/
	.social-icon-link {
	background: #1d5a88 !important;
	}
	
	/*alteração cor redes sociais*/
	.social-icon-link:hover {
	background: #ffcc29 !important;
	}
	
		
	/*alteração cor footer rodape*/
	.site-footer {
	border-bottom: 10px solid #064a7b !important;
	background: #16963f;
	}
	
	/*alteração cor triangulo rodape*/
	.site-footer::after {
	border-color: transparent transparent #ffcc29 transparent !important;
	}
	
	/*alteração cores letras rodapé*/
	.site-footer-link {
	color: #fff !important;
	}
	
	.site-footer-link:hover {
	color: #ffcc29 !important;
	}
	
	/* fim alteração cores letras rodapé*/
	
	/*alteração cor icone menu*/
	.navbar-toggler .navbar-toggler-icon {
	background: #199841 !important;
}
/* fim alteração cor icone menu*/

	/*cor menu*/
	.navbar {
	background: #fff !important;
	border-bottom: 1px solid rgb(192, 229, 203) !important;
	}
	
	.todoservicos {
	  font-size: 15px !important;
	}
	
	.list-group {
	  padding: 5px !important;
	}
	
	/*alterar tamanho e cor categoria esclarecendo dúvidas*/
	.esclarecerduvida {
    background-color: #e7f6ea !important;
    text-align: justify !important;
    margin: 5px !important;
    padding: 10px !important;
    font-size: var(--h5-font-size) !important;
    display: revert-layer !important;
} 

.alas {
  word-break: break-all !important;
}

/*STILIZAÇÃO DEPOIMENTOS*/
.autodepoimento{
   /* height: 74vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
}

.depoimentos{
    width: 100%;
    padding: 50px 20px;
    
    /*max-width: 1200px;*/
    position: relative;
    
    overflow: hidden;
}

.depoimentos .slide{
    padding: 40px 60px;
    cursor: grab;
}

.depoimentos .slide:active{
    cursor: grabbing;
}

/*alteração nos icones dentro de depoimentos*/
.depoimentos i{
    font-size: 90px;
    color: #dfdfdf;
    margin-top: 2px;
}

/*alterando textos que estão dentro dessa classe*/
.depoimentos p.depoi-text{
    font-family: Garamond, serif;
    font-weight: 300;
    margin-bottom: 40px;
}

.slide .person{
    display: flex;
    align-items: center;
    gap: 20px;
}

.slide .person img{
    width: 80px;
    height: 80px;
}

.slide .person p.nome-person{
    font-size: 15px;
    font-weight: 600;
}

.slide .person p.func-person{
    font-size: 10px;
    margin: -15px;
    padding: 0px 15px;
}
/*FIM ESTILIZAÇÃO DEPOIMENTOS*/

	  /*
	.accordion {
	position: relative !important;
	right: 210px !important;
	}*/
	

		.navbar-expand-lg .navbar-nav .dropdown-menu {
			width: 300px !important;
		}
		.service-list {
            display: none;
            border: 1px solid #ccc;
			border-radius: 20px;
            max-height: 200px;
            overflow-y: auto;
            background-color: #f9f9f9;
            position: relative;
			width: 100%;
        }
        .service-list.active {
            display: block;
        }
        .service-item {
            padding: 10px;
            cursor: pointer;
        }
        .service-item:hover {
            background-color: #ddd;
        }
		
		#multiploSelect{
			width: 100% !important;
			display: unset;
		}
		
		.pop-comp-wrapper{
			width: 100% !important;
		}
		
		.fieldset {
                display: none;
            }
            
        .fieldsete {
                display: none;
            }
            
        .btn-primary {
                background: darkblue !important;
            }
		
		.iframepag {
			width: 100% !important;
			height: 700px !important;
			background: red;
		}
		
		iframe {
			width: 100%;
			height: 100%;
		}
			
		.pagamentpixpai{
			width:100%;
			height:100%;
			background: white;
		}
		
		.pagamentpixcentral {
			background: white;
			position: relative;
			left: 20%;
			width: 80%;
			height: 100%;
		}

        .pagamentopix {
            width: 100%;
            height: 100%;
			display: grid;
			place-items: center;
        }
		
		.piximg{			
		display: grid;
		place-items: center;
		}		
		
		.piximg img{
		height: 100px;
		width: 250px;
		padding: 10px;		
		}
		
		.spantext{
		font-family: serif;
		font-size: 15px;
		}
		
		.textopix p{
		text-align: center;
		font-family: serif;
		font-size: 18px;
	} 
	
	.perfilmei{
		height: 200px;	
		width: 100%;		
		backgroud: red;
	}
	
	.menuvertical {
	height: 200px !important;
	background: azure !important;
	width: 200px !important;
}
	
	.inforperfil {
	height: 100% !important;
	background: white !important;
	border-radius: 5% !important;
	width: 1000px !important;
	float: right !important;
}	

/*alterando cores caixas primeira página index*/
.icon-box {
    background: rgb(255 255 255 / 11%) !important;
    border: 2px solid green !important;
    transition: 1s !important;
    cursor: pointer !important;
}

.icon-box:hover {
    border: 2px solid #195984 !important;
    background: #ffffff7d !important;
    transition: 1s !important;
    cursor: pointer !important;
}

.paginaum:hover {
    background: #074a7c8f !important;
}
/*FIM alterando cores caixas primeira página index*/

.imgrodape img {
    max-width: 250px !important;
}

.logorodape img {
    height: 70px !important;
    width: 200px !important;
}

/*configurações pagina antes do rodape*/
.mei-section {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #e9eef0;
      border-radius: 20px;
      padding: 40px;
      margin: 40px auto;
      max-width: 1200px;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);
    }

    .mei-text {
      flex: 1;
      padding-right: 40px;
    }

    .mei-text h1 {
      font-size: 2.5em;
      color: #333;
      margin-bottom: 20px;
    }

    .mei-text p {
      font-size: 1.1em;
      color: #444;
      margin-bottom: 30px;
      max-width: 600px;
    }

    .mei-button {
      padding: 12px 24px;
      background-color: #0e829a;
      color: white;
      text-decoration: none;
      border-radius: 6px;
      font-weight: bold;
      transition: background-color 0.3s;
    }

    .mei-button:hover {
      background-color: #0b6a7c;
    }

    .mei-image {
      flex: 1;
      text-align: right;
    }

    .mei-image img {
      max-width: 100%;
      border-radius: 16px;
      box-shadow: 10px 10px 20px rgba(0,0,0,0.1);
    }
    
    input#password {
    padding: 5px 0px 5px 10px !important;
    }

    @media (max-width: 768px) {
      .mei-section {
        flex-direction: column;
        text-align: center;
      }

      .mei-text {
        padding-right: 0;
        margin-bottom: 30px;
      }

      .mei-image {
        text-align: center;
      }
    }