.top_lb {
	background: #001A41;
	color: #fff;
	font-weight: 500;
	text-align: center;
	line-height: 20px;
	letter-spacing: 0.1px;
	padding: 10px 24px;
	border-radius: 8px;
	margin-left: 270px;
}
.gray-filter {
    filter: invert(50%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(90%) contrast(90%);
}
.options_div {
    display: flex;
    margin-top: 20px;
    flex-direction: column;
    width: 100%;
    gap: 8px;
}
.pac-container {
    z-index: 10000 !important; /* Гарантированно выше, чем z-index панели */
}
.options_title {
    color: #081A3B;
    font-size: 14px;
    font-family: Nunito, serif;
    font-weight: bold;
}
.options_div_child {
    border: 1px solid #f1f2f3;
    display: flex;
    border-radius: 8px;
    padding: 8px;
}
.options_div_child:hover {
    border: 2px solid #E3E3E3;
    cursor: pointer;
}
.options_div_child .top_text {
    color: #666C75;
    font-size: 12px;
    font-weight: 500;
}
.options_div_child .options_text {
    display: flex;
    flex-direction: column;
    margin-left: 8px;
    margin-right: auto;
}
.options_div_child .bottom_text {
    color: #081A3B;
    font-size: 14px;
    font-weight: bold;
}

.qrcode {
    width: 200px;
    height: 200px;
    margin: auto;
    margin-top: 120px;
    margin-bottom: 40px;
    position: relative;
}
.qrcode > img {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 40px;
    left: 45px;
    top: 45px;
}
#qrcode {
    width: 100%;
    height: 100%;
}
.personal_delete_account .option {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px;
    justify-content: space-between;
    color: #081A3B;
    font-size: 17px;
    font-weight: lighter;
    font-family: Nunito sarif;
    border-bottom: 1px solid #F1F2F3;
}
.options_container .option:nth-of-type(4) {
    border-bottom: none;
    margin-bottom: 20px;
}
.personal_title {
    font-size: 40px;
    text-align: center;
    font-weight: bolder;
    font-family: Nunito, serif;
    margin-bottom: 20px;
}
.personal_description {
    font-size: 18px;
    text-align: center;
    color: #666C75;
    font-weight: 300;
    font-family: Nunito, serif;
    margin-bottom: 20px;
}
.personal_info #bioInput,
.lovedone_personal_info #bioInput,
.lovedone_personal_secondary_info #bioInput {
    width: 100%;
    background-color: #f4f6f8;
    border: 0px;
    border-radius: 8px;
}
.personal_info #bioInput:focus,
.lovedone_personal_info #bioInput:focus,
.lovedone_personal_secondary_info #bioInput:focus {
    outline: none;
    border: 0;
}
.personal_delete_account .option label {
    color: #081A3B;
    font-size: 17px;
    font-weight: lighter;
    font-family: Nunito sarif;
}

.personal_info .info-item,
.lovedone_personal_info .info-item,
.lovedone_personal_secondary_info .info-item {
    margin-bottom: 10px;
}

.personal_info .usr_img,
.lovedone_personal_info .usr_img,
.lovedone_personal_secondary_info .usr_img {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    left: 38%;
    position: relative;
    border-radius: 50px;
    object-fit: cover;
}

.personal_info button,
.lovedone_personal_info button,
.lovedone_personal_secondary_info button {
    margin-top: 20px;
}
.personal_info .info-item,
.lovedone_personal_info .info-item,
.lovedone_personal_secondary_info .info-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #F1F2F3;
    min-height: 47px;
    justify-content: space-between;
    align-items: center;
}
.personal_info .disabled,
.lovedone_personal_info .disabled,
.lovedone_personal_secondary_info .disabled {
    background: #fafafa;
    color: #666C75;
}
.personal_info .info-item input,
.lovedone_personal_info .info-item input,
.lovedone_personal_secondary_info .info-item input {
    border: 0;
    width: 100%;
}
.personal_info .info-item input:focus,
.lovedone_personal_info .info-item input:focus,
.lovedone_personal_secondary_info .info-item input:focus {
    outline: none;
    border: 0;
}
.personal_info .lighted,
.lovedone_personal_info .lighted,
.lovedone_personal_secondary_info .lighted{
    outline: none;
    border: 2px solid #081A3B;
}
.personal_info #deleteBtn,
.lovedone_personal_info #deleteBtn,
.lovedone_personal_info #removeBtn,
.lovedone_personal_secondary_info #removeBtn {
    background-color: #fff;
    color: #E75074;
    font-size: 16px;
    font-family: Nunito;
    font-weight: bold;
    border: 0;
}
.personal_info #deleteBtn:hover,
.lovedone_personal_info #deleteBtn:hover,
.lovedone_personal_info #removeBtn:hover,
.lovedone_personal_secondary_info #removeBtn:hover {
    background-color: #E75074;
    color: #fff;
    font-size: 16px;
    font-family: Nunito;
    font-weight: bold;
    border: 1px solid #e75074;
}
.lovedone_account_guardian_choicing .guardian_item.sel {
    border: 1px solid #467FE7 !important;
}
.personal_password .pass_inputs {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    gap: 7px;
    margin-bottom: 25px;
}
.personal_password .pass_item, .create_new_acc_profile .pass_item{
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.personal_password .pass_item .eye, .create_new_acc_profile .pass_item .eye {
    margin-left: -2em;
    position: relative;
    padding-right: 5px;
    z-index: 1;
    left: -2%;
    width: 24px;
    cursor: pointer;
}
.personal_password .error1, .personal_password .error2, .personal_password .error3 {
    color: #F1A0A0;
    font-size: 13px;
    font-weight: 100;
    padding-right: 30%;
    text-align: left;
    display: none;
    font-family: Nunito
}
.personal_password input, .create_new_acc_profile input {
    width: 100%;
    background-color: #f4f6f8;
    border: 0px;
    padding: 10px;
    border-radius: 8px;
}
.personal_password .invalid, .create_new_acc_profile .invalid {
    border: 1px solid #e75074 !important;
    box-shadow: 0px 0px 1px #e75074;
}
.select2-container--open {
    position: absolute !important;
    top: 24em !important;
    left: 86% !important;
    width: 150px !important;
}
.personal_phone_change .adjusting {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.personal_phone_change .phone_container {
    width: 94%;
    display: flex;
    justify-content: space-between;
}
.personal_phone_change .phone_change {
    font-weight: bold;
    color: #467FE7;
    cursor: pointer
}
.personal_phone_change .phone_country_code {
    pointer-events: none;
    position: relative;
    display: none;
    top: 16%;
    left: -34%;
}
.personal_phone_change #phone {
    padding:10px;
    border: 1px;
    border-radius: 8px;
    text-align: left;
    background: #f4f6f8;
    width: 95%;
}
.personal_phone_change .invalid_format {
    color: #F1A0A0;
    font-size: 13px;
    font-weight: 100;
    padding-right: 46%;
    padding-top: 1%;
    text-align: left;
    display: none;
    font-family: Nunito
}
.personal_phone_change .invalid_format_icon {
    visibility: hidden;
    position: relative;
    top: -35%;
    left: 42%;
}
.personal_phone_change #country-code  {
    padding: 5px;
    border-radius: 8px;
    position: absolute;
    border: 1px solid #ccc;
    top: 47.5%;
    left: 60%;
}
.personal_phone_change .invalid_phone {
    border: 1px solid #e75074 !important;
    box-shadow: 0px 0px 3px #e75074;
}
.personal_phone_change .invalid_phone:focus {
    outline: #e75074;
}
.personal_phone_change_confirmation .input-cells {
    display: flex;
    gap: 10px;
    justify-content: space-around;
}
.personal_phone_change_confirmation .cell {
    width: 62px;
    height: 62px;
    text-align: center;
    font-size: 20px;
    background-color: #E9F1FC;
    border: 0;
    border-radius: 8px;
}
.personal_phone_change_confirmation .invalid_code {
    border: 1px solid #e75074;
    box-shadow: 0 0 3px 0 #e75074;
}

.personal_info .success_message,
.lovedone_personal_info .success_message,
.lovedone_personal_secondary_info .success_message {
    background: #c1edc1;
    position: absolute;
    width: 100%;
    z-index: 1;
    border-radius: 0px 0px 16px 16px;
    padding: 15px;
    font-size: 14px;
    font-weight: 600;
    display: none;
    box-shadow: 0px 10px 20px 0px #CDCDCD40;
}
.select2-dropdown--below {
    border: 0px !important;
    box-shadow: 0 0 2px 0 !important;
}
.personal_email_change .adjusting #email {
    padding:10px;
    border: 1px;
    border-radius: 8px;
    margin-bottom: 8px;
    text-align: left;
    background: #f4f6f8;
    width: 90%;
}
.personal_email_change .adjusting {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.personal_email_change .adjusting .bt_code_send {
    width: 90%;
    font-weight: 450;
    margin-top: -10px;
}
.personal_email_change .adjusting .invalid_email_label {
    color: #F1A0A0;
    font-size: 13px;
    font-weight: 100;
    padding-right: 40%;
    text-align: left;
    display: none;
    font-family: Nunito;
}
.personal_email_change .adjusting .invalid_email_icon {
    visibility: hidden;
    position: relative;
    top: -48%;
    left: 40%;
}
.personal_email_change .adjusting .invalid_email {
    border: 1px solid #e75074 !important;
    box-shadow: 0px 0px 3px #e75074;
}
.personal_email_change .adjusting .invalid_email:focus {
    outline: #e75074;
}

.personal_email_change_confirmation .input-cells, .lovedone_code_confirmation .input-cells, .create_new_acc_code_confirmation .input-cells {
    display: flex;
    gap: 10px;
    justify-content: space-around;
}
.personal_email_change_confirmation .cell, .lovedone_code_confirmation .cell, .create_new_acc_code_confirmation .cell {
    width: 62px;
    height: 62px;
    text-align: center;
    font-size: 20px;
    background-color: #E9F1FC;
    border: 0;
    border-radius: 8px;
}
.personal_email_change_confirmation .invalid_code, .lovedone_code_confirmation .invalid_code, .create_new_acc_code_confirmation .invalid_code {
    border: 1px solid #e75074;
    box-shadow: 0 0 3px 0 #e75074;
}
.personal_location_change .adjusting {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.personal_location_change #locationInput {
    padding:10px;
    border: 1px;
    border-radius: 8px;
    text-align: left;
    background: #f4f6f8;
    width: 95%;
}
.personal_lang .lang_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}
.personal_lang .lang_item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f1f2f3;
}
.personal_lang .lang_item:last-child {
    border-bottom: none;
    margin-bottom: 20px;
}
.personal_lang .lang_item .check_icon {
    display: none;
}
.personal_lang .lang_item .checked {
    display: block;
}

.personal_reminder .rm_list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    gap: 10px;
}
.personal_reminder .rm_item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f1f2f3;
    padding-bottom: 10px;
    cursor: pointer;
}
.personal_reminder .rm_item:last-child {
    border-bottom: none;
    margin-bottom: 20px;
}

.section {
	padding: 80px 0px;
	position: relative;
}

.section1 {
	padding: 0;
	background: #264168;
	overflow-x: hidden;
}

.logo_b {
	max-width: 886px;
	height: auto;
	position: relative;
	z-index: 0;
	padding-bottom: 40px;
}

.soverlay {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	padding-left: 80px;
	padding-top: 364px;
}

.slogin {
	border-radius: 12px;
	padding: 24px;
	max-width: 416px;
	margin: 50px auto;
}

.slogin .bt.bt_white {
	border-color: #1B1B1F;
	color: #1B1B1F;
	background: transparent;
}

.slogin .bt.bt_white:hover,
.slogin .bt.bt_white.sel {
	background: #fff;
	color: #004494;
}

.clrgray0 {
	color: #44474F;
}

.chk_terms {
	display: flex;
	font-size: 12px;
	margin-top: 16px;
}

.chk_terms input {
	margin-right: 8px;
	width: 32px;
	height: 32px;
	margin-top: 0px;
	box-shadow: none !important;
}

.chk_terms a {
	text-decoration: underline;
	color: inherit;
}

h1 {
	font-size: 57px;
	font-weight: 400;
	margin-top: 8px;
	margin-bottom: 24px;
	line-height: 64px;
}

.download_app {
	padding: 80px 20px;
	background: #1B1B1F;
}

.section2 {
	background: #F3F6FC;
}

.section2 .clrgray0 {
	max-width: 650px;
	margin: auto;
}

.section3 .cont_wrapper {
	max-width: 100%;
	margin-left: 65px;
	margin-right: 65px;
}

.section3 .flex img {
	width: calc(50% - 48px);
	max-width: 256px;
	margin: 40px 20px;
}

.maxw640 {
	max-width: 640px;
	max-width: 100%;
}

.selected_edit {
	width: 70px;
}

.sub {
	background: #F3F6FC;
	box-shadow: 0px 4px 8px 3px rgba(0, 0, 0, 0.15), 0px 1px 3px rgba(0, 0, 0, 0.3);
	border-radius: 12px;
	padding: 24px;
	color: #44474F;
	margin: 40px;
	max-width: 416px;
	display: flex;
	flex-direction: column;
}

.sub h1 {
	color: #001A41;
}

.sub .bt {
	margin-top: auto;
}

.sub_item {
	display: flex;
	align-items: center;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
	line-height: 1.5;
}

.sub_item img {
	margin-right: 8px;
}

.section4,
.section5 {
	padding-bottom: 0px;
}

.section5 {
	padding-top: 120px;
	padding-bottom: 40px;
}

.section7 {
	background: #1B1B1F;
	color: #fff;
	padding: 60px 0px;
}

.faq_wrapper {
	max-width: 660px;
	margin: 40px auto;
}

.terms_wrapper {
	max-width: 880px;
	margin: 40px auto;
	line-height: 1.6;
}

.terms_wrapper ul li {
	margin-bottom: 10px;
}

.terms_wrapper b {
	font-weight: 600;
}

.faq {
	cursor: pointer;
	padding-bottom: 4px;
	user-select: none;
}

.faq_cont {
	font-size: 16px;
	display: none;
}

.faq_cont b {
	font-weight: 600;
}

.faq.sel .faq_cont {
	display: block;
}

.faq:hover .fsize22,
.faq.sel .fsize22 {
	color: #004494;
}

.faq div img {
	width: 24px;
	height: 24px;
	margin-left: 8px;
}

.faq div img:nth-child(3) {
	display: none;
}

.faq.sel div img:nth-child(2) {
	display: none;
}

.faq.sel div img:nth-child(3) {
	display: inline-block;
}

.footer .cont_wrapper {
	max-width: 100%;
	margin-left: 65px;
	margin-right: 65px;
}

#social_login_form {
	position: relative;
}

a.forgot {
	color: #467FE7;
}

a.forgot:hover {
	color: #081A3B;
}

.down_arrow {
	width: 76px;
	cursor: pointer;
	position: relative;
	margin-left: 160px;
	margin-top: -30px;
}
.prog_card #inp_cal, .prog_card #inp_cal1 {
    background: transparent;
    font-size: 0;
    border: 0;
}
.prog_card #inp_cal:hover, .prog_card #inp_cal:focus,
.prog_card #inp_cal1:hover, .prog_card #inp_cal1:focus {
    border: 0;
    font-size: 0;
    outline: none;
    box-shadow: none;
}
.goal_cannot_change_interactive {
    display: flex;
    justify-content: center;
    background: #F1F2F3;
    color: #A0C633;
    border-radius: 25px;
    padding: 4px 6px;
    gap: 6px;
    height: 22px;
    align-items: center;
}
.goal_cannot_change_interactive img {
    padding-left: 5px;
}
.goal_cannot_change_interactive span {
    max-width: 0;
    opacity: 0;
    white-space: nowrap;
    transition: max-width 0.5s ease, opacity 0.3s ease;
}
.goal_cannot_change_interactive:hover span,
.goal_cannot_change_interactive.active span {
    max-width: 150px;
    opacity: 1;
}
.goal_cannot_change_interactive:hover img,
.goal_cannot_change_interactive.active img {
    padding-left: 0;
}

.goal_cannot_change_assessment {
    display: flex;
    justify-content: center;
    background: #F1F2F3;
    color: #467FE7;
    border-radius: 25px;
    padding: 4px 6px;
    gap: 6px;
    height: 22px;
    align-items: center;
}
.goal_cannot_change_assessment img {
    padding-left: 5px;
}
.goal_cannot_change_assessment span {
    max-width: 0;
    opacity: 0;
    white-space: nowrap;
    transition: max-width 0.5s ease, opacity 0.3s ease;
}
.goal_cannot_change_assessment:hover span,
.goal_cannot_change_assessment.active span {
    max-width: 150px;
    opacity: 1;
}
.goal_cannot_change_assessment:hover img,
.goal_cannot_change_assessment.active img {
    padding-left: 0;
}
@media (max-width: 1200px) {
	.top_nav {
		padding: 0px 20px;
	}

	.footer .cont_wrapper {
		margin-left: 15px;
		margin-right: 15px;
	}
}

@media (max-width: 991px) {
	.top_lb {
		display: none;
	}

	.section3 .cont_wrapper {
		margin-left: 5px;
		margin-right: 5px;
	}
}

@media (max-width: 767px) {
	h1 {
		font-size: 46px;
	}

	.login_top_nav>.flex>span {
		display: none;
	}

	.subs {
		display: block;
	}

	.sub {
		margin: 40px auto;
	}

	.img_apps {
		display: block;
		text-align: center;
	}

	.section3 .flex img {
		margin: 20px 0px;
		width: calc(100% - 0px);
		max-width: 416px;
	}

	.top_nav {
		padding: 0px 12px;
	}

	.body_home .top_nav .flex span {
		display: none;
	}

	.top_lb {
		display: none;
	}

	.logo_b {
		max-width: 100%;
	}

	.soverlay {
		padding-top: 40px;
		padding-left: 30px;
		padding-right: 30px;
	}
}