.page-section__cv-generator{
	padding:0 0 1.5rem 0;
	
	.rn-cv-generator{
		font-family:$body-font-family;
		h2{color:$primary-color;}
		
		.btn-primary{
			background-color:$primary-color;
			border-color:transparent;
			font-weight:$global-weight-bold;
			&::before{
				content:"";
				display:block;
				background: url("data:image/svg+xml,%3Csvg data-name='Laag 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 319.26 447.8'%3E%3Cpath style='fill:%23ffffff' d='M16 447.8a17.1 17.1 0 0 1-7.36-1.8A16 16 0 0 1 0 431.8v-416A16 16 0 0 1 8.64 1.56a16 16 0 0 1 16 1.28l288 208a16 16 0 0 1 0 25.92l-288 208a16 16 0 0 1-8.64 3Zm16-400v352l244.64-176Z' data-name='87-Right'/%3E%3C/svg%3E") no-repeat 0 50%;
				width:0.5rem;
				height:1rem;
				margin-right:0.5rem;
				margin-top:0.25rem;
				float:left;
				@include animate();
			}
			&:hover{background-color: scale-color($primary-color, $lightness: -15%);border-color:transparent;}
		}
		.btn-outline-primary{
			border:solid 1px $primary-color;
			color:$primary-color;
		}
		
		.btn-secondary{
			background-color:get-color(1);
			border-color:transparent;
			font-weight:$global-weight-bold;
			
			&:hover{background-color: scale-color(get-color(1), $lightness: -15%);border-color:transparent;}
		}
		.btn-outline-primary{
			border:solid 1px $medium-gray;
			color:$medium-gray;
			&:hover{
				border:solid 1px $black;
				background:none;
				color:$black;
			}
		}
		
		
		.carousel-control-next{
			background: linear-gradient(270deg,rgba($white,1) 0,rgba($white,0) 100%);
		}
		.carousel-control-prev{
			background: linear-gradient(270deg,rgba($white,0) 0,rgba($white,1) 100%);
		}
		
		.bg-light,
		.template{
			background-color:$white !important;
		}
		
		.template.active .template-preview{
			box-shadow: 0 0 1.5rem 0 rgba($black,0.25);
		}
		
		.carousel-item.active{
			.template{
				padding-top:15px;
				> p{color:$primary-color;}
			}
		//	transform:translateY(0) !important;
		}
		
		.carousel-indicators li{
			background-color:$light-gray;
		}
		.carousel-indicators .active{
			background-color:$primary-color;
		}
		
		select{background-position: right 0 center;}
		
		.alert-primary{background:rgba($light-gray,0.5);color:rgba($black,0.5);text-align:center;border:none;font-style:italic;font-size:0.875rem;}
		
		.form-control{
			&:focus{
				border:solid 1px $black;
				box-shadow:0 0 5px $light-gray;
			}
		}
	}
	
}