
.fullpage_ava {
width: 200px;
height: 200px;
background: rgb(181, 181, 181);
border-radius: 50%;
overflow: hidden;
}

.fullpage_item {
margin-bottom: 10px;
}

.fullpage_title {
color: #535353;
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
text-align: center;
padding-bottom: 50px;
margin-bottom: 0px;
}

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

.fullpage_gallery_list,
.fullpage_message_list {
display: flex;
align-items: center;
gap: 20px;
}

.fullpage_banner {
padding-bottom: 60px;
}

.service_img_item .btn_code {
position: absolute;
bottom: 3%;
right: 2%;
height: 35px;
padding: 0px;
padding-left: 15px;
padding-right: 15px;
}

.fullpage_banner_container {
position: relative;
max-width: 1640px;
width: 100%;
margin: 0 auto;
}

.fullpage_banner_backgroundImgBig {
background: rgba(249, 252, 255, 1);
width: 1053px;
height: 1053px;
border-radius: 50%;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -133px;
left: 0;
z-index: -1;
}

.fullpage_banner_backgroundImgSmall {
background: rgba(239, 248, 255, 1);
border-radius: 50%;
width: 700px;
height: 700px;
}

.fullpage_banner_backgroundImg img:nth-child(1) {
width: 100%;
height: 100%;
}

.fullpage_banner_backgroundImg img:nth-child(2) {
width: 60%;
height: 60%;
}

.fullpage_banner_content {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 27px;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.04);
padding: 20px;
border-radius: 0px 0px 25px 25px;
padding-top: 35px;
}

.fullpage_banner_left {
max-width: 415px;
width: 100%;
height: auto;
}

.fullpage_banner_imgLayout {
position: relative;
max-width: 100%;
width: 100%;
height: 100%;
border-radius: 25px;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
display: flex;
align-items: center;
justify-content: center;
}

.fullpage_banner_imgBlock {
width: 100%;
height: 100%;
}

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

.fullpage_banner_right {
max-width: 695px;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}

.fullpage_banner_title, .profile_banner_title, .cabinet_banner_title {
font-size: 36px;
font-weight: 700;
margin-bottom: 14px;
display: flex;
flex-direction: column;
color: #535353;
}

.fullpage_banner_title {
margin-bottom: 23px;
}

.fullpage_birthday_icon {
width: 25px;
height: 25px;
position: absolute !important;
right: 102%;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}


.fullpage_deathday_icon {
width: 25px;
height: 25px;
position: absolute !important;
left: 102%;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}


.fullpage_birthday .promt_blog.right { 
    left: 35px;
    top: -100%;
     width: 415px !important;
    max-width: unset;
    right: auto;
    border-radius: 20px;
    height: 80px;
  
}

.fullpage_birthday_icon .promt_blog::after {
    content: "";
    position: absolute;
    left: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 18px solid #cfd8dc; 
    z-index: 0;
}

.fullpage_birthday_icon .promt_blog::before {
    content: "";
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 16px solid #fff; 
    z-index: 1;
}

.fullpage_deathday .promt_blog.right { 
    right: 35px !important;
    left: unset;
    top: -100%;
     width: 415px !important;
    max-width: unset;
    right: auto;
    border-radius: 20px;
    height: 80px;
  
}

.fullpage_deathday_icon .promt_blog::after {
    content: "";
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 18px solid #cfd8dc; 
    z-index: 0;
}

.fullpage_deathday_icon .promt_blog::before {
    content: "";
    position: absolute;
    right: -16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 16px solid #fff; 
    z-index: 1;
}

.promt_blog_flex{
    width: 100%;
    height: 100%;
  display: flex;
    justify-content: center;
    align-items: center;
}

.fullpage_birthday_icon .promt_text, .fullpage_deathday_icon .promt_text {
font-weight: 300;
font-size: 20px;
max-width: 100%;
text-align: center;
}

.fullpage_birthday_icon .promt_text span, .fullpage_deathday_icon .promt_text span {
font-weight: 700;
font-style: Bold;
font-size: 20px;
color: #2E83C1;
}

.fullpage_banner_right .fullpage_banner_title {
align-items: center;
justify-content: center;
text-transform: uppercase;
color: #535353;
text-align: center;
}



.fullpage_banner_line {
display: flex;
align-items: center;
justify-content:space-between;
gap: 20px;
margin-top: 14px;
}


.fullpage_banner_border {
max-width: 268px;
width: 100%;
border: 1px dashed #585858;
}

.fullpage_banner_border.full {
max-width: 622px;
}

.fullpage_banner_quotes {
font-family: "Russo One", sans-serif;
font-size: 60px;
font-weight: 400;
line-height: 72.3px;
height: 37px;
color: #585858;
}

/* .fullpage_banner_right .fullpage_banner_title span:nth-child(1) {
color: #383838;
margin-bottom: 7px;
} */

/* .fullpage_banner_title span:nth-child(1) {
margin-bottom: 5px;
} */

.fullpage_banner_title span:nth-child(1), .profile_banner_title span:nth-child(1){
color: rgb(46, 131, 193);
}

.fullpage_banner_title span:nth-child(2) {
color: #535352;
}



.fullpage_banner_right .fullpage_banner_title span:nth-child(2) {
font-size: 48px;
color: #383838;

}



.fullpage_banner_descBlock {
max-width: 622px;
width: 100%;
position: relative;
text-align: center;
}

.fullpage_banner_desc {
padding: 10px 20px;
color: #535352;
font-size: 20px;
font-weight: 300;
margin-top: 4px;
margin-bottom: 14px;
}

.fullpage_banner_descBlock span {
display: block;
color: #535352;
font-size: 16px;
font-weight: 300;
text-transform: uppercase;
margin-top: 10px;
}

.fullpage_banner_info {
max-width: 100%;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}

.fullpage_banner_item_title {
position: relative;
margin-bottom: 8px;
}

.fullpage_banner_item_text {
font-size: 16px;
font-weight: 300;
text-align: center;
color: #585858;
display: block;
text-transform: uppercase;
margin-bottom: 0;
}

.fullpage_banner_item_title h4 {
font-size: 20px;
font-weight: 500;
text-align: center;
color: #585858;
display: block;
text-transform: uppercase;
}

.fullpage_banner_item_title h5 {
font-size: 16px;
font-weight: 300;
line-height: 23.44px;
text-align: center;
color: #585858;
text-transform: uppercase;
margin-top: 8px;
}

.fullpage_banner_item {
position: relative;
max-width: 100%;
width: 100%;
background: rgba(255, 255, 255, 1);
border: 1px solid rgba(0, 0, 0, 0.04);
border-radius: 25px;
padding: 18px;
margin-top: 35px;
}

.fullpage_banner_item:nth-child(1), .fullpage_banner_item:nth-child(2) {
max-width: 49%;
}




.fullpage_biography_item {
display: flex;
flex-direction: column;
align-items: center;
}

.fullpage_biography_item:nth-child(2) .fullpage_biography_desc {
max-width: 688px;
width: 100%;
}

.swiper_fullpage {
padding-bottom: 15px !important;
}

.fullpage_photoArchive_images {
position: relative;
width: 100%;
margin: auto;
}

.fullpage_photoArchive_slide {
height: 100% !important;
border-radius: 25px !important;
overflow: hidden;
display: flex !important;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
border: 2px solid rgba(255, 255, 255, 1);
}

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

.fullpage_photoArchive_swiperWrapper {
height: 390px !important;
}

.fullpage_photoArchive_btnPrev {
left: -50px !important;
}


.fullpage_photoArchive_btnPrev::after {
color:  var(--color_grey2) !important;
font-size: 40px !important;
font-weight: 300 !important;
}

.fullpage_photoArchive_btnNext {
right: -50px !important;
}

.fullpage_photoArchive_btnNext::after {
color:  var(--color_grey2) !important;
font-size: 40px !important;
font-weight: 100 !important;
}

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

/* Custom pagination bullets for fullpage slider */
.fullpage_photoArchive_images .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    top: 104% !important;
}
.fullpage_photoArchive_images .swiper-pagination-bullet {
    width: 14px;
    height: 8px;
    background: #ededed;
    opacity: 1;
    border-radius: 50%;
    transition: all 0.28s ease;
    box-shadow: none;
}
.fullpage_photoArchive_images .swiper-pagination-bullet-active {
    width: 56px;
    height: 8px;
    border-radius: 999px;
    background: rgba(46, 131, 193, 1);
}
.fullpage_photoArchive_images .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    transform: translateY(0);
}

.fullpage_biography_title {
color: #535352;
font-size: 48px;
font-weight: 700;
margin-bottom: 50px;
text-transform: uppercase;
text-align: center;
}

.fullpage_biography_subTitle {
color:  var(--color_grey2);
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
text-align: center;
}

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

.fullpage_biography_desc blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
}

.fullpage_biography_images {
display: flex;
gap: 80px 50px;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
}

.main_biography_images {
margin-top: 50px;
}

.fullpage_biography_images iframe {
width: 48%;
border-radius: 25px;
overflow: hidden;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
border: 2px solid rgba(255, 255, 255, 1);
}

.fullpage_biography_img {
width: 48%;
height: 390px;
border-radius: 25px;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
position: relative;
display: flex !important;
}

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

/* Vertical-mode background blur for biography and archive slides */

.fullpage_biography_img.vertical-mode::before,
.fullpage_photoArchive_slide.vertical-mode::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center;
    -webkit-backdrop-filter: blur(100px);
    backdrop-filter: blur(100px);
    filter: none;
    z-index: 0;
    border-radius: 50px;
}

/* Frosted glass overlay to get glassy look over blurred bg */
.fullpage_biography_img.vertical-mode::after,
.fullpage_photoArchive_slide.vertical-mode::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(255,255,255,0.18);
    -webkit-backdrop-filter: blur(44px);
    backdrop-filter: blur(44px);
    border-radius: 23px;
    z-index: 1;
    pointer-events: none;
}

.fullpage_biography_img.vertical-mode img,
.fullpage_photoArchive_slide.vertical-mode img {
    max-width: 60% !important;
    width: auto !important;
    height: auto !important;
    max-height: 100% !important;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    display: block;
}

/* Horizontal mode: ensure image fills block */
.fullpage_biography_img.horizontal-mode img,
.fullpage_photoArchive_slide.horizontal-mode img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 1;
}

@media (max-width: 576px) {
    .fullpage_biography_img.vertical-mode::before,
    .fullpage_photoArchive_slide.vertical-mode::before {
        filter: blur(30px);
    }
    .fullpage_biography_img.vertical-mode img,
    .fullpage_photoArchive_slide.vertical-mode img {
        width: 100%;
        height: auto;
    }
}

.fullpage_biography_img_text {
position: absolute;
top: 82%;
left: 0;
right: 0;
text-align: center;
max-width: max-content;
padding: 5px 50px;
margin: auto;
font-weight: 400;
background: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(255, 255, 255, 0.6);
backdrop-filter: blur(15px);
color: rgba(255, 255, 255, 1);
font-size: 20px;
border-radius: 25px;
z-index:10;
}

.fullpage_biography_descBlock {
background: rgba(239, 248, 255, 1);
border-radius: 5px;
overflow: hidden;
position: relative;
padding: 10px 20px;
margin-right: auto;
max-width: 389px;
width: 100%;
margin-top: 50px;
}

.fullpage_biography_descBlock::before {
content: '';
display: block;
background: rgba(46, 131, 193, 1);
width: 6px;
height: 100%;
border-radius: 5px, 2px, 2px, 5px;
position: absolute;
top: 0;
left: 0;
}

.fullpage_biography_descBlock h4 {
font-size: 20px;
font-weight: 800;
color:  var(--color_grey2);
text-transform: uppercase;
}


.fullpage_biography_descBlock p {
color: #535352;
font-size: 20px;
font-weight: 300;
margin-bottom: 5px;
text-align: left;
}

.fullpage_biography_descBlock a {
font-size: 14px;
font-weight: 400;
color: rgba(46, 131, 193, 1) !important;
text-decoration: underline !important;

}


.footer_ser .ser_click{
border: none;
box-shadow: none;
max-width: 100%;
}


.fullpage_audioArchive_audios {
display: flex;
flex-direction: column;
gap: 80px;
}

.fullpage_audioArchive_audios_item {
background: rgba(210, 236, 255, 1);
border-radius: 100px;
padding: 10px;
display: flex;
align-items: center;
gap: 60px;
}

.fullpage_audioArchive_audios_iconCircle {
background: rgba(46, 131, 193, 1);
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.fullpage_audioArchive_audios_icon {
width: 16px;
height: 20px;
}

.fullpage_audioArchive_playInfo {
display: flex;
flex-direction: column;
width: 100%;
gap: 10px;
}

.fullpage_audioArchive_playInfo_top {
display: flex;
align-items: center;
justify-content: space-between;
width: 92%;
}

.fullpage_audioArchive_playInfo_top span {
color: rgba(46, 131, 193, 1);
font-size: 14px;
font-weight: 400;
}

.fullpage_audioArchive_playInfo_line {
width: 95%;
height: 34px;
}

.fullpage_audioArchive_playInfo_line img {
width: 100%;
height: 100%;
}

.fullpage_videoArchive_videos {
display: flex;
flex-direction: column;
gap: 30px;
}

.fullpage_videoArchive_images {
margin-bottom: 0;
}

.fullpage_cards {
display: flex;
justify-content: center;
gap: 20px;
}

.fullpage_item {
background: rgba(255, 255, 255, 1);
border-radius: 25px;
padding: 33px;
border: 2px solid rgba(255, 255, 255, 1);
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
max-width: 443px;
width: 100%;
}

.fullpage_item_top {
display: flex;
align-items: center;
gap: 18px;
margin-bottom: 2px;
}

.fullpage_comment_icon {
width: 80px;
height: 80px;
border: 2px solid rgba(240, 244, 248, 1);
border-radius: 15px;
color: rgba(240, 244, 248, 1);
font-size: 28px;
display: flex;
align-items: center;
justify-content: center;
}

.fullpage_item_top img {
width: 85px;
height: 85px;
object-fit: cover;
border-radius: 14px;
}

.fullpage_item_info {
display: flex;
flex-direction: column;
}

.fullpage_item_info h3 {
color:  rgba(83, 83, 83, 1);
font-size: 28px;
font-weight: 500;
}

.fullpage_item_info h4 {
font-size: 20px;
font-weight: 400;
color: rgba(46, 131, 193, 1);
}

.fullpage_item_desc {
color:  rgba(83, 83, 83, 1);
font-size: 20px;
font-weight: 300;
min-height: 150px;
max-height: 150px;
overflow: auto;
margin-top: 15px;
touch-action: pan-y;
-ms-touch-action: pan-y;
}

.fullpage_button {
display: flex;
align-items: center;
justify-content: center;
padding-top: 30px;
}

.fullpage_button_btn {
display: flex;
justify-content: center;
align-items: center;
background: rgba(46, 131, 193, 1);
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
color: rgba(239, 248, 255, 1);
height: 55px;
max-width: 218px;
width: 100%;
outline: none;
border: none;
border-radius: 28px;

}

.fullpage_externalLinks {
background: rgba(247, 251, 254, 1);
}

.fullpage_externalLinks_blocks {
display: flex;
flex-direction: column;
gap: 30px;
}

.fullpage_externalLinks_item {
background: rgba(210, 236, 255, 1);
border-radius: 25px;
max-width: 800px;
width: 100%;
min-height: 80px;
padding: 13px 15px;
display: flex;
align-items: center;
gap: 16px;
margin: auto;
}

.fullpage_externalLinks_item_icon {
width: 8%;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(46, 131, 193, 1);
border-radius: 15px;
}



.fullpage_externalLinks_item_title {
width: 100%;
font-weight: 400;
border: 1px solid rgba(255, 255, 255, 0.6);
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(15px);
font-size: 24px;
line-height: 100%;
text-transform: uppercase;
color: rgba(46, 131, 193, 1);
padding: 15px;
border-radius: 15px;
}


.fullpage_placeOfMemory_content {
display: flex;
gap: 55px;
justify-content: center;
}

.fullpage_placeOfMemory_left,
.fullpage_placeOfMemory_right {
max-width: 680px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
border: 2px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 1);
border-radius: 25px;
}

.fullpage_placeOfMemory_right {
display: flex;
flex-direction: column;
justify-content: space-between;
}

.fullpage_placeOfMemory_left_top h4,
.fullpage_placeOfMemory_right_top h4 {
color:  var(--color_grey2);
font-size: 24px;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 14px;
text-align: center;
margin-top: 25px;
}

.fullpage_placeOfMemory_left_top p,
.fullpage_placeOfMemory_right_top p {
max-width: 855px;
width: 100%;
color:  var(--color_grey2);
font-size: 24px;
font-weight: 300;
text-align: center;
margin-bottom: 14px;
margin-top: 14px;
}

.fullpage_placeOfMemory_left_bottom {
width: 100%;

}

.fullpage_placeOfMemory_left_top h4 span,
.fullpage_placeOfMemory_right_top h4 span {
color: var(--color_blue);
}

.fullpage_placeOfMemory_left_bottom #map {
margin: auto;
}

#map, .fullpage_placeOfMemory_right_img {
max-width: 100%;
width: 100%;
border-radius: 23px;
overflow: hidden;
background: #eff8ff;
box-shadow: 0px 4px 150px 0px rgba(0, 0, 0, 0.06);
}

.fullpage_placeOfMemory_right_img img {
width: 100%;
height: 400px;
object-fit: contain;
}

.nofoto_img {
object-fit: contain;

}

.fullpage_qr {
overflow: hidden;
}

.fullpage_qr {
position: relative;
}



.fullpage_qr_content {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}

.fullpage_qr_imgBlock {
max-width: 337px;
width: 100%;
height: 337px;
box-shadow: 0px 0px 4px 0px rgba(46, 131, 193, 0.25);
border: 2px solid rgba(255, 255, 255, 1);
background: rgba(255, 255, 255, 1);
border-radius: 20px;
padding: 30px;
background:  var(--card);

}

.fullpage_qr_imgBlock img {
width: 277px;
height: 277px;
}

.fullpage_qr_buttons {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}

.fullpage_qr_id {
    font-weight: 300;
    font-size: 20px;
color: var(--color_grey);
text-align: center;
}

.share_link {
cursor: pointer;
margin-top: 5px;
}

.share_blog {
display: none;
}

.share_blog.active {
display: block;
}

.share_list a {
display: block;
}

.share_list {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    border: 1px solid rgba(46, 131, 193, 1);
    padding: 15px;
    border-radius: 10px;
    background: #fff;
}

/* Pointer arrow for share_list (outer border + inner fill) */
.share_list::after {
    content: "";
    position: absolute;
    top: -13px;
    left: 36%;
    transform: translateX(-50%);
    border-width: 0 13px 13px 13px;
    border-style: solid;
    border-color: transparent transparent rgba(46, 131, 193, 1) transparent;
    z-index: 1;
}

.share_list::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 36%;
    transform: translateX(-50%);
    border-width: 0 12px 12px 12px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    z-index: 2;
}

.fullpage_qr_imgBlock_views {
display: flex;
align-items: center;
gap: 5px;
}

/* Modal */
