/*Global Css */
.container {
	width: 100%;
	max-width: 1280px;
}
.container .row,
.row {
	margin-bottom: 0;
}

.align-flex {
	display: flex;
	display: -webkit-flex;
}
.flex-content {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}
.flex-end {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
}
.flex-space-between {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}
.flex-center {
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}
.btn-white {
	display: block;
	height: 2.25em;
	text-align: center;
	padding: 0 2em;
	color: #fff;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.5em;
	text-transform: uppercase;
	border-radius: 3.75em;
	transition: all ease 0.25s;
	background-color: transparent;
	border: 1px solid #fff;
}
.btn-white:hover,
.btn-white:focus {
	background: #fff;
	color: #1b204e;
}
.btn-blue {
	min-width: 8em;
	display: block;
	height: 2.75em;
	line-height: 2.5em;
	text-align: center;
	padding: 0 1em;
	color: #151b4e;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.125em;
	text-transform: uppercase;
	border-radius: 3.75em;
	transition: all ease 0.25s;
	background-color: transparent;
	border: 2px solid #1b204e;
}
.btn-blue:hover,
.btn-blue:focus {
	background: #1b204e;
	color: #fff;
}
.btn-blue-filled {
	cursor: pointer;
	min-width: 8em;
	height: 2.75em;
	line-height: 2.75em;
	text-align: center;
	padding: 0 2em;
	font-family: 'CenturyGothic-Bold';
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	border-radius: 3em;
	transition: all ease 0.25s;
	background: #151b4e;
	border: 2px solid #151b4e;
}
.btn-blue-filled:hover,
.btn-blue-filled:focus,
.submit-btn:focus {
	background: #fff;
	color: #151b4e;
}
.input-field > label {
	position: static;
}
.input-field > label:not(.label-icon),
.input-field > label:not(.label-icon).active {
	transform: none;
	transform-origin: unset;
}

::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #a4a8ab;
}
::-moz-placeholder {
	/* Firefox 19+ */
	color: #a4a8ab;
}
:-ms-input-placeholder {
	/* IE 10+ */
	color: #a4a8ab;
}
:-moz-placeholder {
	/* Firefox 18- */
	color: #a4a8ab;
}
.login-page::after {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	content: '';
	width: 15.5em;
	height: 19em;
	background: url(../images/body-bg1.png) no-repeat;
}

#custom-scroll::-webkit-scrollbar-track {
	background-color: #eef2f4;
	border-radius: 6px;
}

#custom-scroll::-webkit-scrollbar {
	width: 8px;
	background-color: #eef2f4;
	border-radius: 30px;
}

#custom-scroll::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	border-radius: 30px;
}
.custom-card {
	padding: 2.5em 2.875em;
	position: relative;
	overflow: hidden;
	border-radius: 0.75em;
	background: #fff;
	-webkit-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
}

#toast-container {
	min-width: 360px;
	right: 3%;
}
#toast-container .toast {
	padding-left: 4.5em;
	min-height: 78px;
}
#toast-container .toast.success-msg {
	background: #00b574 url(../images/success-icon.svg) 1em center no-repeat;
}
#toast-container .toast.update-msg {
	background: #22bdff url(../images/update-icon.svg) 1em center no-repeat;
}
#toast-container .toast.error-msg {
	background: #e70c0c url(../images/error-icon.svg) 1em center no-repeat;
}

/* loader */

.loading-container {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999;
	width: 100%;
	height: 100vh;
	background: #e7eaf1;
    opacity: 0.6;
}
.pulse {
	border: 3px solid #151b4e;
	height: 30px;
	width: 30px;
	position: absolute;
	margin-left: -15px;
	margin-top: -15px;
	animation: pulsate 1s ease-out;
	animation-iteration-count: infinite;
	border-radius: 30px;
	opacity: 0;
	left: 50%;
	top: 50%;
}
@keyframes pulsate {
	0% {
		transform: scale(0.1, 0.1);
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: scale(1.2, 1.2);
		opacity: 0;
	}
}

.profile-progress {
	background: #eee;
	height: 0.875em;
	border-radius: 15px;
	margin: 1em 0 3em;
}
.profile-progress .bar-progress-value {
	position: relative;
	height: 100%;
	background-color: #00ff84;
	color: white;
	text-align: right;
	font-size: 20px;
	border-radius: 15px;
}
.profile-progress .progress-value {
	position: absolute;
	right: 0;
	bottom: 100%;
	background: #00ff84;
	width: 50px;
	height: 30px;
	margin-bottom: 0.5em;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.875em;
	border-radius: 0.25em;
}
.profile-progress p {
	font-size: 0.875em;
	color: #151b4e;
}

.page-title-area {
	padding: 2em 0;
}
.page-title-area .btn-blue2,
.ques-ans-title .btn-blue2 {
	height: 2.75em;
	padding: 0 1.5em 0 3.5em;
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	border-radius: 3em;
	transition: all ease 0.25s;
	background-color: #151b4e;
	background-position: 1.5em center;
	background-repeat: no-repeat;
	border: 1px solid #151b4e;
	line-height: 2.75em;
	font-family: 'CenturyGothic-Bold';
}
.page-title-area .edit-btn {
	background-image: url(../images/edit-icon.png);
}
.page-title-area .save-btn {
	background-image: url(../images/save-icon.png);
}
.page-title-area .save-btn2 {
	background-image: url(../images/save-icon2.png);
}
.page-title-area .clone-btn {
	background-image: url(../images/clone-icon.png);
}
.page-title-area .publish-btn {
	margin-left: 1.25em;
	margin-right: 1.25em;
	background-image: url(../images/publish-icon.png);
}
.page-title-area .back-btn {
	margin-left: 1.25em;
	margin-right: 1.25em;
	background-image: url(../images/back-btn2.png);
}
.ques-ans-title {
	margin-bottom: 1em;
}
.ques-ans-title .add-btn {
	display: block;
	padding-left: 2.5em;
	background-image: url(../images/add-icon2.png);
}

/*Site Header css*/
.site-header {
	position: relative; /* background:#fff; */
}
.site-header .flex-content {
	justify-content: space-between;
}
.header-inner {
	padding: 0;
	max-width: 95%;
	margin: 0 auto;
	display: block;
}
.header-inner a.btn-link {
	min-width: 10em;
}
.site-header .header-top {
	padding: 0.25em 0;
	background: #151b4e;
}
.site-header .header-top .user-action-btn {
	display: flex;
}
.site-header .header-top .user-action-btn li {
	margin-left: 1em;
	padding: 0 1em 0 2em;
}
.site-header .header-top .user-action-btn li.login {
	background: url(../images/login-icon.png) left center no-repeat;
	border-right: 1px solid #b8d8f3;
}
.site-header .header-top .user-action-btn li.register {
	padding-right: 0;
	background: url(../images/register-icon.png) left center no-repeat;
}
.site-header .header-top .user-action-btn li a {
	display: block;
	line-height: 2;
	color: #fff;
}
.site-header .header-top .signin-user {
	position: relative;
	display: flex;
	align-items: center;
}
.site-header .header-top .signin-user .avatar {
	width: 2em;
	height: 2em;
	border: 1px solid #fff;
	overflow: hidden;
	background: #f6f6f6;
}
.site-header .header-top .signin-user .avatar p {
	color: #151b4e;
	text-align: center;
	line-height: 2em;
	font-weight: 700;
}
.site-header .header-top .signin-user a span {
	color: #fff;
	line-height: 32px;
}
.site-header .header-top .signin-user a.active span {
	transform: rotate(180deg);
}
.site-header .header-top .signin-user .dropdown-content {
	margin-top: 0.25em;
	width: 154px !important;
	top: 100% !important;
	border-radius: 0 0 5px 5px;
}
.site-header .header-top .signin-user .dropdown-content li {
	min-height: 40px;
}
.site-header .header-top .signin-user .dropdown-content li.user {
	border-bottom: 1px solid #eee;
}
.site-header .header-top .signin-user .dropdown-content li a {
	padding: 0.625em 1em 0.625em 2.5em;
	color: #7c9cb1;
	font-size: 0.875em;
	font-weight: 700;
}
.site-header .header-top .signin-user .dropdown-content li.user a {
	background: url(../images/user-icon4.png) 0.625em center no-repeat;
}
.site-header .header-top .signin-user .dropdown-content li.log-out a {
	background: url(../images/logout-btn.png) 0.625em center no-repeat;
}
.site-header .logo {
}
.site-header .header-bottom {
	position: relative;
	padding: 0.875em 0;
}

.nav-manu {
}
.navbar {
	width: auto;
	background: none;
	box-shadow: none;
	height: 54px;
	line-height: 54px;
}
.navbar ul {
}
.navbar ul li {
	padding: 0 1.875em;
	position: relative;
	line-height: 1;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
}
.navbar ul li a {
	position: relative;
	padding: 0px;
	font-weight: 700;
	color: #888989;
	transition: all ease 0.25s;
}
.navbar ul > li.active,
.navbar ul li a:hover,
.navbar ul > li.active > a {
	color: #7a7a7a;
	background: none;
}
.navbar ul li:hover:after,
.navbar ul li.active:after {
	height: 29px;
}
.navbar ul li:first-child {
	border-left: none;
}
.navbar ul li:last-child {
	padding-right: 0;
	border-right: none;
}

.main-wrapper {
	position: relative;
	min-height: 70vh;
}
.login-page .main-wrapper::before {
	position: absolute;
	left: 0;
	bottom: 9em;
	z-index: -1;
	content: '';
	width: 5.2em;
	height: 12em;
	background: url(../images/body-bg2.png) no-repeat;
}

.application-area {
	padding: 2em 3em 4em;
	justify-content: space-between;
}
.app-user-area {
	position: relative;
	overflow: hidden;
	border-radius: 0.75em;
	background: #fff;
	-webkit-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
}
.app-user-area .slick-slide {
	display: flex;
}
.app-sign-up-area {
	transition: all ease-in-out 0.5s;
}
.app-sign-in-area {
	transition: all ease-in-out 0.5s;
}
.app-sign-up-area,
.app-sign-in-area {
	position: relative;
}
.app-sign-up-area .app-form-slider {
	border-radius: 0 0.5em 0.5em 0;
}
.app-sign-in-area .app-form-slider {
	border-radius: 0.5em 0 0 0.5em;
}

.app-form-content {
	position: relative;
	width: 50%;
}
/* .app-form-content .carousel{height:870px} */
.app-form-content .app-form-slider .indicators {
	text-align: right;
	padding: 0 2.5em;
}
.app-form-content .app-form-slider .indicators .indicator-item {
	margin: 0.875em 0.25em;
}
.app-form-welcome {
	padding: 5em;
	flex-direction: column;
	position: absolute;
	left: 2.5em;
	right: 2.5em;
	top: 2.5em;
	bottom: 2.5em;
	background-color: rgba(27, 32, 78, 0.9);
}
.app-form-welcome h2 {
	padding-bottom: 0.35em;
	font-weight: 400;
	color: #fff;
	font-family: 'CenturyGothic';
	font-size: 3em;
}
.app-form-welcome h2 span {
	display: block;
	font-size: 0.45em;
	line-height: 1.5;
	text-transform: uppercase;
}
.app-form-welcome p {
	padding-bottom: 2em;
	color: #fff;
	font-size: 1.125em;
}

.app-form-area {
	width: 50%;
}
.app-form-fields {
	padding: 2em 1em;
	width: 100%;
}
.app-form-fields.login-form-fields {
	padding: 2em 4em;
}
.app-form-fields h3 {
	text-transform: uppercase;
	padding-bottom: 0.5em;
}
.app-form-fields input {
	margin: 0;
}
.app-form-fields .user-email input {
	background-image: url(../images/email-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.app-form-fields .user-password input {
	background-image: url(../images/password-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.app-form-fields .organization-name input,
.app-form-fields .organization-url input {
	background-image: url(../images/organization-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.app-form-fields .user-icon input {
	background-image: url(../images/user-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.app-form-fields .select-wrapper .caret {
	right: 10px;
	z-index: 1;
	fill: #9c9eb3;
}
.app-form-fields .forgot-password {
	padding-bottom: 3em;
	font-size: 0.875em;
	color: #8b8d8e;
	font-weight: 700;
}
.app-form-fields .form-action {
	padding-top: 0.5em;
	flex-direction: column;
}
.app-form-fields .action-link {
	color: #151b4e;
}

.app-user-area .slick-arrow {
	width: 70px;
	height: 70px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 54px;
	border: 0.5em solid #fff;
	background-color: #006680;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	z-index: 9;
}
.app-user-area .slick-prev {
	background-image: url(../images/left-arrow2.png);
}
.app-user-area .slick-next {
	background-image: url(../images/right-arrow2.png);
}
.app-user-area .slick-arrow.slick-disabled {
	display: none !important;
}

.submit-btn {
	min-width: 16em;
	margin-bottom: 0.5em;
	height: 2.75em;
	text-align: center;
	padding: 0 2em;
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	text-transform: uppercase;
	border-radius: 3em;
	transition: all ease 0.25s;
	background: #151b4e;
	border: 1px solid #151b4e;
	font-family: 'CenturyGothic-Bold';
}
.submit-btn:hover,
.submit-btn:focus {
	background: #fff;
	color: #151b4e;
}

.application-area .modal {
	width: 45%;
	min-height: 65vh;
	height: 100%;
	border-radius: 5px;
	top: 50% !important;
	transform: translateY(-50%) !important;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
.application-area .modal .modal-content {
	padding: 0;
	height: 100%;
}
.application-area .modal h3 {
	padding-bottom: 0.25em;
}
.modal-close {
	position: absolute;
	right: -16px;
	top: -16px;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	border-radius: 100%;
	background: #fff url(../images/cancel-icon.png) center no-repeat;
}
#forgot-password-modal {
	background-image: url(../images/forgot-password-modal-bg.png);
	background-position: left center;
}
#forgot-password-modal .app-form-fields {
	padding: 2em 4em 2em 12em;
}
#forgot-password-modal p {
	padding: 0 0 1em;
}
#forgot-password-modal .input-field {
	margin-bottom: 3em;
}
#reset-password-modal {
	background-image: url(../images/reset-password-modal-bg.png);
	background-position: right 3em center;
}
#reset-password-modal .app-form-fields {
	padding: 2em 12em 2em 4em;
}
#reset-password-modal ul li {
	padding: 0 0 0 1em;
	background: url(../images/list-icon2.png) left 0.5em no-repeat;
	font-size: 0.875em;
}
#reset-password-modal .reset-criteria {
	padding: 1em 0;
}
#reset-password-modal .reset-criteria p {
	font-weight: 700;
}

.landing-banner {
}
.landing-banner .slick-arrow {
	width: 26px;
	height: 84px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0, 0, 0, 0.2);
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: none;
	z-index: 1;
}
.landing-banner .slick-prev {
	left: 2%;
	background-image: url(../images/left-arrow1.png);
}
.landing-banner .slick-next {
	right: 2%;
	background-image: url(../images/right-arrow1.png);
}

.my-organization-area {
	position: relative;
	width: 73%;
}
.my-organization-area .my-organization-top {
	margin-bottom: 0.5em;
	padding: 0 0.75em;
}
.my-organization-area .my-organization-title {
	padding: 0.875em 1.25em;
	flex: 1;
	background: #fff;
	border-radius: 0.325em;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(160, 78, 78, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.my-organization-area h2 {
	font-family: 'CenturyGothic';
	color: #8b8d8e;
	font-size: 1.25em;
}
.my-organization-area h3 {
	font-size: 1em;
	padding-bottom: 0.35em;
}
.my-organization-area p {
	font-size: 0.875em;
	line-height: 1.5;
}
.my-organization-area .my-organization-slider {
	position: static;
}
.my-organization-area .slick-arrow {
	width: 2em;
	height: 2em;
	position: absolute;
	top: 0.625em;
	border-radius: 100%;
	background-color: #19758c;
	background-position: center;
	background-repeat: no-repeat;
	text-indent: -9999px;
	border: none;
	z-index: 1;
	background-size: 0.5em;
	cursor: pointer;
}
.my-organization-area .slick-prev {
	right: 3.75em;
	background-image: url(../images/left-arrow3.png);
}
.my-organization-area .slick-next {
	right: 1.35em;
	background-image: url(../images/right-arrow3.png);
}
.my-organization-area .slick-arrow.slick-disabled {
	background-color: #b2b2b2;
}

.my-organization-area .my-organization-left {
	width: 65%;
	position: relative;
}
.my-organization-area .my-organization-right .draft-btn {
	background-color: #006680;
	border-color: #006680;
	color: #fff;
}
.my-organization-area .my-organization-right .draft-btn:hover {
}
.project-card {
	border-radius: 0.325em;
	background: #fff;
	margin: 0.75em;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(160, 78, 78, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.project-card .card-image {
	height: 145px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.project-card .card-content {
	padding: 1em;
}
.project-card .card-content h3 {
	font-size: 1em;
	padding-bottom: 0.35em;
}
.project-card .card-content p {
	font-size: 0.875em;
	line-height: 1.5;
}
.project-card .card-link {
	padding-bottom: 1em;
}
.project-card .card-link a {
	padding: 0.5em 1.25em 0.5em;
	background: #f5f6f8;
	border-radius: 0 20px 20px 0;
	text-transform: uppercase;
	font-family: 'CenturyGothic-Bold';
	font-size: 0.875em;
}

.create-project-card {
	display: block;
	border-radius: 0.325em;
	margin: 1.25em 0 0.75em;
	overflow: hidden;
}
.create-project-card-inner {
	position: relative;
}
.create-project-card .create-project {
	flex-direction: column;
	position: absolute;
	left: 1em;
	right: 1em;
	top: 1em;
	bottom: 1em;
	background-color: rgba(27, 32, 78, 0.9);
}
.create-project-card .create-project h3 {
	padding-bottom: 0.45em;
	font-size: 2.25em;
	font-weight: 400;
	color: #fff;
	text-transform: uppercase;
}
.create-project-card .create-project h3 span {
	display: block;
	font-family: 'CenturyGothic';
	font-size: 0.75em;
}

.project-filter-area {
	padding-bottom: 3em;
}
.project-filter-area .project-filter-list {
	width: 100%;
}
.project-filter-area .project-filter-list .tab-content {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 1em;
	border: 3px solid #d1f5ff;
	border-radius: 0 0.5em 0.5em 0.5em;
}
.project-filter-area .project-filter-tab {
	display: flex;
}
.project-filter-area .project-filter-tab .tabs {
	width: auto;
	height: 52px;
	margin: 0 0 -3px;
	background-color: transparent;
}
.project-filter-area .project-filter-tab .tabs .indicator {
	display: none;
}
.project-filter-area .project-filter-tab .tabs .tab {
	height: 52px;
	line-height: 52px;
	margin-right: 0.75em;
}
.project-filter-area .project-filter-tab .tabs .tab a {
	padding: 0 16px;
	color: #939393;
	font-size: 20px;
	font-family: 'CenturyGothic-Bold';
	box-sizing: border-box;
	border: 3px solid #eaeaea;
	border-bottom: 3px solid #d1f5ff;
	border-radius: 8px 8px 0 0;
	background: #fff;
}
.project-filter-area .project-filter-tab .tabs .tab a.active {
	border-color: #d1f5ff;
	border-bottom: 3px solid #f6f6f6;
	background-color: transparent;
}
.project-filter-area .project-card {
	margin: 0.75em 1.5% 0.75em 0;
	flex: 0 0 23.875%;
}
.project-filter-area .project-card:nth-child(4n + 4) {
	margin-right: 0;
}
.project-filter-area .project-filter-action {
}
.vendor-filter-action .applied-filter-title,
.project-filter-action .applied-filter-title {
	height: 3.5em;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 2em;
	width: 100%;
	background: #fff;
	border-radius: 0.325em;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(160, 78, 78, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.vendor-filter-action .applied-filter-title h2,
.project-filter-action .applied-filter-title h2 {
	padding-left: 0.75em;
	font-family: 'CenturyGothic';
	font-size: 1.25em;
	color: #8b8d8e;
}
.vendor-filter-action .applied-filter-title h3,
.project-filter-action .applied-filter-title h3 {
	padding: 1em 0.75em;
	height: 100%;
	font-family: 'CenturyGothic';
	font-size: 1.125em;
	color: #fff;
	background: #000;
	background: #006680;
	border-radius: 0.325em 0 0 0.325em;
}
.vendor-filter-action .applied-filter-title .filter-btn,
.project-filter-action .applied-filter-title .filter-btn {
	font-family: 'CenturyGothic-Bold';
	margin-right: 0.5em;
	width: 12.5em;
	color: #fff;
	text-transform: uppercase;
	background-color: #151b4e;
	border-radius: 0.325em;
	background-image: url(../images/filter-icon.png);
	background-position: 0.875em center;
	background-repeat: no-repeat;
	padding: 0.5em 1em 0.5em 2.25em;
	background-size: 1em;
}
.vendor-filter-action .applied-filter-title .filter-chips,
.project-filter-action .applied-filter-title .filter-chips {
	flex-grow: 1;
}
.vendor-filter-action .applied-filter-title .filter-chips .chip,
.project-filter-action .applied-filter-title .filter-chips .chip {
	height: 3.5em;
	line-height: 3.5em;
	font-size: 1em;
	border-radius: unset;
	background-color: transparent;
	margin: 0;
	border-right: 1px solid #eee;
}
.vendor-filter-action .applied-filter-title .filter-chips .chip .close,
.project-filter-action .applied-filter-title .filter-chips .chip .close {
	font-size: 1em;
	line-height: 3.5em;
}

/* .project-filter-action .applied-filter-title .chips{width:100%;margin:0;min-height:auto;padding: 0 1em;border: none;}
.project-filter-action .applied-filter-title .chips.focus{border:none;box-shadow:none;}
.project-filter-action .applied-filter-title .chips input{height:2.5em;line-height:2.5em;border:none;} */

.project-area {
	background: url(../images/alignment-map-bg-3.png)repeat;
}
.project-area .project-top-area {
	padding: 1.25em 0;
}
.project-area .logged-user-details {
	width: 24%;
	padding: 2em;
	margin-bottom: 0.75em;
	text-align: center;
	background: #fff;
	border-radius: 6px;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.project-area .logged-user-details .user-details {
	padding-bottom: 1.5em;
}
.project-area .logged-user-details .user-details p {
	font-size: 0.875em;
	font-weight: 700;
}
.project-area .logged-user-details .user-img {
	position: relative;
}
.project-area .logged-user-details .user-img .avatar {
	width: 7.875em;
	height: 7.875em;
	overflow: hidden;
	display: block;
	margin: -6em auto 1.25em;
	position: relative;
	z-index: 1;
}
.project-area .logged-user-details .user-img img {
	border: 5px solid #fff;
}
.project-area .logged-user-details .user-img .file-field {
	position: absolute;
	left: 60%;
	bottom: 0;
	z-index: 1;
	text-indent: -9999px;
	width: 2.5em;
	height: 2.5em;
	background: #fff url(../images/camera.svg) center no-repeat;
	border-radius: 50%;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(160, 78, 78, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}
.project-area .logged-user-details h5 {
	color: #006680;
	text-transform: uppercase;
}
.project-area .logged-user-details h5 span {
	font-family: 'CenturyGothic';
	text-transform: none;
}
.project-area .logged-user-details .user-action p {
	padding: 2.5em 0;
	font-size: 0.875em;
	font-weight: 700;
	line-height: 1.5;
}
.project-area .logged-user-details {
}
.project-area .about-project {
	padding-bottom: 2em;
	margin: 0;
}
.project-area .about-project label {
	transform: none;
	display: block;
	padding-bottom: 0.25em;
	font-size: 1.25em;
	text-transform: uppercase;
	color: #151b4e;
}
.project-area .about-project textarea {
	padding: 0.75em 1em;
	background: none;
	min-height: 8em;
	border: 1px solid #8b8d8e;
}
.project-area .modal,
#new-utility-modal.modal {
	width: 65%;
	min-height: 65vh;
	height: 100%;
	border-radius: 10px;
	top: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
.project-area .modal .modal-content {
	padding: 0 2em 0 0;
	height: 100%;
	overflow: auto;
}
#create-project-modal {
	padding: 3em 1em 3em 3em;
	max-height: calc(100vh - 100px);
	transform: translateY(0) !important;
}
#create-project-modal .modal {
	width: 80%;
}
#create-project-modal h2 {
	padding-bottom: 0.75em;
	text-transform: uppercase;
}
#create-project-modal h6 {
	padding-bottom: 1em;
	font-family: 'CenturyGothic';
	color: #000;
	font-size: 1.125em;
}
#create-project-modal .checkbox-fields,
#create-project-modal .checkbox-fields p {
	padding-bottom: 1em;
}
#create-project-modal [type='checkbox'] + span:not(.lever) {
	display: block;
}
#create-project-modal [type='checkbox'] + span:not(.lever) {
	padding-right: 27px;
	padding-left: 0;
}
#create-project-modal [type='checkbox'].filled-in:not(:checked) + span:not(.lever):before,
#create-project-modal [type='checkbox'].filled-in:checked + span:not(.lever):before {
	right: 10px;
	left: auto;
}

#create-project-modal [type='checkbox'].filled-in:not(:checked) + span:not(.lever):after,
#create-project-modal [type='checkbox'].filled-in:checked + span:not(.lever):after {
	right: 0;
	left: auto;
}
#create-project-modal .form-action button {
	margin: 0 0.75em;
	text-transform: none;
}

#confirmation-modal {
	background: #fff url(../images/confirmation-bg.png) left top / auto 100% no-repeat;
}
#confirmation-modal .modal-content {
	padding: 0 3em 0 40%;
	display: flex;
	align-items: center;
}
#confirmation-modal h2 {
	font-size: 2em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
#confirmation-modal p {
	padding-bottom: 0.5em;
}
#confirmation-modal h6 {
	font-size: 1.325em;
	font-family: 'CenturyGothic';
	color: #8e8d8b;
	padding-bottom: 1em;
}
#confirmation-modal a.email {
	text-decoration: underline;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.625em;
	background: url(../images/email-icon3.png) left center no-repeat;
	padding-left: 1.5em;
}

#logout-modal {
	padding: 3em;
	text-align: center;
}
#logout-modal h2 {
	padding-bottom: 0.25em;
	font-size: 3em;
	text-transform: uppercase;
	font-family: 'CenturyGothic';
}
#logout-modal span {
	font-size: 0.75em;
	display: block;
	font-family: 'CenturyGothic-Bold';
}
#logout-modal img {
	margin-bottom: 1em;
	display: inline-block;
}
#logout-modal p {
	padding-bottom: 1em;
}
#logout-modal .home-btn {
	height: 2.75em;
	padding: 0 1.25em 0 3.25em;
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	border-radius: 3em;
	transition: all ease 0.25s;
	background: #151b4e url(../images/home-icon.png) 1.25em center/ 1.5em no-repeat;
	border: 1px solid #151b4e;
	line-height: 2.75em;
	display: inline-flex;
	font-family: 'CenturyGothic-Bold';
}

#filter-modal {
	max-height: 75%;
	padding: 1.5em 2.5em;
}
#filter-modal .project-filter-tabs {
	display: flex;
}
#filter-modal .filter-tab {
	width: 270px;
}
#filter-modal .filter-tab .tabs {
	height: auto;
	margin-top: 1em;
}
#filter-modal .filter-tab .tabs .tab {
	height: auto;
	display: block;
	text-align: left;
	background: #f3f4f6;
	border-radius: 4em 0 0 4em;
	margin-bottom: 0.25em;
	overflow: hidden;
}
#filter-modal .filter-tab .tabs .tab a {
	font-size: 1.125em;
	text-transform: none;
	color: #8e8d8b;
}
#filter-modal .filter-tab .tabs .tab a.active {
	color: #151b4e;
}
#filter-modal .filter-tab .tabs .tab a:focus,
#filter-modal .filter-tab .tabs .tab a:focus.active {
	background-color: transparent;
}
#filter-modal .filter-tab .tabs .indicator {
	display: none;
}
#filter-modal .filter-tab-content {
	background: #f3f4f6;
	width: calc(100% - 270px);
	min-height: 18em;
	padding: 2.5em;
}
#filter-modal .filter-tab-content h5 {
	text-transform: uppercase;
}
#filter-modal .filter-tab-content input {
	padding: 0.5em 1em;
	height: 3em;
	background: #fff;
	border: 1px solid #c1c1c1;
}
#filter-modal .include-project {
	margin-top: -1.5em;
}
#filter-modal .include-project [type='checkbox'] + span:not(.lever) {
	padding-left: 25px;
}
#filter-modal .include-project [type='checkbox'].filled-in:checked + span:not(.lever):after,
#filter-modal .include-project [type='checkbox'].filled-in:not(:checked) + span:not(.lever):after {
	top: 0;
	height: 16px;
	width: 16px;
}
#filter-modal .form-action {
	padding: 2em 0 0 270px;
}
#filter-modal .form-action button {
	margin-right: 1em;
	text-transform: none;
}

#send-mail-modal {
	width: 50%;
	min-height: 75vh;
	height: 100%;
	border-radius: 10px;
	top: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
#send-mail-modal .modal-content {
	padding: 2em 2em 2em 1.5em;
	height: 100%;
	overflow: auto;
}
#send-mail-modal h2 {
	font-size: 2em;
	text-transform: uppercase;
}
#send-mail-modal .input-field {
	margin: 1em 0;
}
#send-mail-modal label {
	transform: none;
	display: block;
	padding-bottom: 0.5em;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.25em;
	text-transform: uppercase;
	color: #151b4e;
}
#send-mail-modal input,
#send-mail-modal textarea {
	height: 3.25em;
	padding-left: 1em;
	background-color: transparent;
	border: 1px solid #c0c0c0;
	border-radius: 6px;
}
#send-mail-modal textarea {
	min-height: 6em;
}
#send-mail-modal .dropdown-content li > a,
#send-mail-modal .dropdown-content li > span {
	color: #151b4e;
}
#send-mail-modal .select-wrapper .caret {
	right: 1em;
}

.organization-profile-area {
	padding-bottom: 3em;
	background-color: #f6f6f6;
}
.profile-details-area {
	min-height: 100vh;
	position: relative;
	display: flex;
	overflow: hidden;
	border-radius: 0.5em;
	background: #fff;
	-webkit-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
}
.profile-left-col {
	width: 25%;
	align-items: stretch;
	border-right: 1px solid #d4d4d4;
}
.profile-left-col .user-img {
	width: 10em;
	height: 10em;
	border-radius: 100%;
	border: 5px solid #e0eaf3;
	overflow: hidden; /* display: block; */
	margin: 0 auto 2em;
	position: relative;
	z-index: 1;
	background: #f6f6f6;
}
.profile-left-top {
	padding: 3em 1.75em;
	text-align: center;
	border-bottom: 1px solid #d4d4d4;
}
.profile-left-top .check-profile {
	display: inline-block;
	padding-left: 1.5em;
	background: url(../images/check-icon1.png) left center no-repeat;
}
.profile-left-bottom {
	padding: 3em 1.75em;
}
.profile-left-bottom .user-password input {
	background-image: url(../images/password-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.profile-left-bottom .submit-btn {
	margin: 2em 0;
	min-width: auto;
	font-family: 'CenturyGothic-Bold';
}

.profile-right-col {
	width: 75%;
	position: relative;
	padding-bottom: 3em;
}
.profile-right-top {
	padding: 1.5em 2em;
	border-bottom: 1px solid #d4d4d4;
}
.profile-right-top .profile-role p {
	margin-top: 0.2em;
	padding-left: 1.25em;
	background: url(../images/user-icon3.png) left center no-repeat;
}
.profile-right-top .user-icon input {
	width: auto;
	min-width: 16em;
	height: 2.5em;
	background-image: url(../images/user-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.profile-right-top .select-wrapper {
	max-width: 30%;
}
.profile-right-top .select-wrapper .caret {
	z-index: 1;
	right: 1em;
}
.profile-right-bottom {
	padding: 1.5em 2em;
}
.profile-right-bottom ul {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.profile-right-bottom ul li {
	flex: 1 1 50%;
	margin: 0.75em 0;
}
.profile-right-bottom ul li p {
	padding-left: 1.5em;
	background-position: left;
	background-repeat: no-repeat;
}
.profile-right-bottom ul li.user-cname p {
	background-image: url(../images/company-icon.png);
}
.profile-right-bottom ul li.user-email p {
	padding-left: 1.65em;
	background-image: url(../images/email-icon2.png);
}
.profile-right-bottom ul li.user-curl p {
	background-image: url(../images/company-url-icon.png);
}
.profile-right-bottom ul li.user-phone p {
	background-image: url(../images/company-phone.png);
}
.profile-right-bottom ul li.user-role p {
	background-image: url(../images/user-icon2.png);
}
.profile-right-bottom .user-phone .input-field {
	margin: 0;
}
.profile-right-bottom .user-phone input {
	width: auto;
	height: 2.5em;
	background-image: url(../images/company-phone.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.profile-right-bottom .profile-tags {
	padding: 1em 0;
	font-family: 'CenturyGothic-Bold';
}
.profile-right-bottom .profile-tags p {
	padding-bottom: 0.25em;
	font-size: 1.125em;
}
.profile-right-bottom .profile-tags .tagsui {
	padding: 1em 0 0;
}
.profile-right-bottom .profile-tags .tagsui li {
	margin: 0 1em 0 0;
	color: #fff;
	width: auto;
	flex: unset;
	padding: 0 2em;
	height: 38px;
	line-height: 38px;
	background: #006680;
	border-radius: 38px;
}
.profile-right-bottom .profile-tags input {
	width: auto;
	min-width: 22em;
	height: 3em;
	background-color: #fff;
	border: 1px solid #151b4e;
	background-image: url(../images/add-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.profile-right-bottom .add-btn {
	height: 3em;
	padding: 0 2em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e;
	color: #fff;
	cursor: pointer;
	font-family: 'CenturyGothic-Bold';
}
.profile-right-bottom .profile-tags .tag-chips {
	padding: 1.5em 0 0;
}
.profile-right-bottom .profile-tags .chip {
	padding: 0 1em 0 2em;
	height: 38px;
	line-height: 38px;
	font-size: 1.125em;
	border-radius: 38px;
	background: #e0e2fa;
}
.profile-right-bottom .profile-tags .chip .close {
	padding-left: 0.75em;
	line-height: 38px;
	font-size: 18px;
	font-weight: 700;
}
.profile-right-col-action {
	padding: 1em 2em;
	width: 100%;
	border-bottom: 1px solid #d4d4d4;
}
.profile-right-col-action a {
	padding-left: 2.5em;
	text-transform: uppercase;
	font-weight: 700;
	background: url(../images/email-icon4.png) left center no-repeat;
}

.project-info-area {
}
.project-info-area h3 {
	padding-bottom: 0.25em;
	color: #006680;
}
.project-info-area .custom-card {
	margin-bottom: 2em;
}
.project-info-area .custom-card.project-evaluation-2 {
	margin-bottom: 0.75em;
}
.project-info-area .container .page-title-area {
	margin-bottom: 0;
}
.project-info-area .additional-proj-info textarea {
	height: 18em;
}
.project-info-form {
	align-items: center;
}
.project-info-form .form-row {
	width: 100%;
}
.project-info-area .form-row-2 {
	align-items: flex-end;
}
.project-info-area .form-row-2 input[type='text'],
.project-info-area .form-row-2 input[type='email'] {
	padding-left: 3em;
	background-color: #fff;
	border: 1px solid #ededed;
}
.project-info-form .form-col-2 {
	width: 47%;
}
.project-info-form .form-col-3 {
	width: 32%;
}
.project-info-form .form-col-left{
	width: 60%;
}
.project-info-form .form-col-left-2{
	width: 80%;
}
.project-info-form .form-pricing-cat-left{
	width: 24%;
}
.project-info-form .form-pricing-cat-right{
	width: 76%;
}
.project-info-form .price-cat-input{
	width: 60%;
}
.project-info-form .annual-amount-input{

}
.project-info-form .form-col-right .logo-area{
	max-width: 174px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 2.5em 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2.5em 0px rgb(0 0 0 / 10%);
}
.project-info-form input[type='text'],
.project-info-area textarea {
	padding-left: 1em;
	border: none;
}
.project-info-form input.border-input,
.project-info-form textarea.border-textarea{
	background-color: #fff;
	border: 1px solid #ededed;
}
.project-info-form textarea.border-textarea{
	height: 5em;
}
.project-info-form .annual-amount-input input.border-input{
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-right:0.15em;
}
.project-info-form label,
.proj-contact-title,
.project-info-form h6 {
	color: #8b8b8e;
	display: block;
	padding-bottom: 0.25em;
	font-size: 1.125em;
	line-height: 1.75;
	font-family: 'CenturyGothic-Bold';
}
.project-info-area .project-information textarea,
.project-info-area .additional-proj-info .orginfo textarea {
	height: 10em;
}
.project-info-form .upload-area {
	flex-direction: column;
	margin-bottom: 2em;
}
.project-info-form .upload-area p {
	font-size: 0.875em;
}
.project-info-form .upload-area .file-field {
	margin: 0;
	max-width: 21em;
	padding: 1em 1.5em;
	background: url(../images/drag-drop-bg.jpg) no-repeat;
	width: 100%;
	height: 9em;
}
.project-info-form .upload-area2 {
	margin-top: 1em;
	align-items: center;
}
.project-info-form .upload-area2 .file-field {
	flex-grow: 1;
}
.project-info-form .upload-area2 .file-field .file-path-wrapper {
	padding: 0;
	width: 100%;
}
.project-info-form .upload-area2 .file-field .file-path {
	position: static;
	padding-left: 3em;
	height: 3em;
	background-color: #fff;
	border: 1px solid #151b4e;
	background-image: url(../images/upload-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
	opacity: 1;
	font-size: 1em;
	border-radius: 0.25em;
}
.project-info-form .upload-area2 .visible-checkbox {
	margin-top: 0.75em;
}
.project-info-form .upload-area2 .upload-btn {
	margin-left: 0.25em;
	height: 3em;
	line-height: 1;
	padding: 0 1.25em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e;
	color: #fff;
	cursor: pointer;
	font-family: 'CenturyGothic-Bold';
}
.project-info-form .upload-area2 .file-field span {
	display: none;
}
.project-info-form .drag-n-drop {
	width: 47%;
}
.project-info-form .upload-path-wrapper {
}
.project-info-form .upload-path-box {
	margin: 0 0.5em;
	position: relative;
	max-width: 137px;
	padding: 0.45em;
	background: #ecf6ff;
}
.project-info-form .upload-path-box p {
	padding-top: 0.45em;
	font-size: 0.75em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.project-info-form .upload-path-box .cancel-file {
	width: 2em;
	height: 2em;
	position: absolute;
	right: -0.65em;
	top: -0.65em;
	background: #ecf6ff url(../images/cancel-icon2.png) center no-repeat;
	border-radius: 2em;
}
.project-info-form .upload-path-wrapper2 {
	justify-content: flex-start;
}
.project-info-form .upload-path-wrapper2 .upload-path-box {
	text-align: center;
	padding: 0;
	background: none;
	border: none;
}
.project-info-form .upload-path-wrapper2 .upload-path-box img {
	border: 5px solid #006680;
}
.project-info-form .upload-path-wrapper2 .upload-path-box .cancel-file {
	width: 1.5em;
	height: 1.5em;
	position: absolute;
	right: -0.65em;
	top: -0.65em;
	background: #006680 url(../images/cancel-icon3.png) center no-repeat;
	border-radius: 2em;
}

.project-info-form .contact-name input {
	background: #f6f6f6 url(../images/user-icon3.png) 1em center no-repeat;
}
.project-info-form .contact-email input {
	background: #f6f6f6 url(../images/email-icon.png) 1em center no-repeat;
}
.project-info-form .contact-phone input {
	background: #f6f6f6 url(../images/phone-icon.png) 1em center no-repeat;
}
.project-info-form .profile-tags .form-row {
	align-items: center;
}
.project-info-form .profile-tags {
	padding: 1em 0;
	font-family: 'CenturyGothic-Bold';
}
.project-info-form .profile-tags p {
	padding-bottom: 0.25em;
	font-size: 1.125em;
}
.project-info-form .profile-tags ul {
	padding: 1em 0 0;
}
.project-info-form .profile-tags ul li {
	margin: 0 1em 0 0;
	color: #fff;
	width: auto;
	flex: unset;
	padding: 0 2em;
	height: 38px;
	line-height: 38px;
	background: #006680;
	border-radius: 38px;
}
.project-info-form .profile-tags input {
	padding-left: 3em;
	height: 3em;
	background-color: #fff;
	border: 1px solid #151b4e;
	background-image: url(../images/add-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.project-info-form .profile-tags .add-btn {
	height: 3em;
	padding: 0 2em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e;
	color: #fff;
	cursor: pointer;
	margin-left: 0.25em;
}
.project-info-form .profile-tags .chip {
	padding: 0 1em 0 2em;
	height: 38px;
	line-height: 38px;
	font-size: 1.125em;
	border-radius: 38px;
	background: #e0e2fa;
	color: #151b4e;
}
.project-info-form .profile-tags .chip .close {
	padding-left: 0.75em;
	line-height: 38px;
	font-size: 18px;
	font-weight: 700;
}
.project-info-form .business-outcomes textarea,
.project-info-form textarea.add-notes {
	min-height: 10em;
}
.project-info-form .path-wrapper .document-path {
	padding: 0 0.75em;
	background: #f5f5f5;
	border-radius: 0.25em;
}
.project-info-form .path-wrapper .document-path .file-path {
	padding: 1em 0 1em 3em;
	background: url(../images/doc-icon.png) left center no-repeat;
}
.project-info-form .path-wrapper .document-path button {
	padding: 0.75em 0.75em 0.75em 2em;
	font-family: 'CenturyGothic-Bold';
	font-size: 0.875em;
	border: 1px solid #e7e7e7;
	border-radius: 3px;
}
.project-info-form .path-wrapper .document-path .download-btn {
	color: #151b4e;
	background: #fff url(../images/download-icon.png) 0.5em center no-repeat;
}
.project-info-form .path-wrapper .document-path .upload-btn {
	color: #006680;
	background: #fff url(../images/check-icon2.png) 0.65em center no-repeat;
}
.important-milestones .project-info-form {
	align-items: flex-start;
}
.important-milestones .project-info-form input,
.important-milestones .project-info-form textarea {
	padding-left: 2.5em;
}
.project-info-form .add-milestone input {
	background: #f6f6f6 url(../images/add-milestone-icon.png) 0.75em center no-repeat;
}
.project-info-form .date-field .datepicker {
	background: #f6f6f6 url(../images/date-icon.png) 0.75em center no-repeat;
}
.project-info-form textarea.add-notes {
	flex-grow: 1;
	background: #f6f6f6 url(../images/add-notes-icon.png) 0.75em 0.75em no-repeat;
}
.project-info-form .add-notes-btn {
	padding-top: 2em;
	color: #fff;
	border-radius: 0.25em;
	border: 1px solid #151b4e;
	background: #151b4e url(../images/add-icon2.png) center 45% no-repeat;
}
.project-info-form .add-status-field input{
	padding-left: 1em;
}
.product-pricing-card .product-pricing-list {
    padding: 0.5em 1em 1em;
    background: #f4f8f9;
    border-radius: 0.25em;
    margin-bottom: 1em;
}
.product-pricing-list .product-pricing-list-inner {
    max-width: 100%;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
}
.product-pricing-list .pricing-table-card{
	padding: 0.25em;
	background-color: #fff;
	margin-bottom: 1em;
	border-radius: 0.5em;
}
.product-pricing-list ul{
	display: table;
}
.product-pricing-list ul li {
    display: table-cell;
}
.product-pricing-list .product-pricing-list-head {
    padding: 0.75em;
}
.product-pricing-list .product-pricing-list-content {
    padding: 0.75em 0.25em;
    border-bottom: 1px solid #ededed;
}
.product-pricing-list .product-pricing-list-content:last-child{
	border-bottom: none;
}
.product-pricing-list .product-pricing-list-head li, 
.product-pricing-list .product-pricing-list-content li {
    line-height: 1.2;
    min-width: 80px;
    width: 80px;
}
.product-pricing-list h5{
	padding-bottom: 0.75em;
	color: #006680;
}
.product-pricing-list .product-pricing-list-head li:first-child{
	vertical-align: bottom;
}
.product-pricing-list .product-pricing-list-head li:first-child, 
.product-pricing-list .product-pricing-list-content li:first-child {
	padding-right: 1em;
    min-width: 182px;
    width: 182px;
}
.product-pricing-list .product-pricing-list-content.total-base-price{
	padding-top:0;
}
.product-pricing-list .product-pricing-list-head li,
.product-pricing-list .product-pricing-list-content.list-content-total li,
.product-pricing-list .product-pricing-list-content.total-base-price li,
.product-pricing-list .product-pricing-list-content.grand-total li{
	font-family: 'CenturyGothic-Bold';
}
.product-pricing-list .product-pricing-list-content.list-content-total li:first-child,
.product-pricing-list .product-pricing-list-content.total-base-price li:first-child,
.product-pricing-list .product-pricing-list-content.grand-total li:first-child{
	font-style: italic;
}
.product-pricing-list .product-pricing-list-content.grand-total li:first-child{
	font-size: 1.25em;
}
.product-pricing-list .product-pricing-list-content li a{
	display: inline-block;
    text-indent: -9999px;
}
.product-pricing-list .product-pricing-list-content li .edit-btn {
    width: 1.625em;
    height: 1.7em;
    background: url(../images/action-btn.png) no-repeat;
}
.product-pricing-list .product-pricing-list-content li .delete-btn{
	width: 1.25em;
	height: 1.5em;
	background: url(../images/delete-icon.png) center no-repeat;
}
.project-owner-org .form-col-left{
	width: 75%;
}
.milestone-list,
.milestone-list-new {
	padding: 1em;
	background: #f4f8f9;
}
.milestone-list .milestone-header-list,
.milestone-list-new .milestone-header-list {
	padding: 0.5em 1em 0.5em 0.75em;
	font-family: 'CenturyGothic-Bold';
}
.milestone-list .milestone-content-list,
.milestone-list-new .milestone-content-list {
	margin-bottom: 0.5em;
	padding: 0.75em 1em 0.75em 0.75em;
	background: #fff;
	border-radius: 0.25em;
}
.milestone-list .list-col1 {
	width: 35%;
}
.milestone-list .list-col2 {
	width: 25%;
}
.milestone-list .list-col3 {
	width: 17.5%;
}
.milestone-list .list-col4 {
	width: 12.5%;
}
.milestone-list .list-col5 {
	width: 10%;
	align-items: center;
}
.milestone-list .action-btn,
.milestone-list-new .action-btn {
	width: 1.625em;
	height: 1.7em;
	text-indent: -9999px;
	background: url(../images/action-btn.png) no-repeat;
}
.milestone-list .delete-btn {
	width: 1.25em;
	height: 1.5em;
	text-indent: -9999px;
	background: url(../images/delete-icon-3.png) center no-repeat;
}
.milestone-list .correct-btn {
	margin-right: 0.5em;
	width: 1.5em;
	height: 1.125em;
	text-indent: -9999px;
	background: url(../images/correct-icon.png) no-repeat;
}
.milestone-list-new .list-col1{
	width: 20%;
}
.milestone-list-new .list-col2,
.milestone-list-new .list-col3,
.milestone-list-new .list-col4,
.milestone-list-new .list-col5{
	width: 15%;
}
.milestone-list-new .list-col6,
.milestone-list-new .list-col7{
	width: 10%;
}
.authorize-project-user .project-info-form .authorize-org-select{
	padding-left: 3em;
	background: #f6f6f6 url(../images/select-icon.png) 1em center no-repeat;
}
.libraries-card-actions{
	margin-bottom: 3em;
}
.project-info-form .date-field .datepicker-modal input {
	padding: 0;
	background: transparent;
	height: auto;
	border: none;
}
.project-info-form .date-field .datepicker-modal .datepicker-date-display {
	background: #151b4e;
}
.project-info-form .date-field .datepicker-modal .datepicker-cancel,
.project-info-form .date-field .datepicker-modal .datepicker-done {
	color: #151b4e;
}
.project-info-form .invite-btn {
	color: #fff;
	width: 70%;
	height: 3.5em;
	border-radius: 0.25em;
	border: 1px solid #151b4e;
	background: #151b4e;
}
.add-req-doc .add-req-btns {
	padding-top: 1em;
}
.add-req-doc .add-req-btn {
	width: 300px;
	text-align: center;
	color: #fff;
	height: 3.5em;
	line-height: 3.5em;
	border-radius: 0.25em;
	border: 1px solid #151b4e;
	background: #151b4e;
	margin-right: 1em;
	font-family: 'CenturyGothic-Bold';
}
.project-info-form .auth-org-name input {
	background: #f6f6f6 url(../images/select-icon.png) 0.75em center no-repeat;
}
.project-info-form .auth-org-name .caret {
	z-index: 1;
	right: 0.5em;
}
.sharing-proj-info .project-info-form .btn-blue-filled,
.project-info-form .form-col-right-2 .btn-blue-filled{
	display: inline-block;
	margin-top:3em;
}
.evaluation-list,
.provider-resp-list {
	padding: 1em;
	background: #f4f8f9;
}
.evaluation-list .evaluation-header-list,
.provider-resp-list .provider-resp-header-list{
	padding: 0.5em 1em 0.5em 0.75em;
	font-family: 'CenturyGothic-Bold';
}
.evaluation-list .evaluation-content-list,
.provider-resp-list .provider-resp-content-list {
	margin-bottom: 0.5em;
	padding: 0.75em 1em 0.75em 0.75em;
	background: #fff;
	border-radius: 0.25em;
}
.evaluation-list .list-col1 {
	width: 28.5%;
}
.evaluation-list .list-col2 {
	width: 28.5%;
}
.evaluation-list .list-col3 {
	width: 28.5%;
}
.evaluation-list .list-col4 {
	width: 14.5%;
}
.evaluation-list .action-btn,
.provider-resp-list .action-btn {
	margin-right:0.5em;
	width: 1.625em;
	height: 1.7em;
	text-indent: -9999px;
	background: url(../images/action-btn.png) no-repeat;
}
.evaluation-list .delete-btn,
.provider-resp-list .delete-btn {
	width: 1.25em;
	height: 1.5em;
	text-indent: -9999px;
	background: url(../images/delete-icon.png) center no-repeat;
}
.provider-resp-list .list-col6 a{
	width: 2.5em;
	height: 2.5em;
	text-indent: -9999px;
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.provider-resp-list .pricing-btn {
	background-image: url(../images/pricing-icon.png);
}
.provider-resp-list .req-btn {
	background-image: url(../images/requirements-icon.png);
}
.provider-resp-list .imp-btn {
	background-image: url(../images/implementation-services-icon.png);
}
.provider-resp-list .support-btn {
	background-image: url(../images/support-services-icon.png);
}
.provider-resp-list .list-col1,
.provider-resp-list .list-col2,
.provider-resp-list .list-col4,
.provider-resp-list .list-col5 {
	width: 18%;
}
.provider-resp-list .list-col3,
.provider-resp-list .list-col6{
	width: 14%;
}
.project-specification .proj-spec-actions{
	padding-top: 4em;
	max-width: 60%;
}
.project-specification .proj-spec-actions a{
	font-family: 'CenturyGothic';
	flex:1;
	margin: 0 2em 2em 0;
}
.project-pricing .proj-pricing-actions a{
	font-family: 'CenturyGothic';
	margin-top: 3em;
	display: inline-block;
	min-width: 280px;
}
.project-evaluation-btn{
	border-radius: 3px;
}
.add-proj-info .project-info-form textarea{
	min-height: 6em;
}
.authorized-user-list {
	margin-top: 1em;
	padding: 1em;
	background: #f4f8f9;
}
.authorized-user-list .authorized-user-header {
	padding: 0.5em 1em 0.5em 0.75em;
	font-family: 'CenturyGothic-Bold';
}
.authorized-user-list .authorized-user-content {
	margin-bottom: 0.5em;
	padding: 0.75em 1em 0.75em 0.75em;
	background: #fff;
	border-radius: 0.25em;
}
.authorized-user-list .list-col1 {
	width: 47.5%;
}
.authorized-user-list .list-col2 {
	width: calc(52.5% - 5em);
}
.authorized-user-list .list-col3 {
	width: 5em;
	text-align: center;
}
.authorized-user-list .authorized-user-content a {
	margin: 0 0.5em;
	text-indent: -9999px;
}
.authorized-user-list .authorized-user-content .email-btn {
	width: 1.5em;
	height: 1.5em;
	background: url(../images/email-icon.png) center no-repeat;
}
.authorized-user-list .authorized-user-content .delete-btn {
	width: 1.35em;
	height: 1.5em;
	background: url(../images/delete-icon.png) center no-repeat;
}
.ques-ans .collapsible {
	border: none;
	box-shadow: none;
}
.ques-ans .collapsible .collapsible-header {
	font-family: 'CenturyGothic-Bold';
	position: relative;
	padding: 1em 0 1em 0.35em;
}
.ques-ans .collapsible .collapsible-header span {
	position: absolute;
	right: 0.5em;
	top: 50%;
	margin-top: -12px;
}
.ques-ans .collapsible li.active .collapsible-header {
	color: #151b4e;
}
.ques-ans .collapsible li.active .collapsible-header span {
	color: #151b4e;
	transform: rotate(180deg);
}
.keyboard-foucsed .collapsible-header:focus {
	background-color: transparent;
}
.ques-ans .collapsible .collapsible-header-left small{
	display:block;
	color:#8b8d8e;	
}
.ques-ans .collapsible-body {
	background:#f4f8f9;
}
.ques-ans .collapsible-body .answers-list li{
	padding: 1em;
	margin-bottom:0.5em;
	background: #fff;
}
.ques-ans .collapsible-body .answers-list li .ans-actions{
	margin-left: 1em;
}
.ques-ans .collapsible-body .answers-list li a{
	margin-left: 1em;
	width: 22px;
    height: 23px;
	display:block;
	text-indent: -9999px;
}
.ques-ans .collapsible-body .answers-list li .edit-btn {
    background: url(../images/action-btn.png) no-repeat;
}
.ques-ans .collapsible-body .answers-list li .delete-btn {
    background: url(../images/delete-icon.png) center no-repeat;
}
.ques-ans .kebab-btn {
	margin-left: 1em;
	width: 2.6em;
	height: 0.9em;
	display: block;
	background: url(../images/kebab-icon.png) center no-repeat;
	position: absolute;
	right: 2.5em;
	top: 50%;
	transform: translateY(-50%);
}
.ques-ans .dropdown-content {
	width: 10.25em !important;
	border-radius: 0 0 5px 5px;
	background: #ebfafe;
}
.ques-ans .dropdown-content li {
	min-height: 38px;
	border-bottom: 1px solid #cee2ea;
}
.ques-ans .dropdown-content li a {
	padding: 0.625em 1em 0.625em 2.5em;
	color: #7c9cb1;
	font-size: 0.875em;
	font-weight: 700;
}
.admin-details .project-info-form input {
	background: #f6f6f6 url(../images/settings-icon.png) 0.75em center no-repeat;
}
.project-info-form .input-field-txt:first-child {
	padding-top: 0.75em;
}
.project-info-form .input-field-txt p {
	padding-bottom: 1em;
}
.project-info-details .project-info-form .upload-path-wrapper2 {
	margin-top: 1em;
	flex: 1;
}
.additional-proj-info .project-details,
.additional-proj-info .project-approach {
	align-items: flex-start;
	margin-bottom: 1em;
}

.reviews-area {
}
.reviews-area .review-list-area .review-user-col1 {
	margin-right: 2em;
	text-align: center;
}
.reviews-area .review-list-area .review-user-col2 {
	flex: 1;
}
.reviews-area .review-list-area .review-list {
	position: relative;
}
.reviews-area .review-list-area .review-list.disabled:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.9);
}
.reviews-area .review-list-area .user-img {
	width: 4.75em;
	height: 4.75em;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto;
	background: #f6f6f6;
}
.reviews-area .review-list-area .user-img h4 {
	color: #006680;
}
.reviews-area .review-date {
	font-size: 0.875em;
	color: #006680;
}
.reviews-area .reveiw-top {
	padding-bottom: 0.5em;
}
.reviews-area .review-user-name h5 {
	padding-right: 0.5em;
}
.reviews-area .review-user-name span {
	padding-left: 0.5em;
	border-left: 1px solid #d5d2d2;
}
.reviews-area .kebab-btn {
	width: 2.6em;
	height: 0.9em;
	display: block;
	background: url(../images/kebab-icon.png) center no-repeat;
}
.reviews-area .dropdown-content {
	width: 10.25em !important;
	top: 3.5em !important;
	border-radius: 0 0 5px 5px;
	background: #ebfafe;
}
.reviews-area .dropdown-content li {
	min-height: 38px;
	border-bottom: 1px solid #cee2ea;
}
.reviews-area .dropdown-content li a {
	padding: 0.625em 1em 0.625em 2.5em;
	color: #7c9cb1;
	font-size: 0.875em;
	font-weight: 700;
}
.reviews-area .dropdown-content li.comments a {
	background: url(../images/comments-icon.png) 0.75em center no-repeat;
}
.reviews-area .dropdown-content li.reply a {
	background: url(../images/reply-icon.png) 0.75em center no-repeat;
}
.reviews-area .dropdown-content li.live a {
	background: url(../images/calender-icon.png) 0.75em center no-repeat;
}
.reviews-area .review-ratings-area {
	position: relative;
}
.reviews-area .user-ratings-area {
	position: relative;
	padding-top: 2em;
}
.reviews-area .user-ratings-left {
	width: 20%;
	flex-direction: column;
}
.reviews-area .user-ratings-left .live-rating-area {
	width: 162px;
	height: 162px;
	border: 10px solid #151b4e;
	border-radius: 50%;
}
.reviews-area .user-ratings-left .live-rating-area .live-rating {
	font-family: 'CenturyGothic-Bold';
	font-size: 4em;
	color: #151b4e;
}
.reviews-area .user-ratings-left .project-info-rating {
	margin-top: 1em;
}
.reviews-area .user-ratings-mid {
	width: 50%;
}
.reviews-area .user-ratings-mid .user-rating-bar {
	margin-bottom: 1.25em;
}
.reviews-area .user-ratings-mid .user-rating-bar p {
	width: 180px;
}
.reviews-area .user-ratings-mid .rating-progress {
	background: #eee;
	width: 100%;
	height: 1em;
	border-radius: 1em;
}
.reviews-area .user-ratings-mid .rating-progress .rating-value {
	position: relative;
	height: 100%;
	background-color: #151b4e;
	color: white;
	text-align: right;
	font-size: 20px;
	border-radius: 15px;
}
.reviews-area .user-ratings-mid .rating-progress p {
	font-size: 0.875em;
	color: #151b4e;
}
.reviews-area .user-ratings-right {
	width: 20%;
}
.reviews-area .user-ratings-right .percentage-ratings .percentage-text {
	margin-left: 1em;
	width: 2em;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.5em;
	color: #8b8b8e;
}
.reviews-area .review-ratings-area .ques-ans-title .add-btn.btn-disabled {
	cursor: not-allowed;
	pointer-events: none;
	background-color: rgba(21, 27, 78, 0.5);
	border: 1px solid rgba(21, 27, 78, 0.5);
}

#add-answer {
	width: 50%;
	min-height: 75vh;
	height: 100%;
	border-radius: 10px;
	top: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
#add-answer [type='checkbox'] + span:not(.lever) {
	height: 20px;
	line-height: 20px;
	display: block;
}
#add-answer [type='checkbox'] + span:not(.lever) {
	padding-right: 27px;
	padding-left: 0;
}
#add-answer [type='checkbox'].filled-in:not(:checked) + span:not(.lever):before,
#add-answer [type='checkbox'].filled-in:checked + span:not(.lever):before {
	right: 10px;
	left: auto;
}

#add-answer [type='checkbox'].filled-in:not(:checked) + span:not(.lever):after,
#add-answer [type='checkbox'].filled-in:checked + span:not(.lever):after {
	right: 0;
	left: auto;
}
#add-answer textarea {
	min-height: 12em;
}
#add-answer .visible-checkbox {
	margin-bottom: 1em;
}
#add-answer .btn-blue-filled {
	text-transform: unset;
}

#add-review {
	padding: 2em 1em 2em 2em;
	width: 70%;
	min-height: 80vh;
	height: 100%;
	border-radius: 10px;
	top: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
#add-review .btn-blue-filled {
	text-transform: unset;
}
#add-review h2 {
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
#add-review .project-info-form .form-col-2 {
	margin: 0 0 1em;
}
#add-review .project-info-rating {
	margin-top: 0.5em;
}
#add-review.modal .modal-content {
	padding: 0 2em 0 0;
	height: 100%;
	overflow: auto;
}
#add-review .project-info-form .reviewer-name input,
#add-review .project-info-form .role-name input {
	padding-left: 3em;
	border: 1px solid #efefef;
	background: url(../images/user-icon3.png) 1em no-repeat;
}
#add-review .project-info-form .date-field .datepicker {
	padding-left: 3em;
	border: 1px solid #efefef;
	background: url(../images/date-icon.png) 0.75em center no-repeat;
}
#add-review textarea {
	min-height: 6em;
	background: transparent;
	border: 1px solid #efefef;
}
#add-review [type='checkbox'] + span:not(.lever) {
	height: 20px;
	line-height: 20px;
	display: block;
}
#add-review [type='checkbox'] + span:not(.lever) {
	padding-right: 27px;
	padding-left: 0;
}
#add-review [type='checkbox'].filled-in:not(:checked) + span:not(.lever):before,
#add-review [type='checkbox'].filled-in:checked + span:not(.lever):before {
	right: 10px;
	left: auto;
}
#add-review [type='checkbox'].filled-in:not(:checked) + span:not(.lever):after,
#add-review [type='checkbox'].filled-in:checked + span:not(.lever):after {
	right: 0;
	left: auto;
}
#add-review .project-info-form {
	width: 80%;
}
#add-review .add-review-user {
	margin-top: 0.5em;
	width: 15%;
}
#add-review .add-review-user img {
	width: 100%;
}
#add-review .add-review-user .file-field {
	padding: 0.25em 0;
	text-align: center;
	color: #fff;
	background: #006680;
}

#add-comments {
	padding: 2em;
	width: 80%;
	min-height: 80vh;
	height: 100%;
	border-radius: 10px;
	top: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
#add-comments h2 {
	text-transform: uppercase;
}
#add-comments .comments-box {
	padding: 1em 0;
}
#add-comments .comments-box .avatar {
	margin-right: 1em;
	width: 2.5em;
	height: 2.5em;
}
#add-comments .comments-box h6,
#add-comments .comments-box a {
	color: #8b8b8e;
}
#add-comments .comments-count {
	padding-left: 1.5em;
	background: url(../images/comments-icon.png) left 0.5em no-repeat;
}
#add-comments .comment-message {
	padding: 0.5em 1.5em;
	background: #f5f5f5;
	border-radius: 5em;
}
#add-comments .comments-box a {
	padding-left: 1.5em;
	font-family: 'CenturyGothic-Bold';
}
#add-comments .comments {
	padding: 0.5em 0;
}
#add-comments .comments-inner {
	padding-left: 3em;
}
#add-comments.modal .modal-content {
	padding: 0 2em 0 0;
	height: 100%;
	overflow: auto;
}
#add-comments .reply-field {
	width: 100%;
}
#add-comments .reply-field input {
	padding: 0.5em 1em;
	background: transparent;
}

#publish-project-info,
#publish-business-challenge {
	text-align: center;
	width: 60%;
	min-height: 75vh;
	height: 100%;
	border-radius: 10px;
	top: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	overflow: unset;
}
#publish-project-info .modal-content,
#publish-business-challenge .modal-content {
	padding: 4em;
}
#publish-project-info h2,
#publish-business-challenge h2 {
	padding-bottom: 1em;
}
#publish-project-info p,
#publish-business-challenge p {
	padding-bottom: 2em;
}
#publish-project-info h6,
#publish-business-challenge h6 {
	padding-bottom: 1.5em;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.5em;
	color: #006680;
	text-transform: uppercase;
}
#publish-project-info .btn-blue2,
#publish-business-challenge .btn-blue2 {
	margin: 0 0.5em;
	height: 2.75em;
	padding: 0 1.25em 0 3.25em;
	color: #fff;
	font-weight: 400;
	font-size: 1.125em;
	border-radius: 3em;
	transition: all ease 0.25s;
	background-color: #151b4e;
	background-position: 1.25em center;
	background-repeat: no-repeat;
	border: 1px solid #151b4e;
	line-height: 2.75em;
}
#publish-project-info .publish-btn,
#publish-business-challenge .publish-btn {
	background-image: url(../images/publish-icon.png);
}
#publish-project-info .cancel-btn {
	background-image: url(../images/cancel-icon-white.png);
	background-color: #01546a;
	border: 1px solid #01546a;
}
#publish-business-challenge .resume-editing-btn{
	background-image: url(../images/edit-icon.png);
}

/*Home Page css*/
.home-banner {
}
.home-banner .home-slider {
	position: relative;
}
.home-banner .home-slider .banner-text {
	width: 50%;
	position: absolute;
	left: 5%;
	top: 50%;
	transform: translateY(-50%);
}
.home-banner .home-slider h2 {
	color: #99ccff;
	text-transform: uppercase;
	font-size: 3.75em;
}
.home-banner .home-slider h3 {
	padding-bottom: 0.25em;
	font-size: 2.75em;
	text-transform: uppercase;
	color: #fff;
}
.home-banner .home-slider p {
	padding-bottom: 2em;
	color: #fff;
}
.home-banner .banner-action a {
	padding-right: 2.5em;
	display: block;
	text-transform: capitalize;
	background-image: url(../images/right-arrow3.png);
	background-position: right 1em center;
	background-size: 0.6em;
	background-repeat: no-repeat;
}
.home-banner .banner-action .btn-blue-filled {
	line-height: 2.5em;
	margin-right: 1em;
}
.home-banner .banner-action .btn-white {
	font-size: 1.125em;
	height: 2.75em;
	line-height: 2.5em;
}
.home-banner .banner-action .btn-white:hover {
	background-image: url(../images/right-arrow3-hover.png);
}
.home-banner .banner-action .btn-blue-filled:hover {
	background-color: transparent;
	color: #fff;
}

.welcome-area {
	padding: 3em 0;
	background: #ffffff url(../images/welcome-bg.png) center 3em no-repeat;
}
.global-title {
	padding: 0 10%;
	text-align: center;
}
.global-title h2 {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	position: relative;
	font-family: 'CenturyGothic';
	display: inline-block;
}
.global-title h2:before {
	position: absolute;
	left: 50%;
	bottom: 0;
	content: '';
	width: 70%;
	height: 1px;
	background: #151b4e;
	transform: translateX(-50%);
}
.global-title h2:after {
	position: absolute;
	width: 18px;
	height: 18px;
	content: '';
	background: #006680;
	border-radius: 100%;
	left: 50%;
	bottom: -8px;
	transform: translateX(-50%);
}
.global-title h2 span {
	font-family: 'CenturyGothic-Bold';
}

.welcome-content-area {
	padding-top: 2em;
	display: flex;
	justify-content: space-between;
}
.welcome-content-area .welcome-card {
	width: 31%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.welcome-content-area .welcome-card img {
	width: 100%;
}
.welcome-content-area .welcome-card h3 {
	font-family: 'CenturyGothic';
	color: #fff;
}
.welcome-content-area .welcome-card .welcome-hvr-content h3 {
	padding-bottom: 0.35em;
}
.welcome-content-area .welcome-card p {
	font-size: 0.95em;
	line-height: 1.5;
	color: #fff;
}
.welcome-content-area .welcome-card-content {
	width: 90%;
	height: 90%;
	overflow: hidden;
	position: absolute;
	bottom: 5%;
}
.welcome-content-area .welcome-content {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em 1.5em;
	background: rgba(0, 102, 128, 0.7);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.welcome-content-area .welcome-card:hover .welcome-content {
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
	transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.welcome-content-area .welcome-card .welcome-hvr-content {
	padding: 1.5em 1.5em 3em;
	background: rgba(21, 27, 78, 0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 100%);
	transform: translate3d(0, 100%, 0);
}
.welcome-content-area .welcome-card:hover .welcome-hvr-content {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.features-area {
	padding: 3em 0;
}
.features-area .rotated {
	-webkit-writing-mode: tb-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: tb-rl;
	-webkit-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.features-area .feature-title {
	width: 110px;
	min-width: 110px;
}
.features-area .feature-title h2 {
	font-family: 'CenturyGothic';
	display: block;
}
.features-area .feature-title span {
	font-family: 'CenturyGothic-Bold';
	text-transform: uppercase;
}
.features-area .feature-left {
	width: 65%;
}
.features-area .feature-right {
	width: 35%;
}
.features-area p {
	padding-bottom: 1em;
}
.features-area ul {
	padding-bottom: 1.5em;
}
.features-area ul li {
	font-family: 'CenturyGothic-Italic';
	color: #5b5e5f;
	padding: 0.25em 0 0.25em 1.25em;
	background: url(../images/list-icon1.png) left 0.75em no-repeat;
}
.features-area .read-more {
	display: inline-block;
	padding: 0.5em 2em 0.5em 1.5em;
	color: #151b4e;
	border: 2px solid #151b4e;
	border-radius: 3em;
	background-image: url(../images/right-arrow3-hover.png);
	background-position: right 1em center;
	background-size: 0.5em;
	background-repeat: no-repeat;
}

.services-area {
	padding: 3em 0;
	background: #ffffff;
}
.services-content-area {
	padding-top: 2em;
	display: flex;
	justify-content: space-between;
}
.services-content-area .services-card {
	width: 31%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.services-content-area .services-card img {
	width: 100%;
}
.services-content-area .services-card h3 {
	font-family: 'CenturyGothic';
	color: #fff;
}
.services-content-area .services-card .services-hvr-content h3 {
	padding-bottom: 0.35em;
}
.services-content-area .services-card p {
	padding-bottom: 1em;
	font-size: 0.95em;
	line-height: 1.5;
	color: #fff;
}
.services-content-area .services-card-content {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
}
.services-content-area .services-content {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 1em 1.5em;
	background: rgba(0, 102, 128, 0.7);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.services-content-area .services-card:hover .services-content {
	opacity: 0;
	-webkit-transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
	transform: translate3d(-50%, -50%, 0) scale3d(0.8, 0.8, 1);
}
.services-content-area .services-card .services-hvr-content {
	padding: 1.5em 1.5em 3em;
	background: rgba(21, 27, 78, 0.9);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 100%);
	transform: translate3d(0, 100%, 0);
}
.services-content-area .services-card:hover .services-hvr-content {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.services-content-area .read-more {
	display: inline-block;
	padding: 0.5em 2em 0.5em 1.5em;
	color: #fff;
	border: 2px solid #fff;
	border-radius: 3em;
	background-image: url(../images/right-arrow3.png);
	background-position: right 1em center;
	background-size: 0.5em;
	background-repeat: no-repeat;
}

.testimonials-area {
	padding: 4em 0;
	background: #ffffff url(../images/testimonial-bg.jpg) center top / 100% no-repeat;
}
.testimonials-area h2 {
	color: #fff;
}
.testimonials-area h2:before {
	background: rgba(255, 255, 255, 0.5);
}
.testimonials-area .testimonials-lists {
	margin-top: 6em;
}
.testimonials-area .testimonial-card {
	width: 31%;
	position: relative;
	cursor: pointer;
	border: 10px solid rgba(0, 102, 128, 0.25);
	border-radius: 5px;
}
.testimonials-area .testimonial-card-inner {
	padding: 1.5em 2em;
	background: #fff;
}
.testimonials-area .testimonial-image {
	text-align: center;
}
.testimonials-area .testimonial-image img {
	margin: -90px auto 0;
	width: 128px;
	height: 128px;
	border: 8px solid #fff;
}
.testimonials-area .testimonial-content p {
	padding: 2em 0 1.5em;
	text-align: center;
}
.testimonials-area .testimonial-content h6 {
	text-align: right;
}
.testimonials-area .testimonial-content h6 span {
	display: block;
	font-family: 'CenturyGothic';
	font-size: 0.75em;
	color: #039b8e;
}
.testimonials-area .testimonial-card,
.testimonials-area .testimonial-card-inner,
.testimonials-area .testimonial-image img,
.testimonials-area .testimonial-content p,
.testimonials-area .testimonial-card:hover h6 span {
	transition: all ease 0.25s;
}
.testimonials-area .testimonial-card:hover img {
	border: 8px solid rgb(0, 102, 128);
}
.testimonials-area .testimonial-card:hover .testimonial-card-inner {
	background: rgb(0, 102, 128);
}
.testimonials-area .testimonial-card:hover p,
.testimonials-area .testimonial-card:hover h6 span {
	color: #fff;
}

.orgnization-area {
}
.orgnization-area .custom-card {
	margin-bottom: 2em;
}
.orgnization-area h3 {
	padding-bottom: 0.25em;
	color: #006680;
}
.orgnization-area .org-tags {
	font-family: 'CenturyGothic-Bold';
}
.orgnization-area .org-tags p {
	padding-bottom: 0.25em;
	font-size: 1.125em;
}
.orgnization-area .org-tags ul {
	padding: 1em 0 0;
}
.orgnization-area .org-tags ul li {
	margin: 0 1em 0 0;
	color: #fff;
	width: auto;
	flex: unset;
	padding: 0 2em;
	height: 38px;
	line-height: 38px;
	background: #006680;
	border-radius: 38px;
}
.orgnization-area .org-tags input {
	width: auto;
	min-width: 22em;
	height: 3.5em;
	background-color: #fff;
	border: 1px solid #ebebeb;
	background-image: url(../images/add-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
}
.orgnization-area .add-btn {
	height: 3.5em;
	padding: 0 2em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e;
	color: #fff;
	cursor: pointer;
}
.orgnization-area .org-tags .tag-chips {
	padding: 1.5em 0 0;
}
.orgnization-area .org-tags .chip {
	padding: 0 1em 0 2em;
	height: 38px;
	line-height: 38px;
	font-size: 1.125em;
	border-radius: 38px;
	background: #e0e2fa;
}
.orgnization-area .org-tags .chip .close {
	padding-left: 0.75em;
	line-height: 38px;
	font-size: 18px;
	font-weight: 700;
}
.orgnization-area label,
.proj-contact-title,
.orgnization-area h6 {
	color: #8b8b8e;
	display: block;
	padding-bottom: 0.25em;
	font-size: 1.125em;
	font-family: 'CenturyGothic-Bold';
}
.orgnization-area .tag-input-field input {
	flex: 1;
	margin-right: 0.5em;
}
.orgnization-area .org-details-form .input-field,
.orgnization-area .org-details-form .upload-field {
	width: 75%;
}
.orgnization-area .org-details-form label {
	height: 3.1em;
	line-height: 3.1em;
	padding: 0;
	width: 32%;
}
.orgnization-area .org-details-form .input-field .select-wrapper,
.orgnization-area .org-details-form .input-field input {
	flex: 1;
}
.orgnization-area .org-details-form .input-field input {
	padding-left: 1em;
}
.orgnization-area .org-details-form .select-wrapper .caret {
	right: 0.5em;
	z-index: 1;
}
.orgnization-area .org-details-form .file-field {
	flex-grow: 1;
}
.orgnization-area .org-details-form .file-path-wrapper {
	padding: 0;
	width: 100%;
}
.orgnization-area .org-details-form .file-field .file-path {
	position: static;
	padding-left: 3em;
	height: 3.5em;
	background-color: #fff;
	border: 1px solid #ebebeb;
	background-image: url(../images/upload-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
	opacity: 1;
	font-size: 1em;
	border-radius: 0.25em;
}
.orgnization-area .org-details-form .file-field span {
	display: none;
}
.orgnization-area .org-details-form .upload-btn {
	margin-left: 0.25em;
	height: 3.5em;
	line-height: 1;
	padding: 0 1.25em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e;
	color: #fff;
	cursor: pointer;
}
.orgnization-area .linked-projects {
}
.orgnization-area .search {
	margin: 1em 0 2em;
}
.orgnization-area .search-wrapper {
	display: flex;
	align-items: center;
	padding: 0.35em;
	border-radius: 3px;
	background: #f6f6f6;
}
.orgnization-area .search-wrapper input {
	flex: 1;
	border: none;
	background: url(../images/search-icon.png) 1em center no-repeat;
	border-radius: unset;
	height: 3em;
}
.orgnization-area .search-wrapper .search-btn {
	margin-left: 0.25em;
	height: 3em;
	line-height: 3em;
	padding: 0 2.5em 0 1.25em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e url(../images/search-icon2.png) right 0.5em center no-repeat;
	color: #fff;
	cursor: pointer;
	font-family: 'CenturyGothic-Bold';
}
.orgnization-area .create-btn {
	margin-top: 1em;
	display: block;
	height: 2.75em;
	line-height: 2.5em;
	padding: 0 2.75em 0 1em;
	color: #151b4e;
	font-family: 'CenturyGothic-Bold';
	font-size: 1.125em;
	text-transform: uppercase;
	border-radius: 3.75em;
	transition: all ease 0.25s;
	border: 2px solid #1b204e;
	background: #fff url(../images/add-icon.png) right 1em center no-repeat;
}
.orgnization-area .org-profile {
}
.orgnization-area .org-profile .org-profile-logo {
	margin-right: 4em;
	border: 1px solid #f1f0f0;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}
.orgnization-area .org-profile-content {
}
.orgnization-area .org-profile-content ul li {
	padding-bottom: 1.25em;
	display: flex;
}
.orgnization-area .org-profile-content ul li span {
	width: 300px;
	font-family: 'CenturyGothic-Bold';
}

/*Site Footer css*/
.site-footer {
    padding: 1em 0;
	background: #e7eaf1;
}
.site-footer .footer-info {
	height: 5em;
}
.site-footer .footer-info.flex-content {
	justify-content: space-between;
}
.site-footer .footer-info > div {
	min-width: 33.333%;
}
.site-footer .footer-nav {
}
.site-footer .footer-nav ul {
}
.site-footer .footer-nav li {
	display: inline-block;
	padding: 0 1em;
	border-right: 1px solid #3e434f;
	line-height: 1;
}
.site-footer .footer-nav li:first-child {
	padding-left: 0;
}
.site-footer .footer-nav li:last-child {
	border-right: none;
}
.site-footer .footer-nav li a {
	color: #3e434f;
}
.site-footer .footer-nav li a:hover,
.site-footer .footer-nav li.active > a {
	color: #888989;
}
.site-footer .social-links {
}
.site-footer .social-links li {
}
.site-footer .social-links li a {
	margin-left: 0.5em;
	width: 2em;
	height: 2em;
	display: block;
	text-indent: -9999px;
	transition: all ease 0.25s;
}
.site-footer .social-links li.twitter a {
	background: url(../images/social-icons.png) 0 0 no-repeat;
}
.site-footer .social-links li.facebook a {
	background: url(../images/social-icons.png)-38px 0 no-repeat;
}
.site-footer .social-links li.linkedin a {
	background: url(../images/social-icons.png)-76px 0 no-repeat;
}

.content-carousel {
	width: 470px;
	display: block;
	margin: 0 auto;
}
.content-carousel .slider-img {
	width: 100%;
	height: 370px;
	border-radius: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f0f0f0;
}
.content-carousel .owl-carousel {
	width: calc(100% - 120px);
}
.content-carousel .owl-carousel .owl-item img,
.content-carousel .slider-img img {
	width: auto;
	max-height: 100%;
}
.content-carousel .owl-carousel .owl-controls .owl-dot {
	background-size: cover;
	margin-top: 10px;
}
.content-carousel .owl-carousel .owl-dots {
	position: absolute;
	top: 0;
	right: -120px;
	width: 110px;
	max-height: 100%;
	overflow-y: auto;
}
.content-carousel .owl-carousel .owl-dots::-webkit-scrollbar-track {
	background-color: #eef2f4;
	border-radius: 6px;
}
.content-carousel .owl-carousel .owl-dots::-webkit-scrollbar {
	width: 6px;
	background-color: #eef2f4;
	border-radius: 30px;
}
.content-carousel .owl-carousel .owl-dots::-webkit-scrollbar-thumb {
	background-color: #c4c4c4;
	border-radius: 30px;
}
.content-carousel .owl-carousel .owl-dot {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	border-radius: 5px;
}
.content-carousel .owl-carousel .owl-nav > div {
	width: 29px;
	height: 29px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(21, 27, 78, 0.9);
	border-radius: 50%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 8px;
}
.content-carousel .owl-carousel .owl-nav .owl-prev {
	left: 3px;
	background-image: url(../images/left-arrow3.png);
}
.content-carousel .owl-carousel .owl-nav .owl-next {
	right: 3px;
	background-image: url(../images/right-arrow3.png);
}

/* Inner Banner CSS */
.inner-banner {
	position: relative;
}
.inner-banner .inner-banner-text {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}
.inner-banner .inner-banner-text h2,
.inner-banner .inner-banner-text p {
	color: #fff;
}

.about-us-top {
	padding: 3em 0;
	background: #fff;
}
.about-us-top h2 {
	padding-bottom: 0.5em;
}
.about-us-top h2 span {
	font-size: 0.75em;
	font-family: 'CenturyGothic';
}
.about-us-top p {
	padding-bottom: 1.5em;
}

.partners-area {
	position: relative;
	padding: 3em 0;
	background: #fff;
}
.partners-area::after {
	width: 100%;
	height: 70%;
	background: #f5f5f5;
	content: '';
	position: absolute;
	top: 0;
}
.partners-area-inner {
	position: relative;
	z-index: 1;
}
.partners-area .partners-list {
	margin-top: 6em;
}
.partners-area .partner-card {
	padding: 1.5em 1em 1em;
	width: 31%;
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.partners-area .partner-card p {
	font-size: 0.875em;
	text-align: center;
}
.partners-area .partner-image {
	text-align: center;
}
.partners-area .partner-image img {
	margin: -90px auto 0;
	width: 128px;
	height: 128px;
	border: 8px solid #fff;
}
.partners-area .partner-content {
	min-height: 340px;
}
.partners-area .partner-content-info h6 {
	font-family: 'CenturyGothic';
}
.partners-area .partner-content-info h6 span {
	display: block;
	font-family: 'CenturyGothic-bold';
	font-size: 0.75em;
	text-transform: uppercase;
	color: #006680;
}
.partners-area .partner-content-info li {
	line-height: 1;
}
.partners-area .partner-content-info a {
	padding-left: 1.25em;
	color: #8b8d8e;
	font-size: 0.75em;
	font-family: 'CenturyGothic-BoldItalic';
}
.partners-area .partner-content-info li.mail a {
	background: url(../images/email-icon5.png) left center no-repeat;
}
.partners-area .partner-content-info li.phone a {
	background: url(../images/mobile-icon.png) left center no-repeat;
}
.partner-bottom-content {
	padding: 3em 0 2em;
}

.contact-us-area {
	padding: 3em 0;
	background: #fff;
}
.contact-us-area h2 {
	padding-bottom: 1em;
	font-family: 'CenturyGothic';
}
.contact-us-area h2 span {
	font-family: 'CenturyGothic-Bold';
}
.contact-us-area .contact-us-left {
	margin-top: 6em;
	position: relative;
	z-index: 1;
	padding: 5em 3em;
	width: 45%;
	background: url(../images/contact-us-bg.jpg) left top / cover no-repeat;
}
.contact-us-area .contact-us-left h2 {
	color: #fff;
}
.contact-us-area .contact-us-left > div {
	padding-left: 3em;
	margin-bottom: 2em;
	background-position: left center;
	background-repeat: no-repeat;
}
.contact-us-area .contact-us-left > div h6 {
	padding-bottom: 0.5em;
	font-family: 'CenturyGothic';
	text-transform: uppercase;
	color: #fff;
}
.contact-us-area .contact-us-left p {
	color: #d4d8fa;
}
.contact-us-area .contact-us-left > div p,
.contact-us-area .contact-us-left > div a,
.contact-us-area .contact-us-left li {
	font-family: 'CenturyGothic-Bold';
	color: #d4d8fa;
	line-height: 1.2;
}
.contact-us-area .contact-us-left .address-content {
	background-image: url('../images/map-icon.png');
}
.contact-us-area .contact-us-left .email-content {
	background-image: url('../images/mail-icon.png');
}
.contact-us-area .contact-us-left .call-content {
	background-image: url('../images/phone-icon2.png');
}
.contact-us-area .contact-us-right {
	margin-bottom: 6em;
	width: 55%;
	position: relative;
}
.contact-us-area .contact-us-right:after {
	width: calc(100% + 100px);
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	background: #f6f6f6;
	z-index: 0;
}
.contact-us-area .contact-us-right-inner {
	padding: 3em 3em 5em;
	position: relative;
	z-index: 1;
}
.contact-us-area .contact-us-right input,
.contact-us-area .contact-us-right textarea {
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 1em center;
}
.contact-us-area .contact-us-right textarea {
	min-height: 8em;
	border: none;
}
.contact-us-area .contact-us-right .contact-us-name input {
	background-image: url(../images/user-icon3.png);
}
.contact-us-area .contact-us-right .contact-us-email input {
	background-image: url(../images/email-icon.png);
}
.contact-us-area .contact-us-right .contact-us-phone input {
	background-image: url(../images/phone-icon.png);
}
.contact-us-area .contact-us-right .contact-us-msg textarea {
	background-image: url(../images/comments-icon2.png);
	background-position: 1em 0.5em;
}
.contact-us-area .contact-us-right .submit-btn {
	font-family: 'CenturyGothic';
}

.draft-project-area {
	padding: 2em 0;
}
.draft-project-area .draft-project-action {
	margin-bottom: 2em;
	padding-left: 1em;
	background: #fff;
	border-radius: 0.5em;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.draft-project-area .draft-project-action h3 {
	font-family: 'CenturyGothic';
	font-size: 1.25em;
	color: #8b8d8e;
	height: 2.5em;
	line-height: 2.5em;
}
.draft-project-area .draft-project-action .back-btn {
	color: #fff;
	height: 3.125em;
	line-height: 3.125em;
	padding: 0 1.25em 0 2em;
	background: #006780 url(../images/back-btn1.png) 0.75em center no-repeat;
	border-radius: 0 0.5em 0.5em 0;
}
.draft-project-area .draft-project-card-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.draft-project-area .draft-project-card {
	margin: 0.75em 1.5% 0.75em 0;
	flex: 0 0 23.875%;
	border-radius: 0.325em;
	background: #fff;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(160, 78, 78, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.draft-project-area .draft-project-card:nth-child(4n + 4) {
	margin-right: 0;
}
.draft-project-area .draft-project-card .card-image {
	height: 145px;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.draft-project-area .draft-project-card .card-content {
	padding: 1em;
}
.draft-project-area .draft-project-card .card-content h3 {
	font-size: 1em;
	padding-bottom: 0.35em;
}
.draft-project-area .draft-project-card .card-content p {
	font-size: 0.875em;
	line-height: 1.5;
}
.draft-project-area .draft-project-card .card-link {
	padding-bottom: 1em;
}
.draft-project-area .draft-project-card .card-link a {
	padding: 0.5em 1.25em 0.5em;
	text-transform: uppercase;
	font-family: 'CenturyGothic-Bold';
	font-size: 0.875em;
}
.draft-project-area .draft-project-card .card-link a.details-btn {
	background: #f5f6f8;
	border-radius: 0 20px 20px 0;
}
.draft-project-area .draft-project-card .card-link a.draft-btn {
	background: #006680;
	border-radius: 20px 0 0 20px;
	color: #fff;
}
.vendor-filter-area{
	padding-bottom:3em;
}
.vendor-directory-area .page-title-area{
	padding-top: 1em;
	align-items: center;
}
.vendor-directory-area .vd-list-area{
	padding:1.5em;
	background:#fff;
	border-radius: 0.325em;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(160, 78, 78, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}
.vendor-directory-area .page-title-area .select-field input{
	padding-left: 1em;
	background: #fff;
}
.vendor-directory-area .page-title-area .select-wrapper .caret{
	right: 0.5em;
	z-index: 1;
	fill: #9c9eb3;
}
.vendor-filter-action .applied-filter-title .filter-btn{
	width:auto;
	padding: 0.5em 1em 0.5em 2.75em
}
.vendor-directory-area .vd-list-area .vendor-list{
	border-bottom: 1px solid #ccc;
	padding: 0.5em;
}
.vendor-directory-area .vd-list-area .vd-list-left{
	width: 75%;
	padding:1.5em 1em;
	border-right: 1px solid #ccc;
}
.vendor-directory-area .vd-list-area .vd-list-left h4{
	font-size: 1.5em;
}
.vendor-directory-area .vd-list-area .vd-list-left p{
	font-size: 1.125em;
	color: #006680;
}
.vendor-directory-area .vd-list-area .vd-list-img{
	margin-right: 2em;
	padding: 10px;
	background:#edebeb;
}
.vendor-directory-area .vd-list-area .vd-list-right{
	width: 23%;
}
.vendor-directory-area .vd-list-area .vd-list-right a{
	display:block;
	margin: 0 1em;
	padding-top: 3.5em;
	color: #1b1b1b;
	font-family: 'CenturyGothic-Bold';
}
.vendor-directory-area .vd-list-area .vd-list-right a.favourite-btn{
	background: url(../images/favourite-icon.png) center top no-repeat;
}
.vendor-directory-area .vd-list-area .vd-list-right a.verified-btn{
	background: url(../images/verified-icon.png) center top no-repeat;
}
#new-utility-modal {
	padding: 3em 1em;
	max-height: calc(100vh - 100px);
	transform: translateY(0) !important;
}
#new-utility-modal.modal{
	width: 90%;
}
#new-utility-modal.modal .modal-content {
	padding: 0 2em;
	height: 100%;
	overflow: auto;
}
#new-utility-modal .user-onboard-info{
	padding: 1.5em 0;
}
#new-utility-modal .user-onboard-info .user-onboard-step{
	margin: 1.5em 0;
	padding: 1.5em 2em;
	background: #fff;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
}
#new-utility-modal .user-onboard-info .onboard-col1{
	width: 14%;
}
#new-utility-modal .user-onboard-info .onboard-col2{
	width: 70%;
	padding: 0 1em;
}
#new-utility-modal .user-onboard-info .onboard-col3{
	width: 14%;
	flex-direction: column;
}
#new-utility-modal .user-onboard-info .onboard-col1 p{
	font-size: 1.5em;
	font-family: 'CenturyGothic-Bold';
}
#new-utility-modal .user-onboard-info .onboard-col2 h4{
	padding-bottom:0.25em;
	font-size: 1.5em;
	color:#006680;	
}
#new-utility-modal .user-onboard-info .onboard-col2 h4 a{
	font-size: 0.65em;
	color:#1f3464;
	text-decoration: underline;
}
#new-utility-modal .user-onboard-info .onboard-col2 p{
	font-size: 0.95em;
	line-height: 1.25;
}
#new-utility-modal .user-onboard-info .onboard-col2 a{
	font-family: 'CenturyGothic-Bold';
	color:#006680;
	text-decoration: underline;
}
#new-utility-modal .user-onboard-info .onboard-col3 p{
	font-size: 1.125em;
	font-family: 'CenturyGothic-Bold';
}
#new-utility-modal .tag-fields{
	padding-bottom:0.25em;
}
#new-utility-modal .tag-input-field{
	margin: 0;
}
#new-utility-modal .tag-input-field input {
	padding-left: 3em;
	width: auto;
	min-width: 22em;
	height: 3.5em;
	background-color: #fff;
	border: 1px solid #ebebeb;
	background-image: url(../images/add-icon.png);
	background-position: 1em center;
	background-repeat: no-repeat;
	flex: 1;
	margin-right: 0.5em;
}
#new-utility-modal .tag-input-field .add-tag-btn {
	height: 3.5em;
	padding: 0 2em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e;
	color: #fff;
	cursor: pointer;
}
#new-utility-modal .tag-input-field .tag-input-text {
	margin-bottom: 1.25em;
}
#new-utility-modal .tag-chips{
	margin-left:1em;
}
#new-utility-modal .tag-chips .chip {
	margin-top:5px;
	padding: 0 1em 0 1.5em;
	min-width: 80px;
	height: 32px;
	line-height: 32px;
	font-size: 0.85em;
	border-radius: 38px;
	background: #e0e2fa;
	font-family: 'CenturyGothic-Bold';
	color: #151b4e;
	text-align: center;
}
#new-utility-modal .tag-chips .chip .close {
	padding-left: 0.5em;
	line-height: 36px;
	font-size: 18px;
	font-weight: 700;
}
#new-utility-modal .tag-input-field .add-btn {
    height: 3.5em;
    padding: 0 2em;
    border: 1px solid #151b4e;
    border-radius: 3px;
    background: #151b4e;
    color: #fff;
    cursor: pointer;
    margin-left: 0.25em;
}
#new-utility-modal .onboard-action .btn-blue-filled{
	text-transform: unset;
}
#new-utility-modal .user-onboard-info .info-txt a{
	font-size: 0.85em;
	color:#ff0000;
}
/*===== The CSS =====*/
.circle_percent {
	font-size:90px; 
	width:1em; 
	height:1em; 
	position: relative; 
	background: #ddd; 
	border-radius:50%; 
	overflow:hidden; 
	display:inline-block;
}
.circle_inner {
	position: absolute; 
	left: 0; 
	top: 0; 
	width: 1em; 
	height: 1em; 
	clip:rect(0 1em 1em .5em);
}
.round_per {position: absolute; left: 0; top: 0; width: 1em; height: 1em; background: #046a04; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_more .circle_inner {clip:rect(0 .5em 1em 0em);}
.percent_more:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #046a04; content:'';}
.circle_inbox {position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #fff; z-index:3; border-radius: 50%;}
.circle_percent.onboard-done .circle_inbox:after{width:45px;height:34px;content:'';position:absolute;left:50%;top:50%;transform: translate(-50%,-50%);background:url(../images/correct-icon2.png)no-repeat;}
.percent_text {text-indent:-9999px;position: absolute; font-size: 36px; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.project-administration-area{
	padding: 0 0 3em;
}
.project-administration-area .project-administration-tab {
	display: flex;
}
.project-administration-area .project-administration-tab .tabs {
	width: auto;
	height: 52px;
	margin: 0;
	background-color: transparent;
}
.project-administration-area .project-administration-tab .tabs .indicator {
	display: none;
}
.project-administration-area .project-administration-tab .tabs .tab {
	height: 52px;
	line-height: 52px;
	margin-right: 0.5em;
}
.project-administration-area .project-administration-tab .tabs .tab a {
	padding: 0 20px;
	color: #151b4e;
	font-size: 20px;
	box-sizing: border-box;
	border-radius: 8px 8px 0 0;
	background: #fff;
	text-transform: initial;
}
.project-administration-area .project-administration-tab .tabs .tab a.active {
	background: #151b4e;
	color: #fff;
}
.project-administration-area .tab-content {
	width: 100%;
	padding: 3.5em 2.5em 2em;
	border: 1px solid #151b4e;
	border-radius: 0 0.5em 0.5em 0.5em;
	background-color: #fff;
}
.proj-admin-form hr{
	margin: 3em 0;
	background-color: #f6f6f6;
}
.proj-admin-form .proj-admin-txt{
	width: 75%;
}
.proj-admin-form .input-field
 {
	width: 75%;
	margin: 0 0 2em;
}
.proj-admin-form label,
.proj-admin-form .proj-admin-txt h4 {
	height: 3.1em;
	line-height: 3.1em;
	padding: 0;
	width: 40%;
	color: #8b8b8e;
	padding-bottom: 0.25em;
	font-size: 1.125em;
	font-family: 'CenturyGothic-Bold';
}
.proj-admin-form .input-field .select-wrapper,
.proj-admin-form .input-field input,
.proj-admin-form .input-field textarea,
.proj-admin-form .input-field p,
.proj-admin-form .proj-admin-txt p,
.proj-admin-form .proj-admin-txt .created-by {
	flex: 1;
}
.proj-admin-form .input-field input,
.proj-admin-form .input-field textarea {
	padding-left: 1em;
}
.proj-admin-form .select-wrapper .caret {
	right: 0.5em;
	z-index: 1;
}
.proj-admin-form .input-field textarea {
	min-height: 6em;
	border-bottom: none;
}
.proj-admin-form .proj-admin-txt a{
	color: #006680;
	text-decoration:underline;
}
.linked-organization{
	width:75%;
}
.proj-admin-form .search {
	margin: 1em 0 2em;
}
.proj-admin-form .search-wrapper {
	display: flex;
	align-items: center;
	padding: 0.35em;
	border-radius: 3px;
}
.proj-admin-form .search-wrapper input {
	padding-left: 1em;
	flex: 1;
	border: none;
	background: #f6f6f6;
	border-radius: unset;
	height: 3em;
}
.proj-admin-form .search-wrapper .search-btn {
	margin-left: 0.25em;
	height: 3em;
	line-height: 3em;
	padding: 0 2.5em 0 1.25em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e url(../images/search-icon2.png) right 0.5em center no-repeat;
	color: #fff;
	cursor: pointer;
	font-family: 'CenturyGothic-Bold';
}
.proj-admin-list .proj-admin-list-head > div,
.proj-admin-list .proj-admin-list-content > div {
	padding: 1em 0.75em;
	flex: 1;
}
.proj-admin-list .proj-admin-list-head > div {
	line-height: 1;
	color: #8b8b8e;
	font-size: 1.125em;
	font-family: 'CenturyGothic-Bold';
}
.proj-admin-list .proj-admin-list-content {
	margin-bottom: 0.15em;
	background: #f7faff;
	border-radius: 3px;
}
.proj-admin-list .action-btn {
	width: 1.625em;
	height: 1.7em;
	text-indent: -9999px;
	background: url(../images/action-btn.png) no-repeat;
}
.datepicker-container .datepicker-controls .select-month input{
	padding: 0.25em;
	width: 100px;
	color:#151b4e;
	border:none;
	background: transparent;
}
.datepicker-container .datepicker-controls .select-year input{
	padding: 0.125em;
	width: 60px;
	color:#151b4e;
	border:none;
	background: transparent;
}
.datepicker-container .datepicker-date-display{
	background-color: #151b4e;
}
.select-dropdown li.disabled, 
.select-dropdown li.disabled>span, 
.select-dropdown li.optgroup,
.dropdown-content li>a,
.dropdown-content li>span,
.datepicker-container .datepicker-footer button,
.datepicker-container .datepicker-table td.is-today{
	color:#151b4e;
}
.datepicker-container .datepicker-table td.is-selected{
	background-color: #151b4e;
	color: #fff;
}
.select-dropdown.dropdown-content li.selected{
	background-color: #f7faff;
}
.business-challenge-details textarea,
.audience-details textarea{
	height:10em;
}
.owner-details-list {
	padding: 1em;
	background: #f4f8f9;
}
.owner-details-list .owner-details-header {
	padding: 0.5em 1em 0.5em 0.75em;
	font-family: 'CenturyGothic-Bold';
}
.owner-details-list .owner-details-content {
	margin-bottom: 0.5em;
	padding: 0.75em 1em 0.75em 0.75em;
	background: #fff;
	border-radius: 0.25em;
}
.owner-details-list .list-col1 {
	width: 35%;
}
.owner-details-list .list-col2 {
	width: 35%;
}
.owner-details-list .list-col3 {
	width: 15%;
}
.owner-details-list .list-col4 {
	width: 15%;
	align-items: center;
}
.owner-details-list .dont-display-check{
	width: 23px;
	height:17px;
	display: block;
	background: url(../images/correct-icon.png)left top no-repeat;
}
.owner-details-list .owner-details-content a{
	margin-left: 10px;
	text-indent: -9999px;
}
.owner-details-list .email-btn {
	width: 1.5em;
	height: 1.5em;
	background: url(../images/email-icon.png) center no-repeat;
}
.owner-details-list .delete-btn {
	width: 1.35em;
	height: 1.5em;
	background: url(../images/delete-icon.png) center no-repeat;
}
.vendor-project-area .vendor-project-top{
	padding: 1em 0 2em;
	margin-bottom: 1.5em;
	border-bottom: 1px solid #e4e5ec;
}
.vendor-project-area .btn-blue-filled{
	padding:0 1.5em;
	font-size: 0.875em;
	height: 2.5em;
	line-height: 2.25em;
}
.vendor-project-area .vendor-top-left {
	margin-top: 5em;
    width: 20%;
    background: #fff;
	border-radius: 0.6em;
	-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(160, 78, 78, 0.1);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}
.vendor-project-area .vendor-top-right{
	width: 77%;
}
.vendor-project-area .vendor-projects{
	padding-bottom: 1.5em;
	margin-bottom: 1.35em;
	border-bottom:1px solid #e4e5ec;
}
.vendor-project-area .vendor-top-right .vendor-project-list{
	margin-top: 0.75em;
}
.vendor-project-area .vendor-top-left .vendor-user-img{
	width: 7.875em;
	height: 7.875em;
	overflow: hidden;
	display: block;
	margin: -4em auto 1.25em;
	position: relative;
	z-index: 1;
}
.vendor-project-area .vendor-top-left .vendor-user-img .circle{
	border:5px solid #fff;
}
.vendor-project-area .vendor-actions-list ul li{
	position: relative;
    padding: 0.25em 1em;
    border-bottom: 1px solid #eee;
}
.vendor-project-area .vendor-actions-list ul li:last-child{
	border-bottom: none;
}
.vendor-project-area .vendor-actions-list ul li a{
	position: relative;
	display: block;
	color: #7c9cb1;
	font-size: 1.125em;
	padding: 0.65em 0.5em;
	border-radius: 0.6em;
	transition: all ease-in-out 0.25s;
	text-align: center;
	line-height:1.2;
}
.vendor-project-area .vendor-actions-list ul li:hover a,
.vendor-project-area .vendor-actions-list ul li.active a{
	color: #e5f5f4;
	background: #006680;
}
.vendor-project-area .vendor-cards,
.vendor-project-area .vendor-product-cards{
	width: 24.25%;
	background: #fff;
	border-radius: 0.25em;
	-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(160, 78, 78, 0.1);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}
.vendor-project-area .vendor-project-top .vendor-cards{
	margin-right:1%;
}
.vendor-project-area .vendor-project-top .vendor-cards:last-child{
	margin-right: 0;
}
.vendor-project-area .vendor-cards-top{
	padding: 0.5em 1em;
	border-bottom: 1px solid #eee;
}
.vendor-project-area .vendor-cards-mid{
	min-height: 92px;
	max-height: 92px;
	padding: 0.5em 0.875em;
	border-bottom: 1px solid #eee;
}
.vendor-project-area .vendor-project-top .vendor-cards-mid{
	min-height: 60px;
	max-height: 60px;
}
.vendor-project-area small{
	display: block;
	line-height: 1.25;
}
.vendor-project-area .vendor-cards-mid p,
.vendor-project-area .vendor-cards-bottom p{
	font-size: 0.8em;
}
.vendor-project-area .vendor-cards-bottom{
	min-height: 50px;
	padding: 0.5em 0.875em;
}
.vendor-project-area .vendor-cards-bottom p{
	line-height: 1.25;
}
.vendor-project-area .vendor-cards-bottom .date{
	flex: 0 0 50%;
}
.vendor-project-area .vendor-cards-action{
	margin-top: 0.25em;
}
.vendor-project-area .vendor-cards-action a{
	padding: 0.25em;
	width: 50%;
	font-size: 0.875em;
	color:#fff;
	text-align: center;
}
.vendor-project-area .vendor-cards-action .req-btn{
	background: #006680;
}
.vendor-project-area .vendor-cards-action .outcome-btn{
	background: #151b4e;
}
.vendor-project-area .vendor-project-bottom{
	padding-bottom: 3em; 
}
.vendor-project-area .vendor-project-action{
	margin-bottom: 2em;
    padding-left: 1em;
    background: #fff;
    border-radius: 0.5em;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}
.vendor-project-area .vendor-project-action .back-btn {
    color: #fff;
    height: 3.125em;
    line-height: 3.125em;
    padding: 0 1.25em 0 2em;
    background: #006780 url(../images/back-btn1.png) 0.75em center no-repeat;
    border-radius: 0 0.5em 0.5em 0;
}
.vendor-project-area .vendor-project-action h3 {
    font-family: 'CenturyGothic';
    font-size: 1.25em;
    color: #8b8d8e;
    height: 2.5em;
    line-height: 2.5em;
}
.vendor-project-area .vendor-marketplace-card{
	padding:1em;
	margin-top:1em;
	background: #fff;
	-webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 15px 0px rgba(160, 78, 78, 0.1);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 10%);
}

.vendor-project-area .vendor-marketplace-card .vendor-cards,
.vendor-project-area .vendor-marketplace-card .vendor-product-cards{
	width:18.8%;
	margin-right: 1.5%;
}
.vendor-project-area .vendor-marketplace-card .vendor-cards:last-child,
.vendor-project-area .vendor-marketplace-card .vendor-product-cards:last-child{
	margin-right: 0;
}
.vendor-project-area .vendor-marketplace-card .vendor-product-cards{
	padding: 0.25em;
}
.vendor-project-area .vendor-marketplace-card .vendor-product-cards .vendor-cards-mid{
	padding:0.25em;
	border:none;
}
.vendor-project-area .vendor-marketplace-card .filter-btn{
	font-family: 'CenturyGothic-Bold';
    color: #fff;
    text-transform: uppercase;
    background-color: #151b4e;
    border-radius: 0.25em;
    background-image: url(../images/filter-icon.png);
    background-position: 0.875em center;
    background-repeat: no-repeat;
    padding: 0.25em 1em 0.25em 2.25em;
    background-size: 1em;
}
.vendor-project-area .vendor-marketplace-card .vendor-filter-actions .tag-chips .chip{
    padding: 0 1em 0 1.5em;
    min-width: 80px;
    height: 32px;
    line-height: 32px;
    font-size: 0.85em;
    border-radius: 38px;
    background: #e0e2fa;
    font-family: 'CenturyGothic-Bold';
    color: #151b4e;
    text-align: center;
}
.vendor-project-area .vendor-marketplace-card .vendor-search-bar {
	padding: 0.25em 0;
	margin: 1em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.vendor-project-area .vendor-search-bar .vendor-search-bar-left label{
	font-size: 1em;
}
.vendor-project-area .vendor-marketplace-card .search-wrapper {
	display: flex;
	align-items: center;
	padding: 0.25em;
	border-radius: 3px;
	background: #f6f6f6;
}
.vendor-project-area .vendor-marketplace-card .search-wrapper input {
	flex: 1;
	border: none;
	background: url(../images/search-icon.png) 1em center no-repeat;
	border-radius: unset;
	height: 2.5em;
}
.vendor-project-area .vendor-marketplace-card .search-wrapper .search-btn {
	margin-left: 0.25em;
	height: 2.25em;
	line-height: 2.25em;
	padding: 0 2.5em 0 1em;
	border: 1px solid #151b4e;
	border-radius: 3px;
	background: #151b4e url(../images/search-icon2.png) right 0.5em center no-repeat;
	color: #fff;
	cursor: pointer;
	font-family: 'CenturyGothic-Bold';
}
.vendor-project-area .vendor-marketplace-card [type="radio"]:not(:checked)+span, 
.vendor-project-area .vendor-marketplace-card [type="radio"]:checked+span{
	margin-right: 1em;
}
.vendor-project-area .business-challenge-card .vendor-project-list ul{
	flex-wrap: wrap;
}
.vendor-project-area .business-challenge-card .vendor-project-list ul li{
	flex: 0 0 18.8%;
    margin-right: 1.5%;
	margin-bottom: 1em;
}
.vendor-project-area .business-challenge-card .vendor-project-list ul li:nth-child(5n){
	margin-right: 0;
}
.vendor-project-area .favorite-txt{
	font-size: 1em;
	font-weight: 700;
	color: #151b4e;
	text-decoration: underline;
	padding-left: 1.5em;
	background: url(../images/favourite-icon-2.png) left center no-repeat;
}
.vendor-project-area .vendor-product-poster{
	position:relative;
}
.vendor-project-area .vendor-product-poster .vendor-product-image {
    height: 100px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.vendor-project-area .vendor-product-poster .favourite-icon{
	position:absolute;
	left: 0.5em;
	top: 0.5em;
	width: 21px;
	height: 21px;
	background: url(../images/favourite-icon-3.png)no-repeat;
}
.vendor-project-area .vendor-utility-actions{
	margin-top:1em;
}
#vendor-filter-modal {
    max-height: 75%;
    padding: 1.5em 2.5em;
	width: 65%;
    min-height: 65vh;
    height: 100%;
    border-radius: 10px;
    top: 50px;
    background-color: #fff;
    background-repeat: no-repeat;
    overflow: unset;
}
#vendor-filter-modal .modal-content{
	padding: 0 2em 0 0;
    height: 100%;
    overflow: auto;
}
#vendor-filter-modal .form-action button {
    margin-right: 1em;
    text-transform: none;
}
#vendor-filter-modal .req-filter-form{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 1em;
}
#vendor-filter-modal .req-filter-form .input-field{
	flex: 1 0 47.5%;
	margin:0.75em 5% 0.75em 0;
}
#vendor-filter-modal .req-filter-form .input-field:nth-child(2n){
	margin-right:0;
}
#vendor-filter-modal .req-filter-form .input-field input,
#vendor-filter-modal .req-filter-form .input-field .select-wrapper {
    font-size: 1.25em;
    background: #f6f6f6 url(../images/filter-icon-gray.png) 0.75em center no-repeat;
    border-radius: 0.2em;
    height: 2.75em;
	padding-left: 2.25em;
}
.login-form-fields .input-field.user-email input{ padding-left: 3em;}


@media(max-width:992px) {
    .application-area{
        padding: 2em 1em 4em;
    }
    .app-form-content{
        display:none;
    }
    .app-form-area{
        width:100%;
    }
    .app-form-fields.login-form-fields{
        width:auto;
    }
}



/* 26-7-2023 */


.vd-fsnews-events{padding-top: 27px;padding-bottom: 48px;background: #f2fafa;}
.vd-fs-row{display: flex;flex-wrap: wrap;}
.vd-fsvalidos-container{max-width: 934px;width: 100%;padding-right: 18px;padding-left: 18px;margin-right: auto;margin-left: auto;}

.vd-fs-digital-rex{max-width: 384px;width: 100%;}
.vd-fs-digi-innr{border-radius: 12px;border: 1px solid #00A0A3;background: linear-gradient(360deg, #CCECED 0%, #FFF 100%);padding: 20px 29px 28px 29px;}
.vd-fs-digi-icon{text-align: center;}
.vd-fs-digi-icon h3{color: #111C4E;font-size: 32px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.24px;margin: 0;padding: 0;}
.vd-fs-digi-content{margin-top: 16px;}
.vd-fs-digi-content p{color: #171D29;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.16px;margin: 0;padding: 0;}
.vd-fs-digi-btn{border-radius: 10px;background: #00A0A3;box-shadow: 0px 4px 10px 0px rgba(0, 101, 128, 0.24);color:#FFF;text-align: center;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.18px;padding: 8px 40px;text-decoration: none;display: inline-block;}
.vd-fs-digi-btn svg{margin-left: 10px;}
.vd-fs-mb-top-24{margin-top: 16px;text-align: center;}
.vd-fs-news-events-section{width: calc(100% - 384px);padding-left: 16px;}
.vd-fs-news-events-section h3{color: #111C4E;font-size: 32px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.32px;text-transform: uppercase;margin: 0;padding: 0;}
.vd-fs-news-events-section ul{list-style: none;padding: 0;margin: 0;}
.vd-fs-news-events-section ul li .vd-fs-news-list a{color: #006580;font-size: 20px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.2px;text-decoration-line: underline;max-width: 464px;width: 100%;display: block;    text-transform: initial;}
.vd-fs-news-list .la-tag{color:  #009E49;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.12px;text-transform: uppercase;padding:0 10px;border: 1px solid #009E49;border-radius: 4px;}
.vd-fs-news-list .vari-tag{color:  #006580;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.12px;text-transform: uppercase;padding:0 10px;border: 1px solid #006580;border-radius: 4px;position: relative;padding-left: 18px;}
.vd-fs-news-list .vari-tag::before{content: '';background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.03634 8.0924L1.56513 5.62119L1.45907 5.51513L1.353 5.62119L0.49391 6.48029L0.387844 6.58635L0.49391 6.69242L3.93027 10.1288L4.03634 10.2348L4.1424 10.1288L11.506 2.76514L11.6121 2.65908L11.506 2.55301L10.6469 1.69392L10.5409 1.58786L10.4348 1.69392L4.03634 8.0924Z' fill='%23006580' stroke='%23006580' stroke-width='0.3'/%3E%3C/svg%3E%0A");position: absolute;width: 12px;height: 12px;left: 2px;top: 2px;}
.vd-fs-news-list h4{color: #000;font-size: 16px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.16px;margin-top: 2px;margin-bottom: 0;padding: 0;}
.vd-fs-live-tags{margin-top: 5px;display: flex;align-items: center;margin-top: 2px;}
.vd-fs-live-tags li{color: #666;font-size: 14px !important;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.14px;}
.vd-fs-live-tags li a{color: #666 !important;text-decoration: none !important;font-size: 14px !important;padding:0 8px;padding-left: 20px;text-transform: uppercase;}
.vd-fs-in-p,.vd-fs-online,.vd-fs-dot{position: relative;}
.vd-fs-in-p::before{content:'';background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.95585 7.68886C9.15585 7.68886 10.0892 6.71108 10.0892 5.51108C10.0892 4.31108 9.11141 3.37775 7.91141 3.37775C6.71141 3.37775 5.77808 4.35552 5.77808 5.51108C5.77808 6.71108 6.75585 7.68886 7.95585 7.68886ZM7.91141 4.26664C7.95585 4.26664 7.95585 4.26664 7.91141 4.26664C8.62252 4.26664 9.2003 4.84441 9.2003 5.55552C9.2003 6.26664 8.62252 6.79997 7.91141 6.79997C7.2003 6.79997 6.66697 6.22219 6.66697 5.55552C6.66697 4.84441 7.24474 4.26664 7.91141 4.26664Z' fill='%23171D29'/%3E%3Cpath d='M14.533 7.42226C13.6886 6.6667 12.5775 6.2667 11.4219 6.31114H11.0664C10.9775 6.6667 10.8442 6.97781 10.6664 7.24448C10.933 7.20003 11.1553 7.20003 11.4219 7.20003C12.2664 7.15559 13.1108 7.42226 13.7775 7.91114V11.1111H14.6664V7.55559L14.533 7.42226Z' fill='%23171D29'/%3E%3Cpath d='M10.4003 3.46651C10.6225 2.93317 11.2447 2.66651 11.8225 2.88873C12.3559 3.11095 12.6225 3.73317 12.4003 4.31095C12.2225 4.71095 11.8225 4.97762 11.4225 4.97762C11.3336 4.97762 11.2003 4.97762 11.1114 4.93317C11.1559 5.15539 11.1559 5.37762 11.1559 5.55539V5.82206C11.2447 5.82206 11.3336 5.8665 11.4225 5.8665C12.5336 5.8665 13.4225 4.97762 13.4225 3.91095C13.4225 2.79984 12.5336 1.91095 11.467 1.91095C10.7559 1.91095 10.1336 2.26651 9.77808 2.88873C10.0003 3.02206 10.2225 3.19984 10.4003 3.46651Z' fill='%23171D29'/%3E%3Cpath d='M5.33362 7.28904C5.15584 7.02237 5.02251 6.71126 4.93362 6.35571H4.57806C3.42251 6.31126 2.3114 6.71126 1.46695 7.42237L1.33362 7.55571V11.1113H2.22251V7.91126C2.93362 7.42237 3.73362 7.15571 4.57806 7.20015C4.84473 7.20015 5.1114 7.24459 5.33362 7.28904Z' fill='%23171D29'/%3E%3Cpath d='M4.57811 5.82233C4.667 5.82233 4.75589 5.82233 4.84477 5.77789V5.51122C4.84477 5.289 4.84478 5.06677 4.88922 4.889C4.80033 4.93344 4.667 4.93344 4.57811 4.93344C4.00033 4.93344 3.51144 4.44455 3.51144 3.86677C3.51144 3.289 4.00033 2.80011 4.57811 2.80011C5.02255 2.80011 5.42255 3.06677 5.60033 3.46677C5.77811 3.24455 6.04478 3.02233 6.267 2.84455C5.68922 1.91122 4.48922 1.60011 3.55589 2.17789C2.62255 2.75566 2.31144 3.95566 2.88922 4.889C3.24478 5.46677 3.867 5.82233 4.57811 5.82233Z' fill='%23171D29'/%3E%3Cpath d='M11.6001 10.089L11.5112 9.9557C10.6224 8.97792 9.37791 8.40015 8.04458 8.44459C6.71125 8.40015 5.42236 8.97792 4.53347 9.9557L4.44458 10.089V13.4668C4.44458 13.8668 4.75569 14.2224 5.20014 14.2224H10.889C11.289 14.2224 11.6446 13.8668 11.6446 13.4668V10.089H11.6001ZM10.7112 13.3335H5.33347V10.4001C6.04458 9.68904 7.02236 9.33348 8.04458 9.33348C9.02236 9.28904 10.0001 9.68904 10.7112 10.4001V13.3335Z' fill='%23171D29'/%3E%3C/svg%3E%0A");width: 16px;height: 16px;position: absolute;left: 0;top: 2px;}
.vd-fs-online::before{content:'';background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.8132 14.2223H3.81322C3.69534 14.2223 3.5823 14.2691 3.49895 14.3524C3.4156 14.4358 3.36877 14.5488 3.36877 14.6667C3.36877 14.7846 3.4156 14.8976 3.49895 14.981C3.5823 15.0643 3.69534 15.1111 3.81322 15.1111H11.8132C11.9311 15.1111 12.0441 15.0643 12.1275 14.981C12.2108 14.8976 12.2577 14.7846 12.2577 14.6667C12.2577 14.5488 12.2108 14.4358 12.1275 14.3524C12.0441 14.2691 11.9311 14.2223 11.8132 14.2223Z' fill='%23171D29'/%3E%3Cpath d='M7.8886 0.889069C6.23837 0.889069 4.65572 1.54462 3.48883 2.71152C2.32194 3.87841 1.66638 5.46106 1.66638 7.11129C1.66638 7.31129 1.66638 7.50685 1.69749 7.7024C1.81202 8.90252 2.27272 10.0435 3.02359 10.9867C3.77446 11.9299 4.78315 12.6346 5.92705 13.0152C7.07096 13.3959 8.3008 13.436 9.46708 13.1307C10.6334 12.8255 11.6858 12.188 12.4966 11.2958C13.3073 10.4035 13.8414 9.29499 14.034 8.10489C14.2265 6.91479 14.0691 5.6944 13.581 4.59206C13.0929 3.48973 12.2951 2.55293 11.2845 1.89554C10.2739 1.23815 9.09417 0.888494 7.8886 0.889069ZM7.8886 1.77796C9.29391 1.77918 10.6419 2.335 11.6397 3.32462V3.76907C9.88308 3.16454 7.97355 3.17238 6.22194 3.79129C6.08201 3.65493 5.90635 3.56094 5.71527 3.52018H5.60416C5.55083 3.33351 5.50194 3.14685 5.46194 2.95574C5.42194 2.76462 5.39972 2.59574 5.37749 2.41351C6.14905 1.99714 7.01187 1.77876 7.8886 1.77796ZM6.55527 4.38685C8.16935 3.84634 9.91865 3.8667 11.5197 4.44462C11.3032 5.57378 10.8303 6.63816 10.1375 7.55574C9.94372 7.47367 9.7292 7.45397 9.52372 7.49937C9.31824 7.54477 9.13199 7.65301 8.99083 7.80907C8.83527 7.72018 8.67972 7.63129 8.54638 7.52907C7.64918 6.93045 6.89991 6.13558 6.35527 5.20462C6.4433 5.09547 6.50738 4.96903 6.54337 4.83351C6.57936 4.69798 6.58644 4.5564 6.56416 4.41796L6.55527 4.38685ZM4.77749 2.78685C4.77749 2.88018 4.80416 2.97796 4.82194 3.07129C4.86194 3.26685 4.91527 3.45796 4.9686 3.64907C4.79841 3.74985 4.66143 3.89824 4.57456 4.07593C4.48769 4.25363 4.45472 4.45286 4.47972 4.64907C3.77816 5.1072 3.15152 5.67087 2.62194 6.32018C2.7282 5.61696 2.97404 4.9421 3.34499 4.3353C3.71594 3.72851 4.2045 3.20203 4.78194 2.78685H4.77749ZM4.77749 9.76907C4.60399 9.82731 4.44894 9.9303 4.32798 10.0676C4.20702 10.205 4.12445 10.3718 4.0886 10.5513H3.80416C3.08641 9.69522 2.65714 8.63448 2.57749 7.52018L2.62638 7.43574C3.18292 6.57278 3.9105 5.8331 4.76416 5.2624C4.89215 5.39607 5.05389 5.49266 5.23227 5.54195C5.41065 5.59124 5.59903 5.59139 5.77749 5.5424C6.37196 6.547 7.18457 7.40517 8.15527 8.05351C8.33749 8.17351 8.52416 8.28462 8.71083 8.39129C8.69589 8.56128 8.72338 8.73232 8.79083 8.88907C7.97748 9.53494 7.03929 10.0055 6.03527 10.2713C5.91884 10.0537 5.72885 9.88469 5.49926 9.79432C5.26966 9.70394 5.01541 9.69814 4.78194 9.77796L4.77749 9.76907ZM7.8886 12.4357C6.98471 12.436 6.09578 12.205 5.30638 11.7646L5.43083 11.738C5.60768 11.6799 5.76573 11.5755 5.88846 11.4356C6.0112 11.2956 6.09413 11.1253 6.1286 10.9424C7.26505 10.6526 8.326 10.1221 9.23972 9.38685C9.45676 9.51369 9.71306 9.55572 9.95924 9.50484C10.2054 9.45396 10.4241 9.31378 10.573 9.11129C11.2001 9.27431 11.8452 9.35793 12.493 9.36018H12.7286C12.2998 10.2822 11.6164 11.0625 10.7589 11.6089C9.90135 12.1554 8.90546 12.4454 7.8886 12.4446V12.4357ZM10.7819 8.48018C10.7815 8.2939 10.7308 8.11119 10.6353 7.95129C11.3749 6.98513 11.8897 5.86608 12.1419 4.67574C12.3642 4.77944 12.5834 4.895 12.7997 5.0224C13.2885 6.17748 13.3546 7.46788 12.9864 8.66685C12.2485 8.7239 11.5062 8.66542 10.7864 8.49351L10.7819 8.48018Z' fill='%23171D29'/%3E%3C/svg%3E%0A");width: 16px;height: 16px;position: absolute;left: 0;top: 2px;}
.vd-fs-dot::before{content:'•';width: 16px;height: 16px;position: absolute;left: 0;top: 1px;text-align: center;}
.vd-fs-mb-24{margin-bottom: 24px;}
.vd-fs-news-list .news-tag{color: #FFF;text-align: center;font-size: 12px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.12px;text-transform: uppercase;padding:0 10px;background: #009E49;border-radius: 4px;}
.vd-fs-utilities-one{margin-top: 1px;color: #A9A9AF;font-size: 12px;font-style: normal;font-weight: 400;line-height: normal;letter-spacing: 0.12px;text-transform: uppercase;padding-left: 20px;position: relative;}
.vd-fs-utilities-one::before{content: '';height: 12px;width: 12px;position: absolute;left: 0;top: 2px;background: #0F52BA;border-radius: 50%;}
.vd-fs-news-btn-s{text-align: center;}
.vd-fs-news-btn-s .vd-fs-search{color: #006580;font-size: 18px;font-style: normal;font-weight: 600;line-height: normal;letter-spacing: 0.18px;padding: 7px 21px 7px 44px;border-radius: 10px;border: 1px solid  #006580;background-color: #FFF;box-shadow: 0px 4px 10px 0px rgba(0, 101, 128, 0.24);cursor: pointer;position: relative;background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9712 15.5552L16.333 16.1629L12.5833 12.5989V12.1508V11.9923L12.596 12.0039H12.7583H13.2498L16.9712 15.5552ZM12.2157 11.0938L11.9671 11.3692L11.6777 11.6061C10.8009 12.324 9.66048 12.7579 8.41667 12.7579C5.63573 12.7579 3.41667 10.616 3.41667 8.01585C3.41667 5.41568 5.63573 3.27378 8.41667 3.27378C11.1976 3.27378 13.4167 5.41568 13.4167 8.01585C13.4167 9.18405 12.9677 10.2607 12.2157 11.0938ZM4.25 8.01585C4.25 10.2411 6.13094 12.0039 8.41667 12.0039C10.7024 12.0039 12.5833 10.2411 12.5833 8.01585C12.5833 5.79061 10.7024 4.02775 8.41667 4.02775C6.13094 4.02775 4.25 5.79061 4.25 8.01585Z' fill='white' stroke='%23006580' stroke-width='0.833333'/%3E%3C/svg%3E%0A");background-position: left 10px top 8px;background-repeat: no-repeat;}


.vd-fs-row-box{display: flex;margin-left: -12px;margin-right: -12px;flex-wrap: wrap;}
.vd-fs-row-box > *{padding-right: 12px;padding-left: 12px;}
.vd-fs-service-section{padding-top: 48px;}
.vd-fs-utilities h3, .vd-fs-providers h3,.vd-fs-products h3 {color: #111C4E;text-align: center;font-size: 32px;font-style: normal;font-weight: 500;line-height: 1.4;letter-spacing: 0.32px;text-transform: uppercase;margin-bottom: 9px;margin-top: 0;padding: 0;}
.vs-fs-service-main{padding: 14px 16px 16px 16px;border-radius: 12px;background: linear-gradient(0deg, #CCECED 0%, #FFF 100%);}
.vd-fs-utilities-box { border: 1px solid #0F52BA;border-bottom: 12px solid #0F52BA;}
.vd-fs-providers-box {border: 1px solid#FFAC1C;border-bottom: 12px solid#FFAC1C;}
.vd-fs-products-box{border: 1px solid #0BDA51;border-bottom: 12px solid #0BDA51;}
.vd-fs-utilities-box-icon,.vd-fs-providers-box-icon {text-align: center;margin-bottom: 20px;}
.vd-fs-utilities-box h4, .vd-fs-providers-box h4,.vd-fs-products-box h4 {color: #171D29;text-align: center;font-size: 18px;font-style: normal;font-weight: 600;line-height: 1.4;letter-spacing: 0.18px;text-transform: uppercase;margin-bottom: 9px;padding: 0;margin-top: 0;}
.vd-fs-utilities-box p,  .vd-fs-providers-box p,.vd-fs-products-box p {color: #171D29;font-size: 16px;font-style: normal;font-weight: 400;line-height: 1.4;letter-spacing: 0.16px;margin-bottom: 18px;margin-top: 0;padding: 0;}
.vd-fs-utilities-btn,.vd-fs-providers-btn,.vd-fs-products-btn {text-align: center;}
.vd-fs-utilities,.vd-fs-providers,.vd-fs-products {width: 33.33%;}
.vd-fs-utilities-btn .vd-fs-utilities-btn-inner,.vd-fs-providers-btn .vd-fs-providers-btn-inner,.vd-fs-products-btn .vd-fs-products-btn-inner {display: inline-block;border-radius: 10px;background-color: #0F52BA;box-shadow: 0px 4px 10px 0px rgba(0, 101, 128, 0.24);color: #FFF;font-size: 18px;font-style: normal;font-weight: 600;line-height: 1.4;letter-spacing: 0.18px;padding: 11px 27px 11px 16px;text-decoration: none;}
.vs-fs-btn-main{padding-left: 38px !important;background-position: left 13px top 14px;background-repeat: no-repeat;}
.vd-fs-utilities-btn-inner{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M16.9712 15.5553L16.333 16.163L12.5833 12.599V12.1508V11.9923L12.596 12.004H12.7583H13.2498L16.9712 15.5553ZM12.2157 11.0939L11.9671 11.3693L11.6777 11.6062C10.8009 12.3241 9.66048 12.758 8.41667 12.758C5.63573 12.758 3.41667 10.6161 3.41667 8.01591C3.41667 5.41574 5.63573 3.27384 8.41667 3.27384C11.1976 3.27384 13.4167 5.41574 13.4167 8.01591C13.4167 9.18411 12.9677 10.2608 12.2157 11.0939ZM4.25 8.01591C4.25 10.2411 6.13094 12.004 8.41667 12.004C10.7024 12.004 12.5833 10.2411 12.5833 8.01591C12.5833 5.79067 10.7024 4.02781 8.41667 4.02781C6.13094 4.02781 4.25 5.79067 4.25 8.01591Z' fill='%230F52BA' stroke='white' stroke-width='0.833333' /%3E%3C/svg%3E");}
.vd-fs-providers-btn-inner{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9712 15.5553L16.333 16.163L12.5833 12.599V12.1508V11.9923L12.596 12.004H12.7583H13.2498L16.9712 15.5553ZM12.2157 11.0939L11.9671 11.3693L11.6777 11.6062C10.8009 12.3241 9.66048 12.758 8.41667 12.758C5.63573 12.758 3.41667 10.6161 3.41667 8.01591C3.41667 5.41574 5.63573 3.27384 8.41667 3.27384C11.1976 3.27384 13.4167 5.41574 13.4167 8.01591C13.4167 9.18411 12.9677 10.2608 12.2157 11.0939ZM4.25 8.01591C4.25 10.2411 6.13094 12.004 8.41667 12.004C10.7024 12.004 12.5833 10.2411 12.5833 8.01591C12.5833 5.79067 10.7024 4.02781 8.41667 4.02781C6.13094 4.02781 4.25 5.79067 4.25 8.01591Z' fill='%23FFAC1C' stroke='%23111C4E' stroke-width='0.833333'/%3E%3C/svg%3E%0A");background-color: #FFAC1C !important;color: #111C4E !important;}
.vd-fs-products-btn-inner{background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.9712 15.5553L16.333 16.163L12.5833 12.599V12.1508V11.9923L12.596 12.004H12.7583H13.2498L16.9712 15.5553ZM12.2157 11.0939L11.9671 11.3693L11.6777 11.6062C10.8009 12.3241 9.66048 12.758 8.41667 12.758C5.63573 12.758 3.41667 10.6161 3.41667 8.01591C3.41667 5.41574 5.63573 3.27384 8.41667 3.27384C11.1976 3.27384 13.4167 5.41574 13.4167 8.01591C13.4167 9.18411 12.9677 10.2608 12.2157 11.0939ZM4.25 8.01591C4.25 10.2411 6.13094 12.004 8.41667 12.004C10.7024 12.004 12.5833 10.2411 12.5833 8.01591C12.5833 5.79067 10.7024 4.02781 8.41667 4.02781C6.13094 4.02781 4.25 5.79067 4.25 8.01591Z' fill='%23FFAC1C' stroke='%23111C4E' stroke-width='0.833333'/%3E%3C/svg%3E%0A");background-color: #0BDA51!important;color: #111C4E !important;}

@media (max-width:991px){
    .vd-fs-live-tags {flex-wrap: wrap;}
    .vd-fs-utilities,.vd-fs-providers,.vd-fs-products {width: 50%;margin-bottom: 32px;}
    .vd-fs-utilities-box p, .vd-fs-providers-box p, .vd-fs-products-box p {font-size: 15px;}

    /*Changes*/
    .validos-login .app-sign-in-area {
    width: 100% !important;
}


.validos-login .slick-track {
    width: 100% !important;
}
}


@media (max-width:767px){
    .vd-fs-row {margin-left: -8px;margin-right: -8px;}
    .vd-fs-row > *,.vd-fsvalidos-container {padding-right: 8px;padding-left: 8px;}
    .vd-fs-digital-rex{max-width: 100%;}
    .vd-fs-news-events-section{width: 100%;margin-top: 26px;}
    .vd-fs-utilities,.vd-fs-providers,.vd-fs-products {width: 100%;}
    .vd-fs-service-section {padding-top: 40px;}
    .vd-fs-news-events-section ul li .vd-fs-news-list a{max-width: 100%;}

   

}
/* 17-05-24 css start */
/*.application-area .modal{top: 15% !important;}*/
/* 17-05-24 css End */

/*15-07-24 css start*/
@media(max-width: 1199.98px) {
    #forgot-password-modal{background-size: 40%;}
    #forgot-password-modal .input-field {margin-bottom: 1.5em;}
    #forgot-password-modal p{padding: 0;font-size:14px;line-height: 1.3;}
}
@media(max-width:991.98px) {
    .application-area .modal {width: 70%;}
}
@media(max-width: 767.98px){
    .application-area .modal{width: 90vw;max-height: 56.25%;min-height: 60vh;}
    #forgot-password-modal .app-form-fields {padding: 2em;}
    .application-area .modal-close{width: 32px; height:32px; background-size:16px;}
    .application-area .modal h3 {font-size:1.56em}
    #forgot-password-modal .submit-btn {min-width: 100%;margin:0;font-size: 14px;}
    #forgot-password-modal {background-size: contain;}
}
@media(max-width: 375px) {
    #forgot-password-modal .app-form-fields {padding: 20px;}
    #forgot-password-modal p{font-size:14px;line-height: 1.3;}

}
/*15-07-24 css End*/

/*Login Page*/

/*.validos-login .app-form-fields .user-email input{
    background-image: url(../images/email_icon.png);
}

.validos-login .app-form-fields .user-password input{
    background-image: url(../images/lock_icon.png);
}*/

.validos-login .app-form-fields {
    padding-right: 20px;
    padding-left: 44px;
}

.validos-login h3 {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.01em;
    text-align: left;
    padding: 0;
    margin-bottom: 32px;
}

.validos-login .app-form-fields .input-field {
    margin: 0 0 45px;
}

.validos-login .app-form-fields input {
     background: #F9F9FA;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 36px !important;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 9px;
    background-size: 17px;
}

.validos-login .app-form-fields input:-internal-autofill-selected{
    background-color: #F9F9FA !important;
}
.validos-login .app-form-fields img {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
    z-index:99;
}

.validos-login .app-form-fields .input-field {
    margin: 0 0 45px;
}

.validos-login .app-form-fields .forgot_pass a {
    text-decoration: underline;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #111C4E;
    padding: 0;
    margin-bottom: 22px;
    display: inline-block;
}

.validos-login .app-form-fields .input-field.user-password {
    margin-bottom: 29px;
}

.validos-login .app-form-fields .form-action {
    padding: 0;
}
.validos-login .app-form-fields .form-action p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #171D29;
}

.validos-login .app-form-fields .form-action p a {
    text-decoration: underline;
}

.validos-login .app-form-fields .form-action button {
    margin-bottom: 16px;
    background: #006580;
    border-color: #006580;
    box-shadow: 0px 4px 10px 0px #0065803D;
    border-radius: 10px;
    min-width: auto;
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.01em;
    text-align: center;
    padding: 7px 53px;
    height: auto;
}

.validos-login .app-form-fields .form-action button:hover {
       background-color: #FFF;
    color: #006580;
    box-shadow: 0px 2px 3px 0px #00000026;
}


.validos-login .app-form-welcome {
    padding: 80px 43px 80px 43px;
    max-width: 390px;
    margin: 0 auto;
}

    .validos-login .app-form-welcome h2 span {
        font-family: Poppins;
        font-size: 22px;
        font-weight: 400;
        line-height: 33px;
        letter-spacing: 0.01em;
        text-align: center;
    }
    .validos-login .app-form-welcome h2 {
    font-family: Poppins;
    font-size: 48px;
    font-weight: 400;
    line-height: 72px;
    letter-spacing: 0.01em;
    text-align: center;
    margin-bottom: 16px;
}

.validos-login .app-form-welcome p {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    letter-spacing: 0.01em;
    text-align: center;
}
.validos-login .app-sign-in-area .app-form-slider{
        top: -96px;
            border-radius: 0;
}
.validos-login .app-user-area {
    border-radius: 10px;
    padding: 32px 18px;
}
.application-area.common {
    padding: 47px 28px;
}

.application-area.common .container {
    max-width: 100% !important;
}
/*End Login Page*/

/*Forgot Password Page*/

.app_user_area_2 {
    position: relative;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 2.5em 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 32px 18px;
}

.app_user_area_2_inner {
    max-width: 440px;
    margin: 0 auto;
}

.app_user_area_2 h3 {
    font-family: Poppins;
    font-size: 32px;
    font-weight: 500;
    line-height: 48px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom:30px;
        margin-bottom: 30px;
    padding: 0;
    color:#111C4E;
}
.app_user_area_2 p {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
     margin-bottom: 34px;
     color: #171D29;
}
.app_user_area_2 .app-form-fields .input-field input {
    background: #F9F9FA;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin-bottom: 0 !important;
    padding-left: 36px !important;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.01em;
    text-align: left;
    background-repeat: no-repeat;
    background-position: 9px;
    background-size: 17px;
}

.app_user_area_2 .app-form-fields .input-field img {
    position: absolute;
    top: 50%;
    left: 9px;
    transform: translateY(-50%);
    z-index: 99;
}

.app_user_area_2 .form-action {
    flex-direction: row !important;
    justify-content: space-between;
    margin-top: 63px;
}

.app_user_area_2 .form-action button,.app_user_area_2 .form-action a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0.01em;
    text-align: center;
    padding: 6.5px 48px;
    border-radius: 10px;
    border: 1px solid #006580;
    background: #fff;
    color: #006580;
    display: inline-block;
    cursor: pointer;
}

.app_user_area_2 .form-action button {
    background: #006580;
    color: #fff;
    box-shadow: 0px 4px 10px 0px #0065803D;
}

.app_user_area_2 .form-action a {
    box-shadow: 0px 2px 3px 0px #00000026;
}

.app_user_area_2 .form-action button:hover {
    background: #fff;
    color: #006580;
}

.app_user_area_2 .form-action a:hover {
    background: #006580;
    color: #fff;
}
.app_user_area_2 .app-form-fields {
    padding: 0;
}
.forgot_password_page .app_user_area_2 {
    padding: 100px 18px;
}
.change_password_page .app_user_area_2 {
    padding: 100px 18px;
}

.app_user_area_2 .app-form-fields .input-field {
    margin: 0;
}

.app_user_area_2 .thankyou_page .form-action a {
    background: #006580;
    color: #fff;
    box-shadow: 0px 4px 10px 0px #0065803D;
}

.app_user_area_2 .thankyou_page .form-action {
    justify-content: flex-end;
    margin-top: 122px;
}

.app_user_area_2 .thankyou_page .form-action a:hover {
    background: #fff;
    color: #006580;
}

/*End Forgot Password Page*/

/* Change Password Page*/
.change_password_page .input-field.user-password.confirm-password {
    margin-bottom: 37px !important;
}


.change_password_page .app_user_area_2 .form-action {
    margin-top: 32px;
}


.change_password_page .input-field {
    margin-bottom: 45px !important;
}
ul#ResetErrorPasswordFormat li {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: left;
    margin-bottom: 5px;
}
ul#ResetErrorPasswordFormat {
    padding-left: 25px;
}
.change_password_page .app_user_area_2 .password_updated .form-action {
    margin-top: 146px;
}

ul#ResetErrorPasswordFormat li svg {
    margin-right: 7px;
    display: none;
}
ul#ResetErrorPasswordFormat li.validated_green svg {
    display: inline-block;
}

ul#ResetErrorPasswordFormat li.validated_green {
    color: #009E49;
}
.app_user_area_2 .app-form-fields .input-field input + label {
    color: #65656F;
    position: absolute;
    top: 50%;
    left: 33px;
    transform: translateY(-50%);
    transition: 0.2s;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0.01em;
    text-align: left;
    pointer-events: none;
}

.app_user_area_2 .app-form-fields .input-field input:focus+label,
.app_user_area_2 .app-form-fields .input-field input:not(:placeholder-shown)+label {
    top: 6px;
    left: 0;
    color: #65656F !important;
    font-weight: 400;
    }

ul#ResetErrorPasswordFormat li svg.cross_icon {
    width: 14px;
    height: 11px;
    display: none;
}
ul#ResetErrorPasswordFormat li.not_validated svg.cross_icon {
    display: inline-block;
}
ul#ResetErrorPasswordFormat li.not_validated svg.tick_icon {
    display: none;
}
ul#ResetErrorPasswordFormat li.not_validated {
    color:red;
}
/*End Change Password Page*/


@media(max-width:767px){
     /*Changes*/
    section.validos-login {
    padding: 32px 0;
}

section.validos-login .container {
    margin: 0;
    width: 100%;
    max-width: 100% !important; 
}

.validos-login .app-user-area {
    padding: 0;
    border-radius: 0;
}

.validos-login .app-form-fields {
    padding: 31px 8px;
}


.validos-login .app-form-fields .form-action button {
    padding: 7px 42px;
}
.application-area.common {
    padding: 32px 0;
}
.forgot_password_page .app_user_area_2 {
    padding: 73px 18px;
}
.change_password_page .app_user_area_2 {
    padding: 73px 18px;
}

.app_user_area_2 .form-action button, .app_user_area_2 .form-action a {
    padding: 6.5px 39px;
}
.app_user_area_2 p br {
    display: none;
}

.change_password_page .app_user_area_2 {
    padding: 10px 18px;
}

.change_password_page .app_user_area_2 h3 {
    margin-bottom: 14px;
    line-height: 32px;
}

.app_user_area_2 p {
    margin-bottom: 14px;
}

.change_password_page .app_user_area_2 .form-action {
    margin-bottom: 11px;
}
.password_updated {
    padding: 56px 0;
}

.app_user_area_2 {
    border-radius: 0;
}

}