@font-face {
    font-family: 'ProximaNova-Regular';
    src: url("/assets-home/font/proxima_ssv/ProximaNova-Regular.otf");
}

@font-face {
    font-family:'Proxima Nova Thin';
    src: url('/assets-home/font/proxima_ssv/Proxima Nova Thin.otf');
} 

@font-face {
    font-family:'MontrealSerial Bold';
    src: url('/assets-home/font/proxima_ssv/montreal-serial-bold.ttf');
} 


/* #first_sec  {
    padding-top: 90px;
} */
.first_container {
    width: 75% !important;
}
#first_sec  h5 {
    /* text-align: center; */
    font-size: 45px;
    font-weight: 600;
    /* margin-bottom: 40px; */
    font-family: 'ProximaNova-Regular';
}
.custm_btn {
    font-size: 20px !important;
    border-radius: 7px;
    font-family: 'ProximaNova-Regular';
    padding: 8px 46px !important;
    font-weight: 600 !important;
}
.deal_btn {
    font-size: 20px !important;
    border-radius: 7px;
    font-family: 'ProximaNova-Regular';
    padding: 8px 46px !important;
}
.swal2-container {
    z-index: 999999 !important;
}

.center {
	text-align: center;
}

.mt-10 {
	margin-top: 10px;
}

.mt-20 {
	margin-top: 20px;
}

#LoginAndRegistrationForm {
	width: 350px;
	background: #fff;
	margin: 64px auto;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 15px;
	transform: scale(1.2);
	box-shadow: 0px 0px 6px 0px #cdcdcd;
}

#formTitle {
	text-align: center;
	padding-top: 10px;
	font-family: "ProximaNova-Regular", sans-serif;
	font-weight: bolder;
	letter-spacing: 1px;
	font-size: 25px;
	margin-bottom: 30px;
}

#formSwitchBtn {
	display: flex;
	justify-content: center;
	padding: 20px 0px;
}

#formSwitchBtn button {
	font-size: 17px;
	letter-spacing: 1px;
	font-family: "ProximaNova-Regular", sans-serif;
	font-weight: bolder;
	width: 160px;
	height: 40px;
	border: 0px;
	cursor: pointer;
	position: relative;
	background: transparent;
	border: 1px solid #747474;
	transition: 0.4s;
}

#formSwitchBtn .active {
	color: #fff;
	background: #747474;
}

.input-text {
	width: 100%;
	height: 38px;
	border: 0px;
	border: 1px solid #747474;
	box-sizing: border-box;
	padding: 5px;
	border-radius: 5px;
	font-size: 17px;
	font-family: "ProximaNova-Regular", sans-serif;
}

.input-text:focus {
	outline: none;
}

.forgot-pass-remember-me {
	display: flex;
	justify-content: center;
	gap: 90px;
	font-size: 14px;
}

.forgot-pass-remember-me #ForgotPassword {
	color: #002b27;
	font-weight: bold;
	transition: 0.4s;
}

.forgot-pass-remember-me #ForgotPassword:hover {
	color: #008d7f;
}

.forgot-pass-remember-me input {
	height: 12px;
}

.forgot-pass-remember-me label {
	font-family: "ProximaNova-Regular", sans-serif;
}

.forgot-pass-remember-me a {
	text-decoration: none;
	font-family: "ProximaNova-Regular", sans-serif;
	font-style: italic;
}

#swal2-content {
	font-family: 'ProximaNova-Regular';
    font-size: 20px;
	line-height: 26px;
	font-style: italic;
}
.swal2-styled.swal2-confirm {
	padding: 10px 36px;
}

.Submit-Btn {
	width: 100%;
	height: 42px;
	border: 0px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 17px;
	letter-spacing: 1px;
	font-family: "ProximaNova-Regular", sans-serif;
	font-weight: bolder;
	transition: 0.4s;
	background-color: #747474;
	color: #fff;
}

.Submit-Btn:hover {
	background-color: #444444;
	color: #fff;

}

.dont-have-account,
.already-have-account {
	font-family: "ProximaNova-Regular", sans-serif;
	letter-spacing: 0.3px;
	font-size: 14px;
	color: #747474;
}

.dont-have-account a,
.already-have-account a {
	font-family: "ProximaNova-Regular", sans-serif;
	font-style: italic !important;
	text-decoration: none;
	color: #002b27;
	font-weight: bold;
	transition: 0.4s;
}

.dont-have-account a:hover,
.already-have-account a:hover {
	color: #008d7f;
}

#RegistrationFrom,
#ForgotPasswordForm {
	display: none;
}

.error-input {
	border: 1px solid #ff5b5b;
}

.error-message {
	font-size: 11px !important;
	font-weight: bold;
	color: #ff5b5b !important;
	text-align: left;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	font-family: "ProximaNova-Regular", sans-serif !important;
}





/*********** main page styles ************/
#myModalBtn .modal-content {
	width: 95%;
}

.close {
	position: relative;
	right: 29px;/*180*/
	bottom: 33px;
	cursor: pointer;
}

.login_btn {
	padding: 16px 35px !important;
	border-radius: 10px !important;
	background: #f60 !important;
	color: #fff !important;
	font-weight: 600 !important;
	font-family: "ProximaNova-Regular", sans-serif;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block !important;
	margin-top: 80px;
}

.main_container {
	width: 65% !important;
	margin-top: 70px;
	padding-bottom: 100px;
}

.main_container h6 {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.25;
	margin: 26px 0;
	font-family: "ProximaNova-Regular", sans-serif;
}

.main_container p {
	font-size: 17px;
	font-family: "ProximaNova-Regular", sans-serif;
}

.main_container ul {
	padding: revert;
}

.main_container ul li {
	font-family: "ProximaNova-Regular", sans-serif;
	margin-bottom: 1em;
}

.signup_form span {
	color: red;
}

.signup_form .form-group {
	font-family: "ProximaNova-Regular", sans-serif;
}

.signup_form .form-group ul {
	padding: 0 12px;
}

.signup_form .form-group ul li {
	margin-bottom: 0 !important;
}

.other-input {
	display: none;
}

#otherText {
	width: 100%;
}

textarea {
	height: 45px !important;
	width: 100%;
	border: 1px solid #cbd6e2;
	color: #33475b;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	background-color: #f5f8fa;
	outline: none;
}

.signup_form .form-group input {
	border-radius: 15px;
	border: 1px solid #cbd6e2;
	color: #33475b;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	background-color: #f5f8fa;
	outline: none;
}

.signup_form .form-group input:focus {
	box-shadow: none !important;
}

select.form-group {
	border-radius: 15px;
	border: 1px solid #cbd6e2;
	color: #33475b;
	font-size: 16px;
	font-weight: normal;
	line-height: 22px;
	background-color: #f5f8fa;
	outline: none;
}

select.form-group:focus {
	box-shadow: none !important;
}

.error {
	color: red;
}

#submit_btn {
	background: #ff7a59;
	border: 1px solid #ff7a59;
	color: #ffffff;
	font-size: 19px;
	line-height: 12px;
	font-family: "ProximaNova-Regular", sans-serif;
	padding: 14px 46px;
	border-radius: 12px;
}


@media (max-width: 767px) {
	.main_container {
		width: 100% !important;
	}

	#myModalBtn .modal-content {
		width: 104%;
	}

	#LoginAndRegistrationForm {
		width: 288px;/*307*/
	}

	.close {
		position: relative;
		right: 0px;
		bottom: 8px;
		cursor: pointer;
	}
	.remember-me {
		display: flex;
	}
	.forgot-pass-remember-me input {
		height: 20px;
	}
}


/* added on 13/12/2023 */
/* cust key feature table styles */
.chart_table {
	margin-left: auto;
	margin-right: auto;
}
.chart_table tr:nth-child(odd) {
	background-color: #cfd5ea;
}
.chart_table tr:nth-child(even) {
	background-color: #E9EBF5;
}
.chart_table th {
	background-color: #222a35;
	color: #fff;
}
.chart_table th, .chart_table td {
	border: 1px solid #fff;
	text-align: center;
	padding: 8px;
	font-size: 11px;
	font-family: "ProximaNova-Regular", Sans-serif !important;
	width: 16.66%;
}
.accordion.active:after {
	content: "\2212";
}