/* Overlay */
.modal-testimonial__overlay {
	background-color: rgba(0, 0, 0, 0.5);
	bottom: 0;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s;
	visibility: hidden;
	z-index: 1;
}
.modal-testimonial__overlay.show-modal {
	opacity: 1;
	visibility: visible;
	transition: visibility 0s linear 0s, opacity 0.25s 0s;
}

/* Container */
.modal-testimonial {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	transform: scale(1.1);
	transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
	z-index: 2;
}
@media screen and (min-width: 901px) {
	.modal-testimonial {
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial {
	}
}

/* Added to/ removed from container to show/ hide modal */
.modal-testimonial.show-modal {
	display: block;
	opacity: 1;
	visibility: visible;
	transform: scale(1.0);
	transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}

/* Content */
.modal-testimonial__content {
	background-color: white;
	border-radius: 9px;
	box-sizing: border-box;
	left: 50%;
	position: absolute;
	top: 60px;
	transform: translateX(-50%);
	width: calc(100% - 36px);
	margin: 0;
	max-width: 1200px;
}

.modal-testimonial__content-inner {
	display: flex;
	flex-direction: column;
	margin: 0;
}
@media screen and (min-width: 901px) {
	.modal-testimonial__content {
		padding: 72px 42px 42px;
		top: 72px;
		width: calc(100% - 96px);
	}
	.modal-testimonial__content-inner {
		flex-direction: row;
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__content {
		padding: 72px 120px 72px;
		top: 120px;
		width: calc(100% - 240px);
	}
	.modal-testimonial__content-inner {
	}
}

/* Top */
.modal-testimonial__top {
	padding: 60px 18px 0;
}

@media screen and (min-width: 901px) {
	.modal-testimonial__top {
		padding: 0;
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__top {
	}
}

/* Form */
.modal-testimonial__form {
	margin-top: 18px;
}
@media screen and (min-width: 901px) {
	.modal-testimonial__form {
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__form {
		margin-top: 30px;
	}
}
	
/* Left */
.modal-testimonial__left {
	background-color: white;
	border-radius: 6px;
	flex-basis: 100%;
	padding: 0 18px;
}
@media screen and (min-width: 901px) {
	.modal-testimonial__left {
		border-radius: 0;
		flex-basis: calc(50% - 30px);
		padding: 0;
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__left {
		flex-basis: calc(60% - 60px);
	}
}

/* Close button */
.modal-testimonial__close {
	border-radius: 0.25rem;
	color: #414042;
	cursor: pointer;
	font-size: 28px;
	height: 24px;
	line-height: 1.5rem;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 20px;
	width: 24px;
}
.close-button:hover {
	background-color: darkgray;
}

/* Heading */
.modal-testimonial__heading {
	font-weight: 400;
	font-size: 36px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0;
	line-height: 42px;
	margin-bottom: 15px;
	text-align: center;
}

/* Subheading */
.modal-testimonial__subheading {
	color: #767577;
	font-size: 21px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	letter-spacing: 0;
	line-height: 33px;
	text-align: center;
}

/* Form fields */
.modal-testimonial__left-1 {
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__left-1,
	.modal-testimonial__left-4 {
		align-items: center;
		display: flex;
	}
}
.modal-testimonial__left-2,
.modal-testimonial__left-3,
.modal-testimonial__left-4,
.modal-testimonial__left-5 {
	margin-top: 18px;
}

.modal-testimonial__field-designation {
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__field-designation {
		flex-basis: 55%;
		margin-left: 18px;
	}
}

.modal-testimonial__field-state {
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__field-state {
		flex-basis: 55%;
		margin-left: 18px;
	}
}

.modal-testimonial__field-testimonial {
	margin-bottom: 0;
}

/* Right */
.modal-testimonial__right {
	background-color: white;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 18px;
	margin-top: 30px;
}
@media screen and (min-width: 901px) {
	.modal-testimonial__right {
		flex-basis: 50%;
		margin-left: 30px;
		margin-top: 0;
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__right {
		flex-basis: 40%;
		margin-left: 60px;
	}
}

.modal-testimonial__right-1 {
	width: 100%;
}
@media screen and (min-width: 901px) {
	.modal-testimonial__right-1 {
	}
}

.modal-testimonial__photo-upload {
	align-items: center;
	background: #FAFCFC;
	border: 1px dashed #0DB7B9;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 200px;
	padding: 18px 30px;
}

@media screen and (min-width: 1025px) {
	.modal-testimonial__photo-upload {
		min-height: 360px;
	}
	
	.modal-testimonial__photo-upload.highlight {
		border: 1px solid #0DB7B9;
	}
}


.modal-testimonial__photo-upload-content {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex: auto;
	justify-content: center;
}

.modal-testimonial__photo-upload-icon::before {
	content: url("data:image/svg+xml,%3Csvg width='40px' height='27px' viewBox='0 0 40 27' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Eupload-icon%3C/title%3E%3Cg id='Authentication' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpath d='M21.0169492,0 C26.9112074,0 31.7074481,4.62281914 31.8606321,10.3825023 L31.8644068,10.6666667 C36.3575708,10.6666667 40,14.2483887 40,18.6666667 C40,23.0849447 36.3575708,26.6666667 31.8644068,26.6666667 L10.1694915,26.6666667 C4.55303644,26.6666667 0,22.1895142 0,16.6666667 C0,11.1438192 4.55303644,6.66666667 10.1694915,6.66666667 C10.4309823,6.66666667 10.6901679,6.67637154 10.9466963,6.69543499 C12.548118,2.77106263 16.4534405,0 21.0169492,0 Z M20.3389831,8 L15.2542373,14.6666667 L18.3050847,14.6666667 L18.3050847,20 L22.3728814,20 L22.3728814,14.6666667 L25.4237288,14.6666667 L20.3389831,8 Z' id='upload-icon' fill='%230DB7B9'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
	height: 27px;
	width: 40px;
}
.modal-testimonial__photo-upload-separator {
	display: none;
}

@media screen and (min-width: 1025px) {
	.modal-testimonial__photo-upload-separator {
		display: block;
	}
}

.modal-testimonial__photo-upload-separator-1 {
	color: #0DB7B9;
	margin-top: 8px;
	text-align: center;
}

.modal-testimonial__photo-upload-separator-2 {
	align-items: center;
	color: #414042;
	display: inline-flex;
	margin-top: 18px;
	opacity: 0.5;
	text-align: center;
}

.modal-testimonial__photo-upload-separator-2::before,
.modal-testimonial__photo-upload-separator-2::after {
	border-bottom: 1px solid rgba(65, 64, 66, 0.5);
	content: '';
	display: inline-block;
	margin-top: 2px;
	width: 90px;
}
.modal-testimonial__photo-upload-separator-2::before {
	margin-right: 4px;
}
.modal-testimonial__photo-upload-separator-2::after {
	margin-left: 4px;
}

.modal-testimonial__photo-upload-button-label {
	margin-top: 18px;
}
.modal-testimonial__photo-upload-button {
	position: relative;
}
.modal-testimonial__photo-upload-button::file-selector-button,
.modal-testimonial__photo-upload-button::-webkit-file-upload-button {
}

.modal-testimonial__photo-upload-name {
	text-align: center;
}

.modal-testimonial__photo-upload-clear {
	display: none;
	margin-top: 24px;
}

.modal-testimonial__photo-upload-footer {
	color: #0DB7B9;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 21px;
	margin-top: auto;
	text-align: center;
}

.modal-testimonial__right-2 {
	color: #414042;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	margin-bottom: auto;
	margin-top: 9px;
	opacity: 0.72;
	text-align: center;
}

/* Bottom */
.modal-testimonial__bottom {
	margin-top: 30px;
	padding: 0 18px 30px;
}

@media screen and (min-width: 901px) {
	.modal-testimonial__bottom {
		padding: 0;
	}
}
@media screen and (min-width: 1025px) {
	.modal-testimonial__bottom {
	}
}


.modal-testimonial__auth {
	display: flex;
	justify-content: center;
	margin-top: 30px;
}

.modal-testimonial__auth label {
}

.modal-testimonial__submit {
	margin-top: 30px;
	text-align: center;
}

.modal-testimonial__required {
	color: #F15C22;
	margin-right: 2px;
}

.modal-testimonial__error {
	color: #F15C22;
	display: none;
	margin-top: 4px;
}
.modal-testimonial__error.active {
	display: block;
}