/*@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");*/
@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gloock&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@font-face {
    font-family: 'Cubano';
    src: url('../../fonts/cubano-webfont.woff2') format('woff2'),
        url('../../fonts/cubano-webfont.woff') format('woff'),
        url('../../fonts/cubano-webfont.ttf') format('truetype'),
        url('../../fonts/cubano-webfont.svg#cubanoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    font-family: 'Rubik', sans-serif;
    list-style: none;
}

body {
    overflow-x: hidden;
}
.anniversary-index {
    background: #F6F6F6;
}
body.home-anniversary.modal-open {
    padding-right: 0 !important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: var(--text-color-4);
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

:root {
    --primary-color: #f9d58e;
    --secondary-color: black;
    --third-color: white;
    --forth-color: #c0392b;
    --text-color: black;
    --text-color-2: #43435e;
    /*--text-color-4: #2d53da;*/
    --text-color-4: #171f3e;
    --text-color-5: white;
    /*--button-color: #2d53da;*/
    --button-color: #f9d58e;
    --button-color2: #f3f4fc;
    --primary-font: "Lato", sans-serif;
}

.nav-link:focus,
.nav-link:hover {
    color: #0a58ca;
}

li.active>a {
    color: white !important;
}

li.active>a img {
    filter: brightness(0) invert(1);
}

.active {
    border-radius: 10px;
    background-color: var(--primary-color);
}

tr {
    color: var(--text-color-2);
    font-weight: 500;
}

span i {
    font-size: 20px;
    font-weight: 800;
    color: #2d53da;
}

.form-control {
    border: none;
}

:focus {
    border: none !important;
    box-shadow: none !important;
}

.page-link:hover {
    color: #0a58ca;
    background-color: white;
    border-color: #0a58ca;
}

.page-link:focus {
    color: #fff;
    background-color: var(--primary-color);
}

.dropdown {
    cursor: pointer;
}

/* home */
.home {
    height: 100vh;
    width: 100%;
}

/* navbar */
header .logo { color: var(--text-color-4); font-family: 'Cubano', sans-serif; font-size: 32px; font-weight: 400; line-height: 1.25; letter-spacing: 0px; text-align: left; }
header .navbar ul li button { border: 0; background-color: var(--button-color); color: #171f3e; border-radius: 8px; height: 40px; padding: 8px 18px; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0em; text-align: center; margin-left: 13px; }
.navbar .navbar-brand img { margin: 28px 0 10px; max-width: 100%; height: auto; object-fit: contain; }
.btn-nav .form-select { background-color: var(--button-color2); width: 200px; padding: 12px 10px; border: none; border-radius: 20px; color: black; }

/* sidebar */
.left-side { border-right: 1px solid; border-color: #dee2e6; }
.chat-message #sidebar_left nav.navbar>.navbar-nav {
    max-height: calc(100vh - 300px);
    overflow: auto;
}
/*---17-05-2022---*/
#sidebar_left { max-width: 273px; padding-left: 0px; padding-right: 0px; transition: all 0.5s; border-right: 2px solid #f9d58e; }
#sidebar_left * { transition: all 0.5s; }
#sidebar_left .sidebar_inner { position: sticky; top: 0px; left: 0px; width: 100%; min-height: 100vh; overflow-y: auto; padding-bottom: 0px; display: flex; flex-wrap: wrap; flex-direction: column; overflow-x: hidden; justify-content: space-between; }
#sidebar_left .sidebar_inner>nav.navbar { padding-left: 16px; width: 100%; padding-bottom: 50px; }
#sidebar_left nav.navbar>.navbar-nav { width: 100%; row-gap: 10px; }
#sidebar_left nav.navbar .navbar-brand { display: block; margin: 0 auto; max-width: 100%; }
#sidebar_left li img { filter: none !important; }
#sidebar_left li { background: transparent !important; }
#sidebar_left li>a { border-radius: 10px 0px 0px 10px; font-size: 16px; font-weight: 500; }
#sidebar_left li>a img { width: 20px; height: 20px; object-fit: contain; object-position: center; }
#sidebar_left li>a, #sidebar_left li.active>a { color: #171f3e !important; }
#sidebar_left li>a:hover, #sidebar_left li.active>a { background: var(--primary-color); }
#sidebar_left .sidebar_user { position: relative; bottom: 0px; left: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: flex-start; row-gap: 14px; background: #f9f9f9; }
#sidebar_left .sidebar_user .admin { width: 100%; padding: 16px; border-radius: 0px; border: 1px solid #f2f5fd; column-gap: 8px; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: column; row-gap: 10px; }
#sidebar_left .sidebar_user .admin .admin_inner { display: flex; align-items: center; width: 100%; overflow: hidden; column-gap: 8px; }
#sidebar_left .sidebar_user .admin .btn { background: #171f3e; color: #fff; width: 100%; text-align: center; color: #F9D58E; font-weight: 500; }
#sidebar_left .sidebar_user .admin .right-side { display: flex; flex-wrap: wrap; flex-direction: column; max-width: calc(100% - 50px); }
#sidebar_left .sidebar_user .admin .right-side>span { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 100%; }
#sidebar_left .sidebar_user .admin .user_image { width: 40px; height: 40px; min-width: 40px; min-height: 40px; display: inline-flex; align-items: center; justify-content: center; background: #F9D58E; border-radius: 50%; overflow: hidden; padding: 10px; }
#sidebar_left .sidebar_user .admin a img, #sidebar_left .sidebar_user .admin span img { margin: 0px; }
#sidebar_left .sidebar_user .admin a h6, #sidebar_left .sidebar_user .admin span h6 { font-size: 14px; font-weight: 500; color: #0B101F; opacity: 0.6; text-transform: lowercase; }
#sidebar_left .colps { max-width: 100%; overflow: hidden; }
#colps_sidebar { width: 100%; padding: 17px 18px; border-radius: 0px; border: none; column-gap: 10px; align-items: center; justify-content: flex-start; }
#colps_sidebar img { margin: 0px; }
.inline_export { display: flex; align-items: center; }
#sidebar_left * { transition: all 0.5s; }
#sidebar_left.collapsed { max-width: 88px; }
#sidebar_left.collapsed .sidebar_user .admin { max-width: 100%; }
#sidebar_left.collapsed .navbar-expand .navbar-nav .nav-link, #sidebar_left.collapsed .sidebar_user .admin a { padding: 16px 19px; max-width: 100%; column-gap: 45px; }
#colps_sidebar.active_clp { padding: 16px 19px; max-width: 100%; column-gap: 45px; }
#colps_sidebar.active_clp img { transform: rotate(180deg); }

/* nav-2 */
.home .row .col-sm-10 .nav-2 .contents { gap: 20px; padding-top: 10px; }
.home .contents .btn .form-select { background-color: var(--button-color2); width: 480px; padding: 12px 10px; border: none; border-radius: 20px; color: black; }
.search { align-items: center; background-color: var(--button-color2); height: 40px; margin-right: 24px; border: none; display: flex; border-radius: 10px; color: black; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0px; text-align: left; }
.search i { color: var(--text-color-4); font-size: 20px; font-weight: bolder; }

/* table */
.table> :not(:first-child) { border-top: 0px !important; }
.details { padding-top: 30px; }
.details .table { height: 10px; }
.details .table th { padding: 15px 20px; vertical-align: middle; color: var(--text-color2); }
.details .table td { padding: 15px; font-family: 'Rubik', sans-serif; font-size: 14px; font-weight: 400; line-height: 16px; letter-spacing: 0px; text-align: left; vertical-align: middle; line-break: anywhere; }
.details .table tbody { margin: 20px; }
.details .table .first { background-color: var(--text-color-4); height: 48px; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0px; text-align: left; }
.details .table .first th { padding: 15px 20px; min-height: 48px; }
.details .table .first th, .details .table .first th a { color: #fff; }
.details .table .first th a { min-height: auto; display: inline-flex; white-space: nowrap; }
.btn-check:focus+.btn-secondary, .btn-secondary:focus { color: #43435e; background-color: transparent; border: none; }
.dropdown a { padding: 8px 15px; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 400; color: #43435e; font-size: 14px; line-height: 24px; border-bottom: 2px solid #ccc; background: #fefbf4; }
.edit_items.dropdown a { border-bottom: none; background: none; }
.by_donor { max-height: 250px; overflow-y: auto !important; overflow-x: hidden; }
.dropdown .dropdown-menu { border-radius: 0px 0px 12px 12px; border: 1px solid #ccdcf0; box-shadow: 0px 0px 10px rgba(28, 56, 157, 0.1); background: #fefbf4; }
.dropdown .dropdown-menu.show { transform: translate(0px, 39px) !important; inset: 0px auto auto 0px; }
.modal .accordion-body .dropdown .dropdown-menu.show { transform: translate(0px, 30px) !important; border-radius: 12px; }

/* Add one time charge Check Box */
.check_design { display: inline-block; box-sizing: border-box; padding: 0px; margin-right: 7px; width: 25px; height: 25px; border: 1px solid #555 !important; float: none; position: relative; border-radius: 5px; overflow: hidden; transition: all 0.4s; appearance: none; vertical-align: middle; }
.check_design::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: bold; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: scale(0); transition: all 0.4s; }
.check_design[type="checkbox"]:checked { background: #f9d58e; }
.check_design[type="checkbox"]:checked::before { transform: scale(1); background: #f9d58e; }

/* end */
hr { margin: 0; background: #f2f5fd; }
.details .table tr td .icons .icon3 { margin: 16px 0; }
.details .table tr td .icons .icon2 img { margin: 0px !important; }
.details .table .memb_count { display: inline-flex; align-items: center; justify-content: center; column-gap: 4px; width: 46px; height: 24px; padding: 5px; font-size: 12px; background: #d1d2d8; font-weight: 500; border-radius: 50px; border: none !important; }
.table-bordered> :not(caption)>*>* { border-width: 1px 0px; }

/* buttonss */
.buttonss { margin-top: 24px; }
.buttonss .input-group { background-color: var(--button-color2); height: 40px; border: none; border-radius: 10px; color: black; }
.buttonss .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: var(--button-color2); border: 1px solid #ced4da; border-radius: 0.25rem; }
.buttonss .form-select { background-color: var(--button-color2); height: 40px; border: none; border-radius: 10px; color: black; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0px; text-align: left; }
.buttonss .form-control { display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: var(--button-color2); border: 0px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.buttonss .form-control:focus { color: #212529; border: none; background-color: transparent; border-color: transparent; outline: 0; box-shadow: 0 0 0 0; }
.fa-magnifying-glass:before, .fa-search:before { content: "\f002"; color: var(--text-color-4); font-size: 16px; }
.music-box { background-color: var(--button-color2); border-radius: 10px; }
.music-box .input { padding: 10px; }
.music-box .top { background-color: var(--primary-color); border-radius: 12px 12px 0 0; color: var(--text-color-5); font-family: 'Rubik', sans-serif; font-size: 14px; height: 40px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: left; }
.col-sm-2 .navbar .navbar-brand { align-items: center; font-size: 30px; color: black; }.col-sm-2 .navbar { height: 90vh; background-color: white; }
.form-control { font-family: 'Rubik', sans-serif; font-size: 16px; height: 40px; font-weight: 500; line-height: 24px; letter-spacing: 0px; text-align: left; }
.col-sm-2 .navbar ul { width: 250px; }
.navbar-expand .navbar-nav .nav-link { color: var(--text-color-4); font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 700; line-height: 1.5; letter-spacing: 0px; text-align: left; padding: 12px 27px; display: flex; align-items: center; column-gap: 10px; }
.navbar-expand .navbar-nav .nav-link img { margin: 0px; }
.admin-content { align-items: center; padding: 0 20px; display: flex; border: 1px solid #f2f5fd; border-radius: 15px; }
.admin-content h6 { font-family: 'Rubik', sans-serif; font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0px; text-align: left; }
.admin span i { margin: 20px; font-size: 20px; }
.ss { text-align: center; align-items: center; }
.ss h6 { color: var(--text-color-4); font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: 0px; text-align: left; }
.ss span i { margin: 10px; }
.col-sm-2 .navbar ul li { margin-top: 10px; padding: 0px 20px; }
.table-bordered> :not(caption)>* { border-width: 0px 0; }
.boxx { background-color: #f3f4fc; border-radius: 10px; height: 112px; width: 320px; }
.boxx .input { padding: 0 10px; margin-top: 10px; }
.input .r1 .mp3 { color: #7c7a8d; margin-left: 10px; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0em; text-align: left; }
.input .r2 .time { color: #7c7a8d; font-weight: 600; margin-left: 10px; font-family: 'Rubik', sans-serif; font-size: 14px; font-weight: 700; line-height: 24px; letter-spacing: 0em; text-align: left; }
.input .r3 .date { color: #7c7a8d; font-weight: 600; margin-left: 10px; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0em; text-align: left; }
.input .r1 .input-values { color: #7c7a8d; }
.input .r2 .duration { color: #7c7a8d; }
.input .r3 .created { color: #7c7a8d; }
.bi-three-dots-vertical::before { content: "\f5d3"; font-size: 20px; }
.pages { width: 100%; background-color: var(--text-color-5); border-radius: 0 0 10px 10px; }
.music-box .top ul { padding: 0 10px; }
.music-box .top ul li { margin: 0 5px; margin-top: 8px; }
.pages ul li { margin: 10px; }
.pages ul li a { border: 1px solid var(--text-color-4); font-family: 'Rubik', sans-serif; font-size: 14px; font-weight: 700; letter-spacing: 0px; text-align: center; height: 32px; width: 32px; padding: 6px 4px; top: 0px; border-radius: 10px; }
.page-item.active .page-link { z-index: 3; color: #fff; background-color: var(--primary-color); border-color: var(--primary-color); }
.coll { display: flex; flex-wrap: wrap; align-items: center; gap: 40px; margin-top: 10px; }
.left-side img { vertical-align: middle; margin: 11px; }
thead img { margin-left: 4px; }
.slider { -webkit-appearance: none; appearance: none; width: 100%; height: 8px; background-color: white; border-radius: 10px; outline: none; opacity: 0.7; -webkit-transition: 0.2s; transition: opacity 0.2s; }

/* aaaaaaaaaaaaaa */
.heading h1 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 32px; line-height: 40px; margin-top: 16px; color: var(--text-color-2); }
.back span { margin: 12px; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; vertical-align: middle; }
.content-box { border: 1px solid #dee2e6; border-radius: 10px; margin-top: 24px; }
.content-box .content { padding: 24px 24px; }
.content-box .content .info { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 32px; color: #1c389d; }
.content-box .content .steps .step-number h6 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #7b7b8e; }
.content-box .content .steps a { float: right; position: relative; bottom: 50px; padding: 0px 30px; }
::placeholder { color: #acacac; float: inline-start; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0px; }
.content-2 { padding: 24px 24px; height: 104px; left: 0px; position: relative; margin-top: 24px; background: #f2f5fd; border-radius: 12px; }
.content-2 .info { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 32px; color: #1c389d; }
.content-2 .steps .step-number h6 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #7b7b8e; }
.content-2 a { float: right; position: relative; bottom: 50px; padding: 0px 30px; }
.forms { padding-top: 24px; }
.forms .form-control { background: #f2f5fd; border-radius: 12px; }
.forms .row { margin: 0; }
.forms .row .col-sm-4 { padding-right: 16px; padding-left: 0; }
.forms .form-label { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: #43435e; }
.icons a { width: 40px; padding: 8; padding: 8px; height: 40px; background: #f2f5fd; border-radius: 12px; margin: 8px; }
.button { margin-top: 32px; }
.button button { padding: 8px 16px; width: 160px; height: 40px; background: #2D53DA; border-radius: 12px; outline: none; border: none; color: #fff; float: right; }

/* category section */
.content-box-2 { border: 1px solid #dee2e6; border-radius: 10px; margin-top: 24px; }
.content-box-2 .formm { padding: 24px 24px; }
.content-box-2 .content .info { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 32px; color: #1c389d; }
.content-box-2 .content .steps .step-number h6 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #7b7b8e; }
.content-box-2 .content a { float: right; position: relative; bottom: 50px; padding: 0px 30px; }
.form-check .form-check-input { height: 24px; width: 24px; background: #0d6efd; border-radius: 50%; }
.form-check-input:checked[type=checkbox] { background-image: url(/icons/check-input.svg); background-size: 2px; background-position: center; }
.form-check .form-check-label { position: relative; top: 3px; padding: 0 12px; }
.form-check { margin-bottom: 8px; }
.content-box-2 .select-category { padding-top: 24px; }
.select-category .drop-down { width: 524px; background: #f2f5fd; border-radius: 12px; height: 40px; }
.select-category h6 { font-weight: 500; font-size: 14px; line-height: 24px; color: #43435e; }
.select-category .drop-down a img { float: right; padding: 17.5px 23px; }
.select-category .drop-down span { padding: 0 16px; position: relative; top: 10px; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; }
.or-exchange span { color: #acacac; padding: 0 16px; position: relative; top: 10px; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; }
.content-box-2 .form-group { padding-top: 24px; }
.content-box-2 .form-group label { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: #43435e; }
.content-box-2 .form-group .form-control { height: 40px; margin-top: 8px; border-radius: 12px; resize: none; }
.content-box-2 .form-group .form-control:focus { box-shadow: none; outline: none; }
.content-box-2 .form-group .form-control::placeholder { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; color: #acacac; }
.content-box-2 .date { padding-top: 24px; }
.selection .drop-down { background: #f2f5fd; border-radius: 12px; height: 40px; }
.selection .drop-down a img { float: right; padding: 9px 18px; }
.selection .drop-down span { padding: 0 16px; position: relative; top: 10px; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 16px; line-height: 24px; }
.date h6 { font-weight: 500; font-size: 14px; line-height: 24px; color: #43435e; }

/* media  section */
.content-box-3 .attach .Add { display: flex; cursor: pointer; flex-direction: row; align-items: flex-start; padding: 32px; position: static; width: 104px; height: 104px; left: 0px; top: 32px; background: #f2f5fd; border: 1px solid #ccdcf0; border-radius: 12px; }
.content-box-3 .attach .Add .img { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px; position: static; width: 40px; height: 40px; left: 32px; top: 32px; background: #2d53da; border-radius: 100px; }
.content-box-3 .attach h6 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: #43435e; }
.content-box-3 { border: 1px solid #dee2e6; border-radius: 10px; margin-top: 32px; }
.content-box-3 .formm { padding: 24px 24px; }
.content-box-3 .content .info { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 32px; color: #1c389d; }
.content-box-3 .content .steps .step-number h6 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #7b7b8e; }
.content-box-3 .content a { float: right; position: relative; bottom: 50px; padding: 0 30px; }
.content-box-3 .select-category { padding-top: 24px; }
.content-box-3 .attach { padding-top: 24px; }
.content-box-3 .upload { padding-top: 24px; position: relative; }
.content-box-3 .upload h6 { font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 500; font-size: 14px; line-height: 24px; color: #43435e; }
.read button { border: none; background-color: transparent; color: #2d53da; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; margin-top: 8px; letter-spacing: 0px; text-align: left; }
.content-box-3 .upload .choose { display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 8px 16px; position: static; width: 192px; height: 40px; cursor: pointer; left: 0px; top: 0px; border: 1px solid #2d53da; border-radius: 12px; }
.content-box-3 .upload .choose span { position: static; left: 32.29%; right: 15.62%; margin: 0 12px; top: 20%; bottom: 20%; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; display: flex; align-items: center; text-align: center; color: #2d53da; }
.content-box-3 .upload #file { position: absolute; top: 60px; left: 210px; font-family: 'Rubik', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 24px; color: #acacac; }
.button-media { margin-top: 32px; }
.button-media button { padding: 8px 16px; width: 160px; height: 40px; background: #2d53da; border-radius: 12px; outline: none; border: none; color: #fff; float: right; }
input[type="date"] { background: #f2f5fd; border-radius: 12px; height: 40px; border: none; }
input[type="time"] { background: #f2f5fd; border-radius: 12px; height: 40px; border: none; }
input[type="time"]:focus { background: #f2f5fd; box-shadow: none; }
input[type="datetime"]::-webkit-calendar-picker-indicator { background: url(../../images/icons/clock.svg); background-size: cover; background-position: center; }
input[type="time"]:focus:before { width: 0; content: ""; }
input[type="date"]:focus { background: #f2f5fd; box-shadow: none; }
input[type="date"]::-webkit-calendar-picker-indicator { background: url(../../images/icons/clock.svg); background-size: cover; background-position: center; }
input[type="date"]:focus:before { width: 0; content: ""; }
input[type="date"]::-webkit-calendar-picker-indicator { background: url(../../images/icons/calender.svg); background-size: cover; background-position: center; background-size: 18px; }
.section .dropdown .btn { background: #f2f5fd; border-radius: 12px; height: 40px; color: black; width: 100%; border: none; float: right; text-align: left; }
.section .dropdown .btn:focus { border: none; box-shadow: none; }
.section .dropdown .btn .dropdown-toggle::after { display: none; }

/*
input[type="time"]:before {
content: "Select time";
color: #9d9d9d;
position: absolute;
background: #f2f5fd;
}
input[type="date"]:before {
content: "Select date";
color: #9d9d9d;
position: absolute;
width: 105px;
background: #f2f5fd;
}*/

/*  users table */
.Users-details { padding-top: 30px; }
.Users-details .table { height: 10px; overflow: scroll; }
.Users-details .table tr { height: 72px; }
.Users-details .table th { padding: 0 24px; vertical-align: middle; color: var(--text-color2); }
.Users-details .table td { padding: 0 24px; vertical-align: middle; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0px; text-align: left; }
.Users-details .table tbody { margin: 20px; }
.Users-details .table .first { background-color: var(--button-color2); height: 40px; font-family: 'Rubik', sans-serif; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 0px; text-align: left; }
.Users-details .Users-icons { display: flex; gap: 16px; }
.buttonss .User-buttons { margin-top: 24px; }
.buttonss .User-buttons .input-group { background-color: var(--button-color2); height: 40px; border: none; border-radius: 10px; color: black; }
.buttonss .User-buttons .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; text-align: center; white-space: nowrap; background-color: var(--button-color2); border: 1px solid #ced4da; border-radius: 0.25rem; }
.buttonss .User-buttons .form-select { background-color: var(--button-color2); height: 40px; border: none; border-radius: 10px; color: black; font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; line-height: 24px; letter-spacing: 0px; text-align: left; }
.buttonss .User-buttons .form-control { display: block; width: 100%; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #212529; background-color: var(--button-color2); border: 0px solid #ced4da; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
.buttonss .User-buttons .form-control:focus { color: #212529; border: none; background-color: transparent; border-color: transparent; outline: 0; box-shadow: 0 0 0 0; }
.Users-details .icon2 img { border: 1px solid #2d53da; padding: 11px 11px; color: blue; border-radius: 10px; cursor: pointer; }
.Ad-speaker .form-label { font-weight: 500; font-size: 14px; line-height: 24px; }

/* CAtegory section */
.Category-section .table td #news {
    background: #f2f5fd;
    border-radius: 12px;
    padding: 12px;
}

.Category-section {
    padding-top: 30px;
}

.Category-section .table {
    height: 10px;
    overflow: scroll;
}

.Category-section .table th {
    padding: 0 24px;
    vertical-align: middle;
    color: var(--text-color2);
}

.Category-section .table td {
    padding: 0 24px;
    vertical-align: middle;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

.Category-section .table tbody {
    margin: 20px;
}

.Category-section .table tr {
    height: 80px;
}

.Category-section .table .first {
    background-color: var(--button-color2);
    height: 40px;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

.Category-section .Users-icons {
    display: flex;
    gap: 10px;
}

.pagination {
    border-radius: 0px 0px 12px 12px;
}

.icon1 img {
    border: 1px solid #2d53da;
    padding: 11px;
    color: blue;
    cursor: pointer;
    border-radius: 10px;
}

.attach #attach-img {
    display: flex;
    flex-direction: column;
}

.alert-success {
    position: relative;
    top: 0px;
    margin: 0px !important;
    right: 0px;
    width: 100%;
    float: none;
    z-index: inherit;
    padding-right: 2rem;
    --bs-gutter-x: 0;
}

.alert-success a {
    font-size: 30px;
    position: absolute;
    left: 150px;
    top: 18px;
}

.Category-section .icon2 img {
    border: 1px solid #2d53da;
    padding: 11px 11px;
    color: blue;
    border-radius: 10px;
    cursor: pointer;
}

.details .icon2 img {
    border: 1px solid #2d53da;
    padding: 11px 11px;
    color: blue;
    border-radius: 10px;
    cursor: pointer;
}

.details .table tr td .Users-icons .icon3 {
    margin: 16px 0;
}

.icon3 img {
    border: 1px solid #2d53da;
    padding: 11px 13px;
    color: blue;
    border-radius: 10px;
    cursor: pointer;
}

.Category-section .table tr td .link .h4 {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}

.Category-section .table tr td .link {
    background: #f2f5fd;
    border-radius: 12px;
    height: 32px;
    padding: 8px 12px;
}

.paginator {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 1.3rem;
}

.paginator .pagination li {
    margin: 0 10px;
}

.paginator .pagination {
    padding: 15px 0;
}

.paginator .pagination li a {
    position: relative;
    display: block;
    border: 1px solid var(--text-color-4);
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0px;
    text-align: center;
    height: 32px;
    width: 32px;
    padding: 6px 4px;
    top: 0px;
    border-radius: 10px;
}

.first a,
.prev a,
.next a,
.last a {
    border: none !important;
    width: auto !important;
}

.Category-section .table tr td .link .h4::after {
    content: url(../icons/content.svg);
    position: relative;
    float: right;
}

.formm .form-control {
    background: #f2f5fd;
    border-radius: 12px;
    border: none;
}

/* speakers section */
.Speakers-details {
    padding-top: 30px;
}

.Speakers-details .icon2 img {
    border: 1px solid #2d53da;
    padding: 11px 11px;
    color: blue;
    border-radius: 10px;
    cursor: pointer;
}

.Speakers-details .table {
    height: 10px;
    overflow: scroll;
}

.Speakers-details .table tr {
    height: 72px;
}

.Speakers-details .table th {
    padding: 0 24px;
    vertical-align: middle;
    color: var(--text-color2);
}

.Speakers-details .table td {
    padding: 0 24px;
    vertical-align: middle;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

.Speakers-details .table tbody {
    margin: 20px;
}

.Speakers-details .table .first {
    background-color: var(--button-color2);
    height: 40px;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

.Speakers-details .Users-icons {
    display: flex;
    gap: 16px;
}

.buttonss .User-buttons {
    margin-top: 24px;
}

.buttonss .User-buttons .input-group {
    background-color: var(--button-color2);
    height: 40px;
    border: none;
    border-radius: 10px;
    color: black;
}

.buttonss .User-buttons .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: var(--button-color2);
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

.buttonss .User-buttons .form-select {
    background-color: var(--button-color2);
    height: 40px;
    border: none;
    border-radius: 10px;
    color: black;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}

.buttonss .User-buttons .form-control {
    display: block;
    width: 100%;
    /* padding: 0.375rem 0.75rem; */
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: var(--button-color2);
    /* background-clip: padding-box; */
    border: 0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.buttonss .User-buttons .form-control:focus {
    color: #212529;
    border: none;
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0;
}

.buttonss .Speaker-buttons .col .search {
    align-items: center;
    background-color: var(--button-color2);
    height: 40px;
    margin: 0 !important;
    border: none;
    display: flex;
    border-radius: 10px;
    color: black;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}

/* Advertisments section */
.Advertisments-details {
    padding-top: 30px;
}

.Advertisments-details .icon2 img {
    border: 1px solid #2d53da;
    padding: 11px 11px;
    color: blue;
    border-radius: 10px;
    cursor: pointer;
}

.Advertisments-details .table {
    height: 10px;
    overflow: scroll;
}

.Advertisments-details .table tr {
    height: 72px;
}

.Advertisments-details .table th {
    padding: 0 24px;
    vertical-align: middle;
    color: var(--text-color2);
}

.Advertisments-details .table td {
    padding: 0 24px;
    vertical-align: middle;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

.Advertisments-details .table tbody {
    margin: 20px;
}

.Advertisments-details .table .first {
    background-color: var(--button-color2);
    height: 40px;
    font-family: 'Rubik', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
}

.Advertisments-details .Users-icons {
    display: flex;
    gap: 16px;
}

.content .upload .choose {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 16px;
    position: static;
    width: 192px;
    height: 40px;
    cursor: pointer;
    left: 0px;
    top: 0px;
    border: 1px solid #2d53da;
    border-radius: 12px;
}

.image {
    display: flex;
    gap: 24px;
}

.content h6 {
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.image .form-control {
    width: 524px;
}

.image {
    position: relative;
}

.image #close img {
    background: #2d53da;
    padding: 5.67px;
    left: 80px;
    top: 5px;
    border-radius: 50%;
    position: absolute;
}

.section .form-check-input:focus {
    box-shadow: none;
}

.section .form-check .form-check-input {
    height: 24px;
    width: 24px;
    background: #f2f5fd;
    border-radius: 50%;
    border: 1px solid #ccdcf0;
}

.Edit-button button {
    padding: 8px 16px;
    width: 160px;
    margin-top: 32px;
    height: 40px;
    background: #2d53da;
    border-radius: 12px;
    outline: none;
    border: none;
    color: #fff;
    float: right;
}

.content .form-control {
    border: none;
}

.upload .choose span {
    margin: 0 12px;
}

/* profile section */
.navbar .password {
    font-weight: 700;
    padding: 8px 16px;
    position: static;
    width: 216px;
    color: #2d53da;
    background: transparent;
    height: 40px;
    left: 184px;
    top: 0px;
    border: 1px solid #2d53da;
    border-radius: 12px;
    font-size: 16px;
    line-height: 24px;
}

.navbar .password:focus {
    border: 1px solid #2d53da !important;
}

.navbar .password img {
    margin-right: 12px;
    margin-bottom: 5px;
}

.content-box .content .steps .info #profile {
    width: 128px;
    float: right;
    background-color: transparent;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #2d53da;
    position: static;
    height: 40px;
    border: 1px solid #2d53da;
    border-radius: 12px;
}

.content-box .content .steps .info #profile:focus {
    border: 1px solid #2d53da !important;
}

.content-box .content .steps .info #profile img {
    margin-right: 10px;
}

.logout {
    margin-top: 32px;
}

.logout a {
    padding: 8px 16px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    position: static;
    width: 160px;
    height: 40px;
    left: 0px;
    top: 192px;
    border: 1px solid #2d53da;
    border-radius: 12px;
}

.logout a img {
    margin: 11px;
}

.details-user .mail {
    margin-top: 8px;
}

.details-user .side-1 {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #7b7b8e;
    font-size: 14px;
    line-height: 24px;
}

.details-user .side-2 {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #43435e;
    font-size: 14px;
    line-height: 24px;
}

/* modal  */
.modal-title {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #1c389d;
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    border-radius: 0.3rem;
    outline: 0;
    background: #ffffff;
    box-shadow: 0px 0px 10px rgb(28 56 157 / 10%);
    border-radius: 12px;
    width: 409px;
    height: 433px;
}

.accordion-body .news input.error {
    background: #f2f5fd;
}

.accordion-body .news input.error~label {
    color: red;
}

.modal-body .form-control {
    background: #f2f5fd;
    border-radius: 12px;
    border: none;
    height: 40px;
    width: 361px;
}

.modal-content .close {
    border: none;
    background-color: transparent;
}

.modal-header {
    border-bottom: 1px solid #ccdcf0;
}

.modal-body .form-label {
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
}

.modal-content .btn-secondary {
    padding: 8px 16px;
    width: 361px;
    border: none;
    height: 40px;
    margin: 24px 0px;
    background: #ccdcf0;
    border-radius: 12px;
}

.modal-content .btn-primary {
    padding: 8px 16px;
    width: 361px;
    background: #2d53da;
    border: none;
    height: 40px;
    margin: 24px 0px;
    border-radius: 12px;
}

/* Speaker Section */
.Ad-speaker .form-control {
    background: #f2f5fd;
    border-radius: 12px;
    border: none;
}

/*  */
.form-select {
    display: block;
    height: 40px;
    width: 100%;
    padding: 0.375rem 2.25rem 0.375rem 0.75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #f2f5fd;
    background-image: url(../../images/icons/nav-down.svg);
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border-radius: 12px;
    border: none;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-select::-ms-expand {
    border: none;
}

.content-box .toggle-btn {
    float: right;
    position: relative;
    bottom: 50px;
    padding: 0px 30px;
}

/* style */
#content-2 {
    display: none;
}

#media-content {
    display: none;
}

#settings-content {
    display: none;
}

#category-media-content {
    display: none;
}

#category-setting-content {
    display: none;
}

#basic-home {
    display: none;
}

/* jquery */
.left-side {
    display: block;
}

/*  */
#news_steps .card {
    overflow: hidden;
}

#news_steps .card .card-header {
    padding: 0px;
    border: none;
    box-shadow: none;
}

#news_steps .card .card-header .info {
    margin: 0;
}

#news_steps .card .card-header>a {
    display: inline-block;
    padding: 24px 24px;
    width: 100%;
    text-align: left;
    border: none;
    background: #fff;
    position: relative;
}

#news_steps .card .card-header>a::before {
    content: "\f078";
    position: absolute;
    top: 50%;
    right: 30px;
    font-family: "Font Awesome 6 Free";
    transform: translateY(-50%) scaleY(-1);
    color: #2D53DA;
    font-weight: bold;
    font-size: 20px;
    transition: all 0.25s;
}

#news_steps .card .card-header>a.collapsed::before {
    transform: translateY(-50%) scaleY(1);
}

#news_steps .card .card-header>a.collapsed {
    background: #F2F5FD;
}

#news_steps .card .steps_cont {
    padding: 0px 24px 24px;
}

#news_steps .card .steps_cont .input.checkbox label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 12px;
    line-height: 1.2;
}

#news_steps .card .steps_cont .input.checkbox label input {
    background: #F2F5FD;
    border: 1px solid #CCDCF0;
    border-radius: 8px;
    position: relative;
    transition: all 0.25s;
}

#news_steps .card .steps_cont .input.checkbox label input:hover {
    background: #CCDCF0;
}

#news_steps .card .steps_cont .input.checkbox label input:checked,
#news_steps .card .steps_cont .input.checkbox label input:checked {
    background: #1C389D;
}

#news_steps .card .steps_cont .input.checkbox label input::before,
#news_steps .card .steps_cont .input.radio label input::before {
    content: "\f00c";
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: "Font Awesome 6 Free";
    transform: translateX(-50%) translateY(-50%);
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    line-height: 1;
    opacity: 0;
}

#news_steps .card .steps_cont .input.checkbox label input:checked::before {
    opacity: 1;
}

#news_steps .card .steps_cont #date-picker .input.date {
    padding-top: 0px;
}

/* 21/12/23 */
.form_inner .sub-amount {
    font-size: 16px;
    font-weight: 500;
    color: #747474;
}

.form_inner .sub-amount span {
    font-size: 20px;
    color: #000;
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    padding-left: 5px;
}

.number-item:focus {
    border: 1px solid #60355e !important;
}

.form_inner .form-inner-title {
    font-size: 17px;
    padding: 0px 0px 8px;
    margin: 0;
    line-height: normal;
}

.value-button {
    width: 42px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fef0d8;
    border-style: solid;
    border-color: #60355e;
    color: #000;
    line-height: normal;
}

.form_inner.amount-tag {
    margin-top: 0px;
}

.minus {
    border-width: 1px 0px 1px 1px;
}

.plus {
    border-width: 1px 1px 1px 0px;
}

.add-amount {
    display: flex;
    align-items: center;
}

.payment_details .form_credit.form-block {
    margin-top: 0px;
}

.number-item {
    font-weight: 700;
    font-size: 20px;
    text-align: left;
    padding: 8px 15px;
    background: #fef0d8;
    border: 1px solid #60355e;
    border-radius: 0px;
    color: #000;
    line-height: normal;
    width: 100%;
    max-width: 58px;
    text-align: center;
}

.number-item:focus-visible {
    outline: none;
}

.number-item[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.forms .image {
    flex-direction: column;
}

.updatesort input:focus{
    border:#ededed;
}

/* media query */
@media (max-width: 1200px) {
    .nav-2 {
        display: flex;
        flex-direction: column;
    }

    .navbar-nav {
        display: flex;
        list-style: none;
        flex-direction: column-reverse;
    }

    .buttonss .btn .form-select {
        width: 350px;
    }

    .buttonss .btn .form-select option {
        width: 20px;
    }

    header .navbar ul li {
        margin: 10px 10px 10px 0;
    }

    header .navbar ul {
        /* align-items: center;  */
        /* display: block;  */
    }

    li.time_charge {
        display: inline-flex;
        float: right;
    }

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

    /* li.export_text {
    display: inline;
    float: right;
    } */
    .buttonss .btn-1 {
        width: 350px;
    }

    .details .table {
        overflow-x: auto;
    }

    .User-buttons {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: center;
    }

    .User-buttons .col-lg-9 {
        width: 100% !important;
        padding: 0 !important;
    }

    .User-buttons .col-lg-9 .search {
        margin: 0;
    }

    .User-buttons .col-lg-3 {
        width: 100% !important;
    }

    .buttonss .User-buttons .col-lg-3 .form-select {
        width: 100% !important;
        float: none !important;
    }

    .select-category .drop-down {
        width: 100% !important;
    }
}

@media (max-width: 991px) {
    .search {
        margin: 0;
    }

    .date-time .row .col-lg-6 {
        padding: 0 !important;
    }

    .date-time .row {
        gap: 12px;
    }

    .buttonss .row {
        display: flex;
        gap: 12px;
        flex-direction: column;
    }

    .buttonss .row .search {
        margin: 0 !important;
    }

    .modal-dialog {
        margin-left: 25px;
    }

    /* modal  */
    .modal-title {
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 32px;
        color: #1c389d;
    }

    .modal-body .form-control {
        width: 281px;
    }

    .modal-content .btn-secondary {
        width: 281px;
    }

    .modal-content .btn-primary {
        width: 281px;
    }

    .icons a {
        padding: 3px;
    }

    .image .form-control {
        width: auto;
    }

    .col-sm-2 .navbar ul li {
        margin-top: 10px;
        padding: 6px 20px;
    }

    .col-sm-2 .navbar ul {
        width: 300px;
    }
}

@media (max-width: 430px) {
    .content-box .content .steps .info #profile {
        float: none !important;
    }
}

/*--- 30-05-2022 ---*/
.notification { display: block; padding-right: var(--bs-gutter-x, .75rem); position: fixed; right: 0; top: 72%; z-index: 99; max-width: 450px; }
.messagecontent { padding-right: 2rem; max-width: fit-content; }
.notification .alert { border-radius: 8px; display: flex; flex-wrap: inherit; }
.notification .close { position: relative; display: flex; left: 0px; top: 0px; width: auto; margin-left: auto; font-size: 30px; }
.icon { max-width: 50px; height: 50px; text-align: center; padding: 9px; border-radius: 8px; color: #fff; font-size: 22px; margin-right: 10px; width: 100%; }
.success { background: #388e3c!important; }
.news .notification .error { background: #842029; }
.news .error { background: none; }
.content .notification .alert.success_msg { position: relative; top: 0px; margin: 15px 0 !important; right: 0px; width: 100%; float: none; z-index: inherit; padding: 1rem; --bs-gutter-x: 0; }
.content .notification .alert.success_msg .close { position: relative; display: flex; left: 0px; top: 0px; width: auto; margin-left: auto; font-size: 30px; }
#news_steps #collapseThree .upload .form-control[type="file"] { position: relative; margin-top: 5px; background: #f2f5fd; color: #444; }
#news_steps #collapseThree .upload .form-control[type="file"]::before { content: "Choose File"; position: absolute; left: 0px; top: 0px; height: 100%; width: 117px; background: #eee; display: inline-flex; justify-content: center; align-items: center; color: #777; border-right: 1px solid #222; }
#news_steps #collapseThree .attach { display: flex; flex-wrap: wrap; gap: 24px; align-items: self-end; }
#news_steps #collapseThree .attach .upld_box { width: 125px; }
#news_steps #collapseThree .attach .upld_box .upld_img_box { display: block; padding-top: 100%; position: relative; margin-bottom: 5px; }
#news_steps #collapseThree .attach .upld_box .image-box { position: relative; }
#news_steps #collapseThree .attach .upld_box .upld_img_box img { position: absolute; top: 0px; left: 0px; border-radius: 12px; width: 100%; height: 100%; object-fit: cover; }
#news_steps #collapseThree .attach .upld_box .removeImg { font-size: 20px; line-height: 1.1; border: none; position: absolute; top: 10px; width: 20px; background: #2D53DA; border-radius: 50%; height: 22px; right: 10px; }
#news_steps #collapseThree .attach .upld_box .removeImg i { width: 1px !important; position: relative; right: 4px; bottom: 9px; font-size: 12px; }
#news_steps #collapseThree .addmore-files .form-control[type="file"] { position: relative; margin-top: 5px; background: #f2f5fd; color: #444; }
#news_steps #collapseThree .addmore-files .form-control[type="file"]::before { content: "Choose File"; position: absolute; left: 0px; top: 0px; height: 100%; width: 117px; background: #eee; display: inline-flex; justify-content: center; align-items: center; color: #777; border-right: 1px solid #222; }
#news_steps #collapseThree .attach .addmore-files { display: flex; flex-wrap: wrap; flex-direction: column; column-gap: 15px; row-gap: 20px; }
#news_steps #collapseThree .attach .addmore-files .image-box { display: flex; align-items: center; column-gap: 15px; width: 100%; margin-bottom: 0px; }
#news_steps #collapseThree .attach .addmore-files .image-box .form-control { margin: 0px; }
#news_steps #collapseThree .attach label .Add { padding: 0px; background: transparent; border: none; top: 0px; position: relative; width: auto; height: auto; border-radius: 0px; width: 125px; display: inline-block; }
#news_steps #collapseThree .attach label .Add .img.addmore { background: #f2f5fd; border: 1px solid #ccdcf0; border-radius: 12px; display: block; padding-top: 100%; width: auto; height: auto; }
#news_steps #collapseThree .attach label .Add .img.addmore .add_btn { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 45px; height: 45px; background: #2d53da; display: flex; padding: 14.5px; border-radius: 50%; opacity: 0.8; transition: opacity 0.4s ease-in-out; }
#news_steps #collapseThree .attach label .Add .img.addmore:hover .add_btn { opacity: 1; }
#news_steps #collapseThree .attach label .Add .img.addmore .add_btn::selection, #news_steps #collapseThree .attach label .Add .img.addmore .add_btn img::selection { background: transparent; }
#collapseThree .steps_cont.forms .upload>.audio-box { display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 20px; align-items: center; padding-bottom: 20px; }
#collapseThree .steps_cont.forms .upload>.audio-box .removeAudio { max-width: 50px; height: 50px; background: #2D53DA; border-radius: 50%; width: 50px; border: none; display: inline-flex; justify-content: center; align-items: center; font-size: 20px; }
#collapseOne[data-bs-parent="#news_steps"] .steps_cont.forms>.row:nth-child(2), #collapseOne[data-bs-parent="#news_steps"] .steps_cont.forms>.row:last-child { padding-bottom: 55px; position: relative; }
#collapseOne[data-bs-parent="#news_steps"] .steps_cont.forms>.icons { display: none; }
#news_steps>.card.content-box { overflow: visible; }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editor.note-frame.panel { position: initial; }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editor.note-frame.panel { outline: none !important; border: none !important; }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editing-area { min-height: calc(1.5em + 0.75rem + 2px); background: #f2f5fd; border-radius: 12px; height: 120px; overflow: hidden; }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editor.note-frame.panel>.panel-heading.note-toolbar { position: absolute; bottom: 0px; width: 100%; left: 0px; }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editor.note-frame.panel .note-statusbar { display: none; }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editor.note-frame.panel>.panel-heading.note-toolbar .note-btn.btn { min-width: 40px; padding: 8px; height: auto; background: #f2f5fd; border-radius: 10px; margin: 0px 4px; color: var(--text-color-4); }
#collapseOne[data-bs-parent="#news_steps"] .input.textarea.required .note-editor.note-frame.panel>.panel-heading.note-toolbar .note-btn.btn:focus~.dropdown-menu { display: block; }

/*--04-04-2022---*/
#header_search .search { background: #fff; border: 1px solid #ccc; overflow: hidden; padding: 0px 0px 0px 15px !important; }
#header_search .search .form-control { background: #fff !important; height: auto; min-height: 100%; }
#header_search .dropdown>.btn, #invoice_page .side-nav .sidenav_head .dropdown>.btn, .weelky-block .dropdown>.btn, #invoice_edit_page .location_btn .dropdown>.btn { text-align: left; border: 1px solid #ccc !important; position: relative; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 7px 16px; line-height: 1.5; margin: 0; }
#header_search .dropdown>.btn.btn-light.show, #invoice_edit_page .location_btn .dropdown>.btn.btn-light.show { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
#header_search .dropdown>.btn::after, #invoice_page .side-nav .sidenav_head .dropdown>.btn::after, #invoice_edit_page .location_btn .dropdown>.btn::after { position: absolute; top: 50%; right: 15px; border-radius: 10px; transform: translateY(-50%); }
#header_search .dropdown>.dropdown-menu,.dropdown-box-container .dropdown>.dropdown-menu, #invoice_edit_page .location_btn .dropdown>.dropdown-menu { width: 100%; }
#header_search .dropdown>.dropdown-menu ul,.dropdown-box-container .dropdown>.dropdown-menu ul, #invoice_edit_page .location_btn .dropdown>.dropdown-menu ul { padding-left: 15px; border-bottom: 1px solid #ccc; }
#header_search .dropdown>.dropdown-menu .form-check, #invoice_edit_page .location_btn .dropdown>.dropdown-menu .form-check { min-height: auto; height: auto; display: flex; flex-wrap: wrap; align-items: center; margin: 0px; padding: 10px 15px 10px 0px; border-bottom: 1px solid #ccc; background: #fefbf4; position: relative; }
#header_search .dropdown>.dropdown-menu li:last-child .form-check, #invoice_edit_page .location_btn .dropdown>.dropdown-menu li.dropdwn li:last-child .form-check { border-bottom: none; }
#header_search .dropdown>.dropdown-menu input[type="checkbox"], .yearly-wrapper .form-check input[type=checkbox], #invoice_edit_page .location_btn .dropdown>.dropdown-menu input[type="checkbox"] { border-radius: 2px; display: inline-block; box-sizing: border-box; padding: 0px; margin-top: 0px; width: 20px; height: 20px; background: rgba(255, 255, 255, 0); border: 1px solid #aaa !important; float: none; position: relative; transition: all 0.4s; position: absolute; width: 100%; margin: 0px; height: 100%; opacity: 0; z-index: 1; }
#header_search .dropdown>.dropdown-menu input[type="checkbox"]:checked, #invoice_edit_page .location_btn .dropdown>.dropdown-menu input[type="checkbox"]:checked { background: #f9d58e; }
#header_search .dropdown>.dropdown-menu input[type="checkbox"]::before, #invoice_edit_page .location_btn .dropdown>.dropdown-menu input[type="checkbox"]::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: bold; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: scale(0); transition: all 0.4s; }
#header_search .dropdown>.dropdown-menu input[type="checkbox"]:checked::before, #invoice_edit_page .location_btn .dropdown>.dropdown-menu input[type="checkbox"]:checked::before { transform: scale(1); }
#header_search .dropdown>.dropdown-menu .form-check-label, #invoice_edit_page .location_btn .dropdown>.dropdown-menu .form-check-label { position: relative; top: 0px; line-height: 1.3; display: flex; flex-wrap: wrap; align-items: center; column-gap: 12px; padding-left: 0px; }
#header_search .dropdown>.dropdown-menu .form-check-label::before, #invoice_edit_page .location_btn .dropdown>.dropdown-menu .form-check-label::before { content: ""; border-radius: 2px; display: inline-block; box-sizing: border-box; padding: 0px; margin-top: 0px; width: 20px; height: 20px; background: rgba(255, 255, 255, 0); border: 1px solid #aaa !important; position: relative; font-family: "Font Awesome 6 Free"; font-weight: bold; transition: all 0.4s; display: inline-flex; align-items: center; justify-content: center; }
#header_search .dropdown>.dropdown-menu input[type="checkbox"]:checked~.form-check-label::before, #invoice_edit_page .location_btn .dropdown>.dropdown-menu input[type="checkbox"]:checked~.form-check-label::before { content: "\f00c"; background: #f9d58e; }
#header_search .dropdown .apply_cancel, #invoice_edit_page .location_btn .dropdown .apply_cancel { padding: 15px 15px 10px; column-gap: 15px; }
#header_search .dropdown .apply_cancel a, #header_search .dropdown .apply_cancel button, #invoice_edit_page .location_btn .dropdown .apply_cancel a, #invoice_edit_page .location_btn .dropdown .apply_cancel button { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: center; line-height: 1.6; display: inline-block; font-weight: 700; padding: 10px; color: #171f3e; border: 2px solid #171f3e; border-radius: 8px; line-height: 1.2; transition: all 0.4s; }
#header_search .dropdown .apply_cancel .clear_btn, #invoice_edit_page .location_btn .dropdown .apply_cancel .clear_btn { position: relative; }
#header_search .dropdown .apply_cancel .clear_btn .checkbox, #invoice_edit_page .location_btn .dropdown .apply_cancel .clear_btn .checkbox { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; }
#header_search .dropdown .apply_cancel a.clear_btn:hover, #invoice_edit_page .location_btn .dropdown .apply_cancel a.clear_btn:hover { background: #171f3e; color: #fff; }
#header_search .dropdown .apply_cancel .apply_btn,.dropdown-box-container .dropdown .apply_cancel .apply_btn, #invoice_edit_page .location_btn .dropdown .apply_cancel .apply_btn { background: #f9d58e; border-color: #f9d58e; }
#header_search .dropdown .apply_cancel .apply_btn:hover,.dropdown-box-container .dropdown .apply_cancel .apply_btn:hover, #invoice_edit_page .location_btn .dropdown .apply_cancel .apply_btn:hover { border-color: #171f3e; }
#invoice_edit_page .location_btn .dropdown>.dropdown-menu { max-height: 238px; overflow-y: auto; }

table.table td.actions .edit_items .dropdown-toggle::after { display: none; }
table.table td.actions .edit_items .dropdown-toggle { padding: 6px 15px; display: block; max-width: 20px; text-align: center; margin-left: auto; }
table.table td.actions .edit_items .dropdown-menu { padding: 0px; border-radius: 10px; filter: drop-shadow(0px 0px 1px #ccc); }
table.table td.actions .edit_items .dropdown-menu>li { width: 100%; }
table.table td.actions .edit_items .dropdown-menu>li>a { display: flex; column-gap: 10px; align-items: center; padding: 10px 15px; border-bottom: 1px solid #ccc !important; background: #fff; transition: all 0.4s; font-size: 12px; color: #0B101F !important; }
table.table td.actions .edit_items .dropdown-menu>li>a img { width: 20px; height: 20px; object-fit: contain; object-position: center; }
table.table td.actions .edit_items .dropdown-menu>li:last-child>a { border-bottom: none; }
table.table td.actions .edit_items .dropdown-menu>li>a:hover { background: #fefbf4; }
.content>.details.container-fluid.table-responsive { overflow: visible !important; }
.details .table .donor_name { display: flex; column-gap: 12px; align-items: center; }
.details .table .donor_name .name_logo { width: 32px; height: 32px; display: inline-flex; flex-wrap: wrap; align-items: center; justify-content: center; border: 1px solid #f9d58e; border-radius: 50%; background: #fefbf4; }
.details .table td.amount_col { font-weight: 500; font-size: 14px; color: #0B101F; }
.index.content .details table tbody tr td.address_col { font-size: 12px; max-width: 250px; }
.index.content .details table tbody tr td.card_col { font-size: 12px; }
.index.content .details table { border-radius: 0px 0px 10px 10px; }
.index.content .details table thead { background: transparent; }
.index.content .details table thead th { background: var(--text-color-4); min-height: 48px; padding: 15px 20px; }
.index.content .details table th.has_sorting>a::after, th.has_sorting>a::after { content: ""; width: 12px; height: 12px; background: url(/images/sorting.svg); display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 8px; filter: brightness(0) invert(1); margin-top: 2px; }
.index.content .details table th.has_sorting>a.asc::after, th.has_sorting>a.asc::after { content: ""; width: 10px; height: 10px; background: url(/images/up_arrow.svg); background-size: cover; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 8px; filter: brightness(0) invert(1); margin-top: 3px; }
.index.content .details table th.has_sorting>a.desc:after, th.has_sorting>a.desc::after { content: ""; width: 10px; height: 10px; background: url(/images/down-arrow.svg); background-size: cover; display: inline-block; background-size: contain; background-repeat: no-repeat; margin-left: 8px; filter: brightness(0) invert(1); margin-top: 3px; }
.index.content .details table thead th:first-child { border-radius: 10px 0px 0px 0px; overflow: hidden; }
.index.content .details table thead th:last-child { border-radius: 0px 10px 0px 0px; overflow: hidden; }
.index.content .details table tbody tr td { background: #fff; color: #0B101F; }
.index.content .details table tbody tr td a { color: #0B101F !important; }
.index.content .details table tbody tr td.id_col { /* min-width: 150px; */ max-width: 150px; }
td.name_col { min-width: 186px; }
.index.content .details table tbody tr td.id_col a { font-weight: 400; font-size: 10px; padding: 4px; border: 1px solid #0B101F; border-radius: 50px; line-height: 1.2; display: inline-flex; vertical-align: middle; align-items: center; justify-content: center; margin-left: 5px; text-transform: lowercase; }
.index.content .details table tbody tr td.id_col a.memb_count { font-size: 12px; font-weight: 500; }
.index.content .details table tbody tr td.id_col a.memb_count i { display: inline-flex; }
.index.content .details table tbody tr td.id_col a.memb_count i::before { display: none; }
.index.content .details table tbody tr td.id_col a.memb_count i::after { content: ""; width: 8px; height: 8px; display: inline-block; background-image: url(/images/user_icon.svg); background-size: contain; background-repeat: no-repeat; }
.index.content .details table tbody tr:nth-child(even) td { background: #f5f5f5; }
.index.content .details .table .address_col span,  td.address_col span   { padding: 4px 12px; display: inline-block; background: #D1D2D8; color: #0B101F; font-size: 12px; font-weight: 500; border-radius: 25px; }
.index.content .details .table .address_col .charged,  td.address_col span.charged  { background: #388e3c; color: #fff; }
.index.content .details .table .address_col .declined { background: #E64A19; color: #fff; }
.index.content .details .table .address_col .in_processed { background: rgb(221, 221, 64); color: #fff; } header nav.navbar #navbarNav .search .form-control { background: transparent; border: none; }
#navbarNav>.navbar-nav { column-gap: 25px; }
#navbarNav>.navbar-nav .search { margin: 0px; }
.index.content .details table tbody tr .actions .actions_block { display: flex; align-items: center; column-gap: 20px; font-size: 20px; }
.index.content .details table tbody tr .actions .actions_block a { font-size: inherit; }
#invoice_page .side-nav .head_tabs { display: flex; flex-wrap: wrap; column-gap: 25px; row-gap: 15px; }
#invoice_page .side-nav .head_tabs a { font-size: 16px; font-weight: 500; padding: 12px 24px; border: none; border-radius: 5px 5px 0px 0px; overflow: hidden; background: #fff; color: #6D7079; transition: all 0.4s; }
#invoice_page .side-nav .head_tabs a:hover, #invoice_page .side-nav .head_tabs a:focus, #invoice_page .side-nav .head_tabs a.active { background: #FEFBF4; color: var(--text-color-4); }
#invoice_page .column-responsive .view.content { background: #FEFBF4; padding: 12px 20px 20px; display: inline-block!important; width: 100%; }
#invoice_page .column-responsive .view.content table { width: 100%; table-layout: auto; }
#invoice_page .column-responsive .view.content table tr th:first-child, #invoice_page .column-responsive .view.content table tr td:first-child { font-weight: 400; color: #6D7079; width: 150px; }
#invoice_page .side-nav .heading { color: var(--text-color-4); font-family: 'Cubano', sans-serif; font-size: 32px; font-weight: 500; line-height: 1.2; letter-spacing: 0px; text-align: left; margin-bottom: 20px; }
#invoice_page .column-responsive .view.content .status_col span { padding: 4px 12px; display: inline-block; background: #D1D2D8; color: #0B101F; font-size: 12px; font-weight: 500; border-radius: 25px; }
#invoice_page .column-responsive .view.content .status_col .charged { background: #388e3c; color: #fff; }
#invoice_page .column-responsive .view.content .status_col .declined { background: #E64A19; color: #fff; }

/*-- 02-08-2022--*/
header nav.navbar .btnback {
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
    font-weight: 500;
}

header nav.navbar .btnback i {
    font-size: 130%;
}

.default_popdesign .modal-header {
    border: none;
}

#addMembersModal .modal-content,
#addDonations .modal-content,
.default_popdesign .modal-content,
#import_donation .modal-content,
#save_report .modal-content {
    width: 100%;
    height: auto;
}

#addMembersModal .modal-dialog,
#addDonations .modal-dialog,
.default_popdesign .modal-dialog {
    width: calc(100% - 30px);
    max-width: 425px;
}

#addMembersModal .dropdown,
#addDonations .dropdown,
.default_popdesign .dropdown {
    display: flex;
    flex-direction: column;
    text-align: left;
    row-gap: 5px;
}

#addMembersModal .dropdown>.dropdown-menu,
#addDonations .dropdown>.dropdown-menu,
.default_popdesign .dropdown>.dropdown-menu {
    max-height: 200px;
    overflow-y: auto !important;
}

#addMembersModal .dropdown .drop_label,
#addDonations .dropdown .drop_label,
.default_popdesign .dropdown .drop_label {
    font-size: 16px;
    font-weight: 500;
}

#addMembersModal .dropdown .dropdown-toggle,
#addDonations .dropdown .dropdown-toggle,
.default_popdesign .dropdown .dropdown-toggle {
    text-align: left;
    padding: 8px 15px;
    background: #fff;
    border: 1px solid #ccc !important;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    margin: 0px !important;
    width: 100%;
}

#addMembersModal .dropdown .dropdown-toggle.show,
#addDonations .dropdown .dropdown-toggle.show,
.default_popdesign .dropdown .dropdown-toggle.show {
    border-radius: 10px 10px 0px 0px;
}

#addMembersModal .dropdown .dropdown-menu,
#addDonations .dropdown .dropdown-menu,
.default_popdesign .dropdown .dropdown-menu {
    width: 100%;
    margin-top: -2px !important;
    box-shadow: none;
    background: #fefbf4;
    padding: 0px;
    overflow: hidden;
}

#addMembersModal .dropdown .dropdown-menu li,
#addDonations .dropdown .dropdown-menu li,
.default_popdesign .dropdown .dropdown-menu li {
    display: flex;
    flex-direction: column;
}

#addMembersModal .dropdown .dropdown-menu .dropdown-item,
#addDonations .dropdown .dropdown-menu .dropdown-item,
.default_popdesign .dropdown .dropdown-menu .dropdown-item {
    padding: 8px 15px;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.8;
}

#addMembersModal .dropdown .dropdown-menu li::after,
#addDonations .dropdown .dropdown-menu li::after,
.default_popdesign .dropdown .dropdown-menu li::after {
    content: "";
    position: relative;
    width: calc(100% - 0px);
    border-bottom: 2px solid #ccc;
    display: inline-block;
    margin-left: auto;
}

#addMembersModal .dropdown .dropdown-menu li:last-child::after,
#addDonations .dropdown .dropdown-menu li:last-child::after,
.default_popdesign .dropdown .dropdown-menu li:last-child::after {
    display: none;
}

#addMembersModal .dropdown .dropdown-menu .dropdown-item.add_link,
#addDonations .dropdown .dropdown-menu .dropdown-item.add_link,
.default_popdesign .dropdown .dropdown-menu .dropdown-item.add_link {
    font-weight: 500;
    display: flex;
    align-items: center;
    column-gap: 7px;
}

/* #addMembersModal .modal-dialog .modal-body, #addDonations .modal-dialog .modal-body, .default_popdesign .modal-dialog .modal-body {
padding-bottom: 0px !important;
} */
#addMembersModal .modal-footer,
#addDonations .modal-footer,
.default_popdesign .modal-footer {
    padding: 0px 1rem 30px;
    border: 0px;
    width: 100%;
}

#addMembersModal .modal-footer .btn,
#addDonations .modal-footer .btn,
.default_popdesign .modal-footer .btn {
    margin: 0px;
    width: auto;
    display: inline-block;
    border: 0;
    background-color: var(--button-color);
    color: #171f3e;
    border-radius: 8px;
    padding: 10px 20px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
    text-align: center;
    height: auto;
}

#addMembersModal .modal-dialog .modal-body input[type="checkbox"] {
    display: inline-block;
    box-sizing: border-box;
    padding: 0px;
    margin-right: 7px;
    width: 25px;
    height: 25px;
    border: 1px solid #555 !important;
    float: none;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.4s;
    appearance: none;
    vertical-align: middle;
}

#addMembersModal .modal-dialog .modal-body input[type="checkbox"]:checked {
    background: #f9d58e;
}

#addMembersModal .modal-dialog .modal-body input[type="checkbox"]::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    transition: all 0.4s;
}

#addMembersModal .modal-dialog .modal-body input[type="checkbox"]:checked::before {
    transform: scale(1);
    background: #f9d58e;
}

#addMembersModal .modal-header,
#addDonations .modal-header {
    border: none;
    padding-bottom: 10px;
    padding-top: 20px;
}

#addMembersModal .modal-header .modal-title,
#addDonations .modal-header .modal-title,
.default_popdesign .modal-header .modal-title,
#save_report .modal-header .modal-title {
    font-size: 24px;
    color: var(--text-color-4);
    font-weight: 700;
}

#addMembersModal .modal-header .btn-close,
#addDonations .modal-header .btn-close,
.default_popdesign .modal-header .btn-close {
    font-size: 16px;
    margin: 0px;
}

.paginator ul.pagination {
    display: inline-flex;
    /* flex-wrap: wrap; */
    align-items: center;
    column-gap: 10px;
    padding: 15px 25px;
    margin: 0;
}

.paginator ul.pagination li {
    margin: 0px;
}

.paginator ul.pagination li.disabled {
    display: none;
}

.paginator .pagination li a {
    border: none;
    padding: 0px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.paginator .pagination li.page_numb a {
    border-radius: 5px;
    border: 2px solid #ccc;
    background: #fff;
    color: var(--text-color-4);
    transition: all 0.3s;
}

.paginator .pagination li.last a::before,
.paginator .pagination li.prev a::before,
.paginator .pagination li.first a::before {
    content: "\f101";
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    font-size: 20px;
}

.paginator ul.pagination .first a::before {
    content: "\f100";
}

.paginator ul.pagination .prev a::before {
    content: "\f104";
}

.paginator ul.pagination .next a,
.paginator ul.pagination .last a,
.paginator ul.pagination .prev a,
.paginator ul.pagination .first a {
    font-size: 0px;
    width: 32px !important;
    height: 32px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    background: #F9D58E;
}

.paginator .pagination li.page_numb a:hover {
    background: var(--text-color-4);
    color: #fff;
    border-color: var(--text-color-4);
}

.paginator .pagination li.prev a::before,
.paginator .pagination li.next a::before {
    content: "\f104";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900);
    font-size: 20px;
}

.paginator .pagination li.next a::before {
    content: "\f105";
}

.donor_name span strong {
    font-weight: 500;
    font-size: 14px;
}

.font14 {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.members.view tr th {
    font-size: 14px;
}

.members.view tr td {
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 16px;
}

.details.donations tr td {
    font-size: 14px;
}

.text_wrap {
    line-break: anywhere;
}

.donations table th,
td {
    padding-top: 8px;
    padding-bottom: 8px;
}

#invoice_edit_page table th,
#invoice_edit_page table td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

#invoice_edit_page .form-control {
    display: block;
    width: 100%;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da !important;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#invoice_edit_page .rightside {
    /* text-align: right; */
    padding-top: 20px;
}

#invoice_edit_page .rightside .saveBtn {
    border: 0;
    background-color: var(--button-color);
    color: #171f3e;
    border-radius: 8px;
    height: 40px;
    /* width: 142px; */
    padding: 8px 18px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
    text-align: center;
    appearance: none;
}

form#invoice_edit_page .view.content {
    display: flex !important;
    flex-wrap: wrap;
}

form#invoice_edit_page .view.content>* {
    max-width: 800px;
}

form#invoice_edit_page .view.content>.right-side {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    order: 5;
    text-align: right;
}

form#invoice_edit_page .view.content>.right-side .editBtn {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    line-height: 1.6;
    display: inline-flex;
    font-weight: 500;
    padding: 10px;
    color: #171f3e;
    border: 2px solid #171f3e !important;
    border-radius: 8px;
    line-height: 1.2;
    transition: all 0.4s;
    column-gap: 6px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

form#invoice_edit_page .view.content>.right-side .editBtn i {
    font-size: 125%;
}

form#invoice_edit_page .view.content>.right-side .unsubscribeBtn {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    line-height: 1.6;
    display: inline-flex;
    font-weight: 500;
    padding: 10px;
    color: #171f3e;
    border: 2px solid #171f3e !important;
    border-radius: 8px;
    line-height: 1.2;
    transition: all 0.4s;
    column-gap: 6px;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

form#invoice_edit_page .view.content>.right-side .unsubscribeBtn i {
    font-size: 125%;
}

.index.content .details table .card_check {
    position: relative;
}

.index.content .details table .card_check input[type="radio"] {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin: 0px;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.index.content .details table .card_check label {
    width: 24px;
    height: 24px;
    margin-top: 0.25em;
    vertical-align: top;
    border: 1px solid rgba(0, 0, 0, 0.5);
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.index.content .details table .card_check label::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    color: var(--text-color-4);
    line-height: 1;
}

.index.content .details table .card_check label::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    color: var(--text-color-4);
    line-height: 1;
    opacity: 0;
    transition: all 0.4s;
}

.index.content .details table .card_check:hover label::before {
    opacity: 0.3;
}

.index.content .details table .card_check input[type="radio"]:checked~label::before {
    opacity: 1;
}

#invoice_page .column-responsive .view.content table.table.shadow-sm tr:nth-child(odd) td {
    background: #FEFBF4;
}

#invoice_page .column-responsive .view.content table.table.shadow-sm tr:nth-child(even) td {
    background: #fff;
}

#invoice_page.cards_page .column-responsive .view.content table {
    box-shadow: none !important;
    border: none;
}

#invoice_page.cards_page .column-responsive .view.content table thead tr th:first-child {
    color: #fff;
    font-weight: 700;
    padding: 15px 20px;
}

#invoice_page.cards_page .column-responsive .view.content table tr td {
    border: none;
}

#invoice_page.cards_page .column-responsive .view.content .btn.btn-outline-secondary {
    color: #171f3e;
    border: 2px solid #171f3e !important;
    border-radius: 8px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    column-gap: 10px;
}

#invoice_page.cards_page .column-responsive .view.content .btn.btn-outline-secondary:hover,
#invoice_page.cards_page .column-responsive .view.content .btn.btn-outline-secondary:focus {
    background: #f9d58e;
}

#invoice_page.cards_page .column-responsive .view.content table tr td:nth-child(2) {
    width: 25%;
}

#invoice_page.cards_page .column-responsive .view.content table .action_btns {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 15px;
    font-size: 18px;
}

#invoice_page.cards_page .column-responsive .view.content table .action_btns a {
    font-size: inherit;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fefbf4;
}

#invoice_page .column-responsive .view.content table tr:nth-child(even) .action_btns a {
    background: #fff;
}

#invoice_page.donation_table table tbody tr .actions .actions_block {
    justify-content: flex-end;
    column-gap: 15px;
}

#invoice_page.donation_table table tbody tr .actions .actions_block a {
    font-size: inherit;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fefbf4;
}

#invoice_page.donation_table table tr:nth-child(even) .action_btns a {
    background: #fff;
}

.default_popdesign form label {
    font-weight: 500;
    color: #0B101F;
    line-height: 1;
    margin-bottom: 8px;
}

.default_popdesign form .form-control {
    background: #fff;
    border: 1px solid #D1D2D8;
    border-radius: 8px;
    width: 100%;
}

.default_popdesign .form-control:focus {
    border: 1px solid #D1D2D8 !important;
}

.default_popdesign form .form-control::placeholder {
    color: #0B101F;
    opacity: 0.5;
    font-weight: 400;
}

#header_search .form-check .other_form_group {
    display: none;
    position: relative;
    z-index: 99;
    align-items: center;
    column-gap: 10px;
    padding-top: 10px;
}

#header_search .form-check input[type="checkbox"]:checked~.other_form_group {
    display: flex;
}

#header_search .form-check .other_form_group .form-group {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

#header_search .form-check .other_form_group label {
    white-space: pre;
    font-size: 14px;
}

#header_search .form-check .other_form_group .form-control {
    background: #fff !important;
    border: 1px solid #D1D2D8 !important;
    border-radius: 8px !important;
    appearance: none;
    -webkit-appearance: none;
}

#header_search .form-check .other_form_group .form-control::placeholder {
    color: #0B101F;
    opacity: 0.5;
    font-weight: 400;
}

#invoice_page .side-nav .sidenav_head .dropdown>.btn {
    background: #F9D58E;
    color: #000;
    width: 100%;
    max-width: 200px;
    min-width: 200px;
    height: 40px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #F9D58E !important;
}

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

#invoice_page .side-nav .sidenav_head .dropdown>.btn.show,
#invoice_page .side-nav .sidenav_head .dropdown>.btn:focus {
    background: #fff;
}

#invoice_page .side-nav .sidenav_head .dropdown>.btn::after {
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

#invoice_page .side-nav .sidenav_head .dropdown>.btn.show::after {
    transform: translateY(-50%) scaleY(-1);
}

#invoice_page .side-nav .sidenav_head {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
}

#invoice_page .side-nav .sidenav_head .heading {
    margin-bottom: 0.5rem;
}

#invoice_page .side-nav .sidenav_head .dropdown .dropdown-menu {
    width: 100%;
    overflow: hidden;
    padding: 0px;
    border: none;
}

#invoice_page .side-nav .sidenav_head .dropdown .dropdown-item {
    padding: 0px;
}

#invoice_page .side-nav .sidenav_head .dropdown .dropdown-item a {
    padding: 10px 16px;
    width: 100%;
    border-bottom: 1px solid #D1D2D8;
    display: inline-block;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    color: #0B101F;
}

#invoice_page .side-nav .sidenav_head .dropdown .dropdown-item a:hover {
    background: #FEFBF4;
}

.daterangepicker.show-calendar .drp-calendar {
    padding: 16px;
}

.daterangepicker.show-calendar .drp-calendar.left {
    border-right: 1px solid #D1D2D8;
}

.daterangepicker.show-calendar .drp-calendar table thead th.prev span,
.daterangepicker.show-calendar .drp-calendar table thead th.next span {
    border-color: #6D7079;
}

.daterangepicker.show-calendar .drp-calendar table thead th {
    width: 32px;
    height: 32px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    color: #0B101F;
    font-weight: 500;
}

.daterangepicker.show-calendar .drp-calendar table thead th.month {
    color: #171F3E;
    font-size: 14px;
    font-weight: 500;
}

.daterangepicker.show-calendar .drp-calendar table td.active {
    line-height: 34px;
}

.daterangepicker.show-calendar .drp-calendar table td {
    width: 34px;
    height: 34px;
    min-width: 34px;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
}

.daterangepicker.show-calendar .drp-calendar table td.in-range {
    background: #FEFBF4;
}

/* .daterangepicker.show-calendar .drp-calendar table td.in-range:first-child {
border-radius: 50% 0px 0px 50%;
}
.daterangepicker.show-calendar .drp-calendar table td.in-range:last-child {
border-radius: 0px 50% 50% 0px;
} */
.daterangepicker.show-calendar .drp-calendar table td.active {
    border-radius: 50%;
    background: #F9D58E;
    color: #171F3E;
    font-weight: 500;
}

.daterangepicker.show-calendar .drp-calendar table td.off {
    background: transparent !important;
    color: #D1D2D8 !important;
    font-weight: 400 !important;
}

.daterangepicker.show-calendar>.drp-buttons {
    padding: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: 16px;
    row-gap: 16px;
}

.daterangepicker.show-calendar>.drp-buttons .drp-selected {
    display: block;
    margin-right: auto;
    font-size: 16px;
    color: #0B101F;
    opacity: 0.5;
}

.daterangepicker.show-calendar>.drp-buttons button.btn {
    height: 40px;
    width: 96px;
    left: 0px;
    top: 0px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: 'Roboto', 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    border: 2px solid #171F3E;
    color: #171F3E;
    transition: all 0.4s;
}

.daterangepicker.show-calendar>.drp-buttons button.btn.applyBtn {
    background: #F9D58E;
    border-color: #F9D58E;
}

.daterangepicker.show-calendar>.drp-buttons button.btn.cancelBtn:hover {
    background: #F9D58E;
    border-color: #F9D58E;
}

#header_search .dropdown>input.form-control.btn[name="daterange"]::placeholder {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #0B101F;
}

.details table.table-bordered .data-row {
    cursor: pointer;
}

.accordion-body {
    padding: 1rem;
}

input.donor_manual {
    padding: 6px;
    border: none;
    outline: none;
    width: 100%;
    border-bottom: 2px solid #ccc;
}

.column-responsive {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

input.form-control.uploadfile {
    width: 266px;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #f9d58e !important;
}

.accordion-button:not(.collapsed)::after {
    filter: brightness(0) !important;
}

.accordion-button {
    font-weight: 500;
    font-size: 1rem;
}

.cardModal .form-control:focus {
    border: 1px solid #D1D2D8 !important;
}

.Donor_export {
    display: flex;
    justify-content: end;
}

.viewDonorbtn {
    border: 0;
    background-color: var(--button-color);
    color: #171f3e;
    border-radius: 8px;
    height: 40px;
    padding: 8px 18px;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 1rem;
}

button.bg_boder {
    border: 1px solid #ccc !important;
    background: #fff;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 8px 16px;
    line-height: 1.5;
    width: 100%;
    color: #000;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown .dropdown-menu {
    overflow: hidden;
    padding: 0px;
}

button.bg_boder.show {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.dropdown-toggle.show::after {
    transform: rotate(180deg);
}

.donations {
    position: relative;
}

.viewDonor {
    position: absolute;
    left: 27%;
    top: 18px;
}

.viewDonor .viewDonortag {
    font-size: 14px;
    text-decoration: underline;
}

/* swal2 */
.swal2-shown .swal2-title {
    color: #171f3e;
    font-size: 20px;
}

.swal2-shown .swal2-label {
    color: #171f3e;
}

.swal2-shown .swal2-styled.swal2-confirm {
    background-color: #F9D58E;
    height: 40px;
    width: 70px;
    padding: 0;
    border-radius: 8px;
    font-family: 'Roboto', 'Rubik', sans-serif;
    color: #171F3E;
}

.swal2-shown .swal2-styled.swal2-confirm:hover {
    background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)) !important;
}

.swal2-shown .swal2-cancel.swal2-styled {
    height: 40px;
    width: 96px;
    border-radius: 8px;
    font-family: 'Roboto', 'Rubik', sans-serif;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #171F3E;
    color: #171F3E;
    transition: all 0.4s;
    background: none;
    padding: 0;
}

.swal2-shown .swal2-cancel.swal2-styled:hover {
    background-color: #F9D58E;
    border-color: #F9D58E;
    background-image: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)) !important;
}

.swal2-shown .swal2-checkbox input {
    display: inline-block;
    box-sizing: border-box;
    padding: 0px;
    margin-right: 7px;
    width: 25px;
    height: 25px;
    border: 1px solid #555 !important;
    float: none;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    transition: all 0.4s;
    appearance: none;
    vertical-align: middle;
}

.swal2-shown .swal2-checkbox input::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: bold;
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transform: scale(0);
    transition: all 0.4s;
}

.swal2-shown .swal2-checkbox input[type="checkbox"]:checked {
    background: #f9d58e;
}

.swal2-shown .swal2-checkbox input[type="checkbox"]:checked::before {
    transform: scale(1);
    background: #f9d58e;
}

.swal2-container .swal2-html-container {
    order: -1;
}
.swal2-container .messagecontent.error {
    color: #842029;
    margin: 0 auto;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    max-width: 100%;
    border: 1px solid;
    border-radius: 6px;
    padding: 10px;
}
.swal2-container .messagecontent h5 {
    text-transform: capitalize;
}


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

.members_id {
    border: 1px solid #000;
    padding: 5px;
    width: 65px;
    height: 36px;
    text-align: center;
}

.plan_radio {
    padding: 10px 0;
}

.plan_radio .radio_btn {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    position: relative;
}

.plan_radio .radio_btn::before {
    position: absolute;
    background: #ffc107;
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.plan_radio .radio_btn:checked::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 1px 2px 2px;
    color: #000;
}

.plan_radio .radio_btn:hover::before {
    content: "\f111";
    font-family: "Font Awesome 6 Free";
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2px 1px 2px 2px;
    color: #b7b7bc;
}

.plan_radio .radio_btn:checked:hover::before {
    color: #000;
}

.error_bg_remove .error {
    background: none;
}

.error_message {
    color: #ff0000cc;
}

.inline-block {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.weelky-block .dropdown:first-child .btn {
    width: 100%;
    min-width: 250px;
    padding: 7px 10px;
}
.action-buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 40px;
    flex-wrap:wrap;
}
.action-buttons .doner_btn {
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 8px 50px 8px 22px;
}
.action-buttons .doner_btn span {
    transform: translate(12px, 0px);
    font-family: Lato;
    font-size: 25px;
}
.action-buttons .doner_btn:hover {
    background-color: #60355e;
    color:#ffcf83;
}
.action-buttons .donate-btn .doner_btn:hover{
    background: #FFD284;
    color: #151F40;

}


/* Time picker Table */
.timepicker-popover .popover-header:before {
    content: initial;
 }
.timepicker-popover .popover-header {
    background: var(--text-color-4);
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.timepicker-popover .close {
    font-size: 21px;
    font-weight: 300;
    opacity: 1;
    width: 1em;
    height: 1em;
    color: #fff;
}
.popover-body tbody td {
    padding: 0px 15px;
}
.timepicker-popover input {
    max-width: 38px;
    padding: 10px 0px;
}
.btn-link {
    aspect-ratio: 4 / 4;
    width: 100%;
    max-width: 38px;
    border-radius: 6px;
    background: #f9d58e;
    color: #171f3e;
}
.timepicker-popover button.meridiem-btn, .timepicker-popover button.meridiem-btn:hover {
    outline: initial;
    box-shadow: initial;
}
.timepicker-popover button.meridiem-btn {
    min-width: initial;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    max-width: 38px;
    min-width: 38px;
    aspect-ratio: 4 / 4;
    border: initial;
    border-radius: 6px;
}
/* .timepicker-popover .btn-link:hover {
    background-color: #f9d58e;
    color: #171f3e;
} */
.timepicker-content .invisible {
    display: none;
}
.submit-btn {
    margin: 15px 15px 0px auto !important;
}
.submit-btn:hover, .timepicker-popover a.btn-link:hover {
    background: #f9d58e;
    border-color: #f9d58e;
    opacity: .7;
    color: #171f3e;
}
.cancel-btn, .submit-btn {
    aspect-ratio: 4 / 4;
    width: 100%;
    max-width: 38px;
    border-radius: 6px;
    background: #f9d58e;
    color: #171f3e;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-color: #f9d58e;
}
.cancel-btn {
    background: #171f3e;
    color: #fff;
    border-color: #171f3e;
    margin: 15px 0px 0px 15px!important;
}


@media only screen and (max-width:1440px) {
    .viewDonor {
        position: absolute;
        left: 40%;
        top: 18px;
    }
}

@media only screen and (max-width:992px) {
    .view tr {
        display: flex;
        padding: 10px 0;
    }

    .members_id {
        margin: 0 0;
    }

    form#invoice_edit_page .view.content>.right-side .editBtn {
        padding: 5px;
    }

    .viewDonor {
        position: absolute;
        left: 40%;
        top: 18px;
    }

    .viewDonor {
        position: relative;
        left: 0;
        top: 0;
    }

    form#invoice_edit_page .view.content>.right-side {
        order: 0;
    }

    .index.content .details table thead {
        background: transparent;
        display: none;
    }

    .index.content .details table tbody tr td:before {
        content: attr(data-label);
        float: left;
        font-size: 10px;
        text-transform: uppercase;
        font-weight: bold;
        width: 62%;
        padding-right: 10px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: bold;
    }

    .table-responsive tr {
        border: 1px solid #ccc;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        display: block;
    }

    .index.content .details table tbody tr:nth-child(even) td {
        background: #ffffff;
    }

    .index.content .details table tbody tr td.address_col {
        max-width: 100%;
    }

    .index.content .details table tbody tr td.actions {
        overflow: visible;
    }

    .index.content .details table tbody tr td {
        background: #fff;
        color: #0B101F;
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        overflow: auto;
        padding: 20px;
        font-size: 14px;
        display: block;
    }

    .details .table .donor_name .name_logo {
        display: none;
    }

    li.export_text {
        display: inline;
        float: right;
    }

    .paginator {
        display: block;
        text-align: center;
        padding: 20px;
    }

    #invoice_page.donation_table table tbody tr .actions .actions_block {
        justify-content: start;
    }

    .view tr {
        padding: 0;
    }

    #invoice_page.cards_page .column-responsive .view.content table .action_btns {
        justify-content: start;
    }

    #invoice_page.cards_page .column-responsive .view.content table tr td:nth-child(2) {
        width: 100%;
    }
}

@media only screen and (max-width:1348px) {
    .navbar-expand-lg .navbar-toggler {
        display: initial;
    }

    .left-side {
        display: none;
    }

    .menuOpen #sidebar_left {
        display: block;
        position: absolute;
    }

    .menuOpen #sidebar_left+div {
        position: absolute;
        margin-left: 275px;
    }
    .chat-message .inner-chat-box .chat-box {
        max-height: calc(100vh - 456.73px);
    }
}

@media only screen and (max-width:992px) {

    /* .menuOpen .navbar>.container-fluid{
flex-direction: row-reverse;
} */
    header .navbar ul li button {
        margin-left: initial;
    }

    #invoice_page .column-responsive .view.content table tr th:first-child,
    #invoice_page .column-responsive .view.content table tr td:first-child,
    #invoice_page .column-responsive .view.content table tr th,
    #invoice_page .column-responsive .view.content table tr td {
        width: 100%;
        /* display: table; */
    }

    .paginator ul.pagination {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:570px) {
    .index.content .details table tbody tr td:before {
        width: 100%;
        max-width: 100px;
    }

    .paginator ul.pagination {
        padding: 15px 0;
    }

    .daterangepicker.show-calendar .drp-calendar.left {
        border-right: none;
    }
}

@media only screen and (max-width:430px) {
    .Donor_export {
        justify-content: start;
    }

    #invoice_page .side-nav .head_tabs {
        flex-direction: column;
    }

    .fl_wrap {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:370px) {
    header .navbar ul li button {
        font-size: 12px;
    }

    header .logo {
        font-size: 25px;
    }

    .index.content .details table tbody tr td:before {
        width: auto;
    }
}

.paginate {
    display: inline-flex;
}

.anniversary-index * {
    padding: 0;
    box-sizing: border-box;
    font-family: 'Lato';
}

h6,
h4 {
    font-family: Times New Roman;
}

/* css for the invoice is below */
.vejkainy {
    max-width: 820px;
    padding-top: 2rem;
    background: #fff;
}

.vejkainyInner {
    padding: 0 4.5rem;
}

.vejkainy h5 {
    font-size: 16px;
    font-weight: 400;
    margin: 4px;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.mlten {
    text-align: center;
    padding-left: 7.1rem;
    display: inline;
    margin-top: 4px;
}

.mlten h4 {
    font-size: 16px;
    font-weight: 600;
}


/* .detail h5 {
    font-family: Times New Roman;
} */

.rightSide {
    padding-right: 10px;
    padding-bottom: 16px;
    float: left;
    width: 100%;
    max-width: 53%;
}

.leftSide {
    text-align: end;
    padding-left: 8px;
    float: right;
    max-width: 47%;
    padding-bottom: 20px;
}
.donation h6 {
    text-align: end;
    margin: 0;
}
.exchange h5 {
    font-style: normal;
    font-weight: 500;
    text-align: start;
    font-size: 11px;
}

.officialOuter {
    padding: 0 2.5rem;
}
.officialInner {
    padding-top: 40px;
}

.officialOuter h6 {
    font-weight: 700;
}

.info p {
    margin: 3px 0;
    font-size: 14px;
}

.signature {
    padding: 0;
}

.signature p {
    margin: 0;
}

.popup-notification span.error.alert-error {
    padding: 10px;
    color: #721c24;
    width: 100%;
    display: block;
    border-radius: 12px;
    background: #f8d7da;
    margin-bottom: 10px
}

.popup-notification span.success.alert-success {
    padding: 10px;
    color: #155724;
    width: 100%;
    display: block;
    border-radius: 12px;
    background: #c3e6cb !important;
    margin-bottom: 10px
}

/* 24/07/23 */
.doner_form_contant {
    border: 2px solid #60345E;
    border-radius: 20px;
    padding: 20px 20px 28px 20px;
}

.doner_weekly_form {
    width: 100%;
    border-bottom: 1px solid #60345E;
    border-top: none;
    border-left: none;
    border-right: none;
    color: #000;
    font-weight: 300;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    line-height: 21px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.doner_weekly_form:focus {
    outline: none;
    border-bottom: 1px solid #60345E !important;
}
/* .hide-input { display: none;} */
.payment-info .stripe_input iframe {
    top: initial;
}
#donate_main .payment-info .doner_weekly_form {
    margin-bottom: 10px;
}
.py-20 {
    margin-top: 25px;
}

.sbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin-top: 65px;
    position: relative;
}

.right_btn {
    width: 23px;
    height: 23px;
    position: absolute;
    transform: translate(52px, 1px);
}

.doner_btn {
    border: none;
    background: #60355e;
    color: #ffcf83;
    font-size: 25px;
    font-weight: 700;
    line-height: 30px;
    padding: 6px 50px 10px 22px;
    width: 210px;
    margin: 0 auto;
    border-radius: 12px;
    height: 51px;
    font-family: 'Lato', sans-serif;
}

/* .payment_details {
padding: 33px 0 44px;
} */
.form_inner h4 {
    font-weight: 700;
    font-family: 'Lato', sans-serif;
    color: #000;
    padding-top: 5px;
    font-size: 25px;
    line-height: 30px;
}

.label_name {
    display: inline-block;
    font-size: 10px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #747474;
    line-height: 12px;
    padding-bottom: 10px;
}

.card_label {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 21.6px;
    color: #000000;
}

/*--25/07/2023--*/
#main_back .container { width: 965px; }
.outer_back { background: #fef0d8; }
.logo_img img { max-width: 366px; height: 367px; object-fit: cover; }
.topHead { display: flex; gap: 20px; padding: 71px 0px 58px 0px; }
.topHead_inner { padding: 20px 0px 10px 0px; }
.payment_details h3 { font-weight: 700; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 21.6px; color: #000; }
.personal_info h3 { display: block; }
.topHead_inner h2 { color: #60345E; font-weight: 400; font-size: 45px; font-family: 'Gloock', serif; line-height: 54px; }
.topHead_inner p { font-size: 18px; font-weight: 300; color: #000; font-family: 'Lato', sans-serif; line-height: 21.6px; }
.topHead_inner h4 { font-size: 22px; font-weight: 700; color: #000; font-family: 'Lato', sans-serif; line-height: 26.4px; }
.doner_amount { border-radius: 5px; }
.doner_amount { display: inline-block; box-sizing: border-box; padding: 0px; margin-right: 7px; max-width: 20px; width: 100%; height: 20px; border: 1px solid #555 !important; float: none; position: relative; overflow: hidden; transition: all 0.4s; appearance: none; vertical-align: middle; cursor: pointer; }
.form_inner .card_label { cursor: pointer; }
.doner_amount::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: 900; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: scale(0); transition: all 0.4s; color: #fff; }
.doner_amount[type="checkbox"]:checked { background: #60355e; }
.doner_amount[type="checkbox"]:checked::before { transform: scale(1); background: #60355e; }
.right_btn i { color: #ffcf83; font-size: 23px; background: #60355e; width: 23px; height: 23px; }
.drop_arrow { appearance: none; }
.form_inner { position: relative; margin-top: -10px; }
.payment_details .card_expiry_width { width: 100%; max-width: 145px; }
.payment_details .cvv_width { width: 100%; max-width: 94px; }
.payment_details .form_credit { margin-top: 6px; }
.payment_details .form_credit.mt-block { margin-top: 25px; }
.mt-block { margin-top: 25px; }
.form_inner i { position: absolute; right: 0; bottom: 0; transform: translate(-10px, -18px); font-size: 23px; color: #60355e; }
.footer-section { text-align: center; background-color: #D6D6D6; padding: 12px 0px; background: #FFF5E5; padding: 46px 50px; }
.footer-inner-content, .footer-logo-area, .footer-logo, .contacts-area { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.footer-logo-area { gap: 17px; }
.footer-logo { gap: 34px; }
.contacts-area { gap: 10px; }
.footer-logo .logo_first { mix-blend-mode: multiply; }
.footer-logo .logo_second { padding: 0; }
.footer-logo .logo_second img { max-width: 41px; }
.footer-inner-content .number-count { text-decoration: none; color: #000; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; }
.footer-inner-content .number-count span { font-weight: 700; margin-left: 4px; font-size: 18px; }
.footer-inner-content i { font-size: 18px; }
.copyright_inner h4 { color: #000; font-family: "Open Sans"; font-size: 12px; font-weight: 400; line-height: 14.4px; margin-bottom: 0; }
.copyright_inner i { font-size: 12px; padding-right: 3px; }
.by-details span { color: #000; text-align: center; font-family: "Open Sans"; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; }
.by-details span a { text-decoration: none; color: #000; text-align: center; font-family: "Open Sans"; font-size: 12px; font-weight: 700; line-height: normal; }
.setupInWidth { padding-bottom: 47px; padding-top: 51px; }
.main_header_inner { display: flex; justify-content: space-between; }
.header_logo { display: flex; gap: 28px; align-items: center; padding: 8px 26px 12px 18px; border-radius: 0px 0px 5px 5px; border-right: 2px solid #60345E; border-bottom: 2px solid #60345E; border-left: 2px solid #60345E; background: #FFF; z-index: 1; position: relative; }
.right_head { display: flex; gap: 7px; max-height: 14px; align-items: center; margin: 24px 0; }
.right_head .number-count { text-decoration: none; color: #000; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; }
.right_head .number-count span { font-weight: 700; margin-left: 4px; font-size: 18px; }
.call_icon { font-weight: 900 !important; padding-right: 5px; color: #60345E; }
.divied {
    position: relative;
    top: -2px;
}

.video-player-section { position: relative; height: 100%; width: 100%; min-height: 430px; }
#donate_main .video-player-section iframe { position: absolute; height: 100% !important; width: 100% !important; top: 0; left: 0; }
#main_back .py-20 { margin-top: -48px; }
.py-28 { margin-top: -12px; }
.main_header .contanier-fluid { width: 1380px; margin: 0 auto; } header.main_header { background: #FFCF83; max-height: 62px; }
.logo_second { padding: 7px 0; }
.sub-wrapper { background: #FEF0D9; padding: 17px 16px 17px 23px; }
.sub-wrapper .subscription-text { margin-bottom: 5px; }
.sub-wrapper span { color: #000; font-family: Lato; font-size: 12px; font-weight: 600; line-height: normal; margin-bottom: 5px; display: block; }

/*===============
UPDATE CREDIT CARD
=============== */
::-webkit-input-placeholder { color: #000; font-weight: 300; font-family: 'Lato', sans-serif; font-size: 18px; line-height: 21px; }
.update_card_inner { padding: 0 20px 0 0; border-right: 1px solid #60345E; margin-bottom: 12px; }
.update_card_inner .form_inner .doner_weekly_form:nth-child(2) { margin-top: 0; }
.update_card_inner .doner_weekly_form { margin-top: 16px; }
.update_card .form_inner { margin-top: 0; }
.main_title h4 { font-size: 35px; line-height: 42px; font-weight: 300; font-family: 'Lato'; margin-bottom: 13px; }
.update_card_width { width: 100%; max-width: 794px; margin: 0 auto; }
.cancel-btn .cencel_sub { cursor: pointer; background: #fff; padding: 0 5px; color: #000; width: max-content; margin: 20px auto 0; text-decoration: underline; display: block; font-size: 16px; font-weight: 500; }
.update_card_width .doner_btn { padding: 6px 22px 10px 22px; }
.bottom-block form { padding-top: 20px; } span.ac_name { display: inline-flex; gap: 5px; font-size: 18px; font-weight: 300; line-height: 21px; font-family: 'Lato'; }
.card_name { font-weight: 700; font-size: 18px; line-height: 21px; margin: 0; }
.total_weeks span { font-size: 18px; font-family: 'Lato'; font-weight: 700; }
.info_account .form_inner { margin-top: 20px; }
.process_info .amount { font-weight: 700; font-family: 'Lato', sans-serif; color: #000; font-size: 25px; line-height: 30px; }
.dropdown .dropdownoption { text-align: left; padding: 8px 15px; background: #fef0d8; border: 1px solid #60355e !important; border-radius: 0px; display: flex; align-items: center; justify-content: space-between; color: #000; margin: 0px !important; width: 100%; }
.payment_details .dropdown .dropdown-menu { width: 100%; max-width: 95%; border-radius: 0; }
.payment_details .dropdown-menu .dropdown a { border: 1px solid #60355e; background-color: #fff; border-radius: 0px; }
.payment_details .dropdown .dropdown-menu.show { transform: translate(0px, -2px) !important; }
.dropdown .btn-primary:hover { background: #fff; color: #000; }
.dropdown .btn-check:focus+.btn-primary, .btn-primary:focus { color: #000; background-color: #ffffff; border-color: #0a58ca; box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5); }
.additional_radio_btn .input-radio-custom { display: none; }
.additional_radio_btn label { background: #ECEEF2; padding: 7px 12px 6px; border-radius: 10px; margin-right: -10px; display: block; color: #60697A; text-align: center; font-size: 18px; font-weight: bold; font-family: 'Lato'; }
.input-radio-custom[type=radio]:checked~label { background: #60345E; color: #fff; }
.input-custom-val { background: #ECEEF2; border: none; border-radius: 10px; width: 100%; padding: 7px 10px 6px 28px; font-size: 18px; font-weight: bold; font-family: 'Lato'; }
.amount-tag .amount-value, .total_amt { font-size: 25px; font-weight: bold; font-family: 'Lato'; margin: 0; }
.amount-tag p { margin: 0; font-size: 18px; font-weight: lighter; line-height: 1.2; }
.number-class { position: relative; }
.currencysign { position: absolute; left: 0; top: 0; margin: 9px 10px; font-size: 18px; font-weight: bold; font-family: 'Lato'; color: #60697A; }
.additional_details { margin-top: 10px; }
.calHeading { font-weight: bold; font-family: 'Lato', sans-serif; font-size: 18px; color: #000; margin-bottom: 19px; }
#main_back .icon { max-width: 50px; }
#main_back .alert-success .messagecontent { max-width: 90%; }
#main_back .alert-success a { display: none; }
#main_back .messagecontent h5 { margin-bottom: 0px; }
#main_back .alert-success { margin-bottom: 20px !important; border-radius: 20px; }
.donate-form .container { max-width: 825px; }
.donate_back { padding: 70px 30px 30px 30px; }
.donate_image { max-width: 412px; margin: 0 auto; }
.donate_image img { width: 100%; height: 100%; }
.form_main_outer h2 { color: #60345E; text-align: center; font-family: Cubano; font-size: 45px; font-style: normal; font-weight: 400; line-height: normal; padding: 50px 0px 29px 0px; margin-bottom: 0px; }
.form_inner_detail { border-radius: 20px; border: 2px solid #60345E; background: #fff; padding: 46px 42px 43px 42px; }
.span_count { display: flex; gap: 10px; align-items: center; }
.span_count span { width: 46px; height: 46px; background: #60345E; color: #FFCF83; text-align: center; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; display: grid; place-items: center; border-radius: 50%; }
.active-span span { background: #60345E; color: #FFCF83; }
.payment_count.active-span span { background: #60345E; color: #FFCF83; }
.span_count h6 { color: #60345E; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin: 0; }
#donate_main .input-radio-custom[type=radio]:checked~label { color: #FFCF83; background: #60345E; }
.additional_radio_btn { width: 100%; max-width: 137px; }
.multi-column-box .additional_radio_btn {
    width: 100%;
    max-width: calc(33.33% - 10px);
}
#donate_main .multi-column-box .input-custom-val {max-width: 100%;}
.multi-column-box .additional_radio_btn.custom-group {
    width: 100%;
    max-width: initial;
}
#donate_main .additional_radio_btn.custom-group label {
    height: initial;
    border-radius: 10px;
    border: 2px solid #60345E;
    padding: 10px;
    background: #fff;
    gap: 4px;
}
.group-item-img {
    border-radius: 5px 5px 0px 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.group-item-img img {
    width: 100%;
    height: 64px;
    object-fit: cover;
    object-position: 0 50%;
}
.group-item-img .img-content {
    position: absolute;
    top: 0;
    right: 10px;
    width: 100%;
    max-width: 260px;
    text-align: center;
    margin-left: auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.additional_radio_btn.custom-group label .he-lang {
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans Hebrew New";
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    direction: rtl;
}
.additional_radio_btn.custom-group label .he-lang span {
    font-weight: 400;
    display: inline-block;
}
.additional_radio_btn.custom-group label .content-des {
    color: #000;
}
.additional_radio_btn.custom-group label .content-des, .additional_radio_btn.custom-group label .content-des b {
    text-align: center;
    font-family: Lato;
    font-size: 14px;
    line-height: normal;
}
.additional_radio_btn.custom-group label .content-des {
    font-weight: 400;
}
.additional_radio_btn.custom-group label .content-des b {
    font-weight: 700;
}
.additional_radio_btn.custom-group label .content-des span {
    color: #60345E;
    font-family: Lato;
    font-size: 18px;
    font-weight: 900;
}
.group-block {
    display: flex;
    align-items: stretch;
    gap: 5px;
    width: 100%;
}
.cus-content-area {
    width: 100%;
    padding: 10px;
    border-radius: 0px 0px 0px 5px;
    background: #ECEEF2;
    transition: all 0.3s ease-in-out;
}
.group-items {
    border-radius: 0px 0px 5px 0px;
    background: #ECEEF2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 30px;
    width: 100%;
    max-width: 127px;
    transition: all 0.3s ease-in-out;
}
#donate_main .custom-group .input-radio-custom[type=radio]:checked~label {
    background: initial;
}
#donate_main .input-radio-custom[type=radio]:checked~label .content-des {
    color: #FFCF83;
}
#donate_main .input-radio-custom[type=radio]:checked~label .content-des span {
    color: #fff;
}
#donate_main .input-radio-custom[type=radio]:checked~label .cus-content-area, #donate_main .input-radio-custom[type=radio]:checked~label .group-items {
    background: #60345E;
}

#donate_main .additional_radio_btn label { padding: 0; width: 100%; height: 40px; display: grid; place-items: center; color: #60345E; text-align: center; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; }
#donate_main .input-custom-val { max-width: 137px; height: 40px; padding: 0; font-size: 18px; font-style: normal; padding-left: 28px; font-weight: 700; line-height: normal; }
.donate_dollor_list { padding-bottom: 14px; display: flex; flex-direction: row; gap: 14px; flex-wrap: wrap; }
.donate_dollor_list { padding-bottom: 14px; }
.donate_doller { margin-left: 28px; }
#donate_main .drop_arrow { appearance: none; }
#donate_main .number-class p { position: absolute; top: -14px; left: 0; right: 0; color: #747474; text-align: center; font-family: Lato; font-size: 10px; font-style: normal; font-weight: 300; line-height: normal; }
.donate_dollor_list .other_order { display: flex; justify-content: flex-start; align-items: center; padding-left: 12px; }
.donate_dollor_list.list_order { margin-bottom: 14px; }
.amount_outer { position: relative; }
.amount_outer p { left: 0; color: #747474; text-align: center; font-family: Lato; font-size: 10px; font-style: normal; font-weight: 300; line-height: normal; position: absolute; top: 0; transform: translate(42px, -14px); }
#donate_main .col-lg-4 { padding: 0; }
.payment_count { display: flex; gap: 10px; align-items: center; }
.payment_count span { width: 46px; height: 46px; color: #60345E; text-align: center; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; display: grid; place-items: center; border-radius: 50%; border: 2px solid #60345E; }
.payment_count h6 { color: #60345E; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin: 0; }
#donate_main .donate_bottom { margin-top: 48px; }
#donate_main .form_inner { margin-top: 0px; }
#donate_main .doner_weekly_form { margin-bottom: 0; line-height: 1.2; }
#donate_main .label_name { padding-bottom: 1px; line-height: normal; margin-top: 10px; }
.form_outer_padd { margin-left: 28px; }
#donate_main .checkbox_padd { padding: 0; }
#donate_main .form_credit { display: flex; align-items: center; }
#donate_main .doner_amount { width: 18px; height: 18px; }
#donate_main .doner_btn { width: 300px; height: 51px; border-radius: 10px; padding: 6px 50px 10px 8px; }
#donate_main .right_btn { transform: translate(79px, 0px); }
#donate_main .sbtn { margin-top: 51px; }
.charges_text p { color: #000; font-family: Lato; font-size: 14px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 0; }
.charges_text { margin-top: 14px; }
.donate-text-wrapper p, .donate-text-wrapper span { color: #000; font-family: Lato; font-size: 18px; font-weight: 400; line-height: normal; margin-bottom: 30px; }
.moblie-show { display: none; }
.donate-text-wrapper span { font-weight: 700; }
.images-wrap { max-height: 400px; height: 100%; }
.banner-wrap img.banner-mobile { display:none; }
.banner-wrap img { width: 100%; height: 100%; object-fit: cover; }
.donate-text-wrapper { padding-right: 50px; }
.banner-wrap { background: linear-gradient(90deg, #111129 12.51%, #202239 86.87%); }
.flex-box { flex-basis: calc(100% / 2 - 0px); }
.pl { padding-left: 0px; }
.p0 { padding: 0px !important; }
.mr23 { margin-right: 23px; }
.donate_back .container { max-width: 1380px; }
.sponsers-wrapper .donate-form .container { max-width: 1193px; }
.sponsers-wrapper .col-md-8 { max-width: 801px; min-width: 801px; }
.sponsers-wrapper .col-md-4 { min-width: 369px; max-width: 369px; }
#donate_main { background: #F6F6F6; padding: 0px 0px 0px 0px; }
.sponsers-wrapper .donate_image { max-width: 554px; margin: 0; }
.banner-content-text p { margin-left: 128px; }
.donate_back h1, .banner-content-text p, .banner-bottom p { color: #fff; }
.sponsers-wrapper .donate_back { padding: 72px 0px 50px 0px; background: #60345E; }
.sponsers-wrapper .donate_doller_wrapper .number-class { max-width: 100%; }
.tribute-category-other { border-radius: 5px; border: 1px solid #60345E; background: #FFF; margin-top: 7px; color: #60345E; font-family: Lato; font-size: 20px; font-weight: 700; line-height: normal; width: 100%; overflow: hidden; display: flex; }
.tribute-category-other label { color: #60345E; text-align: center; font-family: Lato; font-size: 20px; font-style: normal; font-weight: 700; line-height: normal; padding: 15px 27px; border-right: 1px solid #60345E; background: #F6F6F6; }
.tribute-category-other .category_total { border: none; padding: 15px 10px; width: 100%; }
.tribute-category-other .category_total:focus { outline: none; }
.donate_doller_wrapper .select-date-wrapper { display: block; padding-left: 48px; padding-right: 48px; padding-bottom: 0px !important; margin-bottom: 20px; position: relative; }
.select-date-wrapper .owl-dots { display: none; }
.select-date-wrapper .owl-carousel { position: unset; }
.donate_doller_wrapper .owl-nav { position: absolute; top: 50%; left: 0; width: 100%; transform: translate(0%, -50%); display: flex; }
.bg_color { width: 23px; height: 23px; color: #60345E; }
.bg_color i { text-align: center; font-size: 23px; font-weight: 900; line-height: normal; }
.right_slider_icon { right: 0; position: absolute; }
.select-date-wrapper h3, .select-date-wrapper p, #donate_main .donate_doller_wrapper .select-date-wrapper .additional_radio_btn label h3 span { color: #000; text-align: center; font-weight: 700; line-height: normal; }
.select-date-wrapper h3, #donate_main .donate_doller_wrapper .select-date-wrapper .additional_radio_btn label h3 span { font-family: Lato; font-size: 18px; margin-bottom: 4px; }
.select-date-wrapper h3 span { display: block; }
.select-date-wrapper p { font-family: 'Rubik'; font-size: 18px; margin-bottom: 0px; }
.select-date-wrapper .input-checkbox-custom { display: none; }
#donate_main .select-date-wrapper .input-checkbox-custom[type=checkbox]:checked~label { background: #60345E; color: #FFCF83; }

#donate_main .select-date-wrapper .input-checkbox-custom[type=radio]:checked~label p,
#donate_main .select-date-wrapper .input-checkbox-custom[type=radio]:checked~label h3,
#donate_main .select-date-wrapper .input-checkbox-custom[type=checkbox]:checked~label p,
#donate_main .select-date-wrapper .input-checkbox-custom[type=checkbox]:checked~label h3,
#donate_main .select-date-wrapper .input-checkbox-custom[type=checkbox]:checked~label h3 span {color: #FFCF83;}
#donate_main .donate_doller_wrapper .select-date-wrapper .additional_radio_btn label { padding: 9px 10px; height: auto; min-width: auto; }
.donate_back h1 { text-align: center; font-family: Gloock; font-size: 60px; font-weight: 400; line-height: normal; padding-bottom: 76px; border-bottom: 2px solid #FFCF83; margin-bottom: 60px; }
.banner-content-text p, .banner-bottom p { font-family: Lato; line-height: normal; }
.banner-content-text p { font-size: 18px; font-weight: 400; margin-bottom: 13px; }
.banner-content-text p:last-child { margin-bottom: 0px; }
.banner-content-title { margin: 37px 0; }
.banner-content-title h3 { color: #FFCF83; font-family: Gloock; font-size: 45px; font-weight: 400; line-height: normal; margin-bottom: 0px; }
.banner-bottom { margin-top: 67px; padding-top: 37px; border-top: 2px solid #FFCF83; }
.banner-bottom p { text-align: center; font-size: 28px; font-weight: 300; margin-bottom: 0px; }
.owl-carousel .owl-stage-outer { z-index: 2; }
.mobile-show-btn { display: none; }

/* summery */
.close-tag { display: none; }
.content-table-inner { border-radius: 0px 0px 10px 10px; border: 2px solid #60345E; background: #FFF; padding: 0px 14px 18px 15px; }
.text-content-outer { padding: 0px; }
.summary-content-wrapper { margin-top: 50px; }
.summary-header { border-radius: 10px 10px 0px 0px; background: #60345E; padding: 13px 10px; }
.downlode-btn { color: #FFCF83; text-align: right; font-size: 18px; font-style: normal; font-weight: 300; line-height: normal; display: none; }
.summary-content-inner h2 { color: #FFCF83; text-align: center; font-family: Lato; font-size: 30px; font-weight: 300; line-height: normal; margin-bottom: 0px; }
.text-content-inner h3, .item-detail span { color: #000; font-family: Lato; font-size: 18px; font-weight: 300; line-height: normal; }
.item-detail span { display: block; }
.item-detail span, .item-detail span i, .close-tag i { color: #60345E; text-align: right; font-size: 18px; font-weight: 700; line-height: normal; }
.text-content-inner { display: flex; justify-content: space-between; gap: 20px; padding: 15px 0px; border-bottom: 2px solid #60345E; } li.text-content-inner:last-child { border: none; }
.summary-sbtn { margin: 30px 0px; }
.summary-sbtn #show-amount { font-family: Lato; font-size: 25px; }
#donate_main .summary-sbtn .doner_btn { width: 100%; }
.summary-content-inner .doner_amount { margin-right: 0px; }
.summary-content-inner .doner_amount::before { font-size: 12px; }
.owl-item { --primary-color: none; }

/* table */
#donate_main .donate_doller_wrapper .number-class p { position: relative; margin-bottom: 0px; }
#donate_main .donate_doller_wrapper .input-custom-val { max-width: 144px; height: 42px; border-radius: unset; background: #F6F6F6; }
.donate_doller_wrapper .currencysign { position: relative; }
.donate_doller_wrapper .additional_radio_btn { width: 100%; max-width: 100%; }
.donate_doller_wrapper .donate_dollor_list { gap: 20px; padding-bottom: 20px; }
#donate_main .donate_doller_wrapper .additional_radio_btn label { height: 175px; display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 252px; padding: 28px; border: 2px solid #60345E; background: #fff; border-radius: 12px; }
.donate_doller_wrapper .number-class { height: 175px; width: 100%; max-width: 252px; background: #fff; border-radius: 10px; border: 2px solid #60345E; padding: 40px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
#donate_main .donate_doller_wrapper .sec-lyer .additional_radio_btn label { padding: 28px 80px; }
.input-icon { display: flex; align-items: center; gap: 10px; }
#donate_main .donate_doller_wrapper .additional_radio_btn label, .donate_doller_wrapper .input-icon span { color: #60345E; font-family: Lato; font-size: 35px; font-weight: 900; line-height: normal; margin: 0px; }
#donate_main .donate_doller_wrapper .additional_radio_btn label span { color: #747474; font-size: 18px; font-weight: 400; }
#donate_main .donate_doller_wrapper .input-radio-custom[type=radio]:checked~label span { color: #fff; }
.sponser_inner_detail .form_inner_detail { margin: 0px; }
#donate_main.sponsers-wrapper .donate_bottom { margin-top: 42px; }
.sponser_inner_detail .payment_count { margin-bottom: 23px; }
.sponser_inner_detail .span_count { margin-bottom: 20px; }
.close-checkbox { display: none; }
.p0 { padding: 0px; }
.tribute-small-checkbox label { padding: 7px 8px; color: #000; border-radius: 5px; border: 1px solid #60345E; background: #FFF; text-align: center; font-family: Open Sans; font-size: 10px; font-weight: 300; line-height: normal; width: 42px; height: 42px; }
.tribute-small-wrapper { display: flex; align-items: center; gap: 10px; }
.close-checkbox[type=radio]:checked~label { background: #60345E; color: #fff; }
.category-checkbok { display: flex; align-items: center; gap: 6px; justify-content: space-between; }
#donate_main .sponser_inner_detail .form_credit { justify-content: center; }
.doner_btn.calender_btn span { font-family: Lato; font-size: 25px; }
.tribute-category-checkbox.inner-log label { min-width: 256px; max-width: 256px; }
.tribute-category-checkbox label { border-radius: 5px; border: 1px solid #60345E; background: #FFF; padding: 15px 30px; color: #60345E; text-align: center; font-family: Lato; font-size: 20px; font-weight: 700; line-height: normal; width: 100%; max-width: 143px; min-width: 143px; }
.tribute-category-checkbox .close-checkbox[type=radio]:checked~label { background: #60345E; color: #FFCF83; }
.sponsers-wrapper .form_main_outer { padding: 67px 0px 47px 0px; }
#donate_main .right_btn { transform: none; position: relative; padding-left: 5px; }
#donate_main .dropdown-menu { width: 100%; transform: translate(0px, 0px) !important; position: relative; }
#donate_main .doner_btn { width: auto; padding: 6px 40px 10px 40px; text-align: center; }

/* alert */
.alert-roll .alert { display: flex; position: relative; }
.alert-roll .success.icon { width: auto; padding: 0px 18px; display: flex; align-items: center; }
.alert-roll .messagecontent { width: max-content !important; }
.alert-roll a { width: max-content; left: 89%; font-size: 30px; position: absolute; top: 18px; color: #000; text-decoration: none; }
.alert-roll .alert-danger a { right: 18px; }
.alert-roll .error { background: #ba2929; }

/* our goal */
.donate-wrapper form.form_inner_detail { border-top: none; border-top-right-radius: unset; border-top-left-radius: unset; }
.our-goal { background: #60345E; padding: 40px 20px 0px; }
.percentage-bar { position: relative; background: #fff; height: 11px; margin: 12px 0px 11px 0px; }
.loading-bar { position: absolute; top: 0; left: 0; background: #FFCF83; height: 100%; }
.donated-content { display: flex; justify-content: space-between; }
.our-goal h3 .amount-wrapper span, .donated-right-content, .donated-left-content, .donated-left-content sapn { font-family: Lato; line-height: normal; }
.donated-content-inner { border-radius: 20px 20px 0px 0px; border-top: 2px solid #60345E; border-right: 2px solid #60345E; border-left: 2px solid #60345E; background: #ECEEF2; margin-top: 40px; }
.donated-content-inner h2 { color: #60345E; text-align: center; font-family: Cubano; font-size: 45px; font-weight: 400; line-height: normal; padding: 23px 0px 23px; margin-bottom: 0px; }
.our-goal h3 { color: #FFF; text-align: center; font-size: 50px; font-weight: 300; margin-bottom: 40px; }
.amount-wrapper span { color: #FFCF83; font-size: 35px; font-weight: 300; }
.donated-left-content, .donated-left-content sapn { color: #FFCF83; font-size: 23px; font-weight: 700; }
.donated-right-content { color: #FFF; text-align: right; font-size: 35px; font-weight: 300; }
.hide_btn { display: none; }
.active_input .donate_doller_wrapper .number-class { background: #60355e; }
.donate_dollor_list.select-date-wrapper { display: flex; padding-left: 40px; padding-right: 40px; }
.select-date-wrapper .item { position: relative; z-index: 1; }
#donate_main label, .form_main_outer label, .number-class { cursor: pointer; }
#donate_main .select-date-wrapper .input-checkbox-custom[type=checkbox]:disabled~label { background: #F6F6F6; border: 2px solid #747474; }
.number-class.flex-box.active_input span { color: #ffcf83; }
.number-class.flex-box.active_input { background: #60345E; }
.tribute-category-other .active_input { background: #60345E; color: #ffcf83; }
#donate_main .disable_checkbox h3, #donate_main .disable_checkbox h3 span, #donate_main .disable_checkbox .input-checkbox-custom input, #donate_main .disable_checkbox p, #donate_main .donate_doller_wrapper .select-date-wrapper .disable_checkbox label h3 span, .input-checkbox-custom[type=checkbox]:disabled { color: #747474; }
#donate_main .disable_checkbox .input-checkbox-custom[type=checkbox]:disabled { background: #F6F6F6; border: 2px solid #747474; }
.tribute-category-other .other_catergory { border-left: none; border-top: none; border-bottom: none; background: #F6F6F6; border-top-right-radius: 0px; border-bottom-right-radius: 0; }
#donate_main .donate_doller_wrapper .input-custom-val:focus-visible { outline: none; }
.sponsers-wrapper .donate_doller_wrapper .number-class label { margin-top: 11px; }
.onetime-wrpper { display: flex; justify-content: space-between; }
.ontime_donor img { width: 24px; height: 24px; padding-right: 0; border: none; }
.ontime_donor_inner { display: flex; align-items: center; }
.ontime_donor h2 { color: #171F3E; font-size: 16px; font-style: normal; font-weight: 500; line-height: 24px; margin: 0; }
.onetime-wrpper { display: flex; width: 100%; padding: 8px 12px; border-radius: 8px; background: #ECEBFF; justify-content: space-between; }
.ontime_donor span { color: #6D7079; font-size: 14px; font-weight: 400; }
.yearly_bg { background: #EAF7EE; margin-top: 32px; }
.weekly_bg { background: #FEF7EA; margin-top: 32px; }
.monthly_bg { background: #E6EFFA; margin-top: 24px; margin: 24px auto 0 auto; }
.chart_outer { width: 100%; }
.chart_inner_text { display: flex; }
.chart_inner_text .onetime-wrpper { background: none; padding: 0; }
.amount-chart-content { margin-top: 0px; height: 100%; }
.people_chart_hide .onetime-wrpper { background: none; }
.amount_chart_hide { padding-right: 0px; border: none; }
.amount_chart_hide .onetime-wrpper { background: none; }
.dashboard_span { background: #FAB3B3; width: 10px; height: 10px; display: inline-block; border-radius: 50%; margin-right: 7px; }
.py-25 { display: flex; align-items: center; }
.upcoming-amount h3 { font-size: 16px; font-weight: 500; color: #171F3E; line-height: 24px; margin-bottom: 16px; }
.amount-chart-date .dropdown img, .weelky-block .dropdown img { position: absolute; top: 8px; right: 8px; }
.loader-desk { max-width: 200px; margin: 0 auto; }
.loader-desk img { max-height: 120px; height: 100%; }
.weekly-amount .monthly_bg { max-width: 146px; }
.ontime_donor span { color: #6D7079; font-size: 14px; font-weight: 400; margin-top: 5px; }
.chart_inner_text { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.chart_outer { display: flex; gap: 16px; }
.checkout-inner { display: flex; }
.ontime_donor_inner { display: flex; align-items: flex-start; }
.today-dashboard-wrapper { display: block; align-items: flex-start; justify-content: space-between; }
.main-content-wrapper { margin-top: 35px; padding: 0 30px; }
.main-content-wrapper .container { max-width: 1380px; }
.footer-wrapper { background: #383636; width: 100%; margin-top: 30px; }
.footer-content { padding: 10px; display: inline-flex; justify-content: center; align-items: center; gap: 20px; }
.footer-content p, .footer-content p a { margin-bottom: 0px; color: #fff; font-size: 14px; font-weight: 500; text-decoration: none; text-transform: uppercase; }
.footer-content p:first-child { border-right: 1px solid #fff; padding-right: 20px; }
.main-content-wrapper table, .main-content-wrapper table tr { border: 1px solid #000; } tbody td, thead td { padding: 5px 15px; }
.donate_dollor_list-wrapper { position: relative; }
.daterangepicker .drp-calendar { display: none; max-width: max-content; }
.dropdown-btn-inner { padding: 10px 18px; border-radius: 8px; border: 1px solid #D0D5DD; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); width: 100%; color: #344054; }
.dropdown-btn-outer { width: 100%; }
.apply-btn { background: #60355e; color: #fff; }
.campaign-wrapper-inner i { border-radius: 10px; border: 1px solid #EAECF0; background: #FFF; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); padding: 12px 14px; color: #60355e; }
.apply-btn { background: #60355e; color: #fff; }
.amount-candle { margin-bottom: 24px; margin-top: 10px; }

.home-addadollor #main_back { min-height: calc(100vh - 100.39px); }
.pledge-btn { display: inline-flex; border-radius: 10px; border: 1px solid #60345E; background: #FFF; padding: 2px; width: 100%; }
.pledge-wrapper h3 { margin-bottom: 13px; margin-top: 30px; }
.pledge-btn input { display: none; }
.pledge-btn label { width: 100%; }
.pledge-text { border-radius: 7px; background: unset; padding: 5px 19px 6px 18px; color: #60345E; text-align: center; font-family: Lato; font-size: 18px; font-weight: 700; line-height: normal; display: block; cursor: pointer; }
.pledge-btn input:checked~.pledge-text { background: #60345E; color: #FFCF83; }
.dropdown.pledge-dropdown-wrap .pledge-dropdown { background: unset; border: unset !important; padding: 5px 0px 9px; border-bottom: 1px solid #60355e !important; color: #000; font-family: Lato; font-size: 18px; font-weight: 700; line-height: normal; }
.pledge-dropdown i { color: #60345E; font-size: 23px; }
.weekly-text, .yearly-text { margin-top: 14px; }
.weekly-text p, .yearly-text p { margin-bottom: 30px; color: #000; font-family: Lato; font-size: 15px; font-weight: 300; line-height: normal; }
.btn-amt .show-amount { font-family: Lato; font-size: 25px; }
.btn-amt { position: relative; min-width: 253px; text-align: left; width: fit-content; margin-bottom: 8px; }
.btn-amt .right_btn { transform: none; top: 0; display: flex; align-items: center; right: 12px; height: 100%; }
.processing-fee { display: flex; align-items: self-start; }
.processing-fee .card_label span, .processing-fee .card_label { font-family: Lato; font-size: 18px; font-weight: 300; line-height: normal; color: #000000; }
.processing-fee .doner_amount { width: 15px; height: 15px; border-radius: 3px; }
.processing-fee .doner_amount::before { font-size: 10px; }
.title-text { color: #000; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin-top: 6px; margin-bottom: 30px; }
.topHead h3, .topHead span { color: #000; font-family: Lato; font-size: 32px; font-style: normal; font-weight: 700; line-height: normal; }
.home-addadollor .label_name { padding-bottom: 1px; line-height: normal; margin-top: 10px; }


.nav-item.show .sub-menu { display: block; }
.nav-item .sub-menu { display: none; }
#sidebar_left li .sub-menu li a { background: #f9d58e40; padding: 13px 23px; width: 100%; display: block; margin: 5px 0px; border: 1px solid #f9d58e66; }
#sidebar_left li .sub-menu li.active a { background: #171f3e; color: #f9d58e!important; }
.news.view.content th.font14 { vertical-align: text-top; }
#invoice_edit_page .show_summer { min-height: 120px; }

/* thanku-page */
.thankyou-wrap .topHead_inner { padding-top: 70px; border-radius: 20px; border: 2px solid #60345E; background: #FFF; text-align: center; padding-bottom: 59px; }
.thankyou-wrap .topHead_inner p { color: #000; text-align: center; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0px; }
.thankyou-wrap .topHead h2 { text-align: center; color: #60345E; font-family: Cubano; font-size: 45px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 17px; }
.thankyou-wrap .topHead .topHead_inner h2 { color: #000; font-family: Lato; font-size: 35px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 5px; }
.tophead-back { margin-top: 35px; }
.tophead-back a { text-decoration: none; color: #000; font-family: Lato; font-size: 16px; font-style: normal; font-weight: 500; line-height: normal; display: flex; align-items: center; gap: 6px; }
.tophead-back a i.fa-solid.fa-arrow-left-long { color: #000; font-size: 20px; font-style: normal; font-weight: 300; line-height: normal; }
.home-thankyou { background: #F6F6F6; }
.thankyou-wrap .topHead { display: block; padding: 71px 0px 58px 0px; width: 674px; margin: 0 auto; }
.thankyou-wrap .outer_back { background: unset; }
#main_back.thankyou-wrap .container { width: 100%; max-width: 1380px; }
.tophead-back a:hover { color: #ffcf83; }

/*====================
Anniversary 
====================*/
.home-anniversary { font-family: Lato; }
.sticky-head .sticky { width: 100%; margin: 0 auto; display: flex; padding-top: 20px; max-width: 1380px; }
.sticky-head { position: fixed; top: 0; left: 0; width: 100%; background: #f6f6f6; border-radius: 0; margin-top: 0; z-index: 999; }
.home-anniversary { background: #F6F6F6; }
.home-anniversary .container { max-width: 1356px; }
.funded-amount.mobile { display: none; }
/* .about-wrap { background: #F6F6F6; } */
.nav-content { border-radius: 10px; position: relative; margin-bottom: 0px; margin-top: 55px; display: flex; justify-content: space-between; align-items: center;margin-bottom: 80px; }
.nav-content a { color: #000; text-align: center; font-family: Lato; font-size: 23px; font-style: normal; font-weight: 400; line-height: normal; text-decoration: none; position: relative; width: 100%; white-space: nowrap; padding-bottom: 16px; }
.nav-content .active { font-weight: 900; background: unset; }
.nav-content:before { position: absolute; content: ""; bottom: 0; left: 0; border-radius: 10px; background: #ffffff; width: 100%; height: 6px; }
.anniversary_form .number-class { width: 100%; }
.nav-content a.active::before { background: #FFCF83; border-radius: 10px; z-index: 1; position: absolute; content: ""; bottom: 0; left: 0; width: 100%; height: 6px; }
.about-content-wrapper p, .about-order ul li { color: #000; font-family: 'Lato'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 20px; }
.bold-text h4 {    color: #000;    font-family: Lato;    font-size: 22px;    font-weight: 700;    line-height: 120%;    margin-bottom: 0;    padding-right: 18px;} .bold-text { margin-bottom: 20px; }
.right-video-img iframe { width: 100%; }
.about-order h5 { font-weight: 700; margin-bottom: 0; }
.about-order ul li { list-style: initial; margin-bottom: 0px; }
.about-order ul { padding-left: 2rem; }
.owl-carousel .owl-item .slider-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-width: 100%; object-fit: cover; max-height: 90px; }
.slider-svg { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.slider-wrap.active { border-radius: 4px; border: 5px solid #60345E; background: #ECEEF2; }
.slider-wrap { position: relative; padding-top: 69%; border: 5px solid #60345e00; background: #eceef200; }
.item.active .slider-wrap{ border: 5px solid #60345E; border-radius: 5px; }
.goal-content-wrap p.pintext { font-size: 15px; display: block; text-align: center; }
.goal-sec .pintext span, .goal-sec .goal-help .active .goal-content-wrap .pintext span { margin-right: 0; font-size: 15px; font-weight: 400; transform: unset; }
.about-right-content .owl-stage { padding-left: 0 !important; }
.owl-next, .owl-prev { position: absolute; top: 50%; right: 5px; z-index: 2; transform: translate(-50%, -50%); }
.owl-prev span { left: -4px; }
.owl-nav .owl-prev span, .owl-nav .owl-next span { color: #ffffff; font-size: 25px; }
.owl-prev { left: 7px; width: 40px; }
.owl-slider { margin-top: 20px; }
.owl-slider .owl-dots { display: none; }
.goal-wrap { overflow-x: scroll; padding-top: 70px; overflow-y: hidden; display: flex; flex-wrap: nowrap; }
.empty-box { min-width: calc(100vw - 50%); }
.goal-sec ul.goal-help { padding-left: 0; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.donate-wrapper { padding-left: 13px; }
.home-donate .donate-wrapper { padding-left: 0px; padding-right: 0; }
.donate-wrapper .input-custom-val { min-width: 137px; }
.goal-help-box { width: 100%; min-width: 150px; height: 142px; background: #fff; display: flex; justify-content: center; align-items: center; padding-top: 24px; padding-bottom: 24px; position: relative; }
.goal-sec .goal-help .active .goal-content-wrap { position: relative; z-index: 2; }
.goal-sec .goal-help .active { max-width: 492px; min-width: 492px; border-radius: unset; }
.goal-sec .goal-help .active .goal-content-wrap p span { transform: unset; font-size: 66px; margin-right: 15px; }
.goal-content-wrap { text-align: center; color: #000; }
.goal-content-wrap p { text-align: center; font-family: Lato; font-size: 66px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 0; display: inline-flex; align-items: center; }
.goal-content-wrap .Funded p { color: #FFCF83; text-align: center; font-family: Lato; font-size: 15px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; background: #060606; margin-bottom: 0; border-radius: 10px; padding: 1px 0px 2px; display: block; }
.overlay-color span { position: absolute; z-index: 2; width: auto; top: -17px; line-height: normal; right: 0; }
.overlay-color span svg { margin-right: -5px; }
.goal-help .goal-help-box:first-child { border-radius: 80px 0px 0px 80px; /* background: #FFCF83; */ }
.goal-help .goal-help-box:last-child { border-radius: 0px 80px 80px 0px; }
.goal-help .goal-help-box:last-child .upper-layer { border-radius: 0 80px 80px 0px; overflow: hidden; }
.donate-wrapper-form .donate-list .donate-doller-content { width: 100%; padding: 7px 17px 6px; max-width: unset; border-radius: 0px 10px 10px 0px; background: #ECEEF2; color: #60345E; }
.donate-wrapper-form .donate-list .donate-doller-content.active .radio-check-content span, .donate-wrapper-form .donate-list .donate-doller-content.active .radio-check-content p { background: #60345E; color: #FFCF83; }
.goal-help .goal-help-box:first-child .upper-layer { border-radius: 80px 0px 0px 80px; overflow: hidden; }
.inner-layer { width: 8%; height: 100%; background: #FF8383; }
.overlay-color { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }
.funded-amount p span.fund-text { font-weight: 900!important; }
.goal-content-wrap p span { text-align: center; font-family: Lato; font-size: 17px; font-style: normal; font-weight: 300; line-height: normal; display: inline-block; transform: translateX(-15px) rotate(-90deg); margin-right: -30px; }
.goal-content-wrap .Funded { width: 80px; margin: -6px auto 0; }
.goal-content-head h2, .goal-content-head strong { color: #FFF; text-align: center; font-family: Lato; font-size: 50px; font-weight: 300; line-height: normal; margin-bottom: 44px; }
.goal-content-head strong { font-weight: 700; }
.goal-content-head h2 { font-weight: 300; }
.goal-sec { padding: 50px 0px 65px; background: linear-gradient(90deg, #111129 12.51%, #202239 86.87%); margin: 0px 0px 50px 0px; position: relative; }
.donate-wrapper-form { border-radius: 20px 0px 0px 20px; border: 2px solid #60345E; background: #fff; padding: 46px 30px 43px 29px; }
.funded-amount { position: absolute; top: -64px; right: -170px; }
.funded-amount p { color: #ff8383; }
.funded-amount p, .funded-amount p span.fund-text, .funded-amount p span, .funded-amount p span.count-text { text-align: center; font-family: Lato; font-size: 30px; font-weight: 300; line-height: normal; margin-bottom: 0px; padding: 0px 4px; position: relative; top: unset; }
.right-video-img .wistia_responsive_padding { height: 460px; width: 100%; }
.funded-amount p span.count-text { font-weight: 900; }
.chng-color { color: #fff !important; }
.clip-border { position: absolute; bottom: -18px; right: 0; z-index: -1; width: 100%; height: auto; display: flex; justify-content: center; align-items: center; }
.goal-sec .goal-wrap::-webkit-scrollbar { opacity: 0; }
.wrapper { box-sizing: content-box; position: relative; width: 100%; height: 11px; border-radius: 10px; background: #2E2E44; display: flex; align-items: center; }
.wrapper .outer-bar { display: block; height: 100%; width: 100%; position: relative; }
.wrapper .range { display: block; height: 100%; overflow: hidden; border-radius: 10px; width: 100%; transition: all 0.2s ease; position: relative; }
.donated-bar .range { background-color: #FFCF83; z-index: 1; }
.bonus-bar { margin-left: -4px; max-width: 16.66%; }
.bonus-bar .range { background-color: #FF8383; border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.slider-input-wrapper { width: 1034px; margin: 0 auto; margin-top: 55px; text-align: center; }
.slider-content-input h4, .slider-content-input h4 span.number-count, .slider-content-input h4 span.range-count, .slider-content-input h4 span, .slider-content-input h4 .text-name { color: #FFCF83; font-family: Lato; font-size: 30px; font-style: normal; font-weight: 300; line-height: normal; margin-bottom: 40px; margin-top: 40px; }
.bonus-amount { color: #fff; margin-top: 30px; }
.bonus-amount h3, .bonus-amount span { font-size: 30px; font-weight: 300; line-height: normal; font-family: Lato; }
.bonus-amount span { color: #FF8383; font-weight: 900; line-height: normal; }
.slider-content-input h4 span.number-count { font-weight: 900; font-size: 50px; }
.slider-content-input h4 span.range-count { color: #fff; font-weight: 900; }
.slider-content-input h4 span { color: #fff; }
.donate-sec, .Recent-donations-sec { margin: 100px 0px; }
.donate-sec .row .py-25, .donate-sec .row .py-25 { padding: 0; }
.donate-wrapper h2, .Recent-donations-sec h2 { color: #60345E; font-family: Cubano; font-size: 45px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 30px; }
.number-class p { position: absolute; top: -14px; left: 0; right: 0; color: #747474; text-align: center; font-family: Lato; font-size: 10px; font-style: normal; font-weight: 300; line-height: normal; }
.input-custom-val { max-width: 137px; height: 40px; padding: 0; font-size: 18px; font-style: normal; padding-left: 28px; font-weight: 700; line-height: normal; }
.donate-wrapper-form .additional_radio_btn label { width: 100%; }
.donate-wrapper-form .col-lg-4 { padding: 0; }
.donate-wrapper-form .donate-list { gap: 2px; }
.donate-wrapper-form .donate-list .donate-doller .amount-anniversary, .donate-wrapper-form .donate-list .donate-doller-content label { height: 77px; display: flex; justify-content: center; align-items: center; border-radius: 10px 0px 0px 10px; }
.donate-wrapper-form .anniversary_form .donate-list .donate-doller-content { width: 100%; max-width: 100%; }
.donate-wrapper-form .donate-list .donate-doller-content label { border-radius: 0px 10px 10px 0px; min-width: 100%; max-width: 100%; padding: 7px 17px 6px; }
.donate-doller-content .donate-radio-check { display: flex; align-items: center; justify-content: center; gap: 19px; }
.radio-check-content { text-align: left; }
.radio-check-content p, .radio-check-content span { font-family: Lato; font-size: 15px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 0; }
.radio-check-content span { font-size: 13px; font-weight: 300; }
.donate-list .input-radio-custom[type=radio]:checked ~ label .amount-anniversary { background: #12122A; color: #FFCF83; }
.donate-list .input-radio-custom[type=radio]:checked ~ label .additional_radio_btn.donate-doller-content  { background: #60345E; color: #FFCF83; }
.donate-list .form-input { display: none; }
.donate-list .input-radio-custom[type=radio]:checked~label { background: unset; color: unset; }
.donate-wrapper-form .donate-list .donate-doller .amount-anniversary { color: #60345E; text-align: center; font-family: Lato; font-size: 27px; font-style: normal; font-weight: 900; line-height: normal; background: #ECEEF2; }
.donate_dollor_list.donate-list label { display: flex; flex-direction: row; gap: 2px; width: 100%; }
.anniversary_form .donate-list .additional_radio_btn { width: 100%; max-width: 137px; }
.donate-wrapper-form .additional_radio_btn label { display: flex; align-items: center; justify-content: center; }
.donate-wrapper .donate-wrapper-form .input-custom-val, .donate-wrapper-form .additional_radio_btn label { min-width: 100px; height: 77px; }
.donate-wrapper-form .number-class p { top: 5px; }
.donate-wrapper-form .currencysign { left: 11px; top: 28px; margin: 0; }
.anniversary_form .additional_radio_btn { width: 100%; max-width: 100%; }
.donate-doller-content .input-radio-custom[type=radio]:checked~label .donate-radio-check .radio-check-content span, .donate-doller-content .input-radio-custom[type=radio]:checked~label .donate-radio-check .radio-check-content p { color: #FFCF83; }
.donate-wrapper-form .additional_radio_btn label { color: #60345E; }
.credit-form { margin-top: 8px; }
.donate-wrapper-form .annversity-donate { margin-top: 24px; }
.donate-fund { width: 300px; margin: 50px auto 30px auto; }
.donate-fund h6 { color: #000; text-align: center; font-family: Lato; font-size: 14px; font-style: italic; font-weight: 300; line-height: 120%; margin-bottom: 0; }
.donate-wrapper-form .doner_btn { width: 300px; border-radius: 10px; }
.donate-wrapper-form .donate_bottom { padding-top: 35px; }
.donate-wrapper-form .sbtn { margin-top: 0; }
.donate-right-sec::before, .candle-wrap-donate::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; content: ""; }
.donate-right-sec::before { background: linear-gradient(90deg, #000 42%, rgb(0 0 0 / -6%) 100%); }
.donate-right-sec { background-image: url("../../images/anniversary/candle-baby.png"); background-position: right; background-repeat: no-repeat; border-radius: 20px 0px 0px 20px; overflow: hidden; position: absolute; padding: 50px 0px 50px 49px; height: 100%; margin-top: 37px; width: calc(50% - 0px); top: 0; margin-left: -5px; background-color: #000; }

/* candle-wrp */
.candle-wrap-donate { background-image: url("../../images/anniversary/candle-baby-bg.jpg"); background-position: right; background-repeat: no-repeat; border-radius: 20px; padding: 50px 0px 50px 49px; background-color: #000; margin-bottom: 100px; position: relative; overflow: hidden; }
.candle-wrap-donate .candle-content-wrap { width: 100%; max-width: 822px; }
.candle-wrap-donate .candle-overylay { width: calc(100% - 2px); background: linear-gradient(180deg, rgb(44 44 44 / 0%) 37%, rgb(32 32 32 / 90%), rgb(0 0 0 / 99%) 99%); backdrop-filter: brightness(0.85); box-shadow: 0px 35px 53px #0e0f0cb8; }
.candle-wrap-donate::before {
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0.60) 100%);
}

/* end */
.candle-wrapper { position: relative; }
.candle-overylay { position: absolute; bottom: -3px; left: 0; width: calc(100% - 16px); height: 131px; z-index: 1; overflow: hidden; border-radius: 10px; background: linear-gradient(180deg, rgb(44 44 44 / 0%) 37%, rgb(32 32 32 / 90%), rgb(0 0 0 / 99%) 99%); backdrop-filter: brightness(0.85); box-shadow: 0px 35px 53px #0e0f0cb8; }
.donate-sec .py-25 { display: block; }
.candle-content-wrap { position: relative; z-index: 2; width: 504px; }
.candle-content-wrap h6, .candle-wrapper h6  { color: #FFCF83; font-family: Cubano; font-size: 30px; font-style: normal; font-weight: 400; line-height: normal; margin-bottom: 0; }
.candle-wrapper h6 { color: #FFF6E8; font-family: Lato; font-size: 25px; margin-top: 40px; }
.donate-right-sec .candle-boxes { padding: 14px; }
.candle-boxes {
    width: 156px;
    height: 128px;
    border-radius: 10px;
    background: rgba(255, 246, 232, 0.80);
    padding: 24px 10px 18px 10px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.candle-box-wrapper { display: flex; gap: 10px; align-items: center; margin-top: 20px; flex-wrap: wrap; position: relative; }
.pledge-btn { position: relative; }
.home-addadollor .show_loader img { width: 100%; height: 100%; }
.home-addadollor .show_loader { position: absolute; top: 0; height: 100%; left: 0; right: 0; background: rgb(255 255 255 / 50%); }
.show_loader { display: flex; align-items: flex-end; justify-content: center; }
.candle-box-wrapper .show_loader { position: absolute; bottom: 0; height: auto; width: 100%; display: flex; align-items: flex-end; justify-content: center; z-index: 1; }
.candle-box-svg { display: inline-flex; gap: 6px; align-items: center; color: #60345E; text-align: start; justify-content: center; }
.margin-box{ margin-bottom:100px; }
.baby-content { display: flex; align-items: center; gap: 6px; width: 100%; max-width: 89px; margin: 9px auto 3px; color: #60345E; font-family: Lato; font-size: 13px; font-weight: 700; line-height: normal; text-align: start; }
.donate-right-sec .candle-box-svg p { font-weight: 400; }
.donate-right-sec .candle-boxes h5 { line-height: 17px; margin-bottom: 4px; }
.candle-boxes h5 { color: #60345E; text-align: center; font-family: Lato; font-size: 18px; font-weight: 700; line-height: normal; text-transform: uppercase; }
.donate-right-sec .candle-boxes h5 span { font-family: Lato; font-size: 18px; font-weight: 400; }
.candle-box-svg i { font-size: 13px; }
.candle-box-svg p {
    color: #60345E;
    font-family: Lato;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0;
    max-width: 100px;
}
.candle-show { position: absolute; bottom: -30px; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; z-index: 1; }
.info-content, .info-content a { color: #FFF; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; margin-top: 42px; margin-bottom: 30px; padding-right: 38px; }
.info-content a:hover { color: #ffd284; }
.donate-btn .doner_btn { border-radius: 10px; background: #FFD284; color: #151F40; display: block; margin: 0; text-align: center; width: 300px; text-decoration: none; }
.action-buttons  .doner_btn { width: 300px; }
.donate-btn .right_btn, .donate-wrapper-form .doner_btn .right_btn { transform: translate(12px, 0px); }
.donate-btn .doner_btn .right_btn i { color: #151F40; background: unset; }
.recent-box-wrap { margin-top: 20px; }
.recent-box-wrap { width: 338px; height: 171px; border-radius: 10px; border: 2px solid #60345E; background: #FFF6E8; padding: 24px 0px 24px 18px; }
.recent-box h6 { color: #000; font-family: Lato; font-size: 18px; font-style: normal; font-weight: 700; line-height: normal; margin-bottom: 16px; padding-left: 25px; }
.count-number h4 { color: #FFCF83; font-family: Lato; font-size: 27px; font-style: normal; font-weight: 900; line-height: normal; margin-bottom: 0; }
.count-number { width: auto; height: 47px; border-radius: 50px 0px 0px 50px; background: #12122A; display: flex; justify-content: center; align-items: center; padding: 0px 23px; }
.recent-count-wrap { display: flex; gap: 2px; align-items: center; }
.count-number.count-minute p, .recent-box p { color: #FFF; font-family: Lato; font-size: 13px; font-style: normal; font-weight: 400; line-height: normal; }
.recent-box p { color: #000; font-size: 12px; font-weight: 300; margin-bottom: 0; }
.recent-count-wrap .count-minute { width: 100%; background: #60345E; border-radius: 0; justify-content: flex-start; }
.count-number h4 sup { font-weight: 500; font-size: 16px; }
.recent-box  .recent-content { margin-top: 7px; }
.right-content-wrap { display: flex; flex-direction: column; align-items: flex-start; justify-content: end; height: 100%; }
.recent-right-content { position: absolute; top: 0; right: 0; display: flex; align-items: center; width: 100px; height: 100%; padding: 8px 6px 8px 2px; z-index: 2; }
.recent-box-wrap.recent-second-wrap { position: relative; }
.recent-right-content h4, .right-content-wrap p { margin-left: -10px; }
.recent-right-content h4 { margin-bottom: 0; color: #000; font-family: Lato; font-size: 12px; font-weight: 300; line-height: normal; }
.right-content-wrap h6 { color: #FFF; font-family: Lato; font-size: 14px; font-weight: 900; line-height: 84%; margin-bottom: 2px; margin-left: 8px; margin-top: 15px; }
.right-content-wrap h6 span { font-size: 11px; font-weight: 700; line-height: 50%; }
.right-content-wrap p { color: #000; font-family: Lato; font-size: 13px; font-weight: 700; line-height: normal; margin-bottom: 0; margin-top: 6px; }
.recent-box-wrap.recent-second-wrap p.recent-content.baby-born-wrapper { padding-right: 100px;}
.recent-box-wrap.recent-second-wrap .recent-content { padding-right: 0; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.recent-svg { margin-top: 0px; }
.recent-right-content::before { position: absolute; content: ""; top: 15px; left: 21px; width: 2px; height: 141px; background: #60345E; z-index: -1; }
.more-btn button { border: none; color: #60345E; font-family: Lato; font-size: 23px; font-weight: 400; line-height: normal; margin-top: 27px; background: unset; }
.more-btn button i.fa-solid.fa-caret-down { margin-left: 5px; }
.checkbox_padd .form_credit { display: flex; align-items: flex-start; }
.donate-sec { position: relative; }
.md-popup { padding-right: 0px !important; }
.modal.md-popup .modal-dialog { display: flex; align-items: center; justify-content: center; height: calc(100vh - 56px); }
.md-popup .modal-dialog { margin: 1.75rem auto; max-width: 754px; left: 0; }
.md-popup .modal-content { border-radius: 20px; border: 2px solid #60345E; background: #FFF; padding: 50px; height: auto; }
.md-popup .modal-body { padding: 0; }
.close-btn { position: absolute; top: 15px; right: 15px; cursor: pointer; }
.popup-content p { margin-bottom: 14px; color: #000; font-family: Lato; font-size: 18px; font-weight: 400; line-height: 120%; }
.videos-popup .popup-content { border-radius: 6px; border: 2px solid #FFD284; background: linear-gradient(90deg, #111129 0%, #202239 100%); box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.40); }
.about-right-content .right-video-img, .popup-content-inner { position: relative; padding-top: 56%; overflow: hidden; }
.modal.videos-popup .modal-dialog { max-width: 650px; display: flex; align-items: center; justify-content: center; height: calc(100vh - 56px); }
.videos-popup .modal-body { padding: 0; }
.popup-content iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.videos-popup .modal-content { border-radius: unset; border: none; background: #0000; padding: 0; overflow: unset; flex-direction: row-reverse; align-items: flex-start; gap: 5px; height: auto; }
.videos-popup .close-btn { position: relative; top: -29px; right: 0; cursor: pointer; }
.videos-popup .owl-slider { margin-top: 10px; margin-bottom: 14px; }
.videos-popup .item.active .slider-wrap { border-radius: 6px; border: 3px solid #9B5797; }
.videos-popup .slider-wrap { border: 3px solid #60345e00; }
.videos-popup .owl-carousel .owl-item .slider-wrap img { border-radius: 6px; }
.videos-popup .owl-carousel .owl-item .item.active .slider-wrap img { border-radius: unset; }
.videos-popup .owl-carousel .owl-stage-outer { margin: 0 12px; }
.videos-popup .slider-svg svg { width: 20px; height: 20px; }
.videos-popup .owl-next:before, .videos-popup .owl-prev:before { height: 100%; width: 100%; min-width: 30px; content: ''; position: absolute; }
.videos-popup .owl-next:before { background: linear-gradient(271deg, #000 0.83%, rgba(0, 0, 0, 0.00) 72.07%) !important; right: 0; }
.videos-popup .owl-prev:before { background: linear-gradient(90deg, #000 0.83%, rgba(0, 0, 0, 0.00) 72.07%) !important; left: 0; }
.videos-popup .owl-next, .owl-prev { height: 100%; display: flex; align-items: center; width: 10px; }
.videos-popup .owl-nav span { z-index: 3; }
.videos-popup .right-video-img .wistia_responsive_padding { position: absolute !important; width: 100%; height: 100%; top: 0; left: 0; }

/* 22/02/2024 */
.detail { padding: 1rem 3rem 2rem 0rem; }
.vejkainy-wrap  img { width: 150px; height: auto; object-fit: cover; }
.vejkainyInner .vejkainy-wrap h6 { font-weight: 400; float: right; }
.detail h5:nth-child(3) { width: 186px; }
.detail h5:nth-child(1) { padding-bottom: 15px; padding-top: 10px; }
.rightSide .Weinberger, .rightSide p, .leftSide p { padding-bottom: 15px; }
.officialOuter { background-color: #eed6aa; }
.exchange-wrapper .fl { float: right; }
.officialInner .fl { width: 50%; padding-left: 25px; }
.officialInner .fr { width: 45%; }
.exchange-wrapper { display: flex; gap: 25px; align-items: center; padding-left: 25px; }
.officialOuter .vejkainy-wrap { float: right; text-align: center; }
.officialOuter .vejkainy-wrap img { mix-blend-mode: multiply; width: 100px; }
.officialInner .fr p { font-family: Times New Roman; padding-bottom: 15px; font-weight: 500; }
.exchange-wrapper .fl p { font-size: 12px; font-weight: 500; text-transform: capitalize; }
.officialOuter .vejkainy-wrap h6 { font-size: 10px; text-align: center; font-family: 'Rubik'; font-weight: 400; letter-spacing: 1px; }
.signature p { padding-bottom: 0; }
.rightSide p { font-size: 14px; }
.leftSide p { font-family: "Noto Sans Hebrew" , sans-serif; font-size: 14px; font-weight: 500; }

/* 19/03/24 */
.additional_radio_btn label p { color: #747474; font-family: Lato; font-size: 10px; font-weight: 300; line-height: normal; margin-bottom: 0; }
.home-weeklytomonthly .additional_radio_btn label { margin-right: 0; line-height: normal; }
.input-radio-custom[type=radio]:checked~label p { color: #fff; }
.home-weeklytomonthly .donate_dollor_list .additional_radio_btn:first-child { max-width: 89px; }
.home-weeklytomonthly .donate_dollor_list .additional_radio_btn:last-child { max-width: 110px; }
.home-weeklytomonthly .additional_radio_btn .show-text { color: #000; text-align: center; font-family: Lato; font-size: 10px; font-weight: 300; line-height: normal; opacity: 1; display: block; }
.text-btn { border-radius: 10px; border: 1px solid #60345E; background: #FFF; max-width: 186px; width: 100%; padding: 12px 24px; color: #60697A; text-align: center; font-family: Lato; font-size: 18px; font-weight: 700; line-height: normal; }
.text-btn span { font-family: Lato; font-size: 18px; font-weight: 700; line-height: normal; }
.additional_radio_btn label { cursor: pointer; }
.convert-plan.payment_details h3 { margin-top: 21px; margin-bottom: 15px; }
.home-weeklytomonthly .convert-plan .card-list { margin-top: 30px; }
.home-renewsubscription .alert, .alert-msg .alert { display: flex; align-items: flex-start; }
.home-renewsubscription #main_back .error.icon, .alert-msg .icon { background: #f5c2c7; }
.home-renewsubscription .close, .alert-msg .close { text-decoration: none; position: absolute; right: 0px; padding: 10px 15px; text-align: center; font-size: 20px; color: #000; }
.form_inner label.error { display: none !important; }
.doner_weekly_form.error { border-color: #ff0000; }

/* 30/03/2024 */
.plan-convert .col-md-12 h3 + .donate_dollor_list {display: block;}
.plan-convert .donate_dollor_list .additional_radio_btn {max-width: unset!important;display: flex;width: 100%;column-gap: 16px;row-gap: 20px;align-items: center; flex-wrap: wrap;}
.plan-convert .donate_dollor_list .additional_radio_btn:nth-child(2) {margin-top: 14px;}
.plan-convert .donate_dollor_list .additional_radio_btn label p {color: #60697A;font-size: 18px;font-weight: 700;}
.plan-convert .donate_dollor_list .additional_radio_btn label {max-width: 186px;width: 100%;padding: 12px 24px;}
.plan-convert .donate_dollor_list .additional_radio_btn .input-radio-custom[type=radio]:checked~label p {color: #fff;}
.plan-convert .donate_dollor_list .additional_radio_btn:nth-child(1) span.show-text {width: 100%;max-width: 371px;text-align: left;}
.plan-convert .donate_dollor_list .additional_radio_btn label p span {font-weight: 700;font-family: 'Lato'; font-size: 18px;}
.plan-convert .donate_dollor_list .additional_radio_btn .input-radio-custom[type=checkbox]:checked~label { background: #60345E; color: #fff;}
.plan-convert .donate_dollor_list .additional_radio_btn .input-radio-custom[type=checkbox]:checked~label p {color: #fff;}
.dropdown-toggle::after {color: #60345E;}
form#invoice_edit_page.send-sms-form .view.content>* { max-width: 100%; }
form#invoice_edit_page.send-sms-form .view.content>* textarea.form-control { height: 180px; }
.content-wrapper { width: 80%; }
.font-input-wrapper { display: flex; width: 100%; gap: 35px; margin-top: 15px; }
.content-wrapper-inner { display: flex; /* gap: 50px; */ width: 100%; margin-top: 15px; }
.left-wrap { flex: 0 1 120px; }
.right-wrap { flex: 1; }
.font-input-inner .font-input { width: 100%; }
.font-input-inner { display: flex; gap: 20px; width: 100%; }
.content-wrapper .placeholders span { margin: 3px 7px; display: inline-block; }
.content-wrapper .placeholders { margin-top: 12px; }

/* 1/08/24 */
.donate-sms-wrapper { position: absolute; top: 14%; left: 26%; background: #d1e7dd; padding: 20px; border-radius: 8px; box-shadow: 0px 0px 10px #cfcfc175; display: flex; gap: 25px; align-items: flex-start; right: auto; transform: translate(0px, 91px); }
#main_back .donate_msg .success { background: unset!important; margin-bottom: 0!important; }
.donate_msg i.fa-solid.fa-xmark { color: #0f5132; font-size: 16px; cursor: pointer; }
.donate-sms-wrapper.error_message { background: #d5485a; color: #fff; }
.donate_msg .error_message i.fa-solid.fa-xmark { color: rgb(255 255 255); }
.donate-sms-wrapper .close { display: flex; align-items: center; justify-content: center; height: 100%; top: 0; }
.donate-sms-wrapper span { padding-right: 30px; word-break: break-word; display: inline-block; }
.main-form-wrap { display: flex; gap: 20px; width: 100%; align-items: start; margin-bottom: 10px; }
.main-form-wrap .font14 { width: 100%; display: flex; flex-direction: column; gap: 10px; }
.news-wrapper .font14 textarea.form-control { height: 180px; }
.task-info-wrap .accordino-content { padding: 12px 20px 20px; }
.task-info-wrap .accordino-content h3 { background: #ffcf83; padding: 10px 20px; font-size: 18px; margin: 0; }
#invoice_page.task-info-wrap .column-responsive .view.content { padding: 0; background-color: unset; }
#invoice_page.task-info-wrap .column-responsive .view.content table { background: #FEFBF4; padding: 12px 20px 20px; display: inline-block; }
#invoice_page.task-info-wrap .column-responsive .view.content table tr th:first-child, #invoice_page.task-info-wrap .column-responsive .view.content table tr td:first-child { width: 250px; padding: 8px 0px; }
.news-wrapper > .main-wrap-content { margin-bottom: 25px; background: #f9f9f9; padding: 15px 15px; border-radius: 6px; border: 1px solid #ccc; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -7px, rgba(0, 0, 0, 0.04) 0px 10px 10px -8px; margin-top: 15px; }
#addMembersModal .dropdown .dropdown-menu, #addDonations .dropdown .dropdown-menu, .default_popdesign .dropdown .dropdown-menu, .dropdown .dropdown-menu { overflow: hidden; padding: 0px; max-height: 250px; overflow-y: auto !important; /* width: 100%; */ }
li.dlt_donor a.dropdown-item { font-size: 16px!important; }

/* 09/02/2024 */
.yearly-wrapper { display: flex; align-items: center; }
.yearly-wrapper .form-check { padding: 0; }
.yearly-wrapper .form-check input[type=checkbox] { width: 20px; height: 20px; display: block; border: 1px solid #aaa !important; position: relative; opacity: 1; }
.yearly-wrapper .form-check input[type=checkbox]::before { content: "\f00c"; font-family: "Font Awesome 6 Free"; font-weight: bold; position: absolute; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center; transform: scale(0); transition: all 0.4s; background-color: unset; }
.yearly-wrapper .form-check input[type="checkbox"]:checked::before { transform: scale(1); background: #f9d58e; }
.yearly-wrapper .form-check label.form-check-label { font-size: 14px; font-weight: 500; padding: 0 15px 0 5px; }
.yearly-wrapper .form-check { padding: 0; display: flex; align-items: end; }

/* 29/10/2024 */
.amount-multiple-main { display: flex; align-items: center; gap: 12px;  position: relative;}
.inner-table-donation > td > table {width: 100%;}
.inner-table-donation td table  tbody tr:nth-child(even) td { background: #f5f5f500 !important;  border: unset;}
.inner-table-donation table tbody { margin: 0;}
.inner-table-donation td table  tbody tr:nth-child(odd) td { background: #ffffff00 !important; border-bottom: unset;  padding: 15px 14px!important; }
.inner-table-donation td table  tbody tr:nth-child(odd) td, .inner-table-donation td table  tbody tr:nth-child(even) td { padding: 15px 20px!important;}
.inner-table-donation>td { padding: 15px 0px !important;}
.amount-multiple-main i {font-size: 17px!important;}
.amount_multiple { margin-left: 20px;}
.list_multipal { position: absolute; top: auto; left: -7px;}
.index.content .details .inner-table-donation td table tbody tr td.address_col { min-width: 125px;}
.index.content .details table tbody tr td.bg-table-list { background: #fefbf4;}
.bg-table-list>td { background: #fefbf4!important;}
.index.content .details table tbody tr td {padding: 15px 20px;}
.update_card { position: relative; }
.bottom-block { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.bottom-block { display: none; }
.sending .bottom-block { display: flex; }
.alert-main-wrap .alert { display: none; }
.alert-main-wrap .alert.alert-danger, .alert-main-wrap .alert.alert-success { display: block; }
.checkbox-outer-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
}
.checkbox-outer-wrapper .list_multipal {
    position: relative;
    left: initial;
}

/* chat ui css start */
.content-sms { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: 400px;}
.chat-ui-wrapper { width: 100%; max-width: 1000px!important; margin: 0; }
.chat-box .ml-auto { margin: 0 0 0 auto; padding-right: 15px; }
.media-inner-div { display: flex; align-items: center; justify-content: space-between; gap: 25px;  position: relative;}
.input-group input.form-control:focus { box-shadow: initial; }
.media-body .bg-light-blue { background: #f9d58e; border: 1px solid #f9d58e!important; display: flex; align-items: center; justify-content: space-between; flex: 1; }
.media-body .bg-light-blue p.text-white, p.sender-content { color: #0B101F!important;}
/* .media-body .bg-white {  border: 1px solid #171f3e !important;} */
.card-head { box-shadow: 0px 16px 24px -1px rgb(0 0 0 / 54%); overflow: hidden; border-top-right-radius: 8px; border-top-left-radius: 8px; }
.media img { width: 50px; height: 50px; object-fit: cover; }
p.send-text, p.reciever-text {font-size: 12px; color: #0B101F !important;}
p.reciever-text { margin: 0 0 0 auto; width: 100%; max-width: 95%; white-space: nowrap; text-align: end; }
#invoice_edit_page .input-group input.form-control {border-bottom: 1px solid #ced4da !important; background: initial !important;  border-radius: 5px!important;}
.input-group-append  .btn { background: #f9d58e; padding: 3px 14px;}
/* chat ui css end */

.overlay { position: fixed; z-index: 2; top: 0; left: 0; width: 100%; display: none; height: 100%; }
.overlay:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; content: ""; }
.popup-inner-wrapper { margin: 0 auto; position: relative; top: 50%; left: 50%; width: 96%; z-index: 2; max-width: 850px; transform: translate(-50%, -50%); margin: 0; background: #fff; padding-bottom: 15px; padding-top: 60px; box-shadow: 0px 0px 10px rgb(28 56 157 / 10%); border-radius: 12px; }
.inner { max-height: calc(100dvh - 120px); overflow-y: auto; }
.head-wrapper { padding: 15px 15px 10px 15px; background: var(--text-color-4); width: 100%; text-align: right; position: absolute; z-index: 9999; top: 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: var(--third-color); border-top-left-radius: 12px; border-top-right-radius: 12px; }
.close-btn-wrapper .btn-close { filter: brightness(0) invert(1); opacity: 1; }
.close-btn-wrapper .btn-close:hover { opacity: .5; }
.head-wrapper .pop-title { font-size: 24px; font-weight: 700; }
.iframe-wrapper { position: relative; padding-top: 56.26%; overflow: hidden; width: 100%; }
.iframe-wrapper .preview-iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999; }
.chat-ui-inner .input-group  label.error { display: none!important; }
.chat-ui-inner .input-group input.error { border: 1px solid #ff0000!important; border-radius: 5px!important; }
.bg-light-blue, .arrow-side { position: relative; }
.bg-light-blue::before { content: ""; position: absolute; z-index: 0; background: linear-gradient(to bottom, #f9d58e 0%, #f9d58e 100%); background-attachment: fixed; border-bottom-left-radius: 24px 14px; bottom: -1px; right: -17px; height: 24px; width: 22px; }
.bg-light-blue::after { content: ""; position: absolute; z-index: 1; right: -24px; background: #fefbf4; border-bottom-left-radius: 24px; bottom: 0px; width: 23px; height: 24px; }
.arrow-side { background: #eeeeee!important; }
.arrow-side::before { content: ""; position: absolute; z-index: 0; bottom: -1px; left: -17px; height: 24px; width: 23px; background: #eeeeee; border-bottom-right-radius: 16px; }
.arrow-side::after { content: ""; position: absolute; z-index: 1; bottom: 0px; left: -23px; width: 23px; height: 24px; background: #fefbf4; border-bottom-right-radius: 22px; }
#card-expiry.form-control, #card-cvc.form-control { width: auto; }
.chat-box::-webkit-scrollbar { width: 0 !important; display: none; }
/* .chat-box::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; }
.chat-box::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #f9d58e; } */
.chat-box { max-height: calc(100vh - 252px); overflow: hidden; overflow-y: auto; position: relative; padding-bottom: 65px!important; }
.chat-message .inner-chat-box .chat-box {
    max-height: calc(100vh - 393.53px);
}
.sendMessage { position: absolute; bottom: -1px; width: 100%; top: auto; background: #fff; }
.chat-inner-wrapper { position: relative; }
.main-wrapper-inner, .main-inner-wrap { display: flex; align-items: center; justify-content: space-between; }
.table-inline-wrapper th.font14 { color: #6D7079; }
.table-inline-wrapper th:not(:first-child) { width: 70px; padding-left: 10px; } input.view-edit-table { display: none!important; }
.view-edit-table + .state_list { display: block!important; }
#invoice_edit_page .main-form-wrap .font14 input.error { border: 1px solid #ff0000 !important; }
#invoice_edit_page .main-form-wrap .font14 label.error { display: none!important; }
#invoice_edit_page .font14 textarea.form-control { min-height: 150px; }
.inner-chat-box .chat-box {
    padding-bottom: 0px!important;
}
.inner-chat-box .sendMessage {
    position: relative;
    bottom: initial;
    background: initial;
}
.inner-chat-box .form-control {
    display: block;
    width: 100%;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border: 1px solid #ced4da !important;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ribbon { position: absolute; top: 100px; left: -35px; z-index:9999999; width: 190px; /* Width of the ribbon */ padding: 5px 0; background-color: #ff0000; color: #fff; text-align: center; font-size: 14px; font-weight: bold; transform: rotate(-45deg); transform-origin: 0 0; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); }
.error.icon { background: #ffa4ac; }
.stripe_input iframe{ position:relative; top:5px; }
.msg-content-container{ position: relative; min-height: 300px; overflow: hidden; width: 100%; }
.donor-dropdown{ max-width:200px; margin:20px; }
.msg-content-container { position: relative; overflow: hidden; width: 100%; padding: 20px; }
.dropdown-box-container { margin-bottom: 20px; max-width: 200px; }
.dropdown-box-container .dropdown .dropdownoption.show { border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
.dropdown-box-container .dropdown .dropdownoption { border: 1px solid #ccc !important; position: relative; background: #fff; border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 7px 16px; line-height: 1.5; margin: 0; }
.message-preview { font-size: 16px; max-width: 700px; }
.dropdown-box-container .dropdown .dropdown-menu { max-height: 238px; }
.dropdown-box-container  .dropdown a:last-child { border: initial; }

/* 05/03/2025 */
.anniversary-index .main_header .contanier-fluid {
    width: 1320px;
}
.banner-wrap {
    position: relative;
}
.banner-wrap .container { width: 100%; max-width: 100%;}
.banner-head-content h2 {
    color: #FFCF83;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #000;
    font-family: Cubano;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.banner-head-content {
    position: relative;
    z-index: 1;
}

.receipt-btns {
    margin: 20px 0px;
}

/* @media */
@media (min-width: 1200px) {
    .donate-sec .col-xl-7 {
        width: 60.333333%;
    }
    .donate-sec .col-xl-5 {
        width: 39.666667%;
    }
}
@media screen and (max-width: 1400px) {
    .home-anniversary .container { max-width: 100%; padding: 0px 30px!important; }
    .owl-carousel .owl-item .slider-wrap img { max-height: unset; }
    .recent-box-wrap { width: auto; overflow: hidden; }
    .anniversary_form .form_outer_padd, .anniversary_form  .donate_doller { margin-left: 0; }
    .donate-wrapper .donate-wrapper-form .input-custom-val, .donate-wrapper-form .additional_radio_btn label { min-width: 92px; max-width: 100%; }
    .banner-wrap {
        /* padding: 36px 0px 207px 26px; */
    }
}

@media screen and (max-width:1200px) {
    .topHead_inner { text-align: -webkit-left; }
    .main_header_inner { padding: 0 30px; }
    .main_header .contanier-fluid, .anniversary-index .main_header .contanier-fluid { width: 100%; }
    .sponsers-wrapper .donate_back { padding: 72px 30px 50px 30px; }
    .sponsers-wrapper .form_main_outer { padding: 67px 18px 47px 18px; }
    .sponsers-wrapper .col-md-8 { max-width: 100%; min-width: 0px; }
    .mr23 { margin-right: 0px; }
    .sponsers-wrapper .col-md-4 { max-width: 100%; min-width: 0px; }
    #donate_main .donate_doller_wrapper .sec-lyer .additional_radio_btn label { padding: 28px 40px; }
    .slider-input-wrapper { width: 100%; }
    .footer-section { padding: 30px;}
    .footer-logo-area, .contacts-area {flex-direction: column; }
    .contacts-area {align-items: flex-start; }
    .contacts-area .divied { display: none; }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .donate-right-sec { padding: 50px 0px 50px 10px; }
    .candle-content-wrap h6, .candle-wrapper h6 { font-size: 25px; }
    .donate-right-sec .candle-boxes { width: 145px; padding: 24px 10px 18px 10px; }
    .candle-content-wrap { width: 300px; }
}

@media screen and (max-width:1199px) {
    .tophead-back { padding: 0px 25px; }
    .home-anniversary .donate-wrapper-form { padding: 36px 24px 42px 24px; }
    .donate-wrapper-form .donate_doller, .donate-wrapper-form .form_outer_padd { margin-left: 0; margin-top: 25px; }
    .home-anniversary .donate-wrapper-form .donate_bottom { padding-top: 25px; }
    .anniversary_form .donate_dollor_list { padding-bottom: 11px; gap: 11px; }
    .anniversary_form .donate_dollor_list-wrapper .donate_dollor_list:last-child { padding-bottom: 0px; }
}

@media screen and (max-width:991px) {
    /* .number-class { width: 100%; } */
    .group-item-img img {
        height: 80px;
    }
    .our-goal { padding: 40px 8px 0px; }
    .home-donate .donate-wrapper { padding: 0px 8px; }
    .donate-text-wrapper { padding-bottom: 20px; }
    .donate-wrapper { padding-right: 13px; }
    .additional_details .new-card .col-md-2 { max-width: 20%; width: 100%; }
    .additional_details .new-card .col-md-6 { max-width: 40%; }
    .sponsers-wrapper .col-md-8 { min-width: 801px; margin: 0 auto; }
    .sponsers-wrapper .col-md-4 { min-width: 369px; margin: 0 auto; }
    .additional_radio_btn label { margin-right: -15px; padding: 7px 6px 6px; }
    .sponsers-wrapper .donate_image { margin: 0 auto; }
    .banner-content-text p { margin-left: 0px; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label { min-width: 100%; }
    #donate_main .donate_doller_wrapper .input-custom-val { max-width: 100%; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label { padding: 20px; ; }
    .donate_doller_wrapper .number-class { flex-basis: calc(100% / 2 - 0px); }
    .donate_doller_wrapper .additional_radio_btn { flex-basis: calc(100% / 2 - 0px); }
    .sec-lyer .additional_radio_btn { flex-basis: calc(100% / 2 - 0px); }
    .category-checkbok { gap: 15px; justify-content: center; flex-wrap: wrap; }
    .home-renewsubscription .card_label { width: auto; }
    .card_label { width: 100%; }
    .donate_doller { margin-left: 0px; margin-top: 15px; }
    .form_outer_padd { margin-left: 0px; margin-top: 15px; }
    .form_inner .form-inner-title { font-size: 16px; }
    .recent-box-wrap.recent-second-wrap .recent-content { padding-right: 57px; padding-left: 0px; }
    .recent-box h6 { padding-left: 5px; }
    .donate-right-sec { position: relative; width: 100%; border-radius: 20px; margin-left: 0; }
    .home-anniversary .donate-wrapper-form { border-radius: 20px; }
    .donate-wrapper-form .donate-list .donate-doller-content label { min-width: 300px; max-width: 300px; }
    .slider-content-input h4, .slider-content-input h4 span.number-count, .slider-content-input h4 span.range-count, .slider-content-input h4 span, .slider-content-input h4 .text-name { font-size: 20px; }
    .slider-content-input h4 span.number-count { font-size: 30px;}
    .nav-content a { padding: 16px; }
    .candle-wrap-donate .candle-content-wrap { width: 100%; padding: 0px 24px 0px 8px; }
    .candle-wrap-donate { background-position: top right; }
    .plan-convert .col-md-12 h3 + .donate_dollor_list { padding-bottom: 0; }
    .inner-table-donation td table tbody tr td:nth-child(1) { width: auto;}
    .inner-table-donation td table tbody tr td:nth-child(2) {  width: auto;}
    .inner-table-donation td table tbody tr td:nth-child(3) {  width: auto;}
    .inner-table-donation td table tbody tr td:nth-child(4) {  width: auto;}
    .inner-table-donation td table tbody tr td:nth-child(5) {  width: auto;}
    .inner-table-donation td table tbody tr td:nth-child(6) {  width: auto;}
    .inner-table-donation td table tbody tr td:nth-child(7) { width: auto; }
    .inner-table-donation td table tbody tr td:nth-child(8) { width: auto; }
    .inner-table-donation td table tbody tr td:nth-child(9) { width: auto; }
    .index.content .details table tbody tr td.id_col { max-width: unset;}
    #invoice_page .column-responsive .view.content table tr.table-inline-wrapper th:not(:first-child), #invoice_page .column-responsive .view.content table tr.table-inline-wrapper th:first-child { display: inline-block; width: 47%; padding-left: 0px; }
    .view tr.table-inline-wrapper {display: block;}
    #invoice_page .column-responsive .view.content table tr.table-inline-wrapper td { display: inline-block; width: 51%; }
    .footer-inner-content { flex-wrap: wrap; }
    .footer-inner-content .number-count, .footer-inner-content .number-count span, .footer-inner-content .number-count i { font-size: 14px; }
  
}

@media screen and (max-width:770px) {
    .sponsers-wrapper .col-md-8 { min-width: 100%; }
    .sponsers-wrapper .col-md-4 { min-width: 100%; }
}

@media screen and (max-width:767px) {
    .select-date-wrapper .owl-nav { display: none; }
    .desktop-show-btn { display: none; }
    .mobile-show-btn .doner_weekly_form { appearance: none; }
    .mobile-show-btn { display: block; }
    .donate_doller_wrapper .select-date-wrapper { padding-left: 0px; padding-right: 0px; overflow-x: scroll; }
    .donate-text-wrapper { padding-right: 0px; }
    .order-block .col-lg-6:first-child { order: 2; }
    .order-block .col-lg-6:last-child { order: 1; }
    .video-player-section { margin-bottom: 20px; }
    .sponsers-wrapper .form_inner_detail .col-md-2 { order: 3; margin-top: 15px; }
    .sponsers-wrapper .form_inner_detail .col-md-12 { order: 2; }
    .sponsers-wrapper .form_inner_detail .col-md-5 { order: 2; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label span { font-size: 14px; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label, .donate_doller_wrapper .input-icon span { font-size: 28px; }
    .right_head { gap: 0px; flex-direction: column; max-height: 100%; align-items: self-start; margin: 6px 0; }
    .update_card_inner { padding: 0; border: none; }
    .update_card_inner { margin-bottom: 0; }
    .info_account { margin-bottom: 25px; }
    .amount-tag { margin-top: 19px; }
    .additional_details .new-card .col-md-2 { max-width: 100%; width: 33.33333333%; }
    .additional_details .new-card .col-md-6 { max-width: 100%; }
    /* .additional_radio_btn { margin-bottom: 19px; } */
    .anniversary_form .additional_radio_btn { margin: 0; }
    .donate_dollor_list { margin-bottom: 14px; }
    .anniversary_form .donate_dollor_list { margin-bottom: 0; }
    .additional_radio_btn label { margin-right: 0; }
    #main_back .alert-success .messagecontent { max-width: 80%; font-size: 12px; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label { padding: 10px; }
    .donate_doller_wrapper .number-class { padding: 40px 15px; }
    .left_slider_icon { position: absolute; top: 40%; left: 0; z-index: 1; }
    .right_slider_icon { right: 0; position: absolute; float: right; z-index: 1; top: 40%; }
    .donate_doller_wrapper .owl-nav { position: unset; width: auto; transform: unset; display: unset; }
    .donate_dollor_list-wrapper.date_section { padding: 0px 25px; }
    .sub-wrapper { margin-top: 20px; }
    .about-right-content { margin-top: 20px; }
    .nav-content { margin-bottom: 20px; }
    .right-content-wrap { padding-top: 25px; }
    .recent-box-wrap.recent-second-wrap .recent-content { padding-right: 0; padding-left: 0px; width: 100%; }
    .goal-help-box { min-width: 100px; height: 116px; }
    .goal-content-wrap p span { font-size: 13px; }
    .goal-content-wrap p, .goal-sec .goal-help .active .goal-content-wrap p span { font-size: 45px; }
    .funded-amount p, .funded-amount p span.fund-text, .funded-amount p span, .funded-amount p span.count-text { font-size: 25px; }
    .goal-content-head h2, .goal-content-head strong { font-size: 28px; }
    .topHead { width: 100%; }
    .about-wrap .col-lg-6.col-md-6:nth-child(2) { order: -1; }
    .about-wrap .col-12 { order: 0; }
    .about-wrap .col-lg-6.col-md-6:nth-child(1) { order: 1; }
    .action-buttons { margin-bottom: 40px; }
    .goal-sec .goal-help .active .funded-amount { display: none; }
    .funded-amount.mobile { position: relative; top: -20px; right: 0; display: block; }
    .goal-sec .goal-wrap { padding-top: 0px; }
    .goal-content-head h2 { margin-bottom: 84px; }
    .videos-popup .modal-content { flex-direction: column; align-items: unset; gap: 15px; margin: 0 12px; }
    .videos-popup .close-btn { top: auto; right: auto; text-align: end; }
    .donate-right-sec, .candle-wrap-donate { border-radius: 0; background-position: top center; padding: 215px 16px 50px 16px; }
    .candle-wrap-donate { background-image: url(../../images/anniversary/candle-baby-mob.jpg); background-size: contain; }
    .donate-right-sec { background-image: url(../../images/anniversary/candle-baby-mobile.png); }
    .donate-right-sec::before { background: linear-gradient(1deg, #000 6%, rgb(0 0 0 / -6%) 100%); height: 19%; }
    .candle-wrap-donate::before { background: linear-gradient(1deg, #000 45%, rgb(0 0 0 / 25%) 100%); height: 19%; }
    .candle-box-wrapper { margin-top: 31px; }
    .candle-wrap-donate .candle-box-wrapper { justify-content: center; }
    .candle-content-wrap { width: 100%; max-width: 488px; margin: 0 auto; }
    .candle-overylay { width: 100%; }
    .candle-content-wrap h6, .candle-wrapper h6 { text-align: center; }
    .candle-wrap-donate .candle-content-wrap { padding: 0px; }
    .slider-content-input { margin-bottom: 20px; }
    .slider-input-wrapper { margin-top: 8px; }
    .bonus-amount { margin-top: 20px; }
    .bonus-amount h3, .bonus-amount span { font-size: 20px; }
    .wrapper { height: 6px; }
    .text-name, .funded-amount p span:first-child { display: block; }
    .slider-content-input h4 { text-align: center; }
    .home-anniversary .candle-wrap .container, .home-anniversary .donate-sec .container { padding: 0px !important; }
    .slider-content-input h4, .slider-content-input h4 span.number-count, .slider-content-input h4 span.range-count, .slider-content-input h4 span, .slider-content-input h4 .text-name { margin: 0px; }
    .goal-sec ul.goal-help { gap: 6px; }
    .main-form-wrap { flex-wrap: wrap; }
    .by-details { width: 100%; }
    .contacts-area { gap: 0; }
    .footer-logo-area { gap: 10px; }
   
    .anniversary-index .main_header .main_header_inner {
        padding: 0px 17px 0px 8px;
    }
    .right_head span.divied {
        display: none;
    }
    .left_head {
        position: relative;
        margin-bottom: -6px;
    }
    .banner-head-content h2 {
        font-size: 18px;
    }
    .banner-head-content h2 {
        -webkit-text-stroke-width: 1px;
    }
    .candle-wrap-donate .donate-btn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .info-content {
        padding: 0 31px;
    }

    .home-addadollor #main_back {
        height: initial;
    }
}

@media screen and (max-width:768px) {
    .logo_img img { max-width: 350px; height: auto; }
    .margin-box{ margin-bottom:0px; }
    .topHead { padding: 30px 35px; }
    .py-8 { margin-top: 10px !important; }
    .donate-wrapper form.form_inner_detail { border-left: none; border-right: none; border-radius: unset; }
    .banner-wrap img.banner-mobile { display: block; }
    .banner-wrap img.banner-desktop { display: none; }
    .goal-content-wrap .Funded p, .goal-content-wrap p.pintext, .goal-sec .pintext span, .goal-sec .goal-help .active .goal-content-wrap .pintext span { font-size: 11px; }
}

@media screen and (max-width:992px) {
    .topHead { display: block; flex-wrap: wrap; text-align: center; padding: 30px 40px; }
}

@media only screen and (min-width: 426px) and (max-width: 590px) {
    #main_back .container { width: 100%; }
    .topHead { padding: 55px 30px; }
    .px-10 { margin-top: 10px; }
    .py-8 { margin-top: 10px; }
}

@media screen and (max-width:675px) {
    .donate_doller_wrapper .donate_dollor_list { display: block; }
    .sponsers-wrapper .donate_doller_wrapper .number-class { max-width: 252px; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label { min-width: auto; max-width: 252px; margin: 0 auto; }
    .donate_doller_wrapper .number-class { margin: 0 auto 20px auto; }
    #donate_main .donate_doller_wrapper .sec-lyer .additional_radio_btn label { padding: 28px 46px; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label { padding: 46px; }
    .donate_back h1 { font-size: 40px; }
    .banner-content-title h3 { font-size: 25px; }
    .banner-content-text p { font-size: 16px; }
    .donate_back { padding: 20px 8px; }
    .donate-text-wrapper p, .donate-text-wrapper span { font-size: 18px; margin-bottom: 21px; }
    .video-player-section { min-height: 234px; }
    #donate_main .donate_doller_wrapper .additional_radio_btn label { min-width: auto; max-width: 319px; margin: 0 auto; height: 100%; min-height: 133px; max-height: 133px; }
    .sponsers-wrapper .donate_doller_wrapper .number-class { max-width: 319px; height: 100%; min-height: 133px; max-height: 133px; }
    .donate_bottom .donate_doller_wrapper .donate_dollor_list { display: flex; }
    #donate_main.sponsers-wrapper .donate_bottom .item { width: 100%; max-width: 173px; min-width: 173px; }
    #donate_main.sponsers-wrapper .donate_bottom .item { min-width: 125px; }
    .goal-help-box { min-width: 109px; height: 103px; }
    .goal-sec .goal-help .active { min-width: 246px; }
    .goal-content-wrap p { font-size: 48px; }
    .goal-sec .goal-help .active .goal-content-wrap p span { margin-right: 4px; font-size: 48px; }
    .goal-content-wrap p span { margin-right: -26px; }
    .action-buttons .doner_btn { padding: 8px 22px 8px 22px; }
    .action-buttons .donate-btn .doner_btn { padding: 8px 50px 8px 22px; }
    .iframe-wrapper { padding-top: 75%; }
}
@media screen and (max-width: 575px) {
    .home-anniversary .container { padding: 0px 15px!important; }
    .header_logo { gap: 12px; padding: 0px 12px 0px 12px; }
    .right_head .number-count span, .right_head .number-count {font-size: 12px;}
    .logo_first img {max-width: 73px;}
    .donate_dollor_list { flex-wrap: wrap; }
    .anniversary_form .additional_radio_btn { flex-basis: calc(100% / 2 - 7px); }
    .anniversary_form .donate-list  .additional_radio_btn { flex-basis: unset; }
    .nav-content a { font-size: 18px; }
    .goal-sec { padding: 40px 0px; margin: 22px 0px; }
    .Recent-donations-sec .ps-0 { padding-left: 15px!important; padding-right: 15px; }
    .donate-wrapper h2, .Recent-donations-sec h2 { font-size: 35px; margin-bottom: 5px; }
    .right-content-wrap { padding-top: 0; }
    .candle-overylay { height: 133px; }
    .candle-content-wrap, .candle-wrap-donate .candle-content-wrap { padding: 0; }
    .candle-content-wrap h6, .candle-wrapper h6 { font-size: 25px; }
    .candle-content-wrap { max-width: 322px; }
    .donate-right-sec::before { height: 13%; }
    .candle-wrap-donate::before {background: linear-gradient(1deg, #000 45%, rgb(0 0 0 / 25%) 100%); height: 19%; }
    .donate-sec .row .py-25, .donate-sec .row .py-25 { padding: 0 10px 0; }
    .donate-right-sec, .candle-wrap-donate { padding: 215px 11px 50px 11px; }
    .candle-content-wrap h6, .candle-wrapper h6 { font-size: 21px; }
    .candle-wrapper h6 { display: none; }
    .donate-wrapper-form .donate-list .donate-doller-content label { min-width: 200px; max-width: 300px; }
    .donate-wrapper .input-custom-val { min-width: unset; }
    .additional_radio_btn { width: 100%; }
    .radio-check-content p, .radio-check-content span { font-size: 12px; }
    .nav-content { margin-top: 25px; }
    .funded-amount p, .funded-amount p span.fund-text, .funded-amount p span, .funded-amount p span.count-text { font-size: 14px; }
    .funded-amount { position: relative; right: 0; left: 0; }
    .goal-help .goal-help-box:first-child .upper-layer { border-radius: 80px 0px 0px 80px; overflow: hidden; position: absolute; width: 100% !important; }
    .overlay-color span { display: none; }
    .overlay-color .funded-amount span { display: inline; }
    .candle-wrap-donate .candle-overylay { width: 100%; }
    .slider-content-input h4, .slider-content-input h4 span.range-count, .slider-content-input h4 span, .slider-content-input h4 .text-name { font-size: 16px; text-align: center; }
    .slider-content-input h4 span.number-count { font-size: 24px; }
    .nav-content a { width: auto; }
    .nav-content a { padding: 0 15px 16px; }
    .topHead_inner { padding-top: 50px; padding-bottom: 50px; }
    .anniversary_form .number-class { width: calc(100% / 1 - 52%); }
    .iframe-wrapper { padding-top: calc(100dvh - 120px); }
    .donate-form .container { width: 100%; }
    .number-class { width: 100%; }
    .donate-wrapper .number-class { width: initial; }
    .donate_main .container { padding: 0px; }
    #donate_main .col-lg-4 { padding: 0px 12px; }
    .form_inner_detail { padding: 26px 20px 40px 20px; }
    .credit-form { display: flex; }
    .footer-section { padding: 16px; }
    .footer-logo img { max-height: 44px; }
    .footer-logo { gap: 20px; }
    .footer-inner-content .number-count, .footer-inner-content .number-count span, .footer-inner-content .number-count i { font-size: 12px; }
    .candle-boxes {
        width: 140px;
    }
    
    .multi-column-box .additional_radio_btn {
        max-width: calc(50% - 10px);
    }
    #donate_main .additional_radio_btn.custom-group label {padding: 6px;}
    .group-item-img .img-content {
        max-width: 220px;
    }
    .group-item-img img {
        height: 64px;
    }
    .additional_radio_btn.custom-group label .he-lang {font-size: 10px;}
    .group-items {
        max-width: 90px;
    }
}
@media screen and (max-width:475px) {
    .candle-boxes h5, .candle-boxes h5 span, .donate-right-sec .candle-boxes h5 span, .donate-right-sec .candle-boxes h5  { font-size: 16px; }
    .candle-box-svg p, .candle-box-svg i { font-size: 12px; }
    #main_back .alert-success { padding-right: 5px; }
    .content-table-inner { border-radius: 0px 0px 0px 0px; }
    #main_back .icon { max-width: 40px; height: 40px; padding: 2px; margin-right: 5px; ; }
    .donate_main .form_inner_detail { border-radius: 0px; border-top: 1px solid #60345E; border-bottom: 1px solid #60345E; border-left: none; border-right: none; }
    .summary-header { display: flex; justify-content: space-between; align-items: center; }
    .bottom-roof { display: none; }
    .downlode-btn { display: block; }
    .downlode-btn .fa-solid { color: #FFCF83; }
    .mobile_block { display: none; }
    .donate_dollor_list { padding-bottom: 0px; }
    .anniversary_form .donate_dollor_list { margin-bottom: 14px; }
    .nav-content a { padding: 0 8px 16px; }
    .candle-content-wrap { width: 100%; }
    .candle-content-wrap h6, .candle-wrapper h6 { text-align: center; }
    
}
@media screen and (max-width:460px) {
    .donate-wrapper-form .donate-list .donate-doller .amount-anniversary { font-size: 18px; }
    .anniversary_form .donate-list .additional_radio_btn { width: auto; }
    .donate-wrapper-form .donate-list .donate-doller .amount-anniversary { padding: 12px; }
    .radio-check-content p, .radio-check-content span { font-size: 10px; }
    .right-content-wrap h6 { margin-top: 20px; }
    .anniversary_form .number-class { width: calc(100% / 1 - 53%); }
    .candle-wrap-donate::before { height: 15%; }
}
@media screen and (max-width:425px) {
    .logo_img img { max-width: 100%; }
    #main_back .container { width: 100%; }
    .topHead_inner h2 { font-size: 30px; }
    .px-10 { margin-top: 10px; }
    .py-8 { margin-top: 10px; }
    .main_header_inner { padding: 0 9px; }
    .main-content-wrapper { padding: 0 9px; }
    .anniversary-index .main_header .main_header_inner {align-items: center;}
    .right_head { align-items: flex-start; line-height: 14px; }
    .topHead { padding: 30px 0px; }
    .topHead_inner h2 { font-size: 30px; }
    #main_back .icon { max-width: 40px; height: 40px; padding: 2px; margin-right: 5px; ; }
}
@media screen and (max-width:375px) { 
    .md-popup .modal-content { padding: 30px 20px; }
    .images-wrap { display: none; }
    .moblie-show { display: block; }
    .video-player-section { min-height: 190px; }
    .main_header_inner { flex-wrap: wrap; }
    .card_label { font-size: 15px; }
    .main_title h4 { font-size: 30px; }
    .payment_details .card_expiry_width { max-width: 50%; }
    .payment_details .cvv_width { max-width: 50%; }
    .our-goal { padding: 53px 20px 0px; }
    .our-goal h3 { font-size: 40px; padding: 0px 10px; margin-bottom: 57px; }
    .amount-wrapper span, .donated-right-content { font-size: 25px; }
    .donated-left-content, .donated-left-content sapn { font-size: 12px; width: min-content; }
    .donated-content-inner h2 { padding: 15px 0px 14px; }
}
@media screen and (max-width:280px) {
    .topHead_inner h2 { font-size: 22px; }
    .card_label { font-size: 13px; }
    .sbtn { width: 100%; }
    .doner_form_contant { padding: 20px 10px 28px 10px; }
}
.popup-content p.double-popup-text{
    color: #000;
font-family: Lato;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 30px */
}
.popup-content .regular-btn{
    width: 300px;
height: 51px;
flex-shrink: 0;
    border-radius: 10px;
border: 1px solid #000;
}
.popup-content .regular-btn a{
    color: #000;
    font-family: Lato;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 0 auto;
    padding: 14px;
    text-decoration: none;
    display: block;

}
.double-dontation-popup .modal-content{
    height: auto !important;

}

/* Schedule Messages: Send-to + Export button alignment */
.sendto-export-wrap{
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: nowrap;
}
.sendto-export-wrap .form-control{
	flex: 1 1 auto;
	min-width: 0;
	width: auto !important;
}
.sendto-export-wrap .export-donors-btn{
	white-space: nowrap;
	height: 34px;
	padding: 6px 14px;
}