@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v24-latin-regular.woff2') format('woff2'),
    url('../fonts/poppins-v24-latin-regular.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v24-latin-500.woff2') format('woff2'),
    url('../fonts/poppins-v24-latin-500.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v24-latin-600.woff2') format('woff2'),
    url('../fonts/poppins-v24-latin-600.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v24-latin-700.woff2') format('woff2'),
    url('../fonts/poppins-v24-latin-700.ttf') format('truetype');
}

@font-face {
    font-display: swap;
    font-family: 'Jua';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/jua-v18-latin-regular.woff2') format('woff2'),
    url('../fonts/jua-v18-latin-regular.ttf') format('truetype')
}

@font-face {
    font-display: swap;
    font-family: 'Konkhmer Sleokchher';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/konkhmer-sleokchher-v3-latin-regular.woff2') format('woff2'),
    url('../fonts/konkhmer-sleokchher-v3-latin-regular.ttf') format('truetype');
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Poppins", sans-serif;
    /*font-family: "Jua", sans-serif;*/
    background: var(--bg_color);
}

:root {
    --primary: #713E79;
    --seconder: #000000;
    --body-text: #F9B850;
    --text: #ffffff;
    --pink_bg: #FFDEE6;
    --bg_color: #FCFDF1;
}

/* ========================================================== Header Start ========================================================== */
.header {
    z-index: 5;
    position: absolute;
    top: 0;
    width: 100%;
}

.logo {
    animation: logoFloat 3s ease-in-out infinite;
}

@keyframes logoFloat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0);
    }
}

.header_logo {
    margin-left: -50%;
    margin-top: -4%;
}

.logo svg {
    width: 337px;
    height: 178px;
}

.mobile_menu li a {
    color: var(--primary);
}

.mobile_navbar {
    background-color: var(--pink_bg);
    box-shadow: 0 16px 14px rgba(113, 62, 121, 0.1);
}

.nav_link {
    animation: navFade 3s ease forwards infinite;
}

@keyframes navFade {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-6px);
    }
    100% {
        transform: translateY(0);
    }
}
.nav_bar_icon {
    position: relative;
}

.dropdown_menu {
    position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    min-width: 110px;
    border-radius: 6px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.15);
    display: none;
    z-index: 999;
}

.dropdown_menu a {
    display: block;
    padding: 10px 15px;
    color: #333;
    text-decoration: none;
}

.dropdown_menu a:hover {
    background: #f5f5f5;
}

.dropdown_menu.show {
    display: block;
}
.icon_btnn{
    margin-top: -10px;
    margin-left: -5px;
}

/* ========================================================== End Header ========================================================== */
/* ========================================================== Start Banner ========================================================== */
.nav_header {
    top: 35%;
    width: 100%;
    position: absolute;
}

.nav_bar {
    margin-top: -21%;
    margin-left: 18%;
    font-size: 14px;
    color: var(--primary);
}

.nav_bars {
    margin-top: -25%;
    margin-left: 19%;
    font-size: 14px;
    color: var(--primary);
}

.nav_bar_icon {
    margin-top: -40%;
    margin-left: 35%;
}

.banner {
    background: var(--pink_bg);
    padding-top: 175px;
}

.banner_content {
    background: var(--bg_color);
    border-radius: 70px;
    padding: 20px 20px 0 100px;
    width: 80%;
    margin: auto;
}

.banner_content h1 {
    font-size: 48px;
    color: var(--primary);
    font-family: "Jua", sans-serif;
}

.banner_btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 30px;
    background: #fde6ee;
    color: var(--primary);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.banner_btn span {
    font-size: 20px;
}

.banner_btn::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    width: 95%;
    height: 80%;
    border-top: 4px solid var(--primary);
    border-left: 4px solid var(--primary);
}

.banner_text h1 {
    background: linear-gradient(180deg, var(--bg_color) 0%, var(--primary) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    font-family: "Konkhmer Sleokchher", system-ui;
    width: 80%;
    margin: auto;
    font-size: 100px;
    font-weight: 400;
    border: 1px solid;
    opacity: 0.2;
}

/* ==========================================================  Start Banner ========================================================== */
/* ==========================================================  Start Home ========================================================== */
.special {
    background: var(--bg_color);
    background-image: url("../images/home/extra_special.webp");
}

.title {
    width: 50%;
    margin: auto;
    text-align: center;
    font-size: 36px;
    color: var(--primary);
    font-family: "Jua", sans-serif;
}

.ballons_left {
    position: absolute;
    top: 0;
    left: 4%;
    transform: translate(-50%);
    animation: balloonFloat 4s ease-in-out infinite;
    z-index: -1;
}

.ballons_right {
    position: absolute;
    top: 0;
    right: -6%;
    transform: translate(-50%);
    animation: balloonFloat 4s ease-in-out infinite;
    animation-delay: 1.5s;
    z-index: -1;
}

@keyframes balloonFloat {
    0% {
        transform: translate(-50%, 0);
    }
    50% {
        transform: translate(-50%, -15px);
    }
    100% {
        transform: translate(-50%, 0);
    }
}

.community_wrapper {
    background: #fde1e8;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 40px 50px 0 0;
}

.community_image img {
    display: block;
    margin-top: -18%;
}
.birthday-card div img {
    padding: 10px;
    border-radius: 13px;
    background: #fff;
    box-shadow: 1px 0px 2px 0px #7F386D1A;
    box-shadow: 4px 1px 4px 0px #7F386D17;
    box-shadow: 8px 3px 5px 0px #7F386D0D;
    box-shadow: 15px 5px 6px 0px #7F386D03;
    box-shadow: 24px 8px 7px 0px #7F386D00;

}
.home_community_btn {
    display: inline-flex;
    align-items: end;
    gap: 12px;
    font-size: 28px;
    font-weight: 600;
    color: var(--primary);
    padding: 12px 26px;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.3s ease;
}

.home_community_btn span {
    font-size: 32px;
}
.features_card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 22px;
    border: 2px solid #e3d6e8;
    border-radius: 14px;
    text-decoration: none;
    color: #6a2b7a;
    font-size: 16px;
    font-weight: 500;
    transition: 0.3s;
}

.features_card:hover {
    background: #f6eef9;
}

.features_arrow {
    width: 42px;
    height: 42px;
    background: #6a2b7a;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.review_section {
    padding: 50px 0;
}

.review_card {
    background: #6f3d78;
    padding: 35px;
    color: #fff;
    border-top-left-radius: 30px;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 100px;
}

.review_img {
    width: 150px;
    height: 150px;
    border-top-left-radius: 15px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 50px;
    overflow: hidden;
    border: 3px solid #fff;
    margin: auto;
}

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

.review_content {
    position: relative;
}

.review_content p {
    font-size: 15px;
    line-height: 1.7;
    margin: 20px 0;
}

.review_content h5 {
    font-size: 18px;
    margin-bottom: 4px;
}

.review_content small {
    opacity: 0.8;
}

.review_slider .owl-item {
    padding: 10px;
}



.review_slider .owl-nav button {
    background: none;
    border: none;
    padding: 0;
}

.review_nav_btn {
    width: 42px;
    height: 42px;
    background: #6f3d78;
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
    margin: 0 5px;
}

.review_nav_btn:hover {
    background: #5c2f63;
}

.review_slider .owl-nav {
    display: flex !important;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.review_slider .owl-dots {
    display: none; /* જો dots ન જોઈતા હોય */
}


.review_slider .owl-dots {
    display: none; /* જો dots ન જોઈતા હોય */
}

.review_slider .owl-dots.disabled, .owl-nav.disabled {
    display: block;
}

.connect_card {
    background: #FFDD98;
    max-width: 600px;
    width: 100%;
    padding: 40px;
    border-top-left-radius: 100px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 30px;
    text-align: center;
    box-shadow: 0 5px 15px 0 #0000001A;
    margin: auto;
}

.connect_card h2 {
    font-size: 32px;
    color: #1d2b64;
    margin-bottom: 10px;
    font-family: "Jua", sans-serif;
}

.connect_card p {
    font-size: 14px;
    color: #444;
    margin-bottom: 30px;
}

.form_row {
    display: flex;
    gap: 15px;
    margin-bottom: 15px;
    text-align: start;
}

.connect_from {
    background: url("../images/home/connect_from.webp");
}

/* Common field style */
.connect_from input,
.connect_from select,
.connect_from textarea {
    width: 100%;
    padding: 14px;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    outline: none;
    background: #fff;
    color: #333;

    /* IMPORTANT for mobile select issue */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Select arrow add */
.connect_from select {
    /*background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23999' stroke-width='2'/%3E%3C/svg%3E");*/
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 12px;
    padding-right: 40px;
    color: #999;
}

/* Placeholder color */
.connect_from input::placeholder,
.connect_from textarea::placeholder {
    color: #999;
}

/* Focus effect */
.connect_from input:focus,
.connect_from select:focus,
.connect_from textarea:focus {
    box-shadow: 0 0 0 2px rgba(91, 43, 122, 0.25);
}

/* Textarea */
.connect_from textarea {
    resize: none;
    height: 100px;
    /*margin-bottom: 25px;*/
}



/* Button */
.connect_from button {
    background: #5b2b7a;
    color: #fff;
    padding: 12px 30px;
    border-radius: 30px;
    font-size: 14px;
    cursor: pointer;
    border: 3px solid #FFBA19;
}

.footer {
    background: var(--primary);
}

.footer_nav a {
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.footer-link-wrapper {
    padding: 25px 0px 19px;
    border-bottom: 1px solid #FFFFFF9E;
    margin-bottom: 20px;
}

.footer-content {
    max-width: 737px;
    width: 100%;
    margin: auto;
}

.social-icon {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 1px solid #FFFFFF9E;
    background-color: #FFF;
}

.social-media-wrapper {
    margin-top: 20px;
}

.social-border {
    width: 100%;
    background-color: #FFFFFF9E;
    min-height: 0.25px;
    height: 0.25px;
    position: absolute;
    top: 50%;
}

.header-scroller-wrapper {
    position: fixed;
    right: 45px;
    bottom: 45px;
    z-index: 4;
    animation: scrollFloat 2.5s ease-in-out infinite;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.4s ease;
}

@keyframes scrollFloat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.header-scroller-wrapper.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

/* ========================================================== End Home ========================================================== */
/* ========================================================== Start Birthday Messages ========================================================== */
.birthdays_messages {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fffef5;
    border: 1.5px solid #e6d7ea;
    border-radius: 14px;
    padding: 14px 18px;
    position: relative;
    border-left: 13px solid var(--primary);
    margin-left: 16px;
}

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

.birthday_icon {
    font-size: 22px;
}

.birthday_text {
    font-size: 14px;
    font-weight: 500;
    color: var(--primary);
}

.birthday_arrow {
    width: 42px;
    height: 42px;
    background: var(--primary);
    color: #fff;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-right: -8%;
}

.search_messages {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px;
    width: 80%;
    margin: auto;
}

.search_messages .search_back_btn {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    border: none;
    background-color: var(--primary);
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search_messages .search_input_box {
    flex: 1;
    position: relative;
}

.search_messages .search_input_box input {
    width: 100%;
    height: 48px;
    padding: 0 46px 0 18px;
    border-radius: 14px;
    border: none;
    outline: none;
    background-color: #f5f1ec;
    font-size: 15px;
    color: #333;
}

.search_messages .search_input_box input::placeholder {
    color: #b4a9a0;
}

.search_messages .search_icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    color: var(--primary);
    pointer-events: none;
}

/* ========================================================== End Birthday Messages ========================================================== */
/* ========================================================== Satrt Birthday Messages Details  ========================================================== */
.inner-curve {
    --r: 4px; /* control the rounded part */
    --s: 43px; /* control the size of the cut */
    --a: 26deg; /* control the depth of the curvature */
    --p: 50%; /* control the position */

    /*height: 100px;*/
    aspect-ratio: 2/1;
    background: #6f3e77;
    border-radius: var(--r);
    --_m: var(--r), #000 calc(100% - 1px), #0000;
    --_d:(var(--s) + var(--r)) * cos(var(--a));
    mask: radial-gradient(var(--r) at calc(var(--p) + var(--_d)) var(--_m)),
    radial-gradient(var(--r) at calc(var(--p) - var(--_d)) var(--_m)),
    radial-gradient(var(--s) at var(--p) calc(-1 * sin(var(--a)) * var(--s)),
            #0000 100%, #000 calc(100% + 1px)) 0 calc(var(--r) * (1 - sin(var(--a)))) no-repeat,
    linear-gradient(90deg, #000 calc(var(--p) - var(--_d)), #0000 0 calc(var(--p) + var(--_d)), #000 0);
}

.messages_details {
    position: relative;
    max-width: 520px;
    padding-top: 60px;
}

.messages_icon {
    position: absolute;
    top: 10%;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    background: #6f3e77;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.inner-curve {
    background: #6f3e77;
    border-radius: 13px;
    /*padding: 64px 20px 47px;*/
    text-align: center;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.inner-curve::before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -20px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: 80px;*/
/*    height: 40px;*/
/*    background: #fdfcf4;*/
/*    border-bottom-left-radius: 100px;*/
/*    border-bottom-right-radius: 100px;*/
/*}*/

.inner-curve h2 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 500;
    margin: 0;
}

.inner-curve::after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 3px;
    background: #ffffff;
    border-radius: 10px;
}

/* ========================================================== End Birthday Messages Details  ========================================================== */
/* ========================================================== Start Birthday Messages All  ========================================================== */
.celebrate_birthdays {
    position: relative;
    padding: 50px 20px 45px 25px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url("../images/birthday-messages-all/birthday_calebrate_card.webp");
    width: 100%;
    min-height: 213px;
}

.birthday_number {
    position: absolute;
    top: 0;
    left: 40px;
    border-radius: 14px;
    font-size: 42px;
    font-weight: 700;
    font-family: "Protest Revolution", sans-serif;
    background: linear-gradient(180deg, #713E79 0%, #FCFDF1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.birthday_texts {
    color: #7A3C8C;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    padding-top: 30px;
}

.celebrate_birthdays_icon_1 {
    position: absolute;
    bottom: 10px;
    right: 20px;
    display: flex;
    gap: 12px;
    border-radius: 10px;
    background: #F2EAF4;
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #7A3C8C;
    transition: 0.3s;
    padding: 5px 0;
}

.celebrate_birthdays_icon_1 .celebrate_icons {
    padding: 0 5px;
    border: none;
}
.celebrate_icons{
    border: none;
}
.celebrate_birthdays_icon span:hover {
    background: #E5D3EB;
}

.birthday_popup_overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.birthday_popup_box {
    position: relative;
    background: #ffffff;
    border-radius: 28px;
    max-width: 620px;
    width: 92%;
    padding: 120px 40px 45px;
    text-align: center;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.birthday_popup_box::before {
    content: "";
    position: absolute;
    top: -90px;
    left: 0;
    width: 100%;
    height: 180px;
    background: #fff;
    border-radius: 0 0 100% 100%;
}

.popup_bunting {
    position: absolute;
    top: 0;
    left: 43px;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.popup_bunting img {
    max-width: 90%;
}

.popup_close {
    position: absolute;
    top: 18px;
    right: 20px;
    border: 1px solid #7A3C8C;
    background: #fff;
    color: #7A3C8C;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    cursor: pointer;
    z-index: 3;
}

.birthday_popup_box h3 {
    font-size: 22px;
    font-weight: 700;
    color: #7A3C8C;
    margin-bottom: 12px;
}

.birthday_popup_box p {
    font-size: 15px;
    line-height: 1.6;
    color: #7A3C8C;
    margin-bottom: 25px;
}

.popup_icons {
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    border-radius: 10px;
    background: #F2EAF4;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #7A3C8C;
    transition: 0.3s;
    padding: 5px 0;
    width: 100px;
}

/* ========================================================== End Birthday Messages All  ========================================================== */
/* ========================================================== Satart favorite-wishes  ========================================================== */
.birthday_tabs {
    display: flex;
    background: #F3EFEA;
    border-radius: 40px;
    padding: 6px;
    max-width: 700px;
    margin: 0 auto 40px;
}

.birthday_tab {
    flex: 1;
    border: none;
    background: transparent;
    color: #7A3C8C;
    font-size: 16px;
    padding: 14px 0;
    border-radius: 32px;
    cursor: pointer;
    transition: 0.3s;
}

.birthday_tab.active {
    background: #6F3B77;
    color: #fff;
}

.birthday_tab_content {
    margin-top: 20px;
}

.tab_panel {
    display: none;
}

.tab_panel.active {
    display: block;
}

.birthday_gif_card {
    background: #ffffff;
    border-radius: 28px;
    padding: 35px 20px 25px;
    text-align: center;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
}

.gif_image img {
    max-width: 200px;
    width: 100%;
    margin: auto;
    display: block;
}

.gif_icons {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 14px;
}

.gif_icons a {
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: #F2EAF4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #7A3C8C;
    font-size: 18px;
    cursor: pointer;
    transition: 0.3s;
}

/* ========================================================== End favorite-wishes  ========================================================== */
/* ========================================================== Start Emapty  ========================================================== */
.empty_data p {
    font-size: 16px;
    font-weight: 500;
    color: var(--primary);
}

.empty_data a {
    text-decoration: none;
    color: var(--primary);
    background: #E3BCC8;
    border-radius: 30px;
    padding: 10px 50px;
    font-size: 16px;
    font-weight: 600;
}

.empty_image {
    max-width: 500px;
    margin: 0 auto;
}

/* ========================================================== End Emapty  ========================================================== */
/* ==========================================================  Start About Us ========================================================== */
.bg_color {
    background-color: var(--bg_color);
}

.about_us {
    padding-top: 267px;
}

.about_us h5 {
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 34px;
}

.about_us p, li {
    font-size: 14px;
    color: black;
}

.about_us h6 {
    font-size: 14px;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 10px;
}

/* ==========================================================  End About Us ========================================================== */
/* ==========================================================  Start Community-Wishes ========================================================== */
.community_wishes {
    padding-top: 50px;
}

.community_wishes h1 {
    font-size: 48px;
    color: var(--primary);
    font-family: "Jua", sans-serif;
}

.community_btn {
    background-color: var(--primary);
    border-radius: 11px;
    color: white;
    border: none;
    padding: 11px 9px 11px 15px;
    margin-top: -20px;
    font-family: "Jua", sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.accordion-button::after {
    background-image: none;
    width: 0;
    height: 0;
}

.accordion-button:focus {
    box-shadow: none;
}

.wishes_profile {
    margin-bottom: 12px;
}

.wishes_profile img {
    box-shadow: 0px 0px 0px 2px rgba(244, 122, 113, 0.2);
}

.wishes_profile h6 {
    font-size: 14px;
    color: rgba(31, 36, 46, 1);
    font-weight: 600;
}

.text-muted {
    font-size: 12px;
    color: rgba(115, 123, 140, 1);
}

.wishes-text {
    font-size: 14px;
    color: black;
}

.like_cmt_part {
    border-top: 1px solid rgba(235, 230, 224, 1);
    padding: 12px 16px;
}

.accordion {
    margin-top: 23px;
}

.accordion-button {
    padding: 0;
}

.user-profile {
    padding: 16px 16px 0;
}
.profile-user .user-profile-image {
    object-fit: cover;
}

.avatar-xl {
    height: 7.5rem !important;
    width: 7.5rem !important;
}
.profile_show img {
    height: 28px;
    width: 28px;
}

.profile_show p {
    font-size: 14px;
    color: rgba(31, 36, 46, 1);
}

.thanku_msg {
    margin-left: 60px;
    padding-bottom: 15px;
}

.cmt-border {
    border-top: 0.25px solid rgba(115, 123, 140, 0.3);
}

.accordion-body {
    padding: 0;
}

.comment_msg {
    padding: 16px;
}

.accordion-body hr {
    margin: 0;
}

.post-input-wrapper {
    display: none;
}

.back-btn {
    display: none;
    background-color: var(--primary);
    color: white;
    border: none;
    width: 141px;
    height: 40px;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    font-family: "jua", sans-serif;
}

.back-btn:hover {
    background: #5a3160;
}

.add-btn {
    border-radius: 82px;
    background-color: var(--primary);
    text-align: center;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.post-input-wrapper {
    display: none;
    gap: 29px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.post-input-wrapper input[type='text'] {
    width: 100%;
    background: #7F386D1A;
    height: 52px;
    border: none;
    border-radius: 10px;
    padding-left: 20px;
}

.post-btn {
    width: 67px;
    height: 52px;
    background-color: var(--primary) !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 9px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border: none;
}

.reply_link {
    margin-left: 54px;
}

.reply_link a {
    text-decoration: none;
    font-size: 12px;
    color: gray;
}

.post-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.post-modal-content {
    background: #fff;
    width: 420px;
    padding: 15px;
    border-radius: 14px;
}

.post-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
}

.profile-img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
}

.close-btn {
    margin-left: auto;
    font-size: 27px;
    cursor: pointer;
}

.postText {
    width: 100%;
    height: 90px;
    border: none;
    border-radius: 10px;
    padding: 10px;
    background: #efe6df;
    outline: none;
}

/* ==========================================================  End Community-Wishes ========================================================== */
/* ==========================================================  Start Change-Password ========================================================== */
.change_password_box {
    width: 469px;
    border: 0.75px solid rgba(137, 137, 137, 0.14);
    border-radius: 15px;
    padding: 17px;
    margin: 21px auto;
}

.change_password_box input {
    width: 100%;
    border: 1px solid rgba(232, 232, 232, 1);
    border-radius: 9px;
    height: 57px;
    padding-left: 20px;
    margin-top: 9px;
    margin-bottom: 14px;
}

.change_password_box label {
    font-weight: 500;
    font-size: 14px;
}

.change_password_box li {
    color: rgba(97, 97, 97, 1);
    margin-bottom: 6px;
}

.password_rules {
    font-size: 14px;
    font-weight: 500;
}

.change_password_box button {
    width: 100%;
    height: 57px;
    border-radius: 63px;
    background-color: var(--primary);
    border: none;
    color: white;
    margin: 10px 0;
}

input::placeholder {
    font-size: 14px;
    color: rgba(97, 97, 97, 1);
}

.password-box {
    position: relative;
    width: 100%;
}

.password-box input {
    padding: 12px 40px 12px 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
}

.password-box .eye {
    position: absolute;
    right: 14px;
    top: 60%;
    transform: translateY(-50%);
    cursor: pointer;
    color: #999;
}

/* ==========================================================  End Change-Password ========================================================== */
/* ==========================================================  Start Profile-edit ========================================================== */
/*.profile_edit_box {*/
/*    width: 982px;*/
/*    height: 100%;*/
/*    border: 0.75px solid rgba(137, 137, 137, 0.14);*/
/*    border-radius: 15px;*/
/*    padding: 15px 66px 45px 17px;*/
/*    margin: auto;*/
/*}*/

/*.img_box {*/
/*    width: 141px;*/
/*    height: 168px;*/
/*    background-color: #E8E8E8;*/
/*    border-radius: 18px;*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    overflow: hidden;*/
/*    object-fit: cover;*/
/*}*/
/*.profile_edit_box label {*/
/*    font-size: 14px;*/
/*    color: #898989;*/
/*}*/

.profile_edit_box input {
    width: 100%;
    height: 47px;
    border: 1px solid #E8E8E8;
    border-radius: 9px;
    padding-left: 22px;
    margin-top: 8px;
    margin-bottom: 14px;
}

.profile_edit_box select {
    height: 47px;
    font-size: 14px;
    color: #616161;
    padding-left: 22px;
}

/*input[type="date"] {*/
/*    font-size: 14px;*/
/*}*/

/*select {*/
/*    appearance: none;*/
/*    background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='black' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");*/
/*    background-repeat: no-repeat;*/
/*    background-position: right 14px center;*/
/*    background-size: 16px;*/
/*}*/

.profile_edit_box button {
    width: 186px;
    height: 47px;
    background-color: var(--primary);
    border-radius: 63px;
    border: none;
    color: white;
    font-size: 14px;
}

/*.upload_box img.uploaded {*/
/*    width: 141px;*/
/*    height: 168px;*/
/*    object-fit: cover;*/
/*    border-radius: 18px;*/
/*}*/
.upload_box {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    background-color: #B2B0B0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.upload_box img.uploaded {*/
/*    width: 141px;*/
/*    height: 168px;*/
/*    object-fit: cover;*/
/*    border-radius: 18px;*/
/*}*/

.upload-box {
    border-radius: 18px;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    transition: all 0.3s;
    background-color: #E8E8E8;
}

/*.upload-box i {*/
/*    font-size: 30px;*/
/*    color: #666;*/
/*}*/

/*.upload-box small {*/
/*    font-size: 13px;*/
/*    color: #888;*/
/*}*/

/*.upload-box input[type="file"] {*/
/*    display: none;*/
/*}*/
.upload_card {
    width: 141px;
    height: 168px;
    background-color: #EFEFEF;
    border-radius: 18px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

/* Circle icon bg */
.upload_card img.icon {
    width: 56px;
    height: 56px;
    /*background-color: #BDBDBD;*/
    /*border-radius: 35%;*/
    /*padding: 10px;*/
    /*margin-bottom: 6px;*/
    position: relative;
}
/*.upload_card:before {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    content: "";*/
/*    !*width: 100%;*!*/
/*    !*height: 100%;*!*/
/*    background-color: #BDBDBD;*/
/*    border-radius: 35%;*/
/*}*/

/* Uploaded image full fit */
.upload_card img.uploaded {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 18px;
}

/* ==========================================================  End Profile-edit ========================================================== */

/* ==========================================================  Start Profile ========================================================== */
.profile_img img {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 1px solid #713E79;
    background-color: white;
    margin-top: 35px;
}

.image_add {
    width: 62px;
    height: 62px;
    background-color: var(--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -17px;
    right: 0;
}

.profile_photo {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.image_add img {
    width: 20px;
}

.user_info {
    font-weight: 500;
    margin-top: 21px;
}

.setting_profile {
    width: 602px;
    margin-top: 18px;
}

.count_box {
    border-radius: 10px;
    background-color: var(--primary);
    height: 137px;
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
}

.count_box p {
    font-size: 24px;
    font-weight: 500;
}

.edit_account {
    background-color: #EEEAE5;
    width: 100%;
    height: 48px;
    padding-left: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 12px;
}

.edit_account p {
    font-size: 14px;
    color: #949494;
}
.logout_account{
    background-color: #FFECE9;
    width: 100%;
    height: 48px;
    padding-left: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    text-decoration: none;
    margin-bottom: 12px;
}
.logout_account p {
    font-size: 14px;
    color: #FF1F1F;
}
/*==========================================================  End Profile ==========================================================*/
/*==========================================================  Start Register ==========================================================*/
.close_btn {
    right: 31px;
    top: 35px;
}

.bg_dot {
    background-image: url("../images/register/bg_dot.png");
    background-color: var(--bg_color);
    object-fit: cover;
    /*height: 658px;*/
    width: 1140px;
    border-radius: 70px;
    margin-bottom: 70px;
    padding: 28px 0;
    display: flex;
    justify-content: center;
}

.bg_dot h2 {
    font-size: 36px;
    font-family: "Jua", sans-serif;
    color: var(--primary);
}

.req_msg {
    font-weight: 500;
    color: var(--primary);
    margin-bottom: 27px;
}

.account_details {
    width: 437px;
}

.account_details input {
    width: 100%;
    margin-bottom: 13px;
}

.account_details label {
    font-size: 14px;
    font-weight: 500;
    color: black;
    margin-bottom: 6px;
}

.create_btn {
    width: 100%;
    background-color: var(--primary);
    height: 48px;
    border-radius: 100px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    margin-top: 21px;
    margin-bottom: 15px;
    color: #fff;
    text-decoration: none;
}

.create_btn a {
    color: white !important;
    text-align: center;
    text-decoration: none;
}

.other_way p {
    font-size: 12px;
    color: #757575;
}

.other_way a {
    color: var(--primary);
    text-decoration: none;
    margin-left: 6px;
    font-weight: 500;
}

.other_plateform {
    height: 48px;
    width: 48px;
    background-color: white;
    border-radius: 50%;
    align-items: center;
    display: flex;
    justify-content: center;
    border: 1px solid #C4C4C47D;
    margin-bottom: 36px;
}

.acount_banner {
    background: var(--pink_bg);
    padding-top: 175px;
}

/*==========================================================  End Register ==========================================================*/
/*==========================================================  Start Login ==========================================================*/
.forgot_password {
    font-size: 14px;
    color: #757575;
    margin-bottom: 22px;
}

.account_details input[type="radio"] {
    width: 20px;
    height: 20px;
    accent-color: var(--primary);
}

.agreement {
    color: var(--primary);
}

.user-agreement {
    font-size: 14px;
    color: #757575;
}

.custom-radio input {
    display: none;
}

/*==========================================================  End Login ==========================================================*/
/*==========================================================  Start Set-Password ==========================================================*/
.set_password {
    margin-top: 40px;
    margin-bottom: 37px;
    width: 631px;
}

/*==========================================================  End Set-Password ==========================================================*/
/*==========================================================  Start Your-Card ==========================================================*/
.back_home {
    width: 141px;
    height: 41px;
    background-color: var(--primary);
    color: white;
    font-size: 15px;
    font-family: "Jua", sans-serif;
    border-radius: 11px;
    border: none;
    margin-top: -20px;
}

/*==========================================================  End Your-Card ==========================================================*/
.birthday-slider .item {
    text-align: center;
    padding: 10px;
}

.birthday-slider p {
    font-size: 14px;
    line-height: 1.6;
}

.birthday-slider .owl-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    padding-top: 15px;
}

.birthday-slider .owl-nav button {
    background: none !important;
    border: none;
    padding: 0;
}

.custom-nav {
    width: 44px;
    height: 44px;
    background: #713E79;
    color: #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    cursor: pointer;
    pointer-events: none; /* 🔑 IMPORTANT */
}

.popup_icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    border-radius: 10px;
    background: #F2EAF4;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #7A3C8C;
    transition: 0.3s;
    padding: 5px 0;
    width: 100px;
}
.one_number{
    left: 52px;
}
.number{
    font-size: 31px;
    top: 11px;
}