:root {
    --text_color: #6B7280;
    --light_grey: #FFFCFC;
    --lightest_grey: #BCBCBC;
    --dark_grey: #F9FAFB;
    --card_grey: #79797A;
    --dark_blue: #001633;
    --cyan: #ECFEFF;
    --dark_cyan: #155E75;
    --lavendar: #F4F4FF;
    --blue: #0086D1;
    --brown: #A04F57;
    --table_blue: #111827;
    --modal_brown: #3A090E;
    --border_grey: #BEBEBE;
    --grey: #A6A6A6;
    --boldgrey:#9CA3AF;
    --heading:#4B5563;
    --dark-brown:#8D6C70;

}

/* Scrollbar */

::-webkit-scrollbar {  width: 10px;  background-color: transparent;  }
::-webkit-scrollbar-track {  background-color: transparent;  }
::-webkit-scrollbar-thumb {  background-color: #A6B1BF;  border-radius: 20px;  }
::-webkit-scrollbar-thumb:hover {  background-color: #0f4050;  }

.scroll-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 20px; border-top-right-radius: 20px;}
.no-top-border-radius::-webkit-scrollbar-thumb { border-top-left-radius: 0; border-top-right-radius: 0;}
.no-bottom-border-radius::-webkit-scrollbar-thumb { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}

/* Body */
.app-default, body { background-color: #fff; font-family: Poppins;}

/* Global Classes */

/* Font Sizes */

h1 { font-size: 30px; font-weight: 600; line-height: 40px; }
h2, .fs-25 { font-size: 25px; font-weight: 500; line-height: 37px; }
h3, .fs-24 { font-size: 24px; font-weight: 500; line-height: 36px; }
h4 { font-size: 20px; font-weight: 400; line-height: 30px; }
h5, .fs-18 { font-size: 18px; font-weight: 400; line-height: 20px; }
h6, .fs-15 { font-size: 16px; font-weight: 500; line-height: 24px; }
p, .fs-14 { font-size: 14px; font-weight: 400; line-height: 20px;}

.fs-36 { font-size: 36px; font-weight: 600; line-height: 40px;}
.fs-16 { font-size: 16px; font-weight: 500; line-height: 25px;}
.fs-13 { font-size: 13px; font-weight: 400; line-height: 19.5px;}
.fs-12 { font-size: 12px; font-weight: 500; line-height: 20px;}


/* Font Weight */
.extra_bold{font-weight: 900;}
.bold { font-weight: 700;}
.semi_bold { font-weight: 600;}
.light_bold { font-weight: 500;}
.regular { font-weight: 400;}
.fw-300 { font-weight: 300;}

/*Extra Custom classes */

.br-15{ border-radius: 15px; }
li{ list-style:none; }
p{ margin:0;}

/* Colors */
select.form-control:not([size]):not([multiple]) {
    height: 100%;
}
a, .text_light_grey, .grey  { color: var(--text_color);}
.lightest_grey { color: var(--lightest_grey);}
.bg_lavendar { background-color: var(--lavendar);}
.cyan { color: var(--dark_cyan);}
.blue { color: var(--dark_blue);}
.brown { color: var(--brown);}
.light_grey { color: var(--grey);}
.boldgrey{color: var(--boldgrey);}
.heading{color: var(--heading);}
.tabletext{color: var(--table_blue);}
.blue2{color: var(--blue);}
.dark-brown{color: var(--dark-brown);}

/* Buttons */
.button { cursor: pointer; padding: 12px 25px; color: #fff; background-color: var(--dark_blue); border: 1px solid var(--dark_blue); border-radius: 5px; font-size: 14px; font-weight: 500; line-height: 18px;}
.button1 { background-color: #fff; color: var(--dark_blue); }
.button i { color: #fff;}
.button:hover { background-color: #fff; color: var(--dark_blue); border: 1px solid var(--dark_blue); border-radius: 5px;}
.button:hover i { color: var(--dark_blue);}
.trans_btn, .trans_btn i { border: 0; color: var(--blue); font-size: 16px; background-color: transparent; padding-block: 5px;  }
.view-btn{color: var(--dark_blue);font-size: 14px;font-weight: 500;border-radius: 4px;border: 1px solid var(--dark_blue);padding: 6px 18px;}
.action_btn { background-color: var(--blue);}
.approve_btn{ border-radius: 15px; border: 1px solid var(--dark_blue); padding: 5px 12px; background: #CBE1FF; color: #001633; font-size: 14px;  font-weight: 500;}
.pending_btn{ border-radius: 15px; border: 1px solid var(--dark_blue); padding: 5px 12px;  color: #001633; font-size: 14px;  font-weight: 500;}

/* Badges */

.badge { border-radius: 15px; padding: 8px 15px;}
.badge-transparent { background-color: transparent; border: 1px solid var(--dark_blue); color: var(--dark_blue)}

/* Main body content */

/*.content_top { transform: translate(0, -75px);}*/

.content_top { padding-bottom: 10px; padding-top: 30px;  }
.top_bar_bg { position: absolute; top: var(--bs-app-header-height); min-height: 130px; width: 100%; z-index: -1; }

/* Global tables */

.card .table { border-radius: 8px; box-shadow: 0px 1px 2px 0px #0000000F; box-shadow: 0px 1px 3px 0px #0000001A;}
.card .table tr th { font-weight: 500; font-size: 12px; color: var(--text_color);}
.table thead tr { background-color: var(--cyan); }
.card .table tbody tr td {color: var(--text_color); font-weight: 500;}
.card .table tbody tr td:first-child { padding-left: 15px; color: var(--table_blue);}
/*.card .table tbody td[data-date] { color: var(--text_color);}*/
.table:not(.table-bordered) td:last-child, .table:not(.table-bordered) th:last-child, .table:not(.table-bordered) tr:last-child { padding-right: 15px;}
.table>tbody>tr:nth-child(even)>td, .table>tbody>tr:nth-child(even)>th { background-color: var(--cyan);}

/* For Sidebar */

[data-kt-app-sidebar-fixed=true] .app-wrapper { margin-left: 0;}

/* Global Form */

.form-group { padding-block: 15px;}


/*login*/
.login { background: linear-gradient(180deg, #EAF5FF 0%, rgba(234, 245, 255, 0) 100%); }
.login_right_img {   background: url(../media/img/login.png); background-position: center; background-repeat: no-repeat; background-size: cover;  background-blend-mode: overlay; background-color: #000000ad;  }
.login_form button {  width: fit-content; }
.login_logo {padding: 80px 20px 0px; }
.login_footer {padding: 20px;}
.f-left { padding-left: 62px; }
.login_footer .f-icon i {  color: black;   font-size: 22px;}
.vector_style { height: 155px; background: lightgray; padding: 1px; position: relative;}
.log_text {  display: flex;  align-items: flex-start;  gap: 20px; padding-block: 25px;}
.vector_style span {  padding: 3px;  background: black;  z-index: 1;  position: absolute;  height: 25%;  left: -2px;  top: 20px;}

.cust_img_upload .image-input-wrapper { border-radius: 50%;}
.cust_img_upload .image-input [data-kt-image-input-action=change] {  top: 20px;  left: 110px;}
.cust_img_upload .image-input [data-kt-image-input-action=remove] {top: 110px;left: 110px;}

.pro_img label {background: black;cursor: pointer;width: auto;font-size: 15px;margin-top: 1em;color: white;padding: 5px 15px;border-radius: 20px;}
.profile-image-div img {width: 100%;height: 100%;object-fit: cover;object-position: center;}
.pro_img img {width: 100%;height: 100%;border-radius: 50%;}
.profile-image-div input[type=file] {padding: 10px;background: #2d2d2d;}
.profile-image-div input {position: absolute;top: 0;height: 100%;opacity: 0;z-index: 9999;cursor: pointer;}
.profile-image-div {width: 140px;height: 140px;overflow: hidden;border-radius: 50%;position: relative;}
.pro_img {width: 200px;height: 200px;}





/* Search bar */

.search_bar { background-color: var(--light_grey); padding-inline: 10px; border-radius: 37px; min-width: 45%;}
.search_bar input.form-control { border: 0; background-color: transparent; padding-inline: 10px; }

/* Detail page cards global */

.card { border: none;}
.parent_card_trans { box-shadow: none; border: 0; background-color: transparent}

.detail_page .content { width: calc(100% - 150px);}

/* Images profile */

.symbol-image { height: 115px; width: 115px; border-radius: 50%;}
.symbol-image img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%;}
.request_item .symbol-image, .notifications .symbol-image { height: 60px; width: 60px;}
.req_detail_card .symbol-image { height: 70px; width: 70px;}
.add_group_members .symbol-image { height: 30px; width: 30px;}

/* Notification Page*/

.notifications_parent_card { max-height: 590px; overflow-y: scroll;}


#kt_app_page .custom-navbar {margin-left: 0 ;}
#kt_app_page .custom-header{left: 0;}
.custom-header .app-container{width: 100%;padding: 0 !important;}
.custom-header .navbar ul li{margin-inline: 10px;}
.custom-header .navbar ul li a{color: #333;font-family: Poppins; font-size: 14px;font-style: normal;font-weight: 400;line-height: 20px;border-radius: 10px;
    /* border: 1px solid #F0F9FF;background: var(--dark_grey); */
    text-align: center;padding: 10px;width: 120px;}
.custom-header .navbar .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {border-radius: 10px;border: 1px solid #67E8F9;background: var(--cyan);box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);text-align: center;padding: 10px;width: 120px;}
.custom-header .collapse{padding-left: 82px;}
.custom-header .app-navbar-item .btn>i{color: #ffffff;font-size: 17px;font-weight: 100;}
.custom-header .app-navbar-item .btn{border-radius: 23.689px;background: #2E4F7B;color: white;}


/* Modal */

.modal {backdrop-filter: blur(1px); background: #004A8733;}
.modal-content { border-radius: 5px; background-color: var(--light_grey);}
.modal_dismiss_btn { cursor: pointer; border: 2.5px solid var(--modal_brown); border-radius: 100px; padding: 1px 6px;}
.modal_dismiss_btn i {color: var(--modal_brown);}
.form-group.modal-height {height: 100%;max-height: 510px;overflow: scroll;}
.post_cta span {display: flex;gap: 10px;}

.modal .form-group { border-bottom: 1px solid var(--border_grey);}
.modal .search_bar { background-color: #fff; border: 1px solid #767676; border-radius: 5px;}
.post_slider_img {height: 350px;width: 100%;}
/* Tabs */

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link { color: #000;}

/* Input Fields Global forms */

input, textarea, select, select.form-select, textarea.form-control, input.form-control, #kt_app_body textarea, #kt_app_body textara.form-control { border-radius: 0; border: none; border-bottom: 1px solid #dbdfe9;}

/* Members modal */

.add_group_members .form-group { display: flex; align-items: center;}
.add_group_members .members_parent { max-height: 400px; overflow-y: scroll;}

/*user*/
.cust_nav_search .form-control-borderless {border: none; background-color: transparent;}
.cust_nav_search .form-control-borderless:hover, .cust_nav_search .form-control-borderless:active, .cust_nav_search .form-control-borderless:focus {border: none;outline: none;box-shadow: none;}
.user_nav .collapse { display: flex; justify-content: space-between;}
.user_nav .cust_nav_search { margin:auto;}
.cust_nav_search .card-body {border-radius: 37px;background: #FFFCFC;box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);min-width: 700px;padding: 2px 23px;}
.prof_img { text-align: center;}
.profile_sec {  padding: 25px;}
.profile_sec h2 { text-align: center; padding-block: 20px;}
.profile_sec p span {  color: #6B7280; padding-block:10px;}
.profile_sec p {  display: grid;}
.option_sec { padding: 40px; gap: 8px; padding: 15px 28px;}
.option_sec .opt span {  display: flex;  align-items: center;  justify-content: space-between;}
.option_sec .opt { padding: 5px 0 15px;  border-bottom: 1px solid gray;}
.option_sec a:last-child .opt { border: 0;}
.option_sec button { border: navajowhite; background: none; text-align: left;}
.left_info_sec { display: flex;   gap: 15px; }
.card.recom_event_sec { padding: 30px;}
.inner_card_box { display: flex; gap: 15px; padding-block: 12px; border-bottom: 1px solid lightgrey;}
.inner_card_box:last-child { border: 0;}
.inner_card_img img { border-radius: 50%; }
.inner_card_text { color: var(--card_grey);}
.inner_card_img {  height: 60px;  width: 60px;}
.in_crd_det {   display: flex;   align-items: flex-start;  justify-content: space-between;}
.event_group_sec {  display: flex;  gap: 15px;}
.card.inter_group_sec { padding: 30px;}
.recom_event_sec .inner_card_box a, .inter_group_sec .inner_card_box a {  padding: 3px 8px; border-radius: 4px; font-size: 14px;}
.card.events_feed { padding: 30px;}
.events_feed .feed_top_row {   display: flex; align-items: center; justify-content: space-between;}
.events_feed .feed_filter { display: flex; align-items: center;     justify-content: end; gap: 10px;}
/* Custom styles for the checkbox when it's checked */
.form-check-input:checked { background-color: var(--dark_blue); border: 1px solid var(--dark_blue); color: var(--dark_blue); }
.form-check-input:checked + .form-check-label::before { color: var(--dark_blue); }
.lead_req .post_cta { justify-content: left; gap: 20px; }


.feed_filter select.form-select {  width: 50%;}


.post_left { display: flex; gap: 10px; }
.post_left .p-img {  height: 80px; width: 80px; border-radius: 100px;}
.post_left .p-img img { height: 100%; width: 100%; object-fit: cover; border-radius: 50%;}
.post_top { display: flex;  align-items: center;  justify-content: space-between;  padding-bottom: 30px;}
.event_post {padding: 20px;margin-block: 1em;border-radius: 5px;border: 1px solid var(--Red-Red-100, #F9E9EA);background: #FFFCFC;}
.post_cta { display: flex; justify-content: space-between; align-items: center; padding-block: 20px;}
.p-desc { padding-bottom: 30px;}
.post_cta .button { font-size: 14px; padding: 8px 12px;}
.feed_list { max-height: 910px;  overflow-y: scroll;  padding: 10px;}
.event_attent_modal .modal { --bs-modal-width: 800px; }

.group .p-desc { border-bottom: 1px solid lightgrey; }
.prof_img { margin: auto;}
.profile_sec_inner {  display: flex;  align-items: end;  justify-content: space-between;}
.profile_sec_top .left_img_sec {  display: flex;  align-items: end;}
.profile_sec_top { padding-bottom: 80px; }
.event_details .profile_sec h2 { text-align: left;  padding: 20px 25px;  border-bottom: 1px solid lightgrey; }
.post_right a { display: flex; width: fit-content;  margin-left: auto; }
.logout_btn {  padding-left: 15px;}
.logout_btn i {  background: #2e4f7b;  padding: 12px;  color: white;  border-radius: 50%;}
.logout_btn i:hover { background: transparent; color: #2e4f7b;}
.nav_btn { display: flex; align-items: baseline; gap: 40px;}
.nav_btn .logout_btn i { background: transparent; color: white;  border: 2px solid white;padding: 15px;  border-radius: 50%;}

.swiper {width: 100%;height: 100%;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover; border-radius: 12px}
.post_slider .swiper-pagination {position: unset;padding-top: 12px;}

/* admin */

.main-box{border-radius: 8px;border: 1px solid #A5F3FC;background: var(--cyan);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);justify-content: space-between;align-items: center;padding: 20px;margin-bottom: 30px;}
.main-box .box1 span{color: var(--text_color);font-size: 14px;font-weight: 500;line-height: 20px;}
.main-box .box1 h5{color: var(--table_blue);font-size: 30px;font-weight: 600;line-height: 36px;}
.main-box .box2 a{color: var(--dark_blue);font-size: 12px;font-weight: 500;border-radius: 4px;border: 1px solid var(--dark_blue);padding: 10px;}
.new-group{width: 70%;margin-inline: auto;}
.new-group .card{background: white;}
.new-group .card .save .button{width: 100%;border-radius: 50px;}