::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 5px;
}

::-webkit-scrollbar-thumb {
background: #2e83c1;
border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
background: #555;
}

input:focus {
box-shadow: none;
outline: none;
}


.fz20 {
font-size: 20px !important;
}

.modal-backdrop {
    z-index: 1040000 !important;
}


body {
background: var(--bg);
font-family: var(--font);
}

.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background: var(--bg_black);
z-index: 10000000;
}

.loading_line{
height: 70px;
width: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: progress;
border-radius: 50%;
border-top: 8px solid var(--color_blue);
border-bottom: 5px solid #ffffff00;
border-left: 8px solid var(--color_blue);
border-right: 8px solid transparent;
animation: loading 1s linear infinite;
}

@keyframes loading {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

.content {
min-height: 80vh;
margin-top: 97px;
}

.family_content {
height: 100vh;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
}

.container {
max-width: 1640px !important;
margin-right: auto;
margin-left: auto;
padding-left: 20px;
padding-right: 20px;
}



.tabs {
display: inline-flex;
align-items: center;
border: 1px solid #2196F3;
}

.tabs_blog {
display: none;
}

.tabs_item {
padding: 10px;
cursor: pointer;
}

.tabs_item.active {
background: #2196F3;
color: white;
}

.miniContainer {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}

/* уведемление */

.alert_modal {
position: fixed;
top: -100px;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 15px;
z-index: 100;
display: none;
transition: all 0.5s ease-in-out;
}

.alert_modal_content {
position: relative;
max-width: 100%;
width: 100%;
padding: 20px;
border-radius: 0px 0px 50px 50px;
display: flex;
align-items: center;
justify-content: center;
color: white;
}

.alert_modal_content .btn_dark {
width: fit-content;
margin-left: auto;
}

.alert_success .alert_modal_content {
background: #2e83c1;
}

.alert_error .alert_modal_content {
background: rgba(255, 220, 220, 1);
}

/* ..... */

/* кнопка телеграм */

.contact_wrapper{
position: fixed;
bottom: 10%;
right: 40px;
display: flex;
justify-content: center;
align-items: center;
z-index: 1000;
}

.contact_btn{
position: relative;
cursor: pointer;
z-index: 2;
width: 60px;
height: 60px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
transition: all 0.2s ease-in-out;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .3);
overflow: hidden;
-webkit-animation: t898__btn-pulsate 2s ease-out;
-webkit-animation-iteration-count: infinite;
background: rgba(46, 131, 193, 1);
color: white;
font-size: 20px;
}

.contact_animated {
position: absolute;
width: 70px;
height: 70px;
left: -5px;
top: -5px;
bottom: 0;
right: 0;
margin: auto;
border-radius: 50%;
border-radius: 100%;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
border: 3px solid rgba(46, 131, 193, 1);
animation: t898__pulsate 1s ease-out;
animation-iteration-count: infinite;
-webkit-animation: t898__pulsate 2s ease-out;
-webkit-animation-iteration-count: infinite;
opacity: 0;
}

.contact_wrapper_text {
position: absolute;
right: 80px;
white-space: nowrap;
padding: 9px 13px;
font-size: 15px;
border-radius: 3px;
transform: translateX(0%) translateY(-50%);
top: 50%;
background: #292929;
color: #fff;
opacity: .85;
transition: all 0.1s linear;
}

.contact_wrapper_text:after {
content: '';
position: absolute;
width: 0;
height: 0;
border: solid transparent;
border-width: 10px;
top: 50%;
right: -20px;
transform: translateY(-50%);
border-left-color: #292929;
}

.contact_link {
border-radius: 50%;
opacity: 0;
visibility: hidden;
width: 50px;
height: 50px;
transition: all 0.3s ease-in-out;
position: absolute;
background: white;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 50px;
display: flex;
align-items: center;
justify-content: center;
}

.tg_link {
color: #1d98dc;
}

.ph_link {
font-size: 25px;
background: #2b8c1a;
color: white;
}

.tg_link:hover {
color: #1d98dc;
}

.ph_link:hover {
color: white;
}

.ph_link i {
transform: rotate(334deg);
}

.contact_link_text{
position: absolute;
right: 70px;
white-space: nowrap;
background: #fff;
padding: 6px 9px;
font-size: 13px;
border-radius: 3px;
top:30%;
background: #292929;
color: #fff;
opacity: 0;
transition: all 0.1s linear;
}

.contact_link_text:after {
content: '';
position: absolute;
width: 0;
height: 0;
border: solid transparent;
border-width: 10px;
top: 50%;
right: -20px;
transform: translateY(-50%);
border-left-color: #292929
}

.contact_link:hover .contact_link_text {
opacity: 1
}

.contact_link:hover+.contact_link_text {
opacity: 1
}

.contact_link:hover+.contact_link_text:after {
opacity: 1
}

@keyframes t898__btn-pulsate {
0% {
transform: scale(1,1)
}

25% {
transform: scale(1.1,1.1)
}

50% {
transform: scale(1,1)
}
}

@keyframes t898__pulsate {
0% {
-webkit-transform: scale(.8,.8);
opacity: 0
}

25% {
opacity: .4
}

50% {
-webkit-transform: scale(1.3,1.3);
opacity: 0
}

100% {
-webkit-transform: scale(.8,.8);
opacity: 0
}
}

.contact_check {
display: none;
}

.contact_close {
display: none;
color: #292929;
font-size: 25px;
}

.contact_check:checked~.contact_wrapper_text {
opacity: 0;
visibility: hidden
}

.contact_check:checked~a:nth-of-type(1) {
transition: all 0.2s ease-in-out;
transform: translate(0,-135%)
}

.contact_check:checked~.contact_animated {
display: none
}

.contact_check:checked~.contact_link {
opacity: 1;
visibility: visible
}

.contact_check:checked + label {
background: #fff;
animation: none
}

.contact_check:checked+label .contact_active {
display: none;
}

.contact_check:checked+label .contact_close {
display: block;
}

.contact_form {
max-width: 800px;
width: 100%;
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
background: rgba(255, 255, 255, 1);
border-radius: 30px;
padding: 70px 64px;
margin: auto;
display: flex;
align-items: center;
flex-direction: column;
}

.line_full {
background: var(--color_blue);
width: 100%;
height: 1px;
margin-top: 41px;
margin-bottom: 15px;
}

.contact_text {
    font-weight: 300;
    font-size: 20px;
    line-height: 23.44px;
    text-align: center;
    color: var(--color_blue);
}


.contact_text span {
color: #000;
}

/* .... */

/* кнопки */

.navigate_button {
display: flex;
align-items: center;
gap: 15px;
}

.btn_code,   
.btn_dark,
.btn_white,
.btn_link,
.btn_border,
.btn_gray,
.btn_red,
.btn_blue {
padding: 5px 35px 3px 35px;
border-radius: 28px;
color: var(--color_white);
background: var(--color_blue);
border: none;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
height: 5px;
display: inline-flex;
align-items: center;
justify-content: center;
transition: 0.2s ease;
cursor: pointer;
height: 57px;
}

.btn_code, .btn_link, .btn_dark {
font-weight: 700;
}

.btn_border {
border: 2px solid var(--color_blue);
background: var(--color_white);
color: var(--color_blue);
}

.btn_blue {
background: #D2ECFF;
color: #535353;
}

.btn_border:hover {
background: var(--color_blue);
color: var(--color_white);
}

.navigate_button .btn_code, .navigate_button .btn_dark {
padding: 5px 20px 3px 20px;
height: 57px;
}

.shadow_none {
box-shadow: none;
}

.btn_code:hover {
background: var(--color_grey);
color: white;
transition: 0.2s ease;
}

.btn_link:hover {
background: var(--btn-link-hover);
color: rgba(46, 131, 193, 1);
box-shadow: 44px 18px 66.8px 0px rgba(46, 131, 193, 0.2);
}

.btn_dark {
background: var(--color_grey);
}

.btn_red {
background: rgba(220, 143, 144, 1);
}

.btn_gray:hover {
color: var(--color_white);
}

.btn_dark:hover {
color: var(--color_white);
background: var(--color_blue);
transition: 0.2s ease;
}

.btn_white {
background: var(--color_white);
color: var(--color_blue);
max-width: 241px;
width: 100%;
font-weight: 700;
}

.btn_gray{
background: rgba(165, 183, 198, 1);
height: 40px;

}

.navigation_mob {
display: none;
}

.navigation_mob.active{
display: block;
}

.navigation_mob .navigation_search_input input, .navigation_mob .navigation_search_input {
width: 100% !important;
}

.notice_fix {
position: fixed;
z-index: 10;
}

.navigation_mob .navigation_search {
margin-bottom: 5px;
}

.header_text, .exit_text {
margin-top: 20px;
font-size: 24px;
font-weight: 400;
line-height: 28.13px;
color:  var(--color_grey2);
max-width: 879px;
}

.exit_text, .exit_button {
max-width: 310px;
margin: auto;
}

.creat_button {
padding-top: 20px;
padding-bottom: 100px;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}

.btn_create, .btn_close,  .btn_delete{
max-width: max-content;
width: 100%;
background: rgba(46, 131, 193, 1);
padding: 5px 30px 5px 30px;
height: 50px;
color: white;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
border-radius: 28px;
border: none;
cursor: pointer;
text-transform: uppercase;
}

.btn_close {
background: #535353;
margin-left: unset;
display: none;
margin-bottom: 0;
}

.btn_close:hover {
color: white;
}

.btn_delete {
width: max-content;
background: #ff0000;
margin-bottom: 0;
}

.btn_delete:hover {
color: white;
}


.btn_create:hover {
background: var(--btn-link-hover);
color: rgba(46, 131, 193, 1);
box-shadow: 44px 18px 66.8px 0px rgba(46, 131, 193, 0.2);
}

.page_setting_item.error .page_setting_item_input input,.page_setting_item.error .page_setting_item_input textarea{
background: rgba(255, 239, 239, 1);
}

.error-message {
font-size: 16px;
font-weight: 400;
text-align: left;
color: rgba(228, 0, 0, 1);
}


/* кнопки */

.code_title {
font-size: 40px;
font-weight: 700;
color:  var(--color_grey2);
position: relative;
z-index: 5;
}

.code_title span {
color: rgba(46, 131, 193, 1);
}

.title_mb{
margin-bottom: 75px;
}

.title_mb {
text-align: center;
}

/* modal */

.modal {
z-index: 10000000;
}

.mod_title {
position: relative;
font-size: 32px;
font-weight: 300;
line-height: 100%;
color: var(--color_grey2);
text-align: center;
text-transform: uppercase;
}

.mod_title span {
color: var(--color_blue);
}

.modal-content {
border-radius: 30px !important;
background:  var(--card) !important;
}


#delete .modal-body {
padding: 30px !important;
}

.mod_content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
border-radius: 50px;
background: var(--card);
padding: 38px;
width: 100%;
display: flex;
flex-direction: column;
outline: 0;
}

.modal_header {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 15px;
padding: 10px;
}

.modal_close {
position: absolute;
top: 34px;
right: 34px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
padding: 10px;
border-radius: 50%;
transition: 0.2s ease;
font-size: 18px;
border: 1px solid rgba(83, 83, 83, 0.2);
color: rgba(83, 83, 83, 0.2);
z-index: 1000;
}

.modal_logo {
max-width: 128px;
width: 100%;
}

#iframe_video iframe {
border-radius: 30px;
}

.login_dialog .mod_content{
padding: 46px 74px;
padding-bottom: 26px;
}

.login_dialog .input_item input {
height: 40px;
}

@media (min-width: 576px) {
.login_dialog {
max-width: 500px !important;
}

.format_dialog {
max-width: 1278px !important;
}

.comments_dialog {
max-width: 700px !important;
}

.full_images_dialog {
max-width: max-content !important;
}

.full_video_dialog {
max-width: 576px !important;
}

.additional_dialog {
max-width: 1100px !important;
}

.ava_modal_dialog {
max-width: 996px !important;
}
}

.modal_images_content {
position: relative;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}

.modal_images_content img {
max-width: max-content;
margin: auto;
border-radius: 20px;
max-height: 500px;
object-fit: contain;
}

.modal_images_text {
position: absolute;
top: 85%;
left: 0;
right: 0;
text-align: center;
background: rgba(255, 255, 255, 0.8);
max-width: 97%;
padding: 5px 15px;
margin: auto;
}

.modal_title {
font-size: 30px;
font-weight: 700;
text-transform: uppercase;
color:  var(--color_grey2);
}

#formatModal .modal_title {
font-size: 35px;
}

.modal_subtitle {
font-size: 25px;
font-weight: 700;
text-transform: uppercase;
color:  var(--color_grey2);
}

.modal_title_recover {
font-size: 32px;
font-weight: 700;
color:  var(--color_grey2);
text-transform: uppercase;
display: flex;
justify-content: center;
padding: 30px 0;
gap: 10px;
}

.copy_link_block {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
position: relative;
}

.copy_link_text {
padding: 10px 24px;
border: none;
max-width: 400px;
width: 100%;
height: 49px;
border-radius: 25px !important;
background: rgba(239, 248, 255, 1);
color:  var(--color_grey2);
font-size: 16px;
font-weight: 400;
text-wrap: nowrap;
}

.modal_title span {
color: rgba(46, 131, 193, 1);
text-transform: uppercase;
}

.login_button, .exit_button {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 40px;
}

.exit_button {
flex-direction: unset;
gap: 15px;
}

.exit_button .btn_code  {
height: 50px;
text-transform: uppercase;
font-size: 16px;
}

#exit .modal-body {
padding-top: unset !important;
padding: 40px !important;
}

.modal_bottom_link {
color:  var(--color_grey2);
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-top: 32px;
    font-weight: 300;
}

.modal_bottom_text {
text-align: center;
color: rgb(177 177 177);
margin-top: 25px;
margin-bottom: 15px;
font-size: 18px;
font-weight: 500;
}

/* modal finish */


.dropdown_item {
position: relative;
max-width: 100%;
width: 100%;
height: 47px;
text-align: left;
cursor: pointer;
background: rgba(239, 248, 255, 1);
border-radius: 28px;
color: black;
padding: 10px 20px;
font-size: 14px;
}

.dropdown_item_option {
height: 100%;
display: flex;
align-items: center;
overflow: hidden;
}

.dropdown_item.active .dropdown_item_ul {
display: block;
left: 0px;
top: 100%;
position: absolute;
z-index: 1100;
transition: height 0.2s ease 0s;
background: rgba(239, 248, 255, 1);
border-radius: 28px;
min-width: 100%;
overflow-x: hidden;
}

.dropdown_item_li {
padding: 15px;
}

.dropdown_item_li:hover {
background: rgb(183, 220, 248);
color: black;
}

.dropdown_item_name {
font-size: 16px;
}

.dropdown_item .dropdown_item_ul {
position: relative;
top: 55px;
left: 0;
width: 100%;
background: #fff;
display: none;
}

.dropdown_item_icon {
content: "";
position: absolute;
top: 19%;
right: 25px;
font-size: 20px;
}

.dropdown_item.active .dropdown_item_icon {
transform: rotate(180deg);
}

.dropdown_item_flex {
display: flex;
align-items: center;
gap: 15px;
}

.dropdown_item_img {
max-width: 45px;
width: 100%;
}



.legalInfo {
    padding: 50px 0;
    min-height: 90vh;
    overflow: hidden;
}

.legalInfo .container {
    position: relative;
}

.legalInfo_bg_circle {
    height: 1100px;
    width: 1100px;
    border-radius: 50%;
    background: rgba(249, 252, 255, 1);
    position: absolute;
    top: -50px;
    right: 0;
    z-index: -1;
}

.legalInfo_bg_circle::before {
    content: '';
    display: block;
    width: 750px;
    height: 750px;
    background: rgba(239, 248, 255, 1);
    border-radius: 50%;
    position: absolute;
    right: 5%;
    top: 5%;
}

.legalInfo_bg_circle::after {
    content: '';
    display: block;
    width: 400px;
    height: 400px;
    background: rgba(210, 236, 255, 1);
    border-radius: 50%;
    position: absolute;
    right: 10%;
    top: 10%;
}

.legalInfo_text {
    margin-top: 22px;
    margin-bottom: 50px;
}

.legalInfo_list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 100px;
}

.legalInfo_item {
display: flex;
align-items: center;
gap: 30px;
max-width: 1390px;
width: 100%;
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
background: var(--card);
padding: 15px;
border-radius: 20px;
}



.legalInfo_item_text  {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100%;
}

.legalInfo_item .legalInfo_item_text span {
 color: var(--color_blue);
}

.legalInfo_item a{
display: block;
width: 80px;
height: 80px;
}

.legalInfo_text {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    color: var(--color_grey2);
}


.legalInfo_btn {
    display: block;
    margin: 0 auto;
}

.legalInfo_privacy {
max-width: 1390px;
width: 100%;
margin: auto;
display: flex;
align-items: center;
justify-content: space-between;
gap: 35px;
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
background: var(--card);
padding: 11px 26px;
border-radius: 20px;
}

.legalInfo_privacy img{
width: max-content;
}

.legalInfo_privacy_text{
    font-size: 20px;
    font-weight: 400;
    line-height: 23.44px;
    text-transform: uppercase;
}

.legalInfo_privacy_text span {
font-weight: 700;
}

/* ПАРТНЕРСКАЯ ПРОГРАММА =============================*/

.partnerInfo {
    padding: 50px 0;
    min-height: 90vh;
    position: relative;
}

.partnerInfo .container {
    position: relative;
}

.partnerInfo_content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 100px;
}

.partnerInfo_title {
    margin-bottom: 0px !important;
    text-align: center;
}

.partnerInfo_subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 23.44px;
    text-align: center;
 color: var(--color_blue);
 text-transform: uppercase;
 margin-top: 30px;
 margin-bottom: 45px;
}

.partnerInfo_desc {
    max-width: 1390px;
    width: 100%;
    font-size: 20px;
    font-weight: 400;
    line-height: 23.44px;
    text-align: center;
 margin: auto;
 background: rgba(255, 255, 255, 1);
border-radius: 20px;
padding: 15px 72px;
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);

}

.partnerInfo_form {
    max-width: 1390px;
    width: 100%;
    background: var(--card);
    box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
    margin: auto;
    margin-top: 45px;

}

.partnerInfo_form_title {
background: rgba(210, 236, 255, 1);
font-size: 20px;
font-weight: 400;
border-radius: 20px 20px 0px 0px;
display: flex;
align-items: center;
justify-content: center;
padding: 25px;
}

.partnerInfo_btn {
    display: block !important;
    margin: 0 auto !important;
}

.charity {
    padding: 50px 0;
    min-height: 90vh;
    overflow: hidden;
    position: relative;
}

.charity_btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
}



/* card */
.card_header {
padding-top: 55px;
text-align: center;
}

.card_title {
position: relative;
font-size: 40px;
font-weight: 700;
color:  var(--color_grey2);
text-transform: uppercase;
text-align: center;

}

.card_title span {
color: rgba(46, 131, 193, 1);
}

.card_title_bg {
position: absolute;
top: -43px;
left: -15px;
z-index: -1;
max-width: 142px;
width: 100%;
}

.card_head_text {
font-size: 24px;
font-weight: 400;
line-height: 23.44px;
text-align: center;
max-width: 1200px;
color: var(--color_grey2);
margin: auto;
margin-top: 15px;
}

.card_code {
position: relative;
padding-bottom: 50px;
overflow: hidden;
box-shadow: 0px 0px 150px  rgba(0, 0, 0, 0.06);

}



.card_bg {
position: absolute;
width: 1111px;
height: 1111px;
bottom: -25%;
right: 0;
border-radius: 50%;
background: rgba(249, 252, 255, 1);
z-index: -1;
}

.card_list {
display: flex;
justify-content: center;
gap: 40px;
margin-top: 53px;
}

.card_item {
max-width: 395px;
width: 100%;
box-shadow:  var(--shadow);
background:  var(--card);
padding: 20px;
border-radius: 30px;
display: flex;
flex-direction: column;
}

.card_item_img {
max-width: 355px;
width: 100%;
height: 355px;
border-radius: 20px;
overflow: hidden;
}

.card_item_img img {
height: 100%;
object-fit: cover;
}

.card_info .fullpage_banner_date_number, .card_info .banner_yearsOfLife_number{
font-size: 30px;
}

.card_info .fullpage_banner_date_text {
font-size: 14px;
}

.card_info .fullpage_banner_date{
margin-bottom: 20px;
margin-top: 20px;
}

.card_info .date_line{
height: 60px;
}

.card_item_title {
text-align: center;
font-size: 24px;
font-weight: 300;
line-height: 28.13px;
color: #383838;
max-width: 300px;
margin: auto;
margin-top: 20px;
text-transform: uppercase;
}
.card_item_date {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}

.card_item_years {
font-size: 40px;
font-weight: 800;
color: rgba(46, 131, 193, 1);
}

.card_item_lived {
font-size: 32px;
font-weight: 800;
color:  var(--color_grey2);
}

.card_item_line {
width: 48px;
height: 2px;
background: rgba(46, 131, 193, 1);
}

.card_item_text {
font-size: 18px;
font-weight: 300;
line-height: 21.09px;
text-align: center;
color: rgba(53, 53, 53, 1);
max-width: 355px;
margin: auto;
margin-top: 24px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.card_item_link {
display: flex;
align-items: center;
justify-content: center;
margin-top: auto;
}

.card_item_link .btn_code {
max-width: 240px;
width: 100%;
height: 38px;
font-weight: 300;
font-size: 16px;
color:  var(--card);
}

/* card finish */



.service_formatModal {
margin: unset !important;
overflow: unset;
}

.service_wrapper {
display: flex;
gap: 27px;
justify-content: center;
flex-wrap: wrap;
align-items: center;
margin-bottom: 80px;
}

#formatModal .service_list {
margin-bottom: 0 !important;
}

.service_card {
position: relative;
max-width: 370px;
min-height: 662px;
width: 100%;
border: 3px solid rgba(165, 183, 198, 1);
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
border-radius: 30px;
padding: 65px 35px 45px;
display: flex;
flex-direction: column;
justify-content: space-between;
}

.family_tariff_card {
position: relative;
max-width: 370px;
min-height: 662px;
width: 100%;
border: 3px solid rgba(165, 183, 198, 1);
background: rgba(255, 255, 255, 1);
box-shadow: 0px 0px 150px 0px rgba(0, 0, 0, 0.06);
border-radius: 30px;
padding: 48px 35px 45px;
display: flex;
flex-direction: column;
}

.family_tariff_card.dark {
border: 3px solid #535353
}

.service_card .btn_code, .service_card .btn_gray  {
max-width: 241px;
width: 100%;
margin: auto;
height: 40px;
font-weight: 400;
}

.family_tariff_card .btn_code, .family_tariff_card .btn_gray  {
max-width: 241px;
width: 100%;
margin: auto;
font-weight: 400;
font-size: 16px;
height: 50px;
}

.family_tariff_card .btn_code.head, .family_tariff_card .btn_gray.head  {
margin-top: 0;
height: 40px;
margin-bottom: 0;
}

.family_tariff_card.dark  .btn_gray  {
background: #535353 !important;
margin-bottom: 0;
}

.update_height {
height: 50px;
}

.pdf_banner{
max-width: 417px !important;
height: 417px !important;
}

.pdf_date {
box-shadow: 0px 0px 50px 0px rgba(46, 131, 193, 0.15);
}

.pdf_title {
font-weight: 400 !important;
margin-top: 21px !important;
margin-bottom: 21px !important;
font-size: 30px;
}

.pdf_title span {
color: #383838 !important;
}

.pdf_qr {
max-width: 120px !important;
height: 120px !important;
display: flex;
align-items: center;
justify-content: center;
}

.pdf_qr img{
width: 120px !important;
height: 120px !important;
}

.service_card.center {
border: 3px solid var(--color_blue);
}

.family_tariff_card.center {
border: 3px solid var(--color_blue);
min-height: 712px;
}

.service_vh .code_title {
margin-top: 75px;
margin-bottom: 75px;
}

.service_card.center .service_card_top{
background: var(--color_blue);
}

.family_tariff_card.center .family_tariff_top{
background: var(--color_blue);
}

.family_tariff_card.dark .family_tariff_top{
background: #535353;
}

.service_card_top {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(165, 183, 198, 1);
max-width: 150px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 20px 20px;
height: 35px;
color: white;
}

.family_tariff_top {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
background: rgba(165, 183, 198, 1);
width: max-content;
padding: 5px 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0px 0px 20px 20px;
height: 35px;
color: white;
}

.service_card_img {
margin-bottom: 14px;

}

.family_tariff_img {
margin-bottom: 13px;

}


.service_card_title{
    font-weight: 700;
    font-size: 20px;
    color: var(--color_blue);
    margin-top: 19px;
    text-align: center;
}

.service_card_title.center {
font-size: 24px;
}

.service_card_title.center span {
color: rgba(165, 183, 198, 1);
font-size: 15px;

}

.service_card_title span{
color:  rgba(83, 83, 83, 1);
font-size: 15px;
font-weight: 400;
}

.service_card_title.center .line_through {
text-decoration: line-through !important;
}

.family_tariff_title{
    font-weight: 700;
    font-size: 20px;
    color: var(--color_blue);
    margin-top: 20px;
    text-align: center;
}

.family_tariff_title.center {
font-size: 24px;
}

.family_tariff_title.center span {
color: rgba(165, 183, 198, 1);
font-size: 15px;

}

.family_tariff_title span{
color:  rgba(83, 83, 83, 1);
font-size: 15px;
font-weight: 400;
}

.family_tariff_title.center .line_through {
text-decoration: line-through !important;
}

.service_card_subtitle {
    font-weight: 400;
    font-size: 15px;
    line-height: 24.3px;
 color: var(--color_grey2);
 text-align: center;
margin-top: 8px;
}

.family_tariff_subtitle {
    font-weight: 400;
    font-size: 15px;
    line-height: 24.3px;
 color: var(--color_grey2);
 text-align: center;
}

.service_card_item {
display: flex;
align-items: center;
gap: 10px;
}


.service_card_icon {
color:rgba(165, 183, 198, 1);
font-size: 18px;
}

.service_card.center .service_card_icon{
    color: var(--color_blue);
}

.family_tariff_item {
display: flex;
align-items: center;
gap: 10px;
}

.family_tariff_icon {
color:rgba(165, 183, 198, 1);
font-size: 18px;
}

.family_tariff_card.center .family_tariff_icon{
    color: var(--color_blue);
}


.service_card.center {
color: var(--color_blue);
min-height: 712px;
}

.service_btn_center {
margin-bottom: 25px !important;
}

.service_card_text {
font-weight: 400;
font-size: 16px;
color:rgba(83, 83, 83, 1);

}

.family_tariff_text {
font-weight: 400;
font-size: 16px;
color:rgba(83, 83, 83, 1);
}

.family_tariff_text span {
color: #2E84C2;
}

.service_card_list {
margin-top: 22px;
}

.family_tariff_list {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 10px;
}

.service_card_bottom {
    color: rgba(165, 183, 198, 1);
margin-top: 27px;
font-weight: 400;
font-size: 12px;
text-align: center;
margin-bottom: 68px;
text-transform: uppercase;
}

.service_card_bottom.blue {
color:  rgba(46, 131, 193, 1);
}

.service_card_bottom.blue span {
color: #A5B7C6;
}

.service_card_bottom.center {
font-weight: 700;
font-size: 15px;
color: var(--color_blue);
text-transform: uppercase;
margin-bottom: 25px;
}

.family_tariff_bottom {
color: #A5B7C6;
font-weight: 300;
font-size: 16px;
text-align: center;
margin-top: 23px;
margin-bottom: 28px;
}

.family_tariff_bottom.dark span{
color:  rgba(46, 131, 193, 1);
}

.family_tariff_bottom.dark{
color:  #535353;

}

.family_tariff_bottom.center {
font-weight: 300;
font-size: 16px;
color: #535353;
text-transform: unset;
margin-top: 60px;
}

.fullpage_modal {
background: rgba(0, 0, 0, 0.3);
display: none;
}

.fullpage_modalBlock {
overflow: hidden;
display: flex;
flex-direction: column;
gap: 20px;
}

.form_pd {
padding: 35px 70px;
}

.fullpage_modalBlock_title {
font-size: 46px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
}

.fullpage_modalBlock_title span:nth-child(1) {
color:  var(--color_grey2);
}

.fullpage_modalBlock_title span:nth-child(2) {
color: rgba(46, 131, 193, 1);
}

.fullpage_scroll {
max-height: 710px;
overflow: auto;
}

.fullpage_modalBlock_desc {
max-width: 466px;
width: 100%;
font-size: 16px;
font-weight: 400;
color: rgba(83, 83, 83, 0.5);
text-align: center;
margin: auto;
margin-top: 10px;
}

.fullpage_modalBlock_flex {
display: flex;
justify-content: space-between;
gap: 33px;
}


.fullpage_banner_date {
position: relative;
max-width: 417px;
width: 100%;
display: flex;
justify-content: space-between;
border-radius: 20px;
margin: auto;
background: var(--card);
box-shadow: 0px 0px 50px 0px rgba(83, 83, 83, 0.15);
}



.fullpage_banner_date_item {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 140px;
width: 100%;
}

.date_line {
background: #FFFFFF;
width: 1px;
height: 70px;
}

.fullpage_banner_date_number {
display: block;
color: var(--color_grey2);
font-size: 32px;
font-weight: 800;
line-height: 100%;

}

.fullpage_banner_date_text {
display: block;
color: var(--color_grey2);
font-size: 18px;
font-weight: 300;
text-transform: uppercase;
}

.fullpage_banner_yearsOfLife {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 160px;
width: 100%;
box-shadow: 0px 0px 50px 0px rgba(46, 131, 193, 0.15);
border-radius: 20px;
padding: 5px;
}

.banner_yearsOfLife_number {
color: var(--color_grey2);
font-size: 36px;
font-weight: 800;
position: relative;
line-height: 100%;
}


.fullpage_banner_dateOfDeath {
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
gap: 10px;
}


.fullpage_modalBlock_label {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
max-width: 600px;
width: 100%;
margin-bottom: 10px;
}

.comments_dialog .fullpage_modalBlock_label{
max-width: 100%;
}

.comments_dialog textarea, .comments_dialog input{
background: rgba(239, 248, 255, 1);
border: none !important;
}

.fullpage_modalBlock_label.w_full {
max-width: 100%;
}

.fullpage_modalBlock_label h3 {
color:  var(--color_grey2);
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
margin-bottom: 14px;
}

.fullpage_modalBlock_label input {
width: 100%;
border-radius: 28px;
padding: 15px 14px;
outline: none;
border: 3px solid #d2ecff;
}

.fullpage_modalBlock_label input::placeholder {
color: rgba(83, 83, 83, 0.5);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}

.fullpage_modalBlock_avaBlock {
position: relative;
width: 150px;
height: 150px;
border: 10px solid rgba(239, 248, 255, 1);
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
cursor: pointer;
}

.fullpage_modalBlock_img {
object-fit: contain;
width: 100%;
height: 100%;
}

.default_img {
object-fit: none;
}

#fullPage_avaImg {
display: none;
}

.memo_fullpage_modalBlock_flex {
display: flex;
align-items: center;
justify-content:center;
gap: 27px;
}

.fullpage_modalBlock_btn {
margin: auto;
margin-top: 24px;
}


.fullpage_modalBlock_label textarea {
width: 100%;
min-height: 120px;
border: 3px solid #d2ecff;
border-radius: 28px;
padding: 24px 25px;
outline: none;
resize: none;
}

.fullpage_modalBlock_label textarea::placeholder {
color: rgba(83, 83, 83, 0.5);
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
}



/* footer */

.footer {
background: var(--footer);
padding-bottom: 41px;
}

.footer_content {
padding: 44px 0px;
}

.footer_row {
width: 100%;
}

.footer_col {
display: flex;
align-items: center;
justify-content: center;
}

.footer_logo {
display: flex;
align-items: center;
flex-direction: column;
gap: 10px;
color: white;
}

.footer_logo:hover {
color: white;
}

.footer_logo img {
width: 53px;
}

.footer_list {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-top: 44px;
flex-wrap: wrap;
padding-left: 0;
}

.footer_link {
cursor: pointer;
font-size: 16px;
font-weight: 400;
color: var(--color_white);
text-transform: uppercase;
transition: text-shadow 0.2s ease;
}

.footer_link:hover {
color: var(--color_white);
}

.footer_link.active {
font-weight: 800;
color: var(--color_white);
}

.footer_message_list {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}

.footer_message_link {
max-width: 35px;
width: 100%;
height: 35px;
background: var(--color_white);
padding: 8px;
font-size: 16px;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
font-weight: 400;
}

.footer_border {
margin-left: 20px;
margin-right: 20px;
background: var(--color_white);
width: 2px;
height: 30px;
}

.footer_text {
font-size: 15px;
font-weight: 400;
color:  var(--color_grey2);
text-wrap: nowrap;
}

.footer_info {
display: flex;
justify-content: space-between;
margin-top: 50px;
gap: 20px;
}

.footer_info_flex {
display: flex;
justify-content: space-between;
gap: 40px;
}

.footer_info_col {
border: 2px solid rgba(255, 255, 255, 1);
padding: 25px 24px;
padding-right: 13px;
border-radius: 25px;
font-size: 16px;
font-weight: 200;
line-height: 18.75px;
color: var(--color_white);
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
}

.footer_info_col:hover {
color:var(--color_white);
}

.footer_save_info {
max-width: 394px;
width: 100%;
font-size: 16px;
font-weight: 200;
line-height: 20px;
color: var(--color_white);
text-transform: uppercase;
}

.footer_save_title {
font-weight: 500;
}

.footer_save {
display: flex;
align-items: center;
justify-content: space-between;
max-width: 716px;
width: 100%;
border: 2px solid rgba(255, 255, 255, 1);
padding: 32px;
border-radius: 25px;
font-size: 16px;
font-weight: 300;
line-height: 18.75px;

}

.footer_years{
background: rgba(255, 255, 255, 0.1);
height: 36px;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 400;
line-height: 18.75px;
color: var(--color_white);

}