@font-face {
    font-family: 'JosefinSans-Regular';
    src: url('../fonts/JosefinSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'JosefinSans-Bold';
    src: url('../fonts/JosefinSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}


@font-face {
    font-family: 'JosefinSans-Light';
    src: url('../fonts/JosefinSans-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}

html, body {
    font-family: 'JosefinSans-Regular', sans-serif;	
}


.bg-primary {
	background: #C5AFE8!important;
}

.text-primary {
	color: #C5AFE8!important;
}

.border-primary {
	border-color: #C5AFE8!important;
}

b, strong {
	    font-family: 'JosefinSans-Bold';
}

@media (min-width:1200px) {

h1, .h1 {
	font-size: 4rem;
}

h2, .h2 {
	font-size: 2rem;
}

}

.btn {
	text-transform: uppercase
}

.small {
	font-family: 'JosefinSans-Light';
font-size: .75rem	
}

label {
	font-family: 'JosefinSans-Regular';
	text-transform: uppercase
}

.btn {
	padding-bottom: .125rem;
}

.btn-lg {
    font-family: 'JosefinSans-Bold';
padding-bottom: .75rem;
padding-top: 1rem;
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.values {
	margin-bottom: 1rem
}

.values p{
	margin-bottom: .25rem;
	hyphens: auto;
	max-width: 500px;
}

@media (max-width:768px) {
.values p{
	margin-bottom: .25rem;
	hyphens: auto;
	max-width: 360px;
}	
}

.form-check-label {
padding-top: .125rem;
}

#summary {
	text-transform: uppercase
}


input[type="file"]::file-selector-button {
  border: 1px solid #fff;
  background-color: #fff;
  color: #000;
  transition: 1s;
}

#programdata .flex-column {
	display: flex;
}

.form-check-input:checked {
background-color: #000;
border-color: #000;
}

.ceg:has(#BDWInput05b-8) > #addBtn {
	display: none
}

.form-grid {
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  grid-template-rows: auto auto auto; 
  gap: 0px 0px; 
  grid-template-areas: 
    "persdata ."
    "progdata ."
    "summ summ"; 
}
.summ { grid-area: summ; }
.persdata { grid-area: persdata; }
.progdata { grid-area: progdata; }

#toSummary, #toProgram {
	width: 170px;
	margin-right: -85px;
	margin-top: 4rem;
}

#submitSection {
	margin-top: 4rem;	
}

#main {
	padding-top: 20rem;
	padding-bottom: 20rem
}

@media (max-width:991px) {

.form-grid {
  display: grid; 
  grid-template-columns: 1fr; 
  grid-template-rows: auto auto auto; 
  gap: 0px 0px; 
  grid-template-areas: 
    "persdata"
    "progdata"
    "summ"; 
}

#toSummary, #toProgram {
	margin-top: 3rem;
	width: 170px;
	margin-right: 0px
}

#submitSection {
	margin-top: 3rem;	
}

#main {
	padding-top: 10rem;
	padding-bottom: 10rem
}
}

#form-main {
	background-image:url(../img/bg-form.png);background-size: 50% auto; background-position: right top;background-repeat: no-repeat;  min-height: 100vh;
}

#form-main.final {
	background-image:url(../img/bg0.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;  min-height: 100vh;
}

.btn-sm {
	width: 237px
}

#fileList > div > div {
	display: grid;
}

#fileList > div > div > span,
#fileList2 > div > div > span {
	font-size: .75rem
}

#fileList2 > div > div {
	display: grid;
}

#uploaded {
	display: flex;
	gap: .5rem;
	margin-top: .5rem
}

#uploaded .rounded-pill {
	background: white;
	max-width: 200px;
overflow-x: hidden;
}