html, body {
    overscroll-behavior: none
}

.animate__bounce {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center
}
	
.card-header {
	background-color: #fff !important;
	border-bottom: 0 solid #fff !important;
	padding: 2px 15px 30px !important
}

.sv_header {
	background-color: #f1f1f1;
	padding: 0;
	text-align: center
}

.sv-header__text {
	max-width: none
}

.panel-footer {
	text-align: left;
	color: #fff;
	background-color: #fff;
	border-radius: 0;
	border: 0;
/* line-height: 5em */
}

.panel-footer.card-footer {
  padding: 30px 50px 45px!important
}  

@media (max-width:1024px) {
	.panel-footer.card-footer {
	display: flex;
    align-items: center;
    justify-content: center
	}
	.sv_main .sv_container .panel-body.card-block .sv_row .sv_qstn .radio label, .sv_main .sv_container .panel-body.card-block .sv_row .sv_qstn .checkbox label {
    line-height: 15px !important
	}
	.sv_qcbx .checkbox-material {
		margin-right: 5px !important
	}
	.sv_bootstrap_css .sv_qcbc input[type=checkbox] {
	margin-top: -5px !important;
	}
}

.btn {
  --bg: #7433a3;
  --text-color: #fff;
  position: relative;
  cursor: pointer;
  border: none;
  outline: none;
  background: var(--bg);
  color: var(--text-color);
  padding: 13px 20px;
  font-size: 20px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  transition: 0.2s;
  border-radius: 5px;
  opacity: 0.9;
  box-shadow: #5d2982 0px 7px 2px, #000 0px 8px 5px;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.btn:hover {
  opacity: 1;  
  text-decoration: none;
  color: var(--text-color);
}

.btn:active {
  top: 4px;
  box-shadow: #5d2982 0px 3px 2px,#000 0px 3px 5px;
}
.btn:focus:not(:focus-visible) {
outline: none;
}

body {
	font-size: 16px;
	line-height: 22px
}

.sv-string-viewer {
	font-size: 16px !important
}

@media (max-width:326px) {
	.sv-string-viewer {
		font-size: 13.7px !important
	}
	.sv_main .sv_container .panel-body.card-block .sv_row .sv_qstn .checkbox label {
		vertical-align: super !important
	}
	p {
	    font-size:14px !important
	}
	.form-control {
	    font-size: 13.7px;
	}
	.sv_bootstrap_css .sv_qcbc input[type=checkbox] {
	margin-top: -5px !important;
	}
}

.sv_qcbx .checkbox-material {
	margin-right: 3px !important
}

.sv_bootstrap_css .sv_qstn {
	padding: 0 11px 11px !important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	margin-bottom: 10px !important
}

.form-control {
	width: 70%
}

.form-control:focus {
	border-color: #7433a3;
	box-shadow: inset 0 0 1px rgba(104,46,147,1), 0 0 8px rgba(158,112,191,1)
}

.alert {
	border-radius: 1.25rem;
	padding-top: 10px;
	padding-bottom: 10px
}

.alert-danger {
	width: 70%
}

@media (max-width:1024px) {
	.form-control {
		width: 100%
	}
	.alert-danger {
		width: 100%
	}
}

.sv_bootstrap_css .sv_qcbc input[type=checkbox] {
	transform: scale(1.1);
	accent-color: #fff
}

.sv-container-modern {
	font-size: 15px
}

.sv-ranking-item__content {
	display: initial;
	padding: 5px 10px 5px 18px !important
}

.sv-ranking-item__icon-container {
	left: -10px !important
}

.sv-ranking-item__index {
	margin-right: 3px !important;
	padding: 4px 12px !important;
	font-size: 15px !important
}

.sv-ranking-item__icon {
	top: 16px !important
}

.sv_qstn .sv-q-col-1 {
	line-height: 25px !important;
	font-size: 1vw
}

div.progress-bar {
	background-color: #7433a3 !important
}

.sv_main.sv_main .progress-bar {
	margin-left: 0 !important;
	margin-right: 0 !important
}

.progress {
	border-radius: 15px !important;
	height: .3rem !important
}

.sv_main.sv_main .progress {
	width: 80% !important
}

.mb-4 {
	margin-bottom: 13px !important
}

.mt-4 {
	margin-top: 0 !important
}