body { margin: 0; background: var(--main_bg); padding: 0; }
:root {
	--Blacker_Text:'Plus Jakarta Sans', sans-serif; 
	--Manrope:'Plus Jakarta Sans', sans-serif;

	--main_bg:#DCE4ED;
	--main_bg_1:#D4AF37;
	--main_bg_2:#FFF;
	--main_bg_3:#2B4C65;
	--main_bg_4:#375B77;
	--main_bg_5:#1B3344;
	--main_bg_6:#FBFBFB;
	--main_bg_7: #CDD6E0;

	--main_title_1:#3E6E7F;
	--main_title_2:#2B4C65;
	--main_title_3:#fff;
	--main_text_1:#555966;
	--main_text_2:#FFF;
	--main_text_3:#AEB6BF;
	--main_text_4:#A1B6C6;
	--main_text_5:#DCF0FF;
	--main_text_6:#D4AF37;

	--btn_color_1:#D4AF37;
	--border_color:#D4AF37;
	--border_color_1:#2B4C65;
	--border_color_2:#DCE4ED;
	--border_color_3:#555966;
	--border_color_4:#fff;
	--border_color_5:#396383;
}

/* Title & Tab Section Css Start */
.lpm-banner-section-wapper { position: relative; padding: 72px 0 120px; }
.lpm--title h1 {
	margin: 0;
	color: var(--main_title_1);
	font-family: var(--Blacker_Text);
	font-size: 56px;
	font-style: normal;
	font-weight: 700;
	line-height: 62px;
	letter-spacing: -1.68px;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 40px;
}
.lpm--title h1 span { color: var(--main_title_2); }
.lpm-banner-card-wapper { display:flex; flex-direction:column; gap:29px; }
.lpm-bottom-border {  max-width: 60%; width:100%; }
.lpm-tabs { display: flex; margin: 0; padding: 0;  }
.lpm-tabs li { list-style: none; padding: 0 30px 20px 30px; position:relative; border-bottom: 2px solid var(--border_color_4); }
.lpm-tabs li.active:before { 
	content:'';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 2px solid  var(--border_color_1); 
}
.lpm-tabs li a {
	cursor: pointer;
	color:  var(--main_text_1);
	font-family: var(--Blacker_Text);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.24px;
	margin: 0;
}
.lpm-tabs li.active a { color: var(--main_title_2); font-weight: 700; }
.lpm-content { display: none; }
.lpm-content.active { display: block; }
.lpm-content .restrict_content{opacity: 0.5;pointer-events: none;}
.lpm-btn-right { display:flex; align-items:center; flex-direction:row; gap:16px; }
.lpm-feature-your-profile {
	display: block;
	height: 48px;
	padding: 0 24px;
	border-radius: 4px;
	background: var(--main_bg_1);
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}
.lpm-feature-your-profile:hover{ color: var(--main_title_2); }
.lpm-upgrade-to-premium {
	height: 48px;
	padding: 0 24px;
	border-radius: 4px;
	background: var(--main_bg_3);
	color: var(--main_title_3);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}
.lpm-upgrade-to-premium:hover { color: var(--main_title_3); }
.lpm-bottom-wapper.lpm-width .lpm-upgrade-to-premium { display:none; }
/* Title & Tab Section Css End */

/* Upload Image Css Start */
.lpm-bottom-wapper { display:flex; justify-content:space-between; align-items:center; flex-flow:row wrap; }
.lpm-user-image-upload { display:flex; align-items:center; gap:21px; }
.lpm-user-img img { width: 120px; height: 120px; border-radius: 100%;object-fit: cover; }
.lpm-user-img {
	width: 120px;
	height: 120px;
	border-radius: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.upload-img-btn input {        
	opacity: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	cursor: pointer;
}
.upload-img-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	padding: 0 24px;
	border-radius: 4px;
	border: 1px solid var(--border_color_1);
	gap: 12px;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	background: var(--main_bg);
	position: relative;
	cursor: pointer;
}
/* Upload Image Css End */

/* Personal Profile Css Start */

/* Tab Css Start */
.personal-profile-toc { position:sticky; top:0; padding-top: 10px; background: var(--main_bg); z-index:100; margin-bottom: 20px;  }
.personal-profile-toc-title { display:none; }
.personal-profile-toc ul { 
	display: flex; 
	margin: 0; 
	padding: 0; 
	flex-flow: wrap row;
	row-gap: 10px;
	column-gap: 10px;
}
.personal-profile-toc ul li {
	list-style: none;
	padding: 0 10px 10px;
	position: relative;
	border-bottom: 2px solid var(--border_color_4);
}
.personal-profile-toc ul li a {
	cursor: pointer;
	color: var(--main_text_1);
	font-family: var(--Blacker_Text);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
}
.personal-profile-toc ul li.active:before {
	content: '';
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100%;
	border-bottom: 2px solid var(--border_color_1);
}
.personal-profile-toc ul li.active a { color: var(--main_title_2); font-weight: 700; }
/* Tab Css End */

.lpm-form-wapper form { display: flex; flex-direction: column; gap: 32px; }
.lpm-form-card .form-group .col-12 { margin-bottom:16px; padding:0 6px; }
.lpm-form-card .form-group { 
	margin:0; 
	display: flex;
	flex-flow: row wrap;
	column-gap: 12px;
	row-gap: 16px;
}
.lpm-form-card .form-group.row{ row-gap:unset; column-gap:unset;  }
.lpm-form-card .form-group .form-col-1 { 
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 7.66666667%;
	position: relative;
}
.lpm-form-card .form-group .form-col-2 { 
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 16.66666667%;
	position: relative;
}
.lpm-form-card .form-group .form-col-3 {
	-ms-flex: 0 0 24.2%;
	flex: 0 0 24.2%;
	max-width: 24.2%;
	position: relative;
}
.lpm-form-card .form-group .form-col-4 { 
	-ms-flex: 0 0 32.6%;
	flex: 0 0 32.6%;
	max-width: 32.6%;
	position: relative;
}
.lpm-form-card .form-group .form-col-6 {
	-ms-flex: 0 0 55%;
	flex: 0 0 55%;
	max-width: 55%;
	position: relative;
} 
.lpm-form-card .form-group .form-col-8 {
	-ms-flex: 0 0 66%;
	flex: 0 0 66%;
	max-width: 66%;
	position: relative;
}
.lpm-form-card .form-group .form-col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	position: relative;
}
.lpm-address-main .form-group .form-col-3 {
	-ms-flex: 0 0 19.2%;
	flex: 0 0 19.2%;
	max-width: 19.2%;
	position: relative;
}
.lpm-col-card .form-group .form-col-6 {
	-ms-flex: 0 0 49.5%;
	flex: 0 0 49.5%;
	max-width: 49.5%;
	position: relative;
}
.lpm-col-card .form-group .form-col-3 {
	-ms-flex: 0 0 24.2%;
	flex: 0 0 24.2%;
	max-width: 24.2%;
	position: relative;
}

.lpm-form-title { display: flex; flex-direction: column; gap: 12px; }
.lpm-form-card { display:flex; flex-direction:column; gap:20px; }
.lpm-form-title h3 {
	margin: 0;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
}
.lpm-form-title p {
	margin: 0;
	color: var(--main_text_1);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
}
.lpm-form-card .form-group label {
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 8px;
}
.lpm-form-card .form-group .iti { position: relative; display: block; }
.lpm-form-card .form-group .form-control {
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 0 16px;
	height: 48px;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;
	border: 0;
}
.lpm-form-card .form-group .form-control::placeholder{
	color: var(--main_title_2);
	opacity: 1;
}
.lpm-form-card .form-group select.form-control {
	color: var(--main_title_2);
	background-image: url(../img/down-arrow-b.svg) !important;
	background-repeat: no-repeat !important;
	background-position-x: 97% !important;
	background-position-y: 14px !important;
	background-size: 20px 20px !important;
	position: relative;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}

/* Select Box Css Start */
.select2-container {
	box-sizing: border-box;
	display: block;
	margin: 0;
	position: relative;
	vertical-align: middle;
}
.select2-container .select2-selection--single {
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 0 16px;
	height: 48px;
	border: 0;
}
.select2-container .select2-selection--multiple {
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 0 16px;
	min-height: 48px;
	border: 0;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	position: relative;
	border: 0;
	line-height: 48px;
	padding: 0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b,.select2-container--default .select2-selection--multiple .select2-selection__arrow b{
	color: var(--main_title_2);
	background-image: url(../img/down-arrow-b.svg) !important;
	background-repeat: no-repeat !important;
	background-position: center;
	background-size: 20px 20px !important;
	border: 0;
	border-radius: 0;
	width: 20px;
	height: 20px;
	left: unset;
	right: 16px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow,.select2-container--default .select2-selection--multiple .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 3px;
	right: 1px;
	width: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: var(--main_bg);
	border: 1px solid var(--main_bg);
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 6px;
	padding: 0 5px;
	color:var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: var(--main_title_2) !important;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px;
	position: relative;
	top: -2px;
}

/* // Multiple With Checkbox */
input::placeholder{
	color: var(--main_title_2);
	opacity: 1;
}
.select2-selection--multiple {
	border-radius: 4px;
	background: var(--main_bg_2);
	height: auto;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;
	border: 0 !important;
}
.select2-selection--multiple .select2-search input {
	line-height: 48px;
	padding: 0 0px !important;
	margin: 0 !important;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px !important;
	font-style: normal;
	font-weight: 500;
}
#select2-practice-areas-wapper-results .select2-results__option {
	padding-right: 20px;
	vertical-align: middle;
}
#select2-practice-areas-wapper-results .select2-results__option:before {
	content: "";
	display: inline-block;
	position: relative;
	height: 20px;
	width: 20px;
	border: 1px solid var(--border_color_1);
	background: transparent;
	margin-right: 20px;
	vertical-align: middle;
	border-radius: 4px;
}
#select2-practice-areas-wapper-results .select2-results__option[aria-selected=true]:before {
	content: "";
	transition: opacity 0.3s;
	margin-top: -7px;
	background-image: url(../img/check-mark.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: var(--main_bg_3);
	border-color: var(--border_color_1);
	border: 0;
	display: inline-block;
	padding-left: 3px;
}
#select2-practice-areas-wapper-results .select2-results__option[aria-selected=true] {
	background-color: #fff;
}
#select2-practice-areas-wapper-results .select2-results__option--highlighted[aria-selected] {
	background-color: #eaeaeb;
	color: #272727;
}
#select2-practice-areas-wapper-results .select2-selection--multiple {
	margin-bottom: 10px;
}
#select2-practice-areas-wapper-results .select2-container--open.select2-container--below .select2-selection--multiple {
	border-radius: 4px;
}
#select2-practice-areas-wapper-results .select2-container--focus .select2-selection--multiple {
	border-color: #f77750;
	border-width: 2px;
}
#select2-practice-areas-wapper-results .select2-selection--multiple {
	border-width: 2px;
}
#select2-practice-areas-wapper-results  .select2-dropdown--below {
	border-radius: 6px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#select2-practice-areas-wapper-results select2-selection .select2-selection--multiple:after {
	content: 'hhghgh';
}
/* Select Box Css End */

.lpm-get-start-btn button {
	border: 0;
	background: var(--main_bg);
	border-radius: 4px;
	border: 1px solid var(--border_color_1);
	color: var(--main_bg_3);
	height: 48px;
	max-width: 281px;
	width: 100%;
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}
.basic-addon2 img {
	position: absolute;
	top: 15px;
	right: 16px;
	width: 18px;
	height: 18px;
}
.lpm-top-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: row wrap;
	position: relative;
	column-gap: 32px;
	row-gap: 20px;
	margin-bottom: 20px;
}
.lpm-form-title-1 { max-width:720px; width:100%; }
.lpm-form-title-1 h3 {
	margin: 0;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 22px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px;
	padding-bottom: 12px;
}
.lpm-form-title-1 p {
	margin: 0;
	color: var(--main_text_1);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 22px;
}
.verify-profile-btn {
	display: inline-block;
	height: 48px;
	padding: 0 24px;
	border-radius: 4px;
	border: 1px solid var(--border_color_1);
	color: var(--main_bg_3);
	font-family:var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
}
.verify-profile-btn:hover { color: var(--main_bg_3); }
textarea { width:100%; }
.fees-box-wapper, .lpm-address-card, .lpm-professional-exp-card, .lpm-educational-exp-card, .lpm-professional-assoc-card, 
.lpm-publications-card, .lpm-website-blog-card, .lpm-social-networks-card, .lpm-listing-owner-card {
	background: var(--main_bg);
	border-radius: 4px;
	border: 1px solid var(--border_color_1);
	padding: 16px;
	margin: 3px;
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.fees-box-card {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.form-box-controls {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	margin-bottom:0;
	overflow: hidden;
	border-width: inherit;
	position: absolute;
	left: -11px;
	top:10px;
	z-index: 2;
	background: var(--main_bg_3);
	border-radius: 100%;
	color: var(--main_title_3);
	padding: 0;
	line-height: normal;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 1;
}
.form-box-controls .close { opacity:1; border:0; }
.form-box-controls .close span {
	font-size: 16px;
	height: 20px;
	width: 20px;
	color: var(--main_title_3);
	display: block;
	line-height: 16px;
}
.add-new-button {
	background: #2B4C65B0;
	border-radius: 4px;
	border: 1px solid var(--border_color_1);
	color: #fff;
	height: 35px;
	max-width: max-content;
	width: 100%;
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-top: 20px;
}
.lpm-address-wapper, .professional-exp-wapper, .educational-exp-wapper, .professional-assoc-wapper, 
.publications-wapper, .website-blog-wapper, .social-networks-wapper, .listing-owner-wapper { width:100%; }
.lpm-form-card .form-group textarea.form-control{ height:auto; padding:16px; }

/* Toggle Switch Css Start */
.custom-switch.custom-switch-sm .custom-control-label {
	padding-left: 1rem;
	padding-bottom: 1rem;
	margin-top: 20px;
}
.custom-switch.custom-switch-sm .custom-control-label::before {
	height: 1rem;
	width: calc(1rem + 0.75rem);
	border-radius: 2rem;
}
.custom-switch.custom-switch-sm .custom-control-label::after {
	width: calc(1rem - 4px);
	height: calc(1rem - 4px);
	border-radius: calc(1rem - (1rem / 2));
}
.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
	transform: translateX(calc(1rem - 0.25rem));
}
/* Toggle Switch Css Start */

/* Personal Profile Css End */

/* Company Profile Css Start */
.c-profile-form-wapper form { display: flex; flex-direction: column; gap: 32px; }
.c-profile-form-card {  display: flex; flex-direction: column; gap: 32px; }
.c-profile-form-main { display:flex; flex-direction:column; gap:20px; }
.c-profile-form-group .cp-row { 
	margin:0; 
	display: flex;
	align-items: center;
	flex-flow: row wrap;
	column-gap: 12px;
	row-gap: 16px;
}
.c-profile-form-group .form-group .form-col-4 { 
	-ms-flex: 0 0 32.6%;
	flex: 0 0 32.6%;
	max-width: 32.6%;
	position: relative;
}
.c-profile-form-group .form-group .form-control {
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 0 16px;
	height: 48px;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	border: 0;
}
.c-profile-form-group .form-group .form-control::placeholder{
	color: var(--main_title_2);
	opacity: 1;
}
.c-profile-form-group .form-group select.form-control {
	color: var(--main_title_2);
	background-image: url(../img/down-arrow-b.svg) !important;
	background-repeat: no-repeat !important;
	background-position-x: 97% !important;
	background-position-y: 14px !important;
	background-size: 20px 20px !important;
	position: relative;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	-ms-appearance: none !important;
	-o-appearance: none !important;
	appearance: none !important;
}
.c-profile-form-group .form-group textarea.form-control { height: 128px; padding: 16px; }
.c-profile-form-group .form-group label {
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 8px;
}
.premium-users-link { 
	display: block;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	padding-top: 8px;
}
.premium-users-link a { text-decoration:underline; color: var(--main_title_2); }
.c-profile-form-group .form-group .form-col-3 { 
	-ms-flex: 0 0 24.2%;
	flex: 0 0 24.2%;
	max-width: 24.2%;
	position: relative;
}
.cp-line { 
	font-size: 16px;
	display:inline-block;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	color: var(--main_title_2);
	font-family: var(--Manrope);
}
.doe-wapper .input-group-text {
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 0 16px;
	height: 48px;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
	position: relative;
	border: 0;
	padding-right: 0;
}
/* Company Profile Css End */

#summernote{
	border-radius: 4px;
	background: var(--main_bg_2);
	padding: 15px 16px;
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	position: relative;
	border: 0;
}

/* Feature Your Profile Modal Popup Css Start */
.fyp-modal-wapper .modal-dialog .modal-content { border-radius: 4px; background: #DCE4ED; }
.fyp-modal-wapper .close {
	position: absolute;
	right: 24px;
	top: 24px;
	width: 16px;
	height: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.fyp-modal-wapper .close img { width:100%; height:100%; object-fit:cover; }
.fyp-modal-wapper .modal-body { padding:40px 32px 32px; display:flex; flex-direction:column; gap:24px; }
.fyp-form-modal { display:flex; flex-direction:column; gap:16px; }
.fyp-form-modal h2 {
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 26px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
	letter-spacing: -0.26px;
	margin: 0;
}
.fyp-modal-wapper .form-group { position:relative; }
.fyp-modal-wapper .form-group input {
	border-radius: 4px;
	background: var(--main_bg_2);
	color: var(--main_title_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 48px;
	height: 48px;
	padding: 0 16px;
	width: 100%;
	border: 0;
}
.fyp-modal-wapper .form-group input::placeholder{
	color: var(--main_title_2);
}
.fyp-modal-wapper .form-group textarea { height: 88px; }
.fyp-btn-w button {
	border-radius: 4px;
	background: var(--main_title_2);
	height: 48px;
	width: 100%;
	color: var(--main_text_2);
	font-family: var(--Manrope);
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
	line-height: 48px;
	text-align: center;
	border: 0;
}
/* Feature Your Profile Modal Popup Css End */

/* ========================
Loader &  Toast Message 
======================== */
.field_error{
	border:1px solid red !important;
	border-radius: 4px;
}
/* Absolute Center Spinner */
.floading {
	position: fixed;
	z-index: 999;
	height: 2em;
	width: 2em;
	overflow: show;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display:none;
	z-index: 1100;
}
/* Transparent Overlay */
.floading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));
	background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}
/* :not(:required) hides these rules from IE9 and below */
.floading:not(:required) {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0;
}
.floading:not(:required):after {
	content: '';
	display: block;
	font-size: 10px;
	width: 1em;
	height: 1em;
	margin-top: -0.5em;
	-webkit-animation: spinner 150ms infinite linear;
	-moz-animation: spinner 150ms infinite linear;
	-ms-animation: spinner 150ms infinite linear;
	-o-animation: spinner 150ms infinite linear;
	animation: spinner 150ms infinite linear;
	border-radius: 0.5em;
	-webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
	box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}
#general-profile form{
	position:relative;
}
#general-profile .form_res{
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.form_res #form_loading{
	width: 10%;
}
#general-profile .err{
	color: #b70c0c;
	padding-left: 15px;
	font-weight: 600;
	display: none;
}
#general-profile .form_res #user_form_message{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #2b4c65;
	font-size: 20px;
	background: #dce4edcf;
}
/* Animation */
@-webkit-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-moz-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@-o-keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes spinner {
	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* TOAST MESSAGE */
#snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 16px;
	position: fixed;
	z-index: 9999;
	left: 47%;
	bottom: 30px;
	font-size: 17px;
	font-weight: bold; 
}
#snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
#snackbar.err{
	background-color: red;
}
#snackbar.success{
	background-color: green;
}
@-webkit-keyframes fadein {
	from {bottom: 0; opacity: 0;} 
	to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
	from {bottom: 0; opacity: 0;}
	to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes fadeout {
	from {bottom: 30px; opacity: 1;} 
	to {bottom: 0; opacity: 0;}
}
@keyframes fadeout {
	from {bottom: 30px; opacity: 1;}
	to {bottom: 0; opacity: 0;}
}

/* ========================
END LOADER &  TOAST MESSAGE 
======================== */

@media (min-width: 576px){
	.fyp-modal-wapper .modal-dialog { max-width: 400px; }
}
/* Feature Your Profile Modal Popup Css End */
@media(min-width:1200px){
	.lpm-banner-section-wapper .c-profile-form-wapper { max-width:1172px !important; }
	.lpm-banner-section-wapper .lpm-width { max-width:1172px !important; }
}
@media(max-width:1240px){
	/* Personal Profile Css Start */
	.c-profile-form-group .form-group .form-col-3 { -ms-flex: 0 0 43%; flex: 0 0 43%; max-width: 43%; }
	.lpm-col-card .form-group .form-col-3 { -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; max-width: 48.5%; } 
	.lpm-form-card .form-group .form-col-4 { -ms-flex: 0 0 31.6%; flex: 0 0 31.6%; max-width: 31.6%; }
	.lpm-col-card .form-group .form-col-6 { -ms-flex: 0 0 48.5%; flex: 0 0 48.5%; max-width: 48.5%; }
	.lpm-address-main .form-group .form-col-3 { -ms-flex: 0 0 31.6%; flex: 0 0 31.6%; max-width: 31.6%; }
	.lpm-form-card .form-group .form-col-1 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
	/* Personal Profile Css End */
}
@media(max-width:991px){
	/* Title & Tab Section Css Start */
	.lpm-bottom-wapper { gap:20px; }
	/* Title & Tab Section Css End */

	/* Personal Profile Css Start */
	.personal-profile-toc { padding-bottom:10px; margin-bottom:10px; }
	.personal-profile-toc-title { display:block; }
	.personal-profile-toc-title span {
		display: block;
		display: inline-block;
		height: 48px;
		padding: 0 24px;
		border-radius: 4px;
		border: 1px solid var(--border_color_1);
		color: var(--main_bg_3);
		font-family: var(--Manrope);
		font-size: 16px;
		font-style: normal;
		font-weight: 600;
		line-height: 48px;
	}
	.personal-profile-toc ul { display:none; flex-direction:column; margin-top:10px; gap:unset; }
	.personal-profile-toc ul li { padding:10px; }
	.personal-profile-toc ul.active-p-toc { display:flex; }

	.lpm-form-card .form-group .form-col-1 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
	.lpm-form-card .form-group .form-col-2 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
	.lpm-form-card .form-group .form-col-3 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
	.lpm-form-card .form-group .form-col-4 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
	.lpm-address-main .form-group .form-col-3 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
	.c-profile-form-group .form-group .form-col-4 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width: 48%; }
	.c-profile-form-group .form-group .form-col-3 { -ms-flex: 0 0 44%; flex: 0 0 44%; max-width: 44%; }
	.lpm-form-card .form-group .form-col-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-col-card .form-group .form-col-6 { -ms-flex: 0 0 48%; flex: 0 0 48%; max-width:48%; }
	/* Personal Profile Css End */
}
@media(max-width:767px){
	/* Title & Tab Section Css Start */
	.lpm--title h1 { font-size:36px; line-height:42px; }
	.lpm-bottom-wapper { gap:20px; }
	.lpm-tabs li { padding:0 10px 10px; }
	.lpm-upgrade-to-premium { padding:0 12px; font-size:14px; }
	.lpm-feature-your-profile { padding:0 12px; font-size:14px; }
	/* Title & Tab Section Css End */

	/* Upload Image Css Start */
	.upload-img-btn { font-size:14px; padding:0 12px; }
	/* Upload Image Css End */

	/* Personal Profile Css Start */
	.personal-profile-toc-title { width:100%; }
	.personal-profile-toc-title span { display:block; }
	.c-profile-form-group .cp-row { column-gap: 9px; }
	.lpm-form-card .form-group .form-col-1 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-form-card .form-group .form-col-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-form-card .form-group .form-col-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-form-card .form-group .form-col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-col-card .form-group .form-col-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; }
	.c-profile-form-group .form-group .form-col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-address-main .form-group .form-col-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.lpm-get-start-btn button, .lpm-get-start-btn button  { max-width:100%; }
	/* Personal Profile Css End */
}