@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Benne&display=swap');

.courgette-regular {
    font-family: "Courgette", cursive;
    font-weight: 400;
    font-style: normal;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    height: 50px;
    padding: .6rem .75rem;
    padding-top: .625rem;
    padding-bottom: .625rem;
    font-size: 14px;
    color: #000;
   
}

.benne-regular {
    font-family: "Benne", serif;
    font-weight: 400;
    font-style: normal;
}

body {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;

    font-style: normal;

}

ul {
    margin: 0;
    padding: 0
}

a {
    text-decoration: unset;
}

li {
    list-style: none
}

img {
    max-width: 100% !important;
    width: auto;
    height: auto
}

#header {
    background-color: #455763;

}

.navbar {
    padding: 0;
}

.navbar-brand {
    width: 28%;
    text-align: center;
    margin: 0;
}

.navbar a {
    text-decoration: none;
}

.navbar-expand-lg .navbar-nav {
    justify-content: space-between;
    width: 36%;
    align-items: center;
}

.logo.center-logo img {
    max-height: 120px;
}

#navbarSupportedContent {
    justify-content: center;
}



ul.navbar-nav li.nav-item {
    margin-right: 25px;
}

ul.navbar-nav li.nav-item:last-child {
    margin-right: 0;
}

ul.navbar-nav li.nav-item a.nav-link {
    color: #fff;
    font-size: 18px;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
    color: #D5C9B3;
}

ul.navbar-nav li.nav-item a.nav-link:hover {
    color: #D5C9B3;
}

/* Hero section css */
.hero_video {
    padding: 10px 75px 0;
}

.hero_video video {
    border-radius: 15px 15px 0 0;
}

.hero_text {
    background: #EEEAE5;
    margin-top: -6px;
    padding: 30px;

    border-radius: 0 0 15px 15px;
}

.hero_text h1 {
    font-size: 32px;
    color: #000;
    font-weight: 600;
    text-align: center;
    margin-bottom: 24px;

}

.btn.btn_blue {
    background: #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #fff;
    padding: 12px 30px;
    font-size: 18px;
}

.obit_hero.d-flex {
    justify-content: center;
    align-items: center;
}

.obit_or {
    width: 100px;
    text-align: center;
    max-width: 100px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 30px;
}

span.obit_or_text {
    width: 30px;
    height: 30px;
    background: #D5C9B3;
    display: flex;
    border-radius: 50px;
    cursor: none;
    font-size: 12px;
    color: #655945;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.obit_or::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #D5C9B3;
    z-index: 0;
}

.obit_search .input-group {
    background: #FFFFFF;
    border: 1px solid #E0E5EB;
    box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.1);
    border-radius: 6px;
    padding: 4px;

}

.obit_search .input-group button.input-group-text.btn {
    padding: 0;
}

.obit_search span.input-group-text {
    background: #445762;
    margin: 0;
    border-radius: 6px !important;
    width: 34px;
    height: 34px;
    border: 0;
    padding: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.obit_search input.form-control {
    border: 0;
    box-shadow: none;
    height: 34px;
    font-size: 14px;
}

.obit_search input.form-control:nth-child(2) {
    border-left: 1px solid #ddd !important;
}

span.plas_or {
    font-size: 12px;
    color: #455763;
    margin-bottom: 5px;
    display: block;
}

/* Tree section */

.hedding h2 {
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
    color: #000;
    font-weight: 600;
}

.obit_gu {
    border: 1px solid #E2E2E2;
    border-radius: 12px;
    padding: 30px;
}

.obit_gu .row {
    align-items: center;
}

.obit_g_img {
    text-align: right;
    position: relative;
}

.obit_gu h3 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
}

.obit_gu p {
    font-size: 14px;
    color: #000;
    line-height: 26px;
    margin-top: 25px;
}

.obit_gu a {
    color: #455763;
    font-size: 16px;
    margin-top: 40px;
    display: block;
}

.obit_gu a svg {
    margin-left: 10px;
}

.obit_g_icon {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #fff;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.obit_g_img img {
    border-radius: 10px;
}

.mem_wild {
    background: url(../images/obit_gu_end.jpg) no-repeat;
    padding: 20px;
    background-size: cover;
    border-radius: 10px;
    margin-bottom: 20px;
}

.mem_tree {
    background: url(../images/obit_gu_end2.jpg) no-repeat;
    padding: 20px;
    background-size: cover;
    border-radius: 10px;
}

.mem_wild_text {
    width: 54%;
}

.mem_wild_text h4 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.mem_wild_text p {
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

.mem_wild .mem_wild_text h4,
.mem_wild .mem_wild_text p {
    color: #fff;
}

.mem_wild .mem_wild_text h5 {
    color: #fff;
    font-size: 15px;
    margin: 16px 0px;
}

/* Newly Added Obituraties */

.new_add_or {
    overflow: hidden;
    background: #D3DBDD;

}

.bu_list ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.bu_list ul li {
    background: #F3F3F3;
    border: 1px solid #DADADA;
    color: #000;
    padding: 12px 15px;
    margin: 0px 5px 15px;
    border-radius: 50px;
}


.new_add_or .owl-stage {
    display: flex;
    transition: flex .4s ease;
    position: relative;
}

.new_add_or .owl-stage .owl-item {
    display: flex;
    flex: 1;
    transition: flex .7s ease;
    position: relative;
    background: #E9E2DA;
    border-radius: 15px;
    position: relative;
}

.new_add_or .owl-stage .owl-item:first-child {
    flex: 2;
}


.new_add_or .item {
    width: 100%;
    height: 380px;

}

.obit_c_b {
    display: none;
}

.image_orbt {
    height: auto;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 15px;
    overflow: hidden;
    max-width: 60%;
}

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

.new_add_or .owl-stage .owl-item:first-child .obit_c_b {
    display: block;
}

.new_add_or .owl-stage .owl-item:hover .obit_c_b {
    display: block;
}

.obit_card_te {
    padding: 40px 10px 10px 30px;
    position: relative;
    z-index: 22;
    background: rgb(33, 33, 33, 0.6);
    width: max-content;
    border-radius: 10px;
}

.obit_card_te h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
}

.obit_card_te p {
    font-size: 13px;
    color: #fff;
}

.arrow_icon {
    left: 40px;
    position: absolute;
    bottom: 30px;
    width: 64px;
    height: 64px;
    background: #212121;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #E9E2DA;
}

.new_add_or .owl-stage .owl-item::before {
    background: #212121;
    position: absolute;
    content: "";
    width: 100%;
    border-radius: 15px;
    height: 100%;
}

.new_add_or .owl-stage .owl-item {
    transition: flex .7s ease;
}

.new_add_or .owl-stage .owl-item:hover:before {
    height: 82%;
}

.new_add_or .owl-stage .owl-item:first-child:before {
    height: 82%;
}

.new_add_or .hedding h2 {
    font-size: 36px;
    font-weight: 700;
}

.owl-theme .owl-nav {
    display: flex;
    align-items: center;
    justify-content: end;
}

.owl-theme .owl-nav button {
    border-radius: 50px !important;
}

.owl-theme .owl-nav button span {
    width: 40px;
    height: 40px;
    text-align: center;
    border: 1px solid #8d8d8d;
    border-radius: 50px;
    font-size: 28px;
    line-height: 34px;
    display: block;
}


/* Browse Obituaries by */

.bro_obit .hedding h2 {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 40px;
}

.bro_obit_grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 28px;
}

.bro_obit_card {
    max-width: 400px;
    background: #E9E2DA;
    padding: 40px;
    border-radius: 15px;
    text-align: center;
    flex: 1;
}

.bro_obit_card h3 {
    font-size: 24px;
    font-weight: 600;
}

.bro_obit_card p {
    font-size: 14px;
    color: #666666;
}

.bro_obit_card a {
    color: #455763;
    font-size: 16px;
    margin: 20px 0 30px;
    display: block;
}

.bro_obit_card a svg {
    margin-left: 10px;
}

.bro_obit_card_right {
    background: #D5C9B3;
}


/* footer css */
footer.footer {
    background: #455763;
    padding: 70px 0 0;
}

.logo_fo img {
    height: 90px;
    margin-bottom: 24px;
}

.cont_footer a {
    font-size: 15px;
    color: #fff;
    display: block;
    padding: 10px 0;
}

.cont_footer a svg {
    margin-right: 10px;
}

.footer_links h3 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.footer_links ul li a {
    font-size: 13px;
    color: #CAD0D9;
    padding: 8px 0;
    display: block;
    transition: flex .7s ease;
}

.footer_links ul li a:hover {
    color: #f5d8b7;
    text-decoration: underline;
}

.footer_bottom {
    text-align: center;
    border-top: 1px solid #808A91;
    margin-top: 30px;
    padding: 25px 0;
}

.footer_bottom p {
    color: #9CA3AF;
    font-size: 14px;
    margin-bottom: 0;
}

.footer_bottom p a {
    color: #CAD0D9;
}


/* Login Modal */
.modal-backdrop.show {
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(7px);
}

.modal-content {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(3, 18, 51, 0.15);
    border-radius: 15px;
    border: 0;
}

.header-close {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 10px;
    z-index: 99;
}

.btn-close {
    width: 12px;
    height: 12px;
    padding: 2px;
    opacity: 1;
}

.login_mo h2 {
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin-top: 20px;
}

.login_mo {
    padding: 30px;
}

.modal.show .modal-dialog {
    transform: none;
    max-width: 600px;
}

.login_mo p {
    font-size: 15px;
    color: #969696;
    margin-bottom: 35px;
    font-weight: 300;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext {
    padding: .6rem .75rem;
}

.form-floating>.form-control,
.form-floating>.form-control-plaintext,
.form-floating>.form-select {
    height: calc(3rem + calc(var(--bs-border-width)1px * 2));
    min-height: calc(3rem + calc(var(--bs-border-width) * 2));
    color: #000;
}

.form-floating>label {
    padding: .7rem .75rem;
    font-size: 15px;
}

.form-floating>.form-control-plaintext:focus,
.form-floating>.form-control-plaintext:not(:placeholder-shown),
.form-floating>.form-control:focus {
    padding-top: .625rem;
    padding-bottom: .625rem;
    box-shadow: none;
    border-color: #000;
}

.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.form-floating>.form-control-plaintext~label,
.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    color: #242f36;
    transform: scale(.85) translateY(-1.5rem) translateX(.15rem);
}

.forgot_pass {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
}

.forgot_linki a {
    font-size: 15px;
    color: #232323;
}

.form-check label {
    cursor: pointer;
    font-size: 14px;
    margin-left: 10px;
}

.form-check .form-check-input {
    width: 22px;
    height: 22px;
    border: 2px solid #222;
    margin-top: 2px;

}

.form-floating>label {
    transition: opacity .3s ease-in-out, transform .3s ease-in-out;
    color: #9A9A9A;
}

button.btn.btn-login {
    background: #455763;
    border-radius: 8px;
    color: #fff;
    width: 100%;
    padding: 11px 8px;
    font-size: 17px;
}

.login_with {
    position: relative;
    text-align: center;
    padding: 20px 0;
}

.login_with span {
    font-size: 14px;
    color: #6E6E6E;
    position: relative;
    background: #fff;
    padding: 5px 10px;
}

.login_with::before {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background: #D9D9D9;
    left: 0;
    right: 0;
    margin-top: 14px;
    z-index: 0;
}

.social_login ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

}

.social_login ul li a {
    border: 1px solid #E6E8E7;
    width: 74px;
    text-align: center;
    padding: 12px;
    border-radius: 10px;
    display: block;
}

.fot_l {
    text-align: center;
    margin-top: 30px;
}

.fot_l p {
    margin-bottom: 0;
    font-size: 16px;
    color: #6C6C6C;
}

.fot_l p a {
    color: #455763;
    font-weight: 600;
    text-decoration: underline;
}


/* Create Obituray css */

.s_hero_img {
    overflow: hidden;
    border-radius: 15px;
    max-height: 192px;
    padding: 15px 0;
}

.s_hero_img img {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    object-fit: cover;
    max-height: 192px;
}

.cr_ob_box {
    max-width: 670px;
    margin: 0 auto;
    margin: 50px auto;
}

.cr_ob_card {
    display: flex;
    background: #fff;
    box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    margin: 30px 0 40px;
    padding: 20px 30px 15px;
}

.cr_ob_box h1 {
    font-size: 40px;
    font-weight: 900;
    color: #000;
    text-align: center;
}

.cr_ob_box h1 span {
    display: block;
    color: #465568;
}

.cr_ob_box p.cr_p {
    color: #666666;
    font-size: 15px;
    margin: 20px auto;
    text-align: center;
    max-width: 580px;
}

.cr_ob_box h5 {
    text-align: center;
    font-size: 15px;
}

.cr_ob_text {
    flex: 1;
}

.cr_ob_icon {
    width: 44px;
    height: 44px;
    background: #FFF4CA;
    text-align: center;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

.cr_ob_text h3 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
}

.cr_ob_text p {
    font-size: 15px;
    color: #666;
}

.card_b_ob .cr_ob_icon {
    background: #BDDAFC;
}

.can_b a {
    text-align: center;
    display: block;
    color: #666;
    font-size: 16px;
}

ul.form-wizard-list {
    display: flex;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    margin: 30px 0 0;
}

ul.form-wizard-list li {
    width: 16.6666666667%;
    position: relative;
}

.form_bg_page {
    background: #F5F4F8;
    padding-bottom: 50px;
}

.wizard_l span {
    filter: drop-shadow(0px 3px 6px rgba(212, 212, 212, 0.4));
    background: #fff;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #666;
}

ul.form-wizard-list li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ABAFBC;

}

.wizard_l h5 {
    color: #666666;
    margin: 15px 0 0;
    font-size: 14px;
    padding-right: 15px;
}

ul.form-wizard-list li::before {
    content: "";
    position: absolute;
    width: 98%;
    border: 1px dashed #ABAFBC;
    background: transparent;
    top: 18px;
    left: 2px;
}

ul.form-wizard-list li.active::before {
    border: 2px solid #005187;


}

.wizard_l.active span {
    background: #005187;
    color: #fff;
}

.wizard_l.active h5 {
    color: #000;

}

.staps_hedding {
    text-align: center;
    margin: 30px 0;
}

.staps_hedding h2 {
    font-weight: 600;
    color: #000;
    font-size: 28px;
}

.staps_hedding p {
    font-size: 15px;
    color: #455763;
    background: #E5E5E5;
    width: fit-content;
    margin: 0 auto;
    padding: 10px 15px;
    border-radius: 6px;
}

.form-check-input:checked {
    background-color: #005085;
    border-color: #005085 !important;
}

.form_staps {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

.fom_sub_h {
    font-size: 15px;
    color: #005187;
    margin-bottom: 30px;
}

span.date_icon {
    position: absolute;
    top: 12px;
    right: 15px;
    color: #666;
    font-size: 18px;
}

.form-floating>label span {
    color: #005187;
}

.f_re_b h4 {
    font-size: 15px;
    color: #000;
    margin-top: 15px;
}

.service-header h5 {
    font-size: 16px;
    color: #000;
}

.f_re_b p {
    font-size: 12px;
    color: #666;
}

.f_re_b_r .form-check-input:checked {
    background-color: #005187;
    border: 2px solid #ffffff !important;
    outline: #005187 solid 2px;
}

.f_re_b_r .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
}

.f_re_b_r label.form-check-label {
    color: #9A9A9A;
}

.f_re_b_r .form-check .form-check-input {
    border: 1px solid #CECECE;
}

.f_re_b_r .form-check-input:checked~label.form-check-label {
    color: #000;
}

.f_re_b_r {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
}

.form_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add_ser_links a {
    font-size: 15px;
    color: #005187;
    border-bottom: 1px solid #005187;
}

.btn.btn_p {
    background: #ffffff;
    border-radius: 6px;
    color: #435762;
    padding: 10px 24px;
    font-size: 18px;
    border: 1px solid #455763;
}

.btn.btn_p svg {
    margin-right: 8px;
}

.btn_next .btn.btn_blue {
    padding: 10px 30px;
}

.btn_next .btn.btn_blue svg {
    margin-left: 8px;
}

.fom_sub_text h4 {
    font-size: 22px;
    color: #000;
}

.fom_sub_text p {
    font-size: 13px;
    color: #666;
    margin-bottom: 30px;
}

textarea.form-control {
    padding-top: 15px;
}

.upload-box {
    border: 1px dashed #CCC7C7;
    border-radius: 10px;
    padding: 30px;
    text-align: center;
    color: #999;
    margin-bottom: 10px;
    background-color: #F8F8F6;
    cursor: pointer;
}

.upload-box p {
    font-size: 14px;
}

.upload-box img {
    width: 48px;
    margin-bottom: 10px;
}

p.text-muted {
    font-size: 13px;
    color: #005187 !important;
}

.thumbnail-container {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.thumbnail-container img,
.thumbnail-container video {
    width: 140px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.media-item img,
.media-item video {
    width: 140px;
    height: 120px;
    object-fit: cover;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.media-item .remove-icon {
    width: 20px;
    height: 20px;
    text-align: center;
    font-size: 12px !important;
    padding: 4px;
}



.remove-btn {
    position: absolute;
    top: 3px;
    right: 3px;
    background: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #ddd;
}

.video-play-icon::before {
    content: '▶';
    font-size: 13px;
    color: white;
    position: absolute;
    top: 36%;
    left: 36%;
    background: rgb(255 255 255 / 40%);
    padding: 6px 6px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}

.modal-dialog.modal-fullscreen {
    max-width: 96% !important;
    margin: 15px auto;

}

.modal-fullscreen .modal-content {
    border-radius: 15px;
    overflow: hidden;
}

.modal-fullscreen .modal-body {
    padding: 0;
}

.choose_t h3 {
    font-size: 18px;
    font-weight: 600;
}

.choose_t h3 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #E2DBD3;
    padding: 15px 20px;
    color: #000;
    margin-bottom: 0;
}

.choose_tem_box {
    display: flex;
}

.tep_list {
    width: 40%;
    background: #F0EBE5;
    padding: 20px;
}

.tep_list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.list_tep_img {
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
    height: 96px;
}

.list_tep_img img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tep_list ul li h5 {
    font-size: 14px;
    color: #455763;
    margin-top: 15px;
}

.tep_list ul li {
    width: 130px;
}

.tep_list h4 {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.tep_list p {
    font-size: 13px;
    color: #666;
}

.template_card {
    width: 60%;
}

.obt_pr_bg {
    height: 100%;
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}

.obt_profile_h {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.obt_pro_card {
    position: relative;
    z-index: 11;
    display: flex;
    align-items: center;
    padding: 30px 30px 20px;
}

.template_card_in {
    padding: 30px;
    height: 78vh;
    overflow: auto;
}

.tem_ca_he h6 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.orbit_imag {
    width: 150px;
    height: 150px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 20px;
}

.obt_pro_links a {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #455763;
    border-radius: 100px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 20px;
    gap: 5px;
    color: #455763;
    width: max-content;
    font-size: 15px;
}

.obt_add_btn button.btn {
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #455763;
    border-radius: 100px;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 7px 20px;
    gap: 5px;
    color: #455763;
    width: max-content;
    font-size: 15px;
}

.obt_add_btn .obt_pro_links p {
    font-size: 14px;
    position: absolute;

}

.obt_text_m {
    margin-top: 30px;
    border: 1px solid #455763;
    border-radius: 10px;
    padding: 25px;
}

.obt_text_m h3 {
    color: #000;
}

.obi_pu {
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

.obt_text_m p {
    color: #222222;
    font-size: 19px;
}

.btn_fot_modal {
    border-top: 1px solid #E2DBD3;
    padding: 15px 20px;
    text-align: right;
}

.pac_am {
    border: 1px solid #DADADA;
    border-radius: 10px;
    padding: 20px;
}

.pac_fec {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

.pac_fec_list h4 {
    font-size: 17px;
    font-weight: 600;
    color: #35353F;
}

.pac_fec_list p {
    font-size: 14px;
    color: #35353F;
    margin-bottom: 0;
    min-height: 40px;
}

.orb_preview.text-center {
    background: #E9E2DA;
    border: 1px solid #DADADA;
    border-radius: 10px;
    padding: 50px 30px;
    height: 100%;
}

.orb_preview_img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 100px;
    margin: 0 auto 20px;
}

.orb_name h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.orb_name {
    border-bottom: 1px dashed #A9A9AA;
    padding-bottom: 20px;
}

.priv_ob a.btn {
    background-color: transparent;
    color: #455763;
    border: 1px solid #455763;
    padding: 10px 20px;
    margin: 20px 0;
}

.priv_ob .btn {
    background-color: transparent;
    color: #455763;
    border: 1px solid #455763;
    padding: 10px 20px;
    margin: 20px 0;
}

.priv_ob p {
    font-size: 16px;
    color: #222;
}

.total_am_pac {
    border-top: 1px dashed #A9A9AA;
    padding-top: 30px;
    margin-top: 20px;
}

.total_am_pac h5 {
    font-size: 32px;
    font-weight: 700;
    color: #000;
}

.total_am_pac h5 span {
    font-size: 16px;
    font-weight: normal;
    margin-right: 10px;
}

.total_am_pac p {
    font-size: 13px;
    color: #666;
}

.total_am_pac.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.tree_image {
    border-radius: 10px;
    overflow: hidden;
    height: 248px;
}

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

.add_tree_heding h3 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
}

.add_tree_heding p {
    font-size: 15px;
    color: #005187;
}

.add_btn_tr a {
    background: #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
}

.add_btn_tr .add-to-cart-btn {
    background: #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    font-size: 15px;
}

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

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none !important;
}

.add_btn_tr .alert.alert-success a {
    width: 20px !important;
    display: inline-block;
    height: 20px;
    padding: 2px;
    background: #eb6464;
    box-shadow: none;
    border-radius: 50px;
    line-height: 14px;
    font-size: 12px;
    position: unset;
}

.add_btn_tr button.btn.btn-secondary:disabled {
    min-width: 80px;
    margin-right: 10px;
}

.add_btn_tr .alert.alert-success {
    margin-bottom: 0 !important;
}


.add_tree .total_am_pac h5 {
    margin: 0;
}

.border-_top {
    border-top: 1px solid #D9D9D9;
}

.checkout_bg {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.checkout_bg h3 {
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}

.summery_bg {
    background: #E9E2DA;
    padding: 20px;
    border-radius: 10px;
}

.summery_bg h3 {
    color: #000;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0px;
}

.product_list_su {
    gap: 15px;
    padding: 15px 0;
    border-bottom: 0 !important;
}

.produ_img_s {
    width: 64px;
    min-width: 64px;
    height: 64px;
    border-radius: 5px;
    overflow: hidden;
}

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

.border-bottom-1 {
    border-bottom: 1px solid #ccc;
}

.pro_text_su p {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    margin-bottom: 6px;
}

.pro_text_am {
    color: #005187;
    font-size: 16px;
    font-weight: 600;
}

.discount_code input.form-control {
    border-color: #D9D9D9;
    height: 48px;
}

.discount_code {
    margin-bottom: 15px;
}

button.btn.btn_apply {
    background: #005187;
    margin-left: 8px;
    color: #fff;
    padding: 10px 20px;
}

.info_to_p h4 {
    min-width: 40%;
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.info_to_p p {
    width: 60%;
    font-size: 15px;
    color: #666;
}

.total_amount {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 15px;
}

.t_t_d {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.check_out_hedding h2 {
    font-size: 26px;
    font-weight: 600;
    color: #000;
    padding: 25px 0 15px;
}

.hedding_bill h4 {
    font-size: 18px;
    color: #000;
    border-top: 1px solid #ddd;
    padding: 20px 0 10px;
}

.thanks_text {
    text-align: center;
    padding: 50px;
}

.thanks_text h2 {
    font-size: 24px;
    font-weight: 600;
    color: #000;
    margin: 30px 0 20px;
}

.thanks_text p {
    font-size: 15px;
    color: #2C2D2E;
    margin: 0px auto 30px;
    max-width: 350px;
}

.thanks_text .btn.btn-login {
    width: auto;
    padding: 10px 30px;
}

/* After login css */

.after_login .navbar-toggler {
    border: none;
    background: transparent !important;
}

.after_login .navbar-toggler:hover {
    background: transparent !important;
}

.after_login .navbar-toggler .toggler-line {
    display: block;
    width: 22px;
    height: 2px;
    background: #000;
    margin: 5px 0;
    transition: all 0.2s;
}

/* ANIMATED X */
.navbar-toggler.x .toggler-line:nth-of-type(1) {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler.x .toggler-line:nth-of-type(2) {
    opacity: 0;
}

.navbar-toggler.x .toggler-line:nth-of-type(3) {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

/* RESET ON COLLAPSE */
.navbar-toggler.x.collapsed .toggler-line:nth-of-type(1) {
    transform: rotate(0);
}

.navbar-toggler.x.collapsed .toggler-line:nth-of-type(2) {
    opacity: 1;
}

.navbar-toggler.x.collapsed .toggler-line:nth-of-type(3) {
    transform: rotate(0);
}

/* Force navbar-toggler always visible */
.after_login .navbar-header {
    float: none;
}

.after_login .navbar-toggler {
    display: block;
    stroke: none;
    box-shadow: none;
    border: 0;
}



.after_login .navbar-collapse {
    opacity: 0;
}



.after_login .navbar-nav>li {
    float: none;
}

.after_login .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.after_login .navbar-collapse {

    position: absolute;
    left: 0;
    top: 90px;
    background: #435762;
    padding: 15px;
    z-index: 22;
}

.after_login .navbar-collapse.show {
    opacity: 1;


}

.after_login .navbar-expand-lg .navbar-nav {
    display: block;
    width: 100%;
    opacity: 0;
}

.after_login .navbar-collapse.collapse.show .navbar-nav {
    opacity: 1;
}

.after_login .navbar-brand {
    font-size: 14px;
}

.after_login .navbar {
    justify-content: space-between;
}

.login_profile .dropdown-toggle {
    border: 0;
    color: #fff;
    font-size: 16px;
}

.after_login ul.dropdown-menu:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 39px;
    top: -9px;
    background: #FFFFFF;
    border-radius: 3px;
    transform: rotate(45deg);
    right: 23px;
}

.after_login ul.dropdown-menu {
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 10px 20px;
}

.after_login ul.dropdown-menu a.dropdown-item {
    font-size: 18px;
    color: #000000;
    position: relative;
    z-index: 22;
    padding: 20px 0;
    width: 160px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}

.after_login ul.dropdown-menu li:last-child a.dropdown-item {
    border-bottom: 0;
}

.after_login .dropdown-menu[data-bs-popper] {
    right: 0;
    left: unset;
}

.dropdown-toggle::after {
    display: none;
}

.after_login span.navbar-toggler-icon {
    background: #fff;
    height: 2px;
    width: 16px;
    position: relative;
}

.after_login span.navbar-toggler-icon::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    background: #fff;
    height: 2px;
    width: 24px;
}

.after_login span.navbar-toggler-icon::before {
    position: absolute;
    content: "";
    left: 0;
    top: -10px;
    background: #fff;
    height: 2px;
    width: 24px;
}

.my_ac_left {
    background: #F0EBE6;
    padding: 30px;
    border-radius: 6px;
}

.my_ac_left h2 {
    color: #000;
    font-size: 30px;
    font-weight: 600;
}

.my_ac_left p {
    color: #666666;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 30px;
}

.my_ac_btn a.btn {
    display: block;
    color: #000;
    padding: 10px 15px;
    margin: 20px 0;
}

a.btn.btn_crete {
    background: #D5C9B3;
}

a.btn.btn_logout {
    background: #fff;
    border: 1px solid #455763;
    color: #455763;
}

.my_ac_right {
    background: #FFFFFF;
    box-shadow: 0px 16px 20px rgba(0, 0, 0, 0.06);
    border-radius: 6px;
    padding: 30px;
}

.my_ac_right h3 {
    font-weight: 700;
    color: #000;
    font-size: 22px;
    margin-bottom: 20px;
}

.my_ac-tab ul {
    border-bottom: 1px solid #E0E0E0;
}



.my_ac-tab .nav-link,
.my_ac-tab .nav-link:focus,
.my_ac-tab .nav-link:hover {
    color: #7F888E;
    font-weight: 500;
    font-size: 16px;
}

.my_ac-tab .nav-link img {
    opacity: 0.5;
    margin-right: 10px;
}

.my_ac-tab .nav-pills .nav-link.active,
.my_ac-tab .nav-pills .show>.nav-link {
    color: #28343C;
    background-color: transparent;
    border-bottom: 2px solid #28343C;
    border-radius: 0;
}

.my_ac-tab .nav-pills .nav-link.active img,
.my_ac-tab .nav-pills .show>.nav-link img {

    opacity: 1;
}

.obt_f.d-flex.current {
    background: #DBEAFE;
}

.obt_f.d-flex {
    border: 1px solid #DFDFDF;
    border-radius: 12px;
    padding: 20px;
    margin: 10px 0;
}

.in_orb {
    flex: 1;
}

.d_flex_item {
    display: flex;
}

.obt_pro_text {
    flex: 1;
}

.obt_pro_text p {
    font-size: 14px;
    color: #000;
    margin-bottom: 10px;
}

.obt_pro_text h4 {
    font-size: 18px;
    font-weight: 600;
}

.obt_date {
    font-size: 14px;
    color: #73593C;
    display: flex;
    align-items: center;
    gap: 10px;
}

.img_orb_p {
    width: 90px;
    height: 90px;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
}

.orb_ac_btn {
    border-top: 1px dashed #BCBCBC;
    margin-top: 15px;
    padding-top: 10px;
    text-align: end;
}

.last_de-btn {
    text-align: end;
}

.obt_delete a {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-right: 0;
    border: 1px solid #FF1A1A;
}

a.btn.btn_not_pu {
    background: #D5C9B3;
    margin-top: 20px;
    color: #73593C;
    font-size: 14px;
}

.orb_ac_btn a.btn {
    border: 1px solid #455763;
    padding: 8px 20px;
    font-size: 16px;
    margin: 8px 0 0 10px;
}

a.btn.btn_p_ob {
    background: #455763;
    color: #fff;
}

a.btn.btn_p_ob svg {
    margin-left: 6px;
}

a.btn.publish {
    background: #C3E8D2;
    color: #117E4B;
}

.help_section {
    background: #F0EBE6;
    padding: 70px 0 50px;
}

.help_hedding h2 {
    font-weight: 600;
    color: #000;
}

.help_d_f {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.help_d_f a {
    font-size: 16px;
    color: #435762;
}

.accordion-item {
    background: #FFFFFF;
    box-shadow: 0px 24.5562px 32.7416px -14.7337px rgba(149, 149, 149, 0.25);
    border-radius: 6px;
    margin: 10px 0 15px;
    overflow: hidden;
    padding-left: 40px;
}

.ac_help {
    display: flex;
    gap: 30px;
}

.accordion {
    flex: 1;
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.accordion-button:not(.collapsed) {
    background-color: #fff;
    box-shadow: none;
    color: #1B1139;
}

.accordion-button::after {
    position: absolute;
    left: -20px;
}

.accordion-button {
    color: #1B1139;
    font-weight: 500;
    padding: 1.7rem 1rem;
}

.accordion-body {
    font-size: 14px;
    color: #444;
    line-height: 26px;
    margin-bottom: 15px;
    padding-top: 0;
}

.prview_orbsec .obt_pro_card {
    padding: 90px 30px 40px;
    z-index: 2;
}

.obt_profile_h:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 70%;
    background: linear-gradient(269.86deg, rgba(255, 255, 255, 0) 0.69%, #FFFFFF 99.88%);
    z-index: 1;
}



.prview_orbsec {
    padding: 35px 20px;
}

.flower_tree {
    padding: 30px 0;
}

.flower_tree h2 {
    text-align: center;
    color: #000;
    font-weight: 700;
    margin-bottom: 30px;
}

.flower_tree .pac_am {
    background: #E5E5E5;
    border-color: #DADADA;
}

.user_date {
    color: #666666;
    font-size: 13px;
    margin-top: 3px;
}

.user_card {
    display: flex;
    gap: 15px;
    border: 1px solid #E9E2DA;
    border-radius: 5px;
    padding: 15px;
    margin: 10px 0;
}

.user_c_t h5 {
    font-size: 16px;
    color: #000;
}

.user_c_t h5 span {
    color: #666666;
    font-size: 13px;
}

.custom_file_up .upload-box {
    border: 1px dashed #8B8B8B;
    border-radius: 10px;
    padding: 12px;
    text-align: center;
    cursor: pointer;
    background: #EDEDED;
    transition: 0.3s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.custom_file_up .upload-box img {
    width: 30px;
    margin-bottom: 0;
}

.custom_file_up .upload-box:hover {
    border-color: #3b82f6;
    background: #f1f5f9;
}

.custom_file_up .upload-box i {
    font-size: 32px;
    color: #334155;
    margin-bottom: 8px;
}

.custom_file_up .upload-box span {
    display: block;
    font-size: 16px;
    color: #334155;
}

.custom_file_up #fileInput {
    display: none;
}

.orb_post_cr {
    background: #E5E5E5;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.orb_header_cr .orb_he_profile {
    align-items: center;
}

.orb_header_cr .orb_he_profile .user_name {
    font-size: 20px;
}

.orb_header_cr p {
    color: #222;
    font-size: 15px;
    margin: 10px 0 30px;
}

.orb_post_form .form-control {
    background: #e5e5e5 !important;
    border: 1px solid #8B8B8B;
}

.orb_post_form .form-floating>.form-control:focus~label::after {
    background-color: #e5e5e5 !important;
}

.recent_act h3 {
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.create_ord_m .modal-header {
    border: 0;
    padding: 20px 30px;
}

.create_ord_m .form-control {
    background: #ffffff !important;
    border: 1px solid #D9D9D9;
}

.create_ord_m .form-floating>.form-control:focus~label::after {
    background-color: #ffffff !important;
}

.mo_check .form-check label {
    font-size: 14px;
    font-weight: normal;
}

.modal-footer_cr.text-end {
    padding: 10px 30px;
}

.create_ord_m .modal-body {
    padding: 20px 30px;
}

.mo_check .form-check .form-check-input {
    border: 1px solid #9d9d9d;

    box-shadow: none
}

.modal_trm {
    text-align: center;
    padding: 20px;
}

.modal .btn.btn_blue {
    padding: 10px 30px;
}

.modal_trm p {
    color: #2C2D2E;
    font-size: 14px;
}

.modal_trm p a {
    color: #3D6AD6;
}

.modal-footer_cr .btn_p {
    margin-right: 10px;
}

.prview_orbsec .obt_profile_h {
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding-bottom: 0px;
    background-position: center center !important;
}

.prview_orbsec .courgette-regular {
    font-size: 48px;
    text-transform: capitalize;
}

.prview_orbsec .orbit_imag {
    width: 190px;
    height: 190px;
    border: 4px solid;
    border-color: rgba(255, 255, 255, 0.6);
}

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

.orb_post {
    background: #D3DBDD;
    border: 1px solid #DADADA;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.orb_header {
    display: flex;
    justify-content: space-between;
}

.orb_he_profile {
    display: flex;
    gap: 10px;
}

.orb_progile_img {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.user_name {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.user_date {
    color: #666666;
    font-size: 13px;
    margin-top: 3px;
}

.orb_foter_btn {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #BEBEBE;
    margin-top: 10px;
    padding-top: 15px;
}

.orb_post_contant {
    margin: 15px 0;
}

.orb_post_contant p {
    margin-bottom: 0;
    font-size: 14px;
    color: #000;
}

.btn_f_o a {
    font-size: 14px;
    color: #455763;
    display: flex;
    align-items: center;
    gap: 5px;
}

.orb_profile_post_img {
    margin-top: 15px;
}

.orb_profile_post_img img {
    border-radius: 10px;
}

.obt_prive_card {
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

.obt_prive_card .obt_text_m h3 {
    font-size: 32px;
    text-transform: capitalize;
}

.comment .modal-dialog {
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    max-width: 480px !important;
}

.comment .modal-content {
    border-radius: 8px;
}

.comment .choose_t h3 {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #dbdbdb;
    padding: 10px 20px 15px;
    color: #000;
    margin-bottom: 0;
    padding-left: 0;
}

.comment #modal-comment-form .input-group {
    border: 1px solid #c7c7c7;
    padding: 5px;
    border-radius: 5px;
    background: #e7e7f1;
    margin-bottom: -20px;
}

.comment #modal-comment-form .input-group input.form-control {
    background: transparent !important;
    border: 0;
    box-shadow: none !important;
}

.comment #modal-comment-form .input-group button.btn.btn-primary {
    background: #005187;
    border-color: #005187;
    border-radius: 5px !important;
    font-size: 14px;
}

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

.comment_card {
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0;
}

.comment_card p {
    font-size: 14px;
    color: #272727;
    margin: 15px 0 5px;
}

.com_user_name {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.com_time {
    font-size: 13px;
    color: #91969f;
}

.comment_card_box {
    height: 86vh;
    overflow: auto;
}

.comment .comment_card_box {
    height: 66vh;
    overflow: auto;
}

.comment_card_box .reply_box strong {
    font-size: 15px;
    color: #000;
    font-weight: 500 !important;

}

.comment_card_box .reply_box p {
    font-size: 14px;
    color: #666;
    font-weight: 400;

}

/* Edit profile css */

.edit_p_btn button.btn.btn-login {
    padding: 10px 30px;
    font-size: 16px;
    width: auto;
}

.upload_photo {
    display: flex;
    align-items: center;
    gap: 30px;
}

.pr_photo {
    width: 100px;
    height: 100px;
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 50px;
}

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

.up_btn .upload-btn {
    font-size: 16px;
    color: #050505;
    cursor: pointer;
}

.form_staps.mt-5.cr_orb_s {
    max-width: 900px;
    margin: 0 auto;
}

.cr_orb_s h2 {
    font-weight: 600;
    color: #000;
    font-size: 26px;
}

.sub_h_o {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.form-floating>.form-select {
    padding-top: .625rem;
    padding-bottom: .625rem;
}

.lable_sub {
    color: #005187;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 500;
}

.staps_card {
    background: #E9E2DA;
    padding: 20px 0;
    border-radius: 10px;
}

.staps_card ul li a {
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding: 15px 15px;
    display: block;
    border-bottom: 1px solid #C4BBB0;
}

.staps_card ul li:last-child a {
    border-bottom: 0;
}

.staps_card ul li a.active {
    border-left: 2px solid #005187;
    color: #005187;
}

.skip_input a {
    color: #455763;
    background: #E9E2DA;
    padding: 8px 15px;
    border: 1px solid #455763;
    border-radius: 50px;
}

.full_card {
    background: #F6F1E7;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    padding-left: 35px;
}

.full_card.form-check .form-check-input {
    border: 1px solid #9A9A9A;
}

.f_re_b h4 span {
    color: #777;
    font-size: 14px;
    font-weight: 400;
}

.remove-form-floating>.form-control,
.remove-form-floating>.form-control-plaintext {
    padding: .6rem .75rem;
}

.remove-form-floating>.form-control,
.remove-form-floating>.form-control-plaintext,
.remove-form-floating>.form-select {
    height: calc(3rem + calc(var(--bs-border-width)1px * 2));
    min-height: calc(3rem + calc(var(--bs-border-width) * 2));
}

.remove-form-floating>label {
    padding: .7rem 0rem;
    font-size: 15px;
    color: #000;
}

.remove-form-floating>.form-control-plaintext:focus,
.remove-form-floating>.form-control-plaintext:not(:placeholder-shown),
.remove-form-floating>.form-control:focus {
    padding-top: .625rem;
    padding-bottom: .625rem;
    box-shadow: none;
    border-color: #000;
}

.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: .625rem;
    padding-bottom: .625rem;

}

.form_inner_bg {
    background: #F5F4F8;
    border: 1px solid #D9D9D9;
    padding: 15px;
    border-radius: 6px;
}

.add_message_modal .modal-dialog {
    max-width: 960px !important;
}

.add_message_modal .choose_t h3 {
    padding: 7px 20px 20px 0;
}

.me_te_mo {
    color: #000;
    margin: 20px 0;
}


.full_card .form-check label {
    font-size: 16px;
    font-weight: 600;
}

.login_mo .form-check label {
    font-size: 14px;
    font-weight: 400;
}

.form-check label p {
    font-size: 14px;
    font-weight: 400;
}

h4.text_b_sub {
    color: #005187;
}

.orbit_edit_links {
    background: #D5C9B3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px;
    border-radius: 10px;
    max-width: 1040px;
    margin: 0 auto 20px;
}

.orbit_edit_links h3 {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
}

.update_or_card .form_staps {
    max-width: 1040px;
    margin: 0 auto 0;
}

.ai_card {
    background: #FAF5EA;
    padding: 20px;
    border-radius: 10px;
}

.ai_card p {
    font-size: 15px;
    color: #222222;
}

.accordion_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.accordion_edit {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 25px;
}

.accordion_item h4 {
    margin: 0;
    font-size: 18px;
    color: #000;
}

.acc_ed_right a {
    color: #005187;
    text-decoration: underline;
    font-size: 16px;
}

.acc_ed_right .btn {
    color: #005187 !important;
    text-decoration: underline !important;
    font-size: 16px !important;
    background: transparent;
    border: 0;
}


.suggestions {
    position: absolute;
    z-index: 1000;
    width: 100%;
    background: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 5px;
    max-height: 300px;
    overflow-y: auto;
}

.suggestion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    cursor: pointer;
    border-bottom: 1px solid #f1f1f1;
}

.suggestion-item:last-child {
    border-bottom: none;
}

.suggestion-item:hover {
    background-color: #f8f9fa;
}

.suggestion-item .left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-box {
    position: relative;
}

.search-box input {
    padding-right: 40px;
}

.search-box .search-icon {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    color: #666;
}

.funeral_hero {
    padding: 15px 0 0;
    margin-bottom: 90px;
    position: relative;
}

.funeral_hero_img {
    max-height: 500px;
    overflow: hidden;
    border-radius: 15px;
}

.funeral_hero_text {
    position: absolute;
    padding: 0 30px;
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    max-width: 760px;
    margin: 0 auto;
}

.funeral_hero_text h1 {
    color: #fff;
    font-weight: 700;
}

.funeral_hero_text p {
    color: #fff;
}

.f_search_card {
    background: rgba(255, 255, 255, 0.25);
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 12px;
    position: absolute;
    bottom: -12%;
    max-width: 760px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.search_card_inner {
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px 10px;
}

.search_card_inner .form-control {
    box-shadow: none;
    border: 0;
    background: #F3F3F3;
    height: 54px;
    padding: 15px;
}

.locate_me a {
    font-size: 16px;
    color: #455763;
}

.locate_me a img {
    margin-right: 10px;
}

.funeral_items .owl-dots .owl-dot span {
    width: 40px !important;
    border-radius: 0 !important;
    height: 5px !important;
    background: #C5D0D8 !important;

}

.funeral_items .owl-dots .owl-dot.active span {
    background: #455763 !important;
}

.card_fun {
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgb(41 47 52 / 8%);
    border-radius: 16px;
    padding: 15px 15px 30px;
    margin: 20px 10px;
}

.position-relative.card_item_img {
    height: 260px;
    overflow: hidden;
    border-radius: 10px;
    margin-bottom: 20px;
}

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

.owl_funeral_city .owl-stage-outer {
    position: relative;
    z-index: 333;
}

.owl-stage-outer {
    z-index: 333;
}

.trusted-badge {
    display: inline-block;
    background: #ff0000;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
    border-radius: 0;
    position: absolute;
    font-size: 13px;
    line-height: 1.4;
    top: 20px;
}

.funeral_items {
    padding: 40px 0 50px;
}

.trusted-badge::before {
    content: "";
    position: absolute;
    left: unset;
    top: 0;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 12px solid #ff0000;
    right: -12px;
}

.owl_funeral_items .owl-nav {
    position: absolute;
    top: 40%;
    /* display: flex !important; */
    justify-content: space-between !important;
    width: 100%;
}

.owl_funeral_items .owl-nav button span {
    background-color: #fff;
}

.owl_funeral_items .owl-nav .owl-prev {
    margin-left: -30px;
}

.owl_funeral_items .owl-nav .owl-next {
    margin-right: -30px;
}

.owl_funeral_items .owl-nav button span:hover {
    background-color: #455763;
}

.owl_funeral_items h5.card-title {
    font-size: 16px;
    color: #1C1C1E;
    min-height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.furnal_service {
    background: #F5F2EE;
    padding: 60px 0;
}

.furnal_card_se {
    background: #F5F2EE;
    box-shadow: 0px 4px 26px rgba(66, 71, 76, 0.08);
    border-radius: 10px;
    padding: 15px;
}

.furnal_card_img {
    border-radius: 8px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 20px;
}

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

.furnal_card_se h4 {
    font-size: 16px;
    color: #1C1C1E;

}

.furnal_card_ce {
    background: #E9E2DA;
    padding: 30px 40px;
    text-align: center;
    border-radius: 15px;
}

.furnal_card_ce h2 {
    color: #000;
    font-weight: 600;
}

.furnal_card_ce p {
    color: #1C1C1E;
    font-size: 16px;
    margin-bottom: 30px;

}

.card_city_img {
    width: 110px;
    height: 110px;
    overflow: hidden;
    border-radius: 100px;
    margin: 0 auto 20px;
    background: #ddd;
}

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

.owl_funeral_city .owl-nav {
    position: absolute;
    top: 20%;
    display: flex !important;
    justify-content: space-between !important;
    width: 100%;
}

.owl_funeral_city .owl-nav .owl-prev {
    margin-left: -30px;
}

.owl_funeral_city .owl-nav .owl-next {
    margin-right: -30px;
}

.owl_funeral_city .owl-dots {
    display: none;
}

.explore_city {
    padding: 70px 0;
}

.exp_hedding h2 {
    color: #000;
    font-weight: 700;
}

.exp_hedding p {
    color: #666;
    font-size: 14px;
}

.card_city h5 {
    font-size: 16px;
    color: #1C1C1E;
}

.card_city p {
    font-size: 14px;
    color: #666;
}

.fun_gallery .img-fit {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.fun_gallery .main-img {
    height: 100%;
    min-height: 500px;
    /* left wali badi image ka height */
}

.fun_gallery .small-img {
    height: 240px;
    /* right side images */
}

.header_fun_detils {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.funeral_details_hero {
    padding: 60px 0;
}

.fun_trus_p {
    background: #455763;
    width: max-content;
    padding: 6px 12px;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    margin-bottom: 10px;
}

.fun_trus_p svg {
    margin-right: 10px;
}

.hedding_fun_left h1 {
    font-weight: 700;
    color: #000;
}

.hedding_fun_left p {
    color: #666;
    font-size: 14px;
}

.hedding_fun_right a {
    border: 1px solid #DBDBDB;
    padding: 12px 20px;
    border-radius: 6px;
    color: #000;
}

.hedding_fun_right a svg {
    margin-right: 10px;
}

.f_d_info {
    background: #F2F2F2;
    padding: 50px 0;
}

.f_d_info_card .nav-tabs {
    border-bottom: 1px solid #E0E0E0;
}

.f_d_info_card .nav-tabs li .nav-link {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    color: #7F888E;
    padding: 12px 24px;
}

.f_d_info_card .nav-tabs li .nav-link.active {
    color: #28343C;
    border-bottom: 2px solid #28343C;
}

.f_d_info_card .nav-tabs li .nav-link img {
    opacity: .6;
    margin-right: 6px;
}

.f_d_info_card .nav-tabs li .nav-link.active img {
    opacity: 1;
}

.f_d_info_card {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.nav_dec {
    padding: 30px 0 10px;
}

.nav_dec h3 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.basic_info {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 30px;
}

.basic_info_img {
    text-align: center;
    width: 150px;
    height: 150px;
    border: 1px solid #E0E0E0;
    min-width: 150px;
    margin-right: 30px;
    border-radius: 10px;
    padding: 10px;
}

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

.basic_info_text p {
    color: #666666;
    line-height: 30px;
    font-size: 15px;
}

.nav_dec_list ul li {
    display: inline-block;
    width: 49%;
    color: #455763;
    font-size: 16px;
    padding: 10px 15px 10px 0px;
}

.nav_dec_list ul li i {
    position: relative;
    font-size: 22px;
    top: 3px;
    margin-right: 5px;
}

.nav_dec_list ul li i.bi-check {
    color: #6DB34D;
}

.nav_dec_list ul li i.bi-x {
    color: #E06363;
}

.fun_add_r {
    background: #fff;
    border-radius: 10px;
    padding: 30px 18px;
}

.fun_a_r {
    display: flex;
}

.add_text_r h5 {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-bottom: 4px;
}

.add_text_r p,
.add_text_r a {
    font-size: 14px;
    color: #666;
}

.fun_a_r_icon {
    min-width: 44px;
}

.map_add {
    position: relative;
    border-bottom: 1px solid #E0E0E0;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

a.map_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    margin: 0 auto;
    width: max-content;
    background: #D5C9B3;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #28353D;
    padding: 8px 15px;
}

.nav_dec_tit {
    color: #666666;
    margin-bottom: 20px;
}

.rec_obit {
    display: flex;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    padding: 15px;
}

.rec_obit_img {
    min-width: 160px;
    width: 160px;
    height: 170px;
    overflow: hidden;
    border-radius: 8px;
    margin-right: 20px;
}

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

.rec_obit_text h4 {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.rec_obit_text p {
    font-size: 14px;
    color: #666;
}

.rec_tree_ob {
    border: 1px solid #C0C0C0;
    display: inline-block;
    padding: 10px 15px;
    margin: 5px 0 15px;
    font-size: 14px;
    border-radius: 50px;
    color: #1C262C;
}

.tree_caption {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #455763;
}

.upco_service {
    border: 1px solid #E0E0E0;
    padding: 20px;
    border-radius: 10px;
}

.up_co_d {
    color: #005187;
    font-weight: 500;
    margin-bottom: 15px;
}

.upco_service p {
    color: #666;
    font-size: 14px;
}

.orb_btn_hero {
    position: absolute;
    right: 15px;
    bottom: 20px;
    z-index: 11;
}

.orb_btn_hero a {
    background: #455763;
    color: #fff;
    margin: 0 5px;
    padding: 10px 15px;
    border-radius: 5px;
}

.orb_btn_hero a img {
    margin-right: 8px;
}

.f_image-s.funeral_items {
    padding: 20px 40px;
}

.card_fun_s img {
    border-radius: 10px;
    height: 100%;
    object-fit: contain;
    width: 100% !important;
}

.card_fun_s video {
    height: 100%;
}

.card_fun_s {
    padding: 0 20px;
    max-height: 480px;
    border-radius: 15px;
    overflow: hidden;
    height: 480px;

}

.f_image-s.funeral_items .owl-dots {
    margin-top: 20px;
}


/* Search page */

.st_city {
    background: #E9E2DA;
    padding: 60px 0;
}

.city_name {
    background: #FFFFFF;
    border-radius: 4px;
    padding: 8px 18px;
    color: #323236;
    font-size: 15px;
    box-shadow: 0px 8px 12px -4px rgba(103, 111, 123, 0.1);
}

.st_city h2 {
    color: #111827;
    font-weight: 600;
    margin-bottom: 20px;
}

.search_obit {
    background-image: url(../images/search_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position: center center;
    text-align: center;
}

.search_ob {
    max-width: 720px;
    margin: 0 auto;
}

.search_ob h1 {
    font-weight: 700;
    color: #000;
    margin-bottom: 20px;
}

.search_ob button.btn.btn-dark {
    position: absolute;
    right: 6px;
    height: 40px;
    top: 6px;
    bottom: 0;
    border: 1px solid #E0E5EB;
    border-radius: 6px !important;
    background: #455763;
    padding: 6px 30px;
    z-index: 22;
}

.search_ob .input-group {
    background: #FFFFFF;
    border: 1px solid #E0E5EB;
    box-shadow: 0px 8px 32px -4px rgba(103, 111, 123, 0.1);
    border-radius: 10px;
    height: 54px;
    color: #9CA3AF;
}

.search_ob .form-control {
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.search_ob .input-group-text {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding-left: 16px;
    color: #1D2735;
    padding-right: 5px;
}

.se_city {
    background: #FFFFFF;
    border: 1px solid #E0E5EB;
    border-radius: 8px;
    overflow: hidden;
}

.se_city_img {
    height: 220px;
    overflow: hidden;
}

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

.se_city h3 {
    color: #111827;
    padding: 20px 15px 15px;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}

.search_city_sl .owl-dots {
    display: none;
}

.search_city_sl .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
}

.search_city_sl .owl-stage-outer {
    overflow: unset !important;

}

.explore_city.search_ci {
    overflow: hidden;
}

.search_city_de {
    background-image: url(../images/search_city_de.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position: center center;
}

.city_det_card {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
}

.city_det_card .left_card_se {
    flex: 1;
    max-width: 600px;
}

.city_det_card .obt_pro_links a {
    background-color: #fff;
}

.about_file {
    background: #D5C9B3;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.about_file h4,
.city_fli h4 {
    font-size: 18px;
    color: #000000;
    font-weight: 600;
}

.about_file p {
    color: #666666;
    font-size: 14px;
}

.city_fli .city_name {
    border: 1px solid #e9ecf1;
    padding: 6px 12px;
    font-size: 14px;
}

.search_short {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.search_short p {
    color: #4E5562;
    margin: 0;
    font-size: 13px;
}

.search_obit_up {
    background-image: url(../images/search_obit_up.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    background-position: center center;
}

.search_obit_up .input-group-text2 {
    height: 40px;

    border: 1px solid #E0E5EB;
    border-radius: 6px !important;
    background: #455763;
    padding: 6px 14px;
    color: #fff;
    display: flex;
    align-items: center;
    gap: 5px;

}

.search_obit_up .obit_search input.form-control:nth-child(2) {
    border-left: 0 !important;
    border-right: 2px solid #ddd !important;
    border-radius: 0 !important;
}

.search_obit_up .input-group {
    align-items: center;
}

.img-display {
    overflow: hidden;
}

.img-showcase {
    display: flex;
    width: 100%;
    transition: all 0.5s ease;
}

.img-showcase img {
    min-width: 100%;
}

.img-select {
    display: flex;
    margin: 20px 0;
}

.img-item {
    margin: 0.1rem;
    max-width: 110px;
}

.img-item:hover {
    opacity: 0.8;
}

.prod_dec {
    border: 1px solid #E4E7E9;
    border-radius: 6px;
}

.memorial_de {
    padding: 60px 0;
}

.prod_hedding {
    padding: 15px;
    border-bottom: 1px solid #E4E7E9;
    text-align: center;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}

.prod_dec_inner {
    display: flex;
    padding: 30px;
    gap: 30px;
}

.pr_dec.w_dec {
    border-right: 1px solid #E4E7E9;
    padding-right: 30px;
}

.pr_dec h4 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}

.pr_dec p {
    color: #444444;
    font-size: 14px;
}

.pr_dec ul li {
    list-style: circle;
    margin-left: 20px;
    padding: 8px 0;
    font-size: 14px;
}

.memorial-tree {
    padding: 50px 60px 10px;
}

.slider_product {
    padding-right: 20px;
}

.tree_detaile {
    padding-left: 20px;
}

.tree_detaile h2 {
    font-weight: 600;
    color: #000;
    font-size: 26px;
}

.tree_detaile p {
    color: #444;
    font-size: 15px;
}

.sp_psckes {
    border-top: 1px solid #E4E7E9;
    margin-top: 30px;
    padding-top: 30px;
}

.sp_psckes h3 {
    color: #005187;
    font-size: 16px;
    font-weight: 600;
}

.sp_psckes .form-check {
    border: 1px solid #D9D9D9;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    display: flex;
}

.sp_psckes .form-check .form-check-input {
    border: 2px solid #c7c7c7;
    margin-left: 0;
}

.sp_psckes .form-check label {
    flex: 1;
}

.card_red_sub h4 {
    font-size: 16px;
    color: #000;
}

.card_sub {
    display: flex;
    justify-content: space-between;
    margin-left: 8px;
}

.payment_option {
    border: 1px solid #E4E7E9;
    border-radius: 10px;
    margin-top: 10px;
    padding: 15px;
}

.btn_next.btn_buy {
    margin: 30px 0;
}

.img-select a {
    display: inline-block;
    border: 2px solid transparent;
    border-radius: 6px;
    padding: 3px;
    transition: border 0.3s;
}

.img-select a.active {
    border-color: #007bff;
    /* highlight color */
}

.user_login .dropdown-toggle img.rounded-circle.me-2 {
    cursor: pointer;
    width: 32px;
    height: 32px;
}

.f_d_info ul.pagination {
    gap: 10px;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 62px;
}

.f_d_info .pagination li a,
.f_d_info .pagination li span {
    padding: 5px 12px;
    background-color: #e9e2da;
    border-radius: 50px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    width: 36px;
    height: 36px;
    text-align: center;
}

.f_d_info .pagination li.active span {
    background-color: #333;
    color: white;
}

.page-item:last-child .page-link {
    border-top-right-radius: 50px !important;
    border-bottom-right-radius: 50px !important;
}

.page-item:first-child .page-link {
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
}


input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
}


.form-select {
    color: #9A9A9A;
    font-size: 15px;
}

.__PrivateStripeElement {
    top: 8px !important;
}

.show_mob {
    display: none;
}

.header_mobile {
    display: flex;
    align-items: center;
    width: 100%;
}

.upload_photo .up_btn label.text-primary.d-flex.align-items-center {
    color: #000 !important;
    border: 1px solid #ddd;
    padding: 8px 15px;
    border-radius: 6px;
}

.show_mob a.nav-link.login_btn {
    color: #fff;
}

.form_staps form .text-danger {
    font-size: 12px;
    position: relative;
    top: -2px;
}

span.login_user_name.text-white {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100px;
    display: inline-block;
    text-transform: capitalize;
}

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

.obt_add_btn {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

button#confirmObituaryBtn {
    background: #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    color: #fff;
    padding: 10px 30px;
    font-size: 16px;
    border: 0;
}

.obt_profile_h .obt_pro_card {
    padding: 70px 30px 60px;
}

.user_login.dropdown ul.dropdown-menu.dropdown-menu-end.show {
    box-shadow: 0 4px 11px 0 rgb(4 18 86 / 20%);
    border: 0;
    width: 180px;
    padding-top: 10px;
    top: 50px;
}

.user_login.dropdown ul.dropdown-menu.dropdown-menu-end.show:after {
    content: "";
    position: absolute;
    width: 30px;
    height: 39px;
    top: -9px;
    background: #FFFFFF;
    border-radius: 3px;
    transform: rotate(45deg);
    right: 23px;
}

.user_login.dropdown a.dropdown-item {
    padding: 12px 20px;
    font-size: 16px;
    color: #000;
}

.about-images {
    background: #445762;
    text-align: center;
    padding: 30px;
    border-radius: 15px;
}

#obituaryModal .modal-dialog.modal-lg {
    max-width: 980px !important;
}


div:where(.swal2-container).swal2-backdrop-show,
div:where(.swal2-container).swal2-noanimation {


    opacity: 1;
    background: rgba(255, 255, 255, 0.5) !important;
    backdrop-filter: blur(7px);
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    box-shadow: 0px 4px 30px rgba(3, 18, 51, 0.35);
    border-radius: 20px;
    padding: 20px 40px 50px;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) {
    background: #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #455763;
}

button.swal2-cancel.swal2-styled {
    background: #ffffff;
    border-radius: 6px;
    color: #435762;
    padding: 10px 24px;
    font-size: 16px;
    border: 1px solid #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2);
}

button.swal2-confirm.swal2-styled {
    background: #455763;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border: 1px solid #455763;
}

div:where(.swal2-container).swal2-center>.swal2-popup h2.swal2-title {
    color: #000;
    font-size: 24px;
}

.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show h2.swal2-title {
    color: #000;
    font-size: 24px;
}

.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show div.swal2-html-container,
div:where(.swal2-container).swal2-center>.swal2-popup div.swal2-html-container {
    color: #444;
    font-size: 15px;
}

.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show .swal2-icon-content {
    font-size: 2.75em;
}

.swal2-popup.swal2-modal.swal2-icon-warning.swal2-show .swal2-icon.swal2-warning.swal2-icon-show {
    color: #455763;
    border-color: #455763;
    width: 48px;
    height: 48px;
    border: 3px solid;
}

.orb_post_contant img.img-thumbnail {
    margin-top: 10px;
}

#allFriendsFamilyModal .modal-dialog.modal-lg {
    margin: 0px 0px 0px auto !important;

}

#allFriendsFamilyModal .modal-content {
    border-radius: 0 !important;
}

div:where(.swal2-icon) .swal2-icon-content {
    font-size: 2.75em !important;
}

div:where(.swal2-icon).swal2-question {
    color: #455763;
    border-color: #455763;
    width: 48px;
    height: 48px;
    border: 3px solid;
}

.funeral-home-type-toggle small.text-muted {
    font-size: 13px;
}








@media screen and (min-width: 992px) {
    .product-imgs {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media (max-width: 1400px) {
    ul.navbar-nav li.nav-item a.nav-link {
        font-size: 16px;
    }

    ul.navbar-nav li.nav-item {
        margin-right: 15px;
    }
}

@media (max-width: 1200px) {
    ul.navbar-nav li.nav-item a.nav-link {
        font-size: 14px;
    }

    .hero_text h1 {
        font-size: 26px;
    }

    .hedding h2 {
        font-size: 24px;
    }

    .obit_gu h3 {
        font-size: 18px;
    }

    .mem_wild_text {
        width: 64%;
    }

    .mem_wild_text h4 {
        font-size: 18px;
    }

    .hedding h2 {
        margin-bottom: 24px;
    }

    .new_add_or .hedding h2,
    .bro_obit .hedding h2 {
        font-size: 28px;
    }

    .bu_list ul li {
        font-size: 14px;
    }

    .bro_obit_card h3 {
        font-size: 20px;
    }

    .logo.center-logo img {
        max-height: 70px;
    }

    .navbar-expand-lg .navbar-nav {
        width: 40%;
    }

    .navbar-brand {
        width: 20%;
    }

    ul.navbar-nav li.nav-item {
        margin-right: 10px;
    }

    .hero_video {
        padding: 10px 15px 0;
    }

    .funeral_hero_text {
        top: 36%;
    }

    .new_add_or .item {
        height: 280px;
    }




}

@media (max-width: 991px) {
    .bro_obit_card {
        max-width: 320px;
        padding: 20px 14px;
    }

    .orb_post {
        padding: 10px;
    }

    .f_image-s.funeral_items {
        padding: 20px 0;
    }

    .card_fun_s {
        max-height: 280px;
        padding: 0;
    }

    .owl_funeral_items .owl-nav .owl-prev {
        margin-left: 0;
    }

    .owl_funeral_items .owl-nav {
        z-index: 333;
        display: none !important;
    }

    .owl_funeral_items .owl-nav .owl-next {
        margin-right: 0;
    }

    .logo img {
        max-height: 80px;
    }

    .btn.btn_blue {
        width: 152px;
        padding: 12px 10px;
        font-size: 14px;
    }

    .mem_wild_text {
        width: 100%;
    }

    .bu_list ul li {
        font-size: 13px;
        text-align: center;
        padding: 7px 10px;
    }

    .hero_video {
        padding: 10px 15px 0;
    }

    .new_add_or .owl-stage .owl-item {
        flex: 1 !important;
    }

    .new_add_or .owl-stage .owl-item:before {
        height: 82%;
    }

    .new_add_or .owl-stage .owl-item .obit_c_b {
        display: block;
    }

    .image_orbt {
        width: 240px;
    }

    .arrow_icon,
    .obit_card_te {
        z-index: 21;
    }

    .arrow_icon {
        width: 44px;
        height: 44px;
        border: 2px solid #E9E2DA;
    }

    .obit_card_te h3 {
        font-size: 20px;
    }

    .arrow_icon svg {
        width: 20px;
        height: 20px;
    }

    .new_add_or .item {
        height: 260px;
    }

    .navbar-brand {
        width: auto;
    }

    .navbar-brand a div img {
        height: 65px;
    }

    button.navbar-toggler.navbar_toggle {
        border: 0;
        color: #fff;
        box-shadow: none;
    }

    .ac_help {
        display: block;
    }

    .navbar-collapse {

        background: #445762;

    }

    .navbar-expand-lg .navbar-nav {
        width: 100%;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
        padding: 0px 5px;
    }

    .search_obit_up {
        padding: 40px 0 20px;
    }

    .search_ob h1 {
        font-size: 24px;
    }

    .form-floating>label {
        font-size: 14px;
        padding: .6rem .65rem;
    }

    .form-select {
        font-size: 14px;
    }

    .form-control,
    .form-select {
        font-size: 14px;
        padding-top: .525rem !important;
        padding-bottom: .525rem !important;

        line-height: 1 !important;
        min-height: 42px !important;
    }

    .select2-container--default .select2-selection--single {
        font-size: 14px;
        padding-top: .525rem !important;
        padding-bottom: .525rem !important;

        line-height: 1 !important;
        height: 42px;
    }



    .form_btn .btn.btn_blue,
    .form_btn .btn.btn_p {
        width: auto;
        padding: 10px 20px;
        font-size: 14px;
    }

    .form_btn .btn.btn_blue svg {
        width: 16px;
        height: 16px;
        margin-left: 5px;
    }

    .form_btn .btn.btn_p svg {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }

    .fom_sub_text h4 {
        font-size: 17px;
    }

    small#charCount {
        font-size: 12px;
    }

    .choose_tem_box {
        display: block;
    }

    .tep_list {
        width: 100%;
    }

    .template_card {
        width: 100%;
    }

    .template_card_in {
        padding: 20px;
        height: auto;
        overflow: unset;
    }

    .obt_pro_card {
        padding: 15px 15px 15px;
    }

    .form_staps,
    .pac_am {
        padding: 20px 10px;
    }

    .cr_orb_s h2 {
        font-size: 20px;
    }

    .sub_h_o {
        font-size: 18px;
    }

    .tree_image {
        height: 160px;
    }

    .obt_text_m {
        padding: 15px;
    }

    .orb_header_cr .orb_he_profile .user_name {
        font-size: 16px;
    }

    .orb_preview.text-center {
        padding: 30px 15px;
        height: unset;
    }

    .fom_sub_h,
    .priv_ob p {
        font-size: 14px;
    }

    .pac_fec_list h4 {
        font-size: 15px;
    }

    .pac_icon svg {
        width: 20px;
        height: 20px;
    }

    .total_am_pac h5 {
        font-size: 28px;
    }

    .prview_orbsec .orbit_imag {
        width: 150px;
        height: 150px;
    }

    .prview_orbsec .courgette-regular {
        font-size: 36px;
    }

    .obt_pro_links a,
    .obt_add_btn button.btn {
        padding: 6px 10px;
        font-size: 14px;
    }

    .obt_pro_links svg {
        width: 16px;
        height: 16px;
    }

    .obt_add_btn .obt_pro_links p {
        font-size: 12px;
    }

    .orb_btn_hero a {
        font-size: 13px;
    }

    .obt_prive_card .obt_text_m h3 {
        font-size: 24px;
    }

    .obt_text_m p {
        font-size: 17px;
    }

    .flower_tree h2 {
        font-weight: 600;
        margin-bottom: 20px;
        font-size: 24px;
    }

    .add_tree_heding h3 {
        font-size: 18px;
    }

    .add_tree_heding p {
        font-size: 14px;
    }

    .obt_prive_card .obt_text_m h3 {
        font-size: 18px;
    }

    .orb_header_cr p {
        font-size: 14px;
        margin: 10px 0 15px;
    }

    .search_sh .d-flex.gap-3 {
        flex-wrap: wrap;
        gap: 5px !important;

    }

    .search_sh .dropdown .btn {
        font-size: 14px;
        padding: 5px 10px !important;

    }

    .f_d_info_card {
        padding: 15px;
    }

    .rec_obit {
        padding: 10px;
    }

    .rec_obit_img {
        min-width: 100px;
        width: 100px;
        height: 100px;
    }

    .rec_obit_text h4 {
        font-size: 16px;
    }

    .f_d_info ul.pagination {
        margin-bottom: 20px;
    }

    .about_file {
        padding: 15px 15px 2px;
    }

    .fun_add_r {
        padding: 20px 15px;
    }

    .fun_add_r h4 {
        font-size: 18px;
        font-weight: 600;
    }

    .city_name {
        padding: 5px 10px;
        font-size: 14px;
    }

    .funeral_hero_text h1 {
        font-size: 24px;
    }

    .funeral_hero_text p {
        font-size: 14px;
    }

    .locate_me a {
        font-size: 14px;
    }

    .locate_me a img {
        width: 20px;
    }

    .funeral_items {
        padding: 20px 0 40px;
    }

    .funeral_items h2 {
        font-size: 24px;
    }

    .mt-4.owl_funeral_items {
        margin-top: 10px !important;
    }

    .furnal_card_se h5 {
        font-size: 16px;
    }

    .furnal_card_ce {
        padding: 20px 20px;
    }

    .furnal_card_ce h2 {
        font-size: 20px;
    }

    .furnal_card_ce p {
        font-size: 14px;
    }

    .furnal_card_img {
        height: 140px;
    }

    .exp_hedding h2 {
        font-size: 24px;
    }

    .hedding_fun_left h1 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .fun_trus_p {
        padding: 4px 8px;

    }

    .funeral_details_hero {
        padding: 30px 0;
    }

    .hedding_fun_right a {
        padding: 9px 14px;
        font-size: 14px;
    }

    .hedding_fun_right a svg {
        width: 18px;
    }

    .f_d_info {
        padding: 30px 0;
    }

    .f_d_info_card .nav-tabs li .nav-link {
        padding: 8px 13px;
        font-size: 14px;
    }

    .f_d_info_card .nav-tabs {
        border-bottom: 1px solid #E0E0E0;
        display: flex;
        overflow: auto;
        flex-wrap: nowrap;
    }

    .f_d_info_card .nav-tabs li.nav-item {
        flex: 1;
        min-width: 192px;
    }

    .nav_dec {
        padding: 20px 0 0px;
    }

    .basic_info {
        padding: 15px 0;
    }

    .basic_info {
        margin-bottom: 20px;
    }

    .basic_info_img {
        width: 100px;
        height: 100px;
        min-width: 100px;
        margin-right: 15px;
    }

    .nav_dec h3 {
        font-size: 18px;
    }

    .nav_dec_list ul li {
        font-size: 14px;
        padding: 5px 10px 5px 0px;
        display: inline-flex;
        align-items: center;
    }

    a.map_btn {
        padding: 6px 10px;
        font-size: 14px;
    }

    .nav_dec_tit {
        font-size: 14px;
    }

    .upco_service {
        padding: 15px;
    }

    .up_co_d {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .nav_dec h3 {
        font-size: 16px;
    }

    .upco_service p {
        font-size: 13px;
    }

    .share_btn img {
        width: 30px;
        height: 30px;
    }

    .prview_orbsec .obt_pro_card {
        padding: 40px 20px 20px;

    }

    .memorial-tree {
        padding: 40px 30px 10px;
    }

    .tree_detaile {
        padding-left: 0;
    }

    .sp_psckes {
        margin-top: 20px;
        padding-top: 20px;
    }

    .sp_psckes .form-check {
        padding: 10px 10px 0;
    }

    .t_t_d {
        font-size: 16px;
    }

    .summery_bg {
        padding: 15px;
    }

    .summery_bg h3 {
        font-size: 18px;
    }

    .info_to_p h4 {
        font-size: 14px;
    }

    .info_to_p p {
        font-size: 14px;
    }

    .discount_code input.form-control {
        height: 40px;
    }

    button.btn.btn_apply {
        padding: 6px 15px;
        height: 40px;
        font-size: 14px;
    }

    .form-check label {
        font-size: 14px;
        font-weight: normal;
    }

    .thanks_text {
        padding: 30px 15px;
    }

    .orb_post_cr {
        padding: 15px 15px 1px;
        margin-bottom: 20px;
    }

    .search_obit {
        padding: 40px 0;
    }

    .explore_city {
        padding: 50px 0;
    }

    .st_city {
        background: #E9E2DA;
        padding: 40px 0;
    }

    .show_mob {
        display: block;
        z-index: 1111;
    }

    .show_mob a.nav-link.login_btn {
        font-size: 14px;
    }

    .hide_mob {
        display: none;
    }

    .header_mobile {
        width: auto;
    }

    .my_ac_left {
        padding: 15px;
    }

    .my_acount .row.pt-5 {
        padding-top: 30px !important;
    }

    .my_ac_left h2 {
        font-size: 23px;
    }

    .my_ac_left p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .my_ac_btn a.btn {
        padding: 7px 10px;
        font-size: 14px;
    }

    a.btn.btn_logout svg {
        width: 20px;
    }

    .my_ac_right {
        padding: 20px;
    }

    .my_ac_right h3 {
        font-size: 18px;
    }

    .my_ac-tab .nav-link,
    .my_ac-tab .nav-link:focus,
    .my_ac-tab .nav-link:hover {
        font-size: 14px;
    }

    .my_ac-tab .nav-link img {
        width: 20px;
    }

    .my_ac_btn a.btn {
        margin: 10px 0;
    }

    .obt_f.d-flex {
        margin: 10px 0;
    }

    .img_orb_p {
        width: 60px;
        height: 60px;
        margin-right: 15px;
    }

    .obt_pro_text h4 {
        font-size: 16px;
    }

    .obt_pro_text p {
        margin-bottom: 5px;
        text-align: left !important;
    }

    .obt_date {
        font-size: 13px;
        gap: 7px;
    }

    .help_section {
        padding: 40px 0 30px;
    }

    .help_hedding h2 {
        font-size: 24px;
    }

    .help_d_f a {
        font-size: 14px;
    }

    .help_d_f a img {
        width: 24px;
    }

    .accordion-button {
        padding: 1rem 1rem;
        font-size: 15px;
    }

    .accordion-body {
        margin-bottom: 5px;
    }

    .accordion-item {
        margin: 5px 0 10px;
    }

    footer.footer {
        padding: 40px 0 0;
    }

    .footer_links h3 {
        font-size: 14px;
    }

    .staps_card ul li a {
        padding: 10px 10px;
        font-size: 13px;
    }

    .staps_card {
        padding: 10px 0;
    }

    .navbar-collapse {
        position: fixed;
        top: 0;
        right: -320px;
        /* hidden initially off-screen */
        height: 100vh;
        width: 320px;
        /* change width as you like */

        transition: right 0.35s ease;
        box-shadow: -2px 0 12px rgba(0, 0, 0, 0.18);
        padding: 1.25rem;
        z-index: 9999;
        /* above normal content but below .offcanvas if any */
        overflow-y: auto;
    }

    /* when Bootstrap adds .show on collapse, slide it in */
    .navbar-collapse.show {
        right: 0;
    }

    /* make toggler above the panel so it's always clickable */
    .navbar-toggler {
        z-index: 1060;
    }

    /* overlay for dimming background */
    .nav-overlay {
        position: fixed;
        inset: 0;
        /* top:0; right:0; bottom:0; left:0; */
        background: rgba(0, 0, 0, 0.45);
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.25s ease;
        z-index: 1050;
    }

    .nav-overlay.show {
        opacity: 1;
        visibility: visible;
    }

    /* optional: adjust nav links spacing for mobile panel */
    .navbar-collapse .nav-link {
        padding: .6rem 0;
        font-size: 1.05rem;
    }

    .navbar-toggler-icon {
        width: 22px;
        height: 22px;
    }

    .se_city_img {
        height: 180px;
    }
    .text_responsive_mob {

            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 100%;
            /* adjust as needed */
        }



}

/* utility to prevent body scroll when panel open */
.no-scroll {
    overflow: hidden;
}

.modal {
    z-index: 9999;
}

.my_ac-tab ul.pagination {
    border: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.my_ac-tab ul.pagination .active>.page-link,
.my_ac-tab ul.pagination .page-link.active {
    z-index: 3;
    color: var(--bs-pagination-active-color);
    background-color: #435762;
    border-color: #435762;
}

.my_ac-tab ul.pagination .page-link {
    color: #222222;
}

ul#obituaryList {
    overflow: auto;
    height: 58vh;
}

.show_mobile_orb {
    display: none;
}







@media (max-width: 767px) {
    .search_short p {
        margin-bottom: 10px;
    }

    .form-floating>label {
        font-size: 13px;
    }

    .form-check .form-check-input {
        width: 18px;
        height: 18px;
        border: 1px solid #222;
    }

    .remove-form-floating>label {
        font-size: 13px;
    }

    .form-check label {
        margin-left: 5px;
    }

    .member-form {
        padding: 10px !important;
    }

    .fom_sub_text h4 {
        font-size: 14px;
    }

    p.text-muted {
        font-size: 12px;
    }

    div:where(.swal2-container).swal2-center>.swal2-popup {
        padding: 20px 10px 30px;
    }

    .hero_text h1 {
        font-size: 24px;
    }

    .hero_video {
        padding: 10px 0px 0;
    }

    .orb_btn_hero {
        right: 1px;
        bottom: 8px;
    }

    .hero_text {
        padding: 15px;
    }

    .hedding h2 {
        font-size: 20px;
    }

    .obit_gu h3 {
        font-size: 16px;
    }

    .obit_gu {
        margin-bottom: 15px;
        padding: 20px 15px;
    }

    .new_add_or .hedding h2,
    .bro_obit .hedding h2 {
        font-size: 22px;
    }

    .bu_list ul {
        margin-bottom: 10px;
    }

    .obit_card_te {
        padding: 15px 10px 5px 15px;
    }

    .obit_card_te h3 {
        font-size: 16px;
    }

    .new_add_or .item {
        height: 220px;
    }

    .arrow_icon {
        bottom: 16px;
    }

    .owl-theme .owl-nav button span {
        width: 36px;
        height: 36px;
        font-size: 22px;
        line-height: 28px;
    }

    .navbar-toggler-icon {
        width: 22px;
        height: 22px;
    }

    .arrow_icon {
        left: 30px;
        width: 40px;
        height: 40px;
        border: 2px solid #E9E2DA;
    }

    .footer_links {
        margin-top: 24px;
    }

    .arrow_icon svg {
        width: 22px;
        height: 22px;
    }

    .bro_obit_card {
        max-width: 248px;
        padding: 20px;
    }

    .bro_obit_grid {
        gap: 15px;
    }

    .mem_wild_text {
        width: 60%;
    }

    .obit_gu a {
        font-size: 15px;
        margin-top: 20px;
    }

    .bu_list ul {
        flex-wrap: wrap;
    }

    .bu_list ul li {
        margin: 0px 5px 7px;
    }

    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .mem_tree,
    .mem_wild {
        background-position: center;
    }

    .bro_obit .hedding h2 {
        margin-bottom: 20px;
    }

    footer.footer {
        padding: 30px 0 0;
    }

    /* Modal Css */
    .login_mo h2 {
        font-size: 24px;
    }

    .login_mo p {
        margin-bottom: 30px;
        font-size: 14px;
    }

    .form-check label {
        font-size: 13px;
    }

    .forgot_linki a {
        font-size: 13px;
    }

    .login_mo {
        padding: 10px;
    }

    button.btn.btn-outline-secondary.rounded-pill.px-4.d-flex.align-items-center {
        padding: 5px 8px ! IMPORTANT;
        font-size: 13px;
    }

    .search_short {
        flex-wrap: wrap;
    }

    .rec_obit_img {
        min-width: 100px;
        width: 100px;
        height: 110px;
    }

    .bro_icon img {
        width: 40px;
        height: 40px;
    }

    .s_hero_img img {
        border-radius: 8px;
    }

    .cr_ob_box h1 {
        font-size: 28px;
        font-weight: 800;
    }

    .cr_ob_box {
        margin: 30px auto;
    }

    .cr_ob_box p.cr_p {
        font-size: 14px;
    }

    .cr_ob_text h3 {
        font-size: 16px;
    }

    .cr_ob_text p {
        font-size: 13px;
    }

    .cr_ob_card {
        padding: 20px 20px 10px;
    }

    ul.form-wizard-list {
        overflow-x: auto;
    }

    ul.form-wizard-list li {
        min-width: 150px;
        width: auto;
    }

    .staps_hedding h2 {
        font-size: 20px;
    }

    .tep_list ul li {
        width: 100px;
    }

    .choose_t h3 {
        font-size: 18px;
    }

    .staps_hedding p {
        font-size: 13px;
    }

    .staps_hedding {
        margin: 20px 0;
    }

    .wizard_l span {
        width: 28px;
        height: 28px;
    }

    ul.form-wizard-list li::before {
        top: 14px;
    }

    ul.form-wizard-list li.active::before {
        border: 1px solid #005187;
    }

    .wizard_l h5 {
        margin: 10px 0 0;
    }

    .f_re_b h4 {
        font-size: 14px;
    }

    ul.form-wizard-list {
        padding: 10px 15px;
        margin: 20px 0 0;
    }

    .form-control {
        font-size: 13px !important;
    }

    .orb_preview.text-center {
        margin-top: 20px;
    }

    .row.obt_revirs {
        display: flex;
        flex-direction: column-reverse;
    }

    .order_rev {
        order: -1;
        margin-top: 15px;
    }

    .flower_tree .pac_am {
        margin: 10px 0;
    }

    .pac_am {
        margin: 10px 0;
    }

    .check_out_hedding h2 {
        padding: 20px 0 8px;
        font-size: 22px;
    }

    .summery_bg {
        margin-top: 15px;
    }

    .summery_bg h3 {
        font-size: 18px;
    }

    .funeral_hero {
        margin-bottom: 40px;
    }

    .f_search_card {
        position: unset;
        margin-top: 20px;
    }

    .furnal_service {
        padding: 30px 0;
    }

    .prview_orbsec {
        padding: 25px 0px;
    }

    .obt_prive_card {
        padding-bottom: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .f_d_info_card {
        margin-bottom: 15px;
    }

    .staps_card ul {
        display: flex;
        overflow: auto;
    }

    .staps_card ul li {
        min-width: fit-content;
        flex: 1;
    }

    .staps_card {
        padding: 10px 0 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .staps_card ul li a.active {
        border-bottom: 2px solid #005187;
        color: #005187;
        border-left: 0;
    }

    .prview_orbsec .orbit_imag {
        width: 80px;
        height: 80px;
        margin-right: 10px;
    }

    .prview_orbsec .obt_pro_card {
        padding: 30px 10px 50px;
    }

    .prview_orbsec .courgette-regular {
        font-size: 26px;
    }

    .memorial-tree {
        padding: 25px 0px 10px;
    }

    .tree_detaile h2 {
        font-size: 22px;
    }

    .memorial_de {
        padding: 10px 0 30px;
    }

    .owl_funeral_city .owl-nav .owl-prev {
        margin-left: 0;
    }

    .owl_funeral_city .owl-nav .owl-next {
        margin-right: 0;
    }

    .custom_file_up .upload-box span {
        font-size: 13px;
    }

    .custom_file_up .upload-box img {
        width: 22px;
    }

    .btn.btn_p {
        padding: 8px 24px;
        font-size: 15px;
    }

    h5.modal-title {
        font-size: 16px;
    }

    .login_mo h2 {
        font-size: 20px;
    }

    .obituary-message {
        font-size: 14px;
    }

    .obt_profile_h .obt_pro_card {
        padding: 30px 10px 50px;
    }

    .orbit_imag {
        width: 100px;
        height: 100px;
    }

    .profile-circle {
        width: 100px;
        height: 100px;
    }

    .orb_name h3 {
        font-size: 18px;
    }

    .orb_name p {
        font-size: 14px;
    }

    .owl_funeral_city .owl-nav {
        position: unset;
        justify-content: center !important;
    }

    .exp_hedding h2 {
        font-size: 20px;
        max-width: 70%;
    }

    .explore_city {
        padding: 30px 0;
    }

    .owl-carousel.search_city_sl.owl-theme.mt-5.owl-loaded.owl-drag {
        margin-top: 20px !important;
    }

    .search_city_sl .owl-nav {
        top: -65px;
    }

    .se_city_img {
        height: 120px;
    }

    .st_city {
        padding: 30px 0;
    }

    .st_city h2 {
        font-size: 22px;
    }

    .slider_product {
        padding-right: 0;
    }

    .fun_gallery .main-img {
        height: 100%;
        min-height: unset;
    }

    .fun_gallery .small-img {
        height: unset;
    }

    .custom_file_up small {
        font-size: 12px;
    }

    .btn.btn_blue {
        padding: 10px 10px;
    }

    .prod_dec_inner {
        padding: 10px;
        gap: 10px;
    }

    .prod_hedding {
        padding: 10px;
        font-size: 15px;
    }

    .pr_dec.w_dec {
        padding-right: 10px;
    }

    .pr_dec h4 {
        font-size: 14px;
    }

    .pr_dec p {
        font-size: 13px;
    }

    .pr_dec ul li {
        font-size: 13px;
    }

    .show_mobile_orb {
        display: block;
        margin-top: 20px;
    }

    .hide_mobile_orb {
        display: none;
    }

    .orbit_edit_links h3 {
        font-size: 16px;
        font-weight: 600;
    }

    .orbit_edit_links {
        padding: 6px 8px;
        border-radius: 7px;
    }

    .orbit_edit_links .btn_next .btn.btn_blue {
        padding: 6px 15px;
    }

    .orbit_edit_links .btn_next .btn.btn_blue svg {
        margin-left: 0;
        width: 16px;
        margin-right: 6px;
    }

    .btn-adjust-tone {
        font-size: 13px;
    }

    .add_btn_tr .add-to-cart-btn,
    .add_btn_tr a {
        padding: 6px 15px;
        font-size: 14px;
    }

    .search_obit_up .input-group-text2 {
        font-size: 14px;
    }








}

@media (max-width: 600px) {
    .obit_hero.d-flex {
        display: unset !important;
        text-align: center;
    }

    .funeral_hero_text {
        top: 24%;
    }

    .obit_or {
        width: unset;
        max-width: unset;
        margin: 15px auto;
    }

    .bro_obit_card h3 {
        font-size: 18px;
    }

    .bro_obit_card p {
        font-size: 13px;
        height: 40px;
    }

    .bro_obit_card a {
        font-size: 14px;
    }

    .footer_links {
        margin-top: 20px;
    }

    .login_mo {
        padding: 0;
    }

    .login_mo .form-check label {
        font-size: 13px;
    }

    .obt_f.d-flex {
        padding: 12px;
    }

    .orb_ac_btn a.btn {
        padding: 7px 15px;
        font-size: 14px;
    }

    .help_d_f {
        flex-wrap: wrap;
    }

    .help_hedding h2 {
        font-size: 20px;
    }

    .my_ac-tab .nav-pills .nav-link.active,
    .my_ac-tab .nav-pills .show>.nav-link {
        padding: 7px 5px;
    }

    .my_ac-tab .nav-link img {
        margin-right: 5px;
        width: 18px;
    }

    .my_ac_right {
        padding: 20px 10px;
    }

    .form_staps.mt-5.cr_orb_s {
        margin-top: 15px !important;
    }

    .form_btn .btn.btn_blue,
    .form_btn .btn.btn_p {
        width: auto;
        padding: 8px 15px;
        font-size: 14px;
    }

    .total_am_pac h5 {
        font-size: 20px;
    }

    .btn.btn_blue {
        width: auto;
    }

    .add_btn_tr {
        justify-content: center;
        width: 100%;
        flex-wrap: wrap;
        gap: 10px !important;
    }

}

@media (max-width: 576px) {
    .obit_g_img {
        text-align: center;
        margin-top: 30px;
        background: #ebebeb;
        border-radius: 10px;
    }

    .obt_pro_text {
        margin-top: 5px;
    }

    .obt_pro_links a,
    .obt_add_btn button.btn {
        padding: 4px 10px;
        font-size: 13px;
    }

    .orb_btn_hero a {
        padding: 8px 10px;
    }

    .orb_btn_hero.d-flex.align-items-center a img {
        display: none;
    }

    span.login_user_name.text-white {
        display: none;
    }

    .hero_text h1 {
        font-size: 20px;
    }

    .hedding h2 {
        font-size: 18px;
    }

    .bro_obit_card h3 {
        font-size: 16px;
    }

    .bro_icon img {
        width: 30px;
        height: 30px;
    }

    .city_name {
        font-size: 13px;
    }

    .prview_orbsec .courgette-regular {
        font-size: 22px;
    }

    .flower_tree h2 {
        font-size: 22px;
    }

    .flower_tree {
        padding: 10px 0;
    }

    .cr_ob_box h1 {
        font-size: 24px;
    }

    .s_hero_img {
        height: 120px;
    }

    .obt_f.d-flex {
        display: block !important;
    }

    .funeral_hero_text {
        top: 15%;
    }

    .funeral_hero_img {
        height: 170px;
    }

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

    .search_card_inner {
        padding: 0px 0px 0px;
    }

    .funeral_hero_text h1 {
        font-size: 22px;
    }

    .funeral_hero {
        margin-bottom: 20px;
    }

    .funeral_items h2 {
        font-size: 20px;
    }

    .fun_trus_p {
        padding: 4px 5px;
        font-size: 12px;
    }

    .hedding_fun_left h1 {
        font-size: 20px;
    }

    .header_fun_detils {
        flex-wrap: wrap;
    }

    .prod_dec_inner {
        flex-wrap: wrap;
    }

    .pr_dec.w_dec {
        border-bottom: 1px solid #E4E7E9;
        width: 100%;
    }

    .tree_detaile h2 {
        font-size: 20px;
    }

    .img-showcase img {
        height: 100%;
    }

    .img-showcase {
        border: 1px solid #ddd;
        border-radius: 5px;

    }

    .btn.btn_blue {
        padding: 8px 10px;
    }

    .search_card_inner .form-control {
        height: 44px;
    }

    .owl-theme .owl-nav button span {
        width: 30px;
        height: 30px;
        font-size: 22px;
        line-height: 26px;
    }

    .new_add_or.py-5 {
        padding-bottom: 15px !important;
    }

    .nav_dec_list ul li {
        width: 100%;
    }

    .rec_obit_img {
        min-width: 80px;
        width: 80px;
        height: 80px;
        margin-right: 15px;
    }

    .rec_tree_ob {
        padding: 6px 8px;
        margin: 4px 0 10px;
        font-size: 13px;
    }

    .prview_orbsec {
        padding: 15px 0px;
    }

    .card_fun_s {
        border: 1px solid #ddd;
    }

    .show_mobile_orb {
        margin-top: 15px;
        margin-bottom: 0;
    }

    .f_image-s.funeral_items {
        padding: 10px 0;
    }
}


@media (max-width: 767px) {
    .mobile_responsive_ab {
        display: block !important;
    }

    .mobile_hide {
        display: none !important;
    }

    .mobile_responsive_ab_col {
        display: flex;
        flex-direction: column-reverse;
        padding: 15px 10px;
        gap: 15px;
    }

   

        
   
}