*{
	scroll-behavior: smooth
}
.text-center{
	text-align: center !important
}
.text-justify{
	text-align: justify !important
}
.text-black{
	color: black !important
}
.section-title > .subtitle-secondary{
	background: var(--color-third) !important;
	color: white !important
}
@media (max-width: 700px)
{
   .esconder-mobile{
       display: none !important;
   }
}

@media (min-width: 700px)
{
   .esconder-desktop{
       display: none !important;
   }
}
.section-style2{
	background-color: var(--color-primary)
}
.section-style3{
	background-color: var(--color-primary) !important
}
.section-style2 .section-title .title{
  color: white
}
.section-style2 > div > div > div > a{
	background-color: var(--color-secondary) 
}
.section-style2 > div > div > div > a:hover{
	background-color: var(--color-third) !important;
	color:  white
}
.custom-shape-divider-top-1691501862 {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow: hidden;
	line-height: 0;
}

.custom-shape-divider-top-1691501862 svg {
    position: relative;
    display: block;
    width: calc(139% + 1.3px);
    height: 85px;
}

.custom-shape-divider-top-1691501862 .shape-fill {
    fill: #FFFFFF;
}
.custom-shape-divider-top-1691502828 {
    position: relative;
    top: -10px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

.custom-shape-divider-top-1691502828 svg {
    position: relative;
    display: block;
    width: calc(140% + 1.3px);
    height: 91px;
    transform: rotateY(180deg);
}

.custom-shape-divider-top-1691502828 .shape-fill {
    fill: var(--color-primary);
}
.section-title > .subtitle-three{
	background: white !important;
	color: var(--color-secondary) !important
}
.section-style3 > .rbt-section-gap > .pb--0 .section-title > h2.title > span{
	background: var(--color-secondary) !important;
	color: white !important
}
.section-style3 h1{
	color: white
}	
.section-style3 h1 > span{
	color: #001B3E
}	
.box-hidden{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(46,46,46,0.9);
	left: 0;
	bottom: -100%;
	padding: 20px 15px 25px 15px;
	transition: 600ms;
}
.box-hidden p, .box-hidden h5{
	color: white
}
.box-hidden a > p{
	color: white;
	text-decoration: underline;
	margin-top: 15px;
	text-align: center
}
#estudantes{
	background-color: #1063a7;
	padding: 180px 0 50px;
	margin-top: -100px;
	background-image: url('../images/logos/valem-negativo.png.webp');
	background-size: 20%;
	background-position: right 100px;
	background-repeat: no-repeat
}
#estudantes h2{
	color: white;
	text-transform: uppercase;
	font-size: 50px;
	font-weight: 800;
}
#estudantes p{
	color: white;
	font-size: 30px;
}
#estudantes p > a{
	color: #97cc5a
}
.separacao{
	height: 1px;
	width: 30%;
	border-bottom: 5px dotted white
}
#planos .separacao{
	border-bottom: 5px dotted #3281bb;
	width: 30%
}
#planos .inner > p{
	font-size: 16px
}
#atuacao{
	margin-top: -1px;
	padding: 50px 0 100px;
	background-color: var(--color-secondary)
}
#atuacao p{
	color: white
}
@keyframes pulsar{
	0%{
		clip-path: circle(100% at 60% 50%);
	}
	40%{
		clip-path: circle(1% at 60% 50%);
	}
	100%{
		clip-path: circle(100% at 60% 50%);
	}
}
.bg-map-2{
	animation: pulsar 5s infinite;
	animation-direction: alternate-reverse;
	background-color: #B8D96D;
	width: 99%;
	height: 99%

}
.bg-map-3{
	animation: pulsar 4.7s infinite;
	animation-direction: alternate-reverse;
	background-color: rgba(199,225,141,0.7);
	top: -99%;
	width: 99%;
	height: 99%
}
.lista-hospitais li{
	margin-top: 5px;
	color: black;
	font-size: 18px
}
#conheca .separacao{
	border-bottom: 5px dotted var(--color-secondary)
}
.section-style3 .title{
	color: #fff
}
.section-style3 h4.title{
	color: white !important
}
#asservece{
	background-color: var(--color-secondary);
	padding: 150px 0 80px;
	overflow: hidden;
}

#asservece .col-md-6:nth-child(2)::before{
	content: '';
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	border: 25px solid var(--color-primary);
	margin-left: 50px;
	margin-top: 30px
}
#sicoob{
	background-color: #00b0a3;
	padding: 150px 0 50px;
	margin-top: -100px;
	background-image: url(../images/sicoob/sicoob_bg.jpg);
	overflow: hidden;
	position: relative;
	background-position: bottom;
	background-repeat: no-repeat;
}
#sicoob::before{
	content: '';
	position: absolute;
	background-color: #00353e;
	width: 2000px;
	height: 2000px;
	left: 33vw;
	transform: rotate(299deg);
	top: 0;
}
@media (max-width:1730px){
	#sicoob::before{
		left: 31%;
	}

}
@media (min-width:1921px){
	#sicoob::before{
		content: '';
		position: absolute;
		background-color: #00353e;
		width: 5000px;
		height: 5000px;
		left: 12vw;
		transform: rotate(300deg);
		top: 0;
	}
}
@media (max-width:800px){
	#sicoob::before{
		width: 100vw;
		height: 100vh;;
		transform: none;
		left: 0 !important
	}
}
@media (max-width:1440px){
	#sicoob::before{
		left: 28%
	}
}
#cookies-content{
	width: 100%;
	position: fixed;
	bottom: 70px;
	z-index: 10;
	transition: 1s;

}
#cookies-content > .container{
	width: 100%;
	height: 100%;    
	border: 1px solid lightgray;
	background-color: #fff;
	border-radius: 20px;
	padding: 30px 30px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}
#cookies-content > .container::before{
	content: '';
	position: absolute;
	height: 125px;
	width: 125px;
	border: 20px solid #7DCC4F;
	border-radius: 50%;
	top: -30px;
	left: -60px;
}
#cookies-content > .container::after{
	content: '';
	position: absolute;
	height: 125px;
	width: 125px;
	border: 20px solid #7DCC4F;
	border-radius: 50%;
	bottom: -80px;
	right: -30px;
}
#cookies-content > .container > .row > .col-md-9 > p{
	position: relative;
	z-index: 2;
	color: black
}
.shape-ball{
	animation-duration: 4s;
	position: absolute;
	top: -20%;
	left: -10vw;
	height: 170px;
	width: 170px;
	border: 14px solid var(--color-third);
	border-radius: 50%;
	animation-fill-mode: both;
	animation-iteration-count: infinite
}
.shape-ball2{
	animation-duration: 4s;
	position: absolute;
	bottom: -20%;
	right: -8%;
	height: 170px;
	width: 170px;
	border: 14px solid var(--color-third);
	border-radius: 50%;
	animation-fill-mode: both;
	animation-iteration-count: infinite
}
@keyframes balancarY{
	0%{
		transform: rotateY(0deg)
	}
	100%{
		transform: rotateY(360deg)
	}
}