.your-public-section{
	background-color: #F4F4F4;
	position: relative;
    padding-bottom: 190px;

}

.your-public-content{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    padding-top: 174px;
    width: 42%;
}

.your-buttons{
	width: 100%;
}

.your-public-img{
	max-width: 500px;
    width: 100%;
}

.your-public-content img{
	max-width: 168px;
	max-height: 165px;
	object-fit: contain;
	margin-bottom: 20px;
}
.your-public-title{
	font-family: fontBlack;
	max-width: 624px;
	margin-bottom: 10px;
	color: var(--dark-blue);
	text-transform: uppercase;
	font-size: 45px;
}
.your-public-content span{
	color: var(--pink);
	display: block;
}
.your-public-text{
	max-width: 500px;
	color: var(--dark-blue);
	font-weight: 700;
	margin-right: 0 !important;
	font-size: 22px;
}

.your-public-buttons{
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	z-index: 2;
}
.alternative-buttons-content{
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.switch-disable{
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	display: none !important;
	transition: opacity 350ms ease;
}
.switch-active{
	opacity: 1;
	z-index: 2;
	transition: opacity 350ms ease;
}

.pointed-side:before{
	content: "";
	position: absolute;
	top: 58%;
    transform: translateY(-50%);
    right: -190px;
    width: 100%;
    height: 100%;
    background: url(../assets/pontilhado.png) no-repeat;
    pointer-events: none;
    z-index: 1;
}
.form-switch{
    width: 100%;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 79px;
    padding-top: 174px;
}

.form-switch label{
	color: #848484;
	font-size: 24px;
	font-weight: 700;
}

.check-active{
	color: var(--dark-blue) !important;
}

.form-switch .form-check-input{
	width: 79px;
	height: 47px;
	margin: 0 20px;
	background-color: #2680EB;
}

.form-switch .form-check-input:checked{
	background-image: url('../assets/circle2.svg');
	background-size: 40px 32px !important;
}
.form-switch .form-check-input{
	background-image: url('../assets/circle2.svg') !important;
	background-size: 40px 32px !important;
}

#flexSwitchCheckDefault{
	background-image: pink !important;
}

.public-button{
	font-size: 22px;
	border-radius: 0;
	max-width: 398px;
	width: 100%;
	height: 73px;
	display: flex;
	justify-content: center;
	text-decoration: none;
	color: #fff;
	align-items: center;
	margin-bottom: 13px;
	transition: background-color 320ms ease, color 320ms ease;
	border: 1px solid;
	border-color: transparent;
}
.your-public-buttons:last-child{
	margin-bottom: 0;
}

.buttons-content{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	width: 100%;
	position: relative;
}

.dark-blue{
	background-color: var(--dark-blue);
}
.dark-blue:hover{
	background-color: #021636;
	color: #fff;
}
.pink{
	background-color: var(--pink);
}
.pink:hover{
	background-color: #6b0150;
	color: #fff;
}
.light-blue{
	background-color: var(--light-blue);
}
.light-blue:hover{
	background-color: #072e64;
	color: #fff;
}

.you-public-button{
	background-color: var(--pink);
	color: #fff;
	bottom: -34px;
}

@media only screen and (max-width: 1400px){
	.pointed-side:before{
    	right: -100px;
	}
}

@media only screen and (max-width: 1200px){
	.pointed-side:before{
		display: none;
	}
}

@media only screen and (max-width: 1024px){
	.your-public-title{
		font-size: 30px;
		width: 100%;
		max-width: 100%;
	}
	.your-public-text{
		font-size: 18px;
	}

	.your-public-section{
		padding-bottom: 90px;
	}
	.form-switch label{
		font-size: 20px;
	}
	.public-button{
		text-align: center;
		font-size: 18px;
	}
	.your-public{
		margin-bottom: 30px;
	}
}

@media only screen and (max-width: 992px){
	.your-public-content{
		padding-top: 50px;
		text-align: left;
	}
	.your-buttons{
		width: 70%;
	}


	.form-switch{
		padding-top: 50px;
		margin-bottom: 30px;
	}

	.form-switch .form-check-input{
		width: 45px;
		height: 30px;
	}
	.form-switch .form-check-input{
		background-size: 30px 24px !important;
	}
	.form-switch .form-check-input:checked{
		background-size: 30px 24px !important;
	}
	.your-public-buttons{
	    align-items: flex-end;
	}
}

@media only screen and (max-width: 768px){
	img{
		max-width: 180px;
		width: 100%;
	}
	.your-public{
		flex-direction: column;
	}
	.your-buttons{
		width: 100%;
	}
	.your-public-content{
		width: 100%;
		text-align: center;
	}

	.buttons-content{
		align-items: center;
	}
	.alternative-buttons-content{
		align-items: center;
	}

	.your-public-content img{
		max-width: 180px;
	}
	.your-public-title{
		font-size: 28px;
	}
	.your-public-text{
		font-size: 16px;
	}

	.your-public-buttons{
		width: 100%;
		justify-content: center;
		align-items: center;
	}
	.pointed-side:before{
		right: 0;
	}

	.form-switch{
		justify-content: center;
	}
	.public-button{
		max-width: 350px;
		height: 70px;
	}
	.wanna-join-button{
		max-width: 300px;
	    height: 60px;
	}
}	

@media only screen and (max-width: 485px){

}