.about_service
{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px;
}

.about_container .about_serviceBox
{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 450px;
	height: 220px;
	border-radius: 20px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.about_container .about_serviceBox .about_icon i
{
	font-size: 2em;
	color: #000;	
}

.about_container .about_serviceBox .about_content
{
	position: relative;
	padding: 20px;	
	color: #111;
	text-align: center;
	z-index: 1;
}

.about_container .about_serviceBox .imgLogo
{
	position: absolute;
	top: 0;	
}

.about_container .about_serviceBox .imgLogo img
{
	width: 300px;
    height: 102px;
}

.about_container .about_serviceBox .about_content h2
{
	margin-top: 10px;
	margin-bottom: 5px;	
	font-size: 2.5em;
	font-weight: 700;
	letter-spacing: 1px;
	color: #45a6f5;
}

.about_container .about_serviceBox .about_content h2 .word
{
	color: #00749a;
}

.about_container .about_serviceBox .about_content h2 span
{
	color: #16c842;
}

.about_container .about_serviceBox .about_content p
{
	font-weight: 300;
	font-size: 1.2em;
	color: #000;
}

.valores
{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;	
}

.titleValores
{
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
	margin-bottom: 20px;
}

.titleValores h2
{
	font-size: 3em;
	font-weight: 400;
	color: #000;	
}

.about_container
{
	position: relative;
	width: 1300px;
	justify-content: center;
	align-items: center;
	display: flex;
	gap: 40px; 
	flex-wrap: wrap;
}

.about_container h1
{
	width: 100%;
	color: #000;
	font-size: 3.6em;
	font-weight: 100;	
	text-align: center;	
}

.mySwiper
{
 	width: 100%!important;
 	padding-top: 50px!important;
}
 	 
.swiper-slide 
{
 	background-position: center!important;
 	background-size: cover!important;
	display: flex;
	align-items: center;
 	width: 320px!important;
	min-height: 635px;
	background: #fff;
	box-shadow: 0 15px 30px rgba(0,0,0,0.1);
}

.testimonialBox
{
	position: relative;
	text-align:center;
	width: 100%;
	padding: 40px 20px 10px;	
	padding-top: 90px;
	color: #111;
}

.testimonialBox .quote
{
	position: absolute;
	top: 20px;
	right: 30px;
	opacity: 0.2;
	max-width: 40px;
	
}

.testimonialBox .details
{
	display: flex;
	align-items: center;
}

.testimonialBox .details .imgMissao
{
	position: relative;
	width: 100%;
}

.testimonialBox .details .imgMissao img
{
    width: 200px;
    height: 200px;
}

.testimonialBox  h3
{
	font-size: 2em;
	font-weight: 400;
	letter-spacing: 1px;
	color: #2196f3;
	line-height: 1.1em;
	margin-bottom: 20px;
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right
{
	background-image: none!important;	
}

.testimonialBox
{
	position: relative;
	text-align:center;
	width: 100%;
	padding: 40px 20px 10px;	
	padding-top: 90px;
	color: #111;
}

.testimonialBox .quote
{
	position: absolute;
	top: 20px;
	right: 30px;
	opacity: 0.2;
	max-width: 40px;
	
}

.testimonialBox .details
{
	display: flex;
	align-items: center;
}

.testimonialBox .details .imgMissao
{
	position: relative;
	width: 100%;
}

.testimonialBox .details .imgMissao img
{
    width: 200px;
    height: 200px;
}

.testimonialBox  h3
{
	font-size: 2em;
	font-weight: 400;
	letter-spacing: 1px;
	color: #2196f3;
	line-height: 1.1em;
	margin-bottom: 20px;
}

.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right
{
	background-image: none!important;	
}

.web
{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	background: #f3f3f3;
	overflow: hidden;
}

.web_container
{
	position: relative;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.web_container .web_card
{
	position: relative;
	width: 320px;
	height: auto;
	background: #fff;
	transition: 0.5s;
	margin: 20px;
}

.web_container .web_card .web_imgBX
{
	position: relative;
	width: 320px;
	height: 200px;
	background: #00c7ff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.web_container .web_card .web_imgBX img
{
    width: 100px;
    height: 100px;
}

.web_container .web_card .web_imgBX h3
{
	position: relative;
	color: #fff;
	margin-top: 10px;
}


.web_container .web_card .web_content
{
	position: relative;
	width: 100%;
	height: auto;
	padding: 20px;
	color: #777;
	background: #fff;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.web_container .web_card .web_content h4
{	
	color: #000;
	font-size: 1.2em;
	font-weight: 300;
}

.web_container .web_card .web_content h4 span
{
	color: #606060;
	text-decoration: line-through;
}

.web_container .web_card .web_content h3
{
	font-size: 2em;
	font-weight: 500;
	color: #0C3;
}

.web_container .web_card .web_content ul
{
	position: relative;
	text-align: center;
	margin: 30px 0 50px;
}

.web_container .web_card .web_content ul li 
{
	list-style: none;
	color: #333;
	margin: 10px 0;
    text-align: left;
    font-size: 1em;
    font-weight: 500;
}

.web_container .web_card .web_content ul li i
{
	padding-right: 5px;
}

.web_container .web_card .web_content ul li .checkh
{
	color: #0f0;	
}

.web_container .web_card .web_content ul li .closeh
{
	color: #f00;	
}

.contatoTxt
{
	position: relative;
	width: 100%;
	padding: 20px;	
	text-align: center;
}

.contatoTxt h2
{
	font-size: 4em;
	font-weight: 300;
	color: #111;	
}

.contatoTxt p
{
	font-size: 1.6em;
	line-height: 45px;	
	color: #333;
}

.contatoTxt h4
{
	font-size: 2em;
	font-weight: 700;
	color: #000;
}


.contatoTxt h4 span
{
	font-size: 1em;
	text-decoration: line-through;
	font-weight: 300;
	color: #f00;
}
@media (max-width: 1310px)
{	
    .ImgSoft img
    {
        width: 980px;
        height: 299px;
    }

    .content_rede
    {
        flex-direction: column-reverse;
        margin: 100px 0;
    }
}

@media (max-width: 991px)
{
	
	section .sistemas
	{
		padding: 20px;	
		padding-bottom: 120px;
	}
	
	.content-box,
	.content-box-2
	{
		flex-direction: column;	
	}
	
	.content-box .text-box,
	.content-box-2 .text-box-2
	{
		max-width: 100%;
	}
	
	.content-box .text-box h2
	{
		font-size: 2.5em;	
	}
	
	.content-box-2 .text-box-2 h2
	{
		font-size: 2.5em;
		margin-bottom: 15px; 	
	}
	
	
	
	.content-box-2 .ImgBox-2,
	.content-box .ImgBox
	{
		max-width: 100%;
		justify-content: center;
		padding: 50px 0;
	}
	
	.content-box-2 .ImgBox-2 img,
	.content-box .ImgBox img
	{
		max-width: 300px;
		margin: 20px 0;
	}
	
	.thumb li::before
	{
		position: absolute;
		top: -150px;
		left: 0;
		font-size: 6em;
	}

	.web_container
	{
		justify-content: center;
		gap: 100px;
	}
	
	.ImgSoft img
	{
		width: 760px;
        height: 232px;
	}
	
	.row1-container 
	{
		flex-direction: column;
	}
	
	.row2-container 
	{
		flex-direction: column;
		top: auto;
	}
	
	.box-down 
	{
		top: auto;
	}
	
    .boxe:nth-child(1)::before   
    {
        display: none;
    }

    .boxe:nth-child(1)::after   
    {
        bottom: -27px;
        right: 35px;
        transform: rotate(90deg);
    }

    .boxe:nth-child(3)::before   
    {
        left: 120px;
        transform: rotate(90deg);
    }

    .boxe:nth-child(3)::after   
    {
        bottom: -27px;
        left: 35px;
        transform: rotate(90deg);
    }
	
	.web_container
	{
		flex-direction: column;
	}
	
	.sec_rede
	{
		padding: 30px;
		background: #fff;
	}
	
	.content_rede
	{
		flex-direction: column-reverse;
		margin: 100px 0;
	}
	
}
@media (max-width: 768px)
{	
    .about_banner_footer
    {
        padding: 100px 50px;
    }
    
	.contato .contatoTxt h2
	{
		font-size: 3em;
		font-weight: 400;	
	}	
	
	.contato .contatoTxt p
	{
		font-size: 1.2em;
		line-height: normal;
	}	
	
	.contentBx
	{
		padding: 0;
	}
	
	.active_text
	{
		width: 200px;
	}
	
	.sobre
	{
		padding: 30px;	
	}

	.contentBx div h2
	{
		font-size: 1.6em;
	}

	.contentBx div p
	{
		font-size: 1.3em;
		margin: 20px 0;
	}

	.about_container h1
	{
		font-size: 2em;
		font-weight: 300;	
	}
	
	.about_banner .about_content span,
	.contatc_banner .about_content span
	{
		font-size: 1.3em;
		color: #fff;	
	}
	
	.about_container .about_serviceBox
	{
		width: 280px!important;
		height: 440px!important;
		padding: 0!important;
	}
	
	.about_container .about_serviceBox .about_content h2
	{	
		font-size: 1.6em;
	}
	
	.about_container .about_serviceBox .about_content p
	{	
		font-size: 1em;
	}
	
	.about_contato .about_contatoTxt h2
	{
		font-size: 1.6em;	
	}
	
	.titleSection h2
	{
		font-size: 1.8em;	
	}
	
	.contatc_banner_footer .about_content_footer h2
	{
		font-size: 3em;	
	}
	
	.contatc_banner_footer .about_content_footer p
	{
		font-size: 1.6em;	
	}
	
	.about_banner .about_content h2,
	.contatc_banner .about_content h2
	{
		font-size: 3em;
	}
	
	.about_contato .about_contatoTxt
	{
		padding: 20px;	
	}
	
	section.Lx .contentLx
	{
		width: 100%;
		height: 100%;
		z-index: 1;	
	}
	
	section.Lx .contentLx .formLx
	{
		width: 100%;
		padding: 40px;
		background: rgba(255, 255, 255, 0.9);
		margin: 50px; 	
	}
	
	.titleValores h2
	{
		font-size: 2.2em;
	}

	section.sistemas
	{
		padding: 100px 30px;
	}
    
}

@media (max-width: 364px)
{
	.container
	{
		padding: 10px;	
	}

	.container .serviceBox
	{
		margin: 0;	
		width: auto;
	}	
	
	.contato .contatoTxt
	{
		padding: 30px 0;	
	}
	
	.contato .contatoTxt h2
	{
		font-size: 2em;
	}	
	
	.contato .contatoTxt p
	{
		font-size: 1em;	
	}	
	
	.container h1
	{
		font-size: 1em!important;	
	}
	
	.headers h1
	{
		font-size: 2em;
	}
	
	.web_container .web_card
	{
		width: 280px;
	}
	
	.web_container .web_card .web_imgBx
	{
		width: 280px;
	}
	
	section.Lx .contentLx .formLx
	{
		padding: 10px;
		margin: 10px; 	
	}

}