h1 {
    font-family: 'Poppins Bold';
    font-size: 36px;
}


h2 {
    font-family: 'Poppins Bold';
    font-size: 28px;
}


h3 {
    font-family: 'Poppins Bold';
}


h4 {
    font-family: 'Poppins Medium';
}


h5 {
    font-family: 'Poppins Medium';
}


h6 {
    font-family: 'Poppins Medium';
}

p {
    font-family: 'Poppins Regular';
    font-size: 16px !important;
}

.table > :not(caption) > * > * {
    color: #12405A !important;
}



.navbar, button {

    font-family: 'Poppins Regular';

}



.navbar li {

    font-size: 16px;

}



.navbar-nav .nav-link {

    color: #12405A;

}



.navbar-nav .nav-link:hover {

    color: #FFCB45;

}



.navbar-nav .nav-link.active {

    color: #FFCB45;

    font-family: 'Poppins Medium';

}



.section .container {

    padding-top: 60px;

    padding-bottom: 60px;

}



.section.cunterbar .container {

    padding-top: 0px;

    padding-bottom: 0px;

}



.header-navbar .border-bottom {

    border-bottom: var(--bs-border-width) var(--bs-border-style) #12405a1f !important;

}



.divider-header {

    border-left: 1px solid #12405a4f;

}



.font-medium {

    font-family: 'Poppins Medium';

}


.sp-megamenu-parent>li>a {
    color: #ffffff;
}
.notification-btn .btn i {
    font-size: 23px;
    color: #ffffffde;
}

.header-navbar .Signin {
    color: #fff;
}

.dash-btntop  .icomoon-cart:before , .dashboard-content  .icomoon-cart:before{
    color: #12405A;
}
.burger-icon>span {
    background-color: #ffffff;
}


.header-navbar {

    background: #12405a  !important;
    box-shadow: none !important;
}



.header-navbar .header-btn {
    font-size: 16px;
    font-family: 'Poppins Medium';
}



.cart {

    font-size: 23px;

    --bs-btn-padding-x: 1.5rem;

    position: relative;

}



.count-cart {

    font-family: 'Poppins Medium';

    background: #FFCB45;

    position: absolute;

    top: 3px;

    right: 18px;

    width: 20px;

    height: 20px;

    font-size: 16px;

    border-radius: 50%;

    line-height: 22px;

}



.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {

    line-height: 40px;

}



#sp-header .logo {

    height: 62px !important;

}





.header-navbar .event .icon {

    font-size: 42px;

    position: absolute;

    top: -2px;

    right: 0px;

}



.header-navbar .event {

    font-size: 16px;

    font-family: 'Poppins Medium';

    position: relative;
  padding: 0.5rem 15px 0.5rem 12px !important;

}



.createventmod {

    justify-items: end;

}



.loginmod {

    justify-items: end;

}



.header-navbar .Signin {



    font-size: 16px;

    font-family: 'Poppins Medium';

    position: relative;

    padding-left: 39px;

}


.header-navbar .Signin .icon {
    font-size: 21px;
     top: 8px;
    left: 7px;
}

.sp-profile-wrapper .arrow-icon {

    margin-left:2px;
}

#sp-header .btn-primary:hover, #sp-header .btn-outline-primary:hover, #sp-header .btn-primary:active, #sp-header .btn-outline-primary:active {
    background: #12405A !important;
    border: 1px solid #FFCB45 !important;
    color: #FFCB45 !important;
}

#sp-menu {

    justify-items: center;

}



.header-right {

    justify-items: end;

}



.single-p-gallery {

    margin: 20px;

}



.Price-single-product {

    border-radius: 5px;

    font-size: 25px !important;

    color: #12405a;

    background: #bbeb9840;



    padding: 8px 20px;

}



.single-p-description {

    padding: 20px 35px 50px;

}



.single-add-tocart {

    padding-left: 25px;

    padding-right: 20px;

    margin-top: 4px;

}



.addbtn {

    background: #12405a0f;

    border-radius: 0px !important;

}



.addbtn i {

    color: #12405a !important;

    font-size: 20px;

}



.hero {

}



.hero .card .card-title {

    font-size: 18px;

    font-family: 'Poppins Medium';

}



.right-hero {

    padding-top: 3px;

}



.hero .card {

    background: transparent;

    border: none;

}



.hero .card .icon-left {

    font-size: 70px;

    color: #12405A;

}



.hero .card .icon-right {

    font-size: 70px;

    color: #12405A;

}



.hero-title h1 {

    font-size: 36px;

}



.hero-title span {

    font-size: 18px;

    font-family: 'Poppins Medium';

}



.verify-code {

    background: #fcedc78a;

    padding: 3px 8px;

    border-radius: 10px;

}



.cunterbar {

}



.cunterbar .card {

    background: transparent;

    border: none;

}



.cunter-digit {

    font-size: 36px;

    font-family: 'Poppins Black Italic';

    color: #FFCB45 !important;

    background: #FFFAEC;

    border: 1px solid #FFCB45;

    width: 110px;

    height: 110px;

    line-height: 110px;

    border-radius: 50%;

}



.cunterbar .card-body {

    padding: 0;

    margin-top: -50px;

    margin-left: -35px;

}



.cunterbar .card p {

    font-size: 14px !important;

    margin-right: -35px;

    font-style: italic;

}



.data-count {

    background: #F6E6BD;

}



.border-cunter {

    border-right: 2px solid #fcedc7;



}



.data-count h4 {

    padding-top: 15px;

    font-family: 'Poppins Bold';

    font-size: 22px;

}



.gallery-sec {



}



.tablerounededCorner {

    border: 1px solid #D2D2D2;

    background-color: #D2D2D2;

    border-radius: 1.2em;

    position: relative;

}



.roundedTable {

    border-collapse: collapse;

    border-radius: 1.2em;

    overflow: hidden;

    width: 100%;

    margin: 0;

}



.carousel-indicators {

    margin-right: 0 !important;

    margin-left: 0 !important;

}



.carousel-inner {

    border-radius: 1.2em;

}



.carousel-indicators .thumb {

    border-radius: 1.2em;

}



.host-food .card-title {

    font-size: 16px;

    text-align: left;

    line-height: 26px;

}



.host-food .card-footer {

    background: transparent;

    border: none;

    padding-bottom: 5px;

}


.card-footer .row{
        flex-direction: column !important;
}
.card-footer .row .col-9 {
  order:2 ;     width: 100% !important; padding-top: 12px !important;
}

.card-footer .row .col-3 {
  order:1;      width: 100% !important; border-bottom: 1px solid #2125293b;
}

.btn-link {

    text-decoration: none;

    color: #12404A;

}



.btn-link:hover {

    text-decoration: none;

    color: #FFCB45 !important;

}



.host-food .card-footer .btn-link {

    text-decoration: none;

    color: #12404A;

}



.host-food .card {

    border-radius: 1.2rem;

    border-color: #D8D8D8;

}



.card-img, .card-img-top {



}



.host-food .card .btn {

    padding-top: 5px;

    padding-bottom: 5px;

}



.host-food .p-price {

    font-family: 'Poppins Medium';

    font-size: 19px;

}



.price-vr {

    margin-left: 10px;

    height: 43px;

    margin-bottom: -17px;

}



.product-hr {

    margin-top: 0 !important;

    margin-bottom: 8px;

}



.btn-link i {

    color: #ABBD71;

}



.suggestion {

    padding-bottom: 16px !important;

}



.suggestion i {

    padding-left: 11px;

}



.note-sec {



}



.host-food2 {



}



.summarybox {

    border-radius: 0 15px 15px 0;

}



.checkoutcard {

    border-radius: 15px 15px;

    border: 1px solid #FFCB45;

}



.summarybox .codbtn {

    border-radius: 0 5px 5px 0;

    background: #918e87;

}



.first-bg {

    background: #FBF8EF;

}



.secend-bg {

    background: #FFFAEA;

}



.primer-bg {

    background: #FFCB45;

}



.third-bg {

    background: #FCEDC7;

}



.five-bg {

    background: #FFF7E2;

}





.btn {

    border-radius: 25px;

}



.btn-primary {



    background: #FFCB45 !important;

    border: 1px solid #12405A !important;

    color: #12405A !important;

}



.btn-primary:hover, .btn-outline-primary:hover, .btn-primary:active, .btn-outline-primary:active {

    background: #12405A !important;

    border: 1px solid #12405A !important;

}

.btn-secondary{
       color: #12405a !important;
      background: #FBF8EF !important;
       border: 1px solid #12405a !important;
 }
.btn-secondary:hover, .btn-outline-secondary:hover, .btn-secondary:active, .btn-outline-secondary:active{
     color: #FBF8EF !important;
      background: #12405a !important;
       border: 1px solid #12405a !important;
}

.color-green i {

    color: #A5B76B !important;

}



.btn-outline-primary {

    padding: 0.5rem 1.0rem;

    border: 1px solid #12405A;

    color: #12405A;

}



.table .btn {

    padding: 0 0px 0px 8px;

}



.load-more-sec {

    background: rgb(255, 255, 255);

    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 88%);

    width: 100%;

    padding: 100px 0 15px 0;

    position: absolute;

    bottom: 1px;

    border-radius: 19px;

}



.table > thead th {

    font-family: 'Poppins Medium';

    font-weight: normal;

}



footer {

    background: #12405A;



}



footer h1, footer h2, footer h3, footer h4, footer h5 {

    color: #fff !important;

}



footer a:hover {

    color: #FFCB45 !important;

}



footer .border-top {

    border-top: var(--bs-border-width) var(--bs-border-style) #f5f5f633 !important;

}



.text-body-light, footer p, footer a {

    color: #ffffff94 !important;

}





.modal-50p {

    width: 75% !important;



}



.modal-50p .modal-content {

    background: #FBF8EF;

    border: 1px solid #FFCB45 !important;

    border-radius: 15px;

    padding: 30px;

}



.modal-50p .modal-content #iframeresult body {

}





html,

body {

    background: #FBF8EF;

    overflow-x: hidden; /* Prevent scroll on narrow devices */

}





/* create event */



.form-prog {

    background: #ffcb4587;

    border: 1px solid #FFCB45 !important;

    border-radius: 15px;

    padding: 15px 5px 2px 5px;

}



.form-prog i {

    font-size: 40px;

}



.form-prog .nav-link {

    color: #a78c45;

}



.form-prog li button {

    color: #12405A;

}



.form-header-title {

    padding-top: 5px;

}



.box-filter {



}



.box-filter {

    background: #12405a0d;

    border-radius: 15px;

    border-color: #12405a3d !important;

    padding: 15px 15px;

}





.our-menu-grid .btn-primary {

    padding-right: 7px !important;

    padding-left: 7px !important;

    padding-top: 5px !important;

    padding-bottom: 2px !important;

}



.our-menu-grid .price-vr {

    margin-left: 7px;

    height: 32px;

    margin-bottom: -13px;

}



.our-menu-grid .btn-link {

    padding-right: 0 !important;

    padding-left: 1px !important;

}



.listevent {



}



.listevent .counter-mobile {



}



.listevent .counter-mobile .card {

    border: none;

    background: transparent !important;

}



.listevent .counter-mobile .card-body {

    padding: 15px 0 40px 0;

}



.listevent .counter-mobile .cunter-digit {

 font-size: 32px;
    width: 100%;
    height: 100%;
    line-height: 74px;

}



.cunt-item {

       position: relative;
    display: flex;
    width: 75px;
    flex-direction: column;
    padding: 2px !important;
    height: 75px;

}

.listeventcard .counterdown{    justify-content: end !important;}
@media (max-width: 576px) {
   .listeventcard  .counterdown {max-width: 100% !important;}
    .listevent .counter-mobile {  padding: 0;}
    .cunt-item {
    width: 68px;
    height: 68px;
}
   .listevent .counter-mobile .cunter-digit {    line-height: 65px;}
   }

.cunt-item p {

    right: 1px;

    font-size: 13px !important;

 margin-right: 0 !important;

}



.createvent {

    background: #ffcb4529;

    color: #12405A;

    border-radius: 0 15px 15px 0;

    padding-right: 22px;

    padding-left: 30px;

    align-items: center;

}



.createvent:hover {

    background: #12405a0d;

}



.createvent i {

    font-size: 29px;

}



.listevent .card {

    background: #12405a0d;

    border-radius: 15px;

    border-color: #12405a3d !important;

}



.listevent .listeventcard {

    padding-right: 35px;

}



.btn-dark {

    background: #12405A;

}



.eventlistbtn {



    padding: 5px 15px 5px 15px;

    margin-top: -5px;

}



.datebar, .addressbar {

    margin-bottom: 0;

}



.listevent .card hr {

    border-color: #12405a7d;

}





.datebar i {

    font-size: 24px;

}



.addressbar i {

    font-size: 25px;

}



.eventlistimage {

    margin: 25px;

    border-radius: 15px;

}



.tab-content {

    border: 1px solid #FFCB45 !important;

    border-radius: 15px;

    padding: 35px 40px;

    margin-top: 30px;

}



.tab-content .form-control, .form-select, .form-control {

    border-color: #ffcb4599;

}



.dashbox .vr {

    background-color: #f7c74a;

}



.next-btn {

    width: 150px;

}



.form-check-input:checked {

    background-color: #f6b50e;

    border-color: #ca9100;

}



.next-btn i {

    font-size: 12px;

}



.editsubmit .btn {

    width: 150px;

}



.profielimg {

    width: 82%;

    margin-top: 16px;

}



.form-control:focus, .form-select:focus, .form-switch .form-check-input:focus {

    border-color: #ffe193;

    box-shadow: 0 0 0 0.25rem rgb(255 225 147 / 30%);

}



.dashbox .card {

    background: #FFF7E2;

    border: 1px solid #FFCB45 !important;

    border-radius: 15px;

    padding: 10px;

}



.dashbox .card h4 {

    font-size: 16px;

    margin-bottom: 4px;

}



.dashbox .card p {

    font-size: 14px !important;

    margin-bottom: 0;

    color: #12405a94;

}



.order-title-dash {

    background: #f1e8d0;

    padding: 12px 15px;

    border-radius: 10px;

}



.dashbox .card i {

    font-size: 40px;

    color: #12405A;

}



.dashbox .card hr {

    border-color: #FFCB45 !important;

}



.dashboar-header {

    background: #ffcb4573;

    border: 1px solid #FFCB45;

    border-radius: 15px;

}



.eventlis-header {

    background: #12405a0d;

    border-radius: 15px;

    border: 1px solid #12405a3d !important;

}



.dash-item {

    padding: 10px 10px;

}



.dash-item:hover {

    background: #12405a0a;

    border-radius: 15px;

}



.dash-btntop .btn {

    font-size: 18px;

    padding: 22px 22px;

    min-width: 120px;

    text-align: center;

    border-radius: 0;

}



.dash-num {

    font-family: 'Poppins Medium';

}



.dash-btntop i {

    font-size: 30px;

    color: #12405A;

    padding-right: 8px;

}



.dash-btntop .icomoon-cart, .dashbox .icomoon-cart {

    opacity: 0.7 !important;

}





.user-hello {

    padding-left: 30px;

    font-size: 18px;

}



.dash-btntop .icon-cart {

    font-size: 27px;

    opacity: 0.8;

}



.exitbtn {

    background: #12405a0a;

    border-radius: 0 15px 15px 0 !important;

}



.back-btn-header {

    background: #12405a0a;

    border-radius: 15px 0 0 15px !important;

    font-size: 18px;

    padding: 22px 22px;

    min-width: 120px;

}



.quantitycart {

    width: 56px;

}



.walletbtn {

    border-left: 1px solid #3333330f;

}



.dash-btntop .btn:hover {

    background: #12405a0a;

}





.dashboard-table {

    border: 1px solid #FFCB45;

    background-color: #fff3cd;



}



.dashboard-table .table-striped > tbody > tr:nth-of-type(odd) > * {



    --bs-table-bg-type: #FFF7E2;



}



.edit-profiletxt {

    font-family: 'Poppins Medium';

    margin: 0;

    padding: 26px 24px;

}



.my-network-btn {

    padding-right: 20px;

    padding-left: 20px;

}



.my-network-btn .btn {

    padding: 30px 12px;

    font-size: 28px;

}



.my-network-btn .qr-btn {

    border-left: 1px solid #3333330f;

    border-right: 1px solid #3333330f;

}



.invitelinkdes {

    font-family: 'Poppins Medium';

}



/* create event */



.accordion-flush > .accordion-item {

    background: transparent;

}



#basicStepFormProgress .step-title {

    color: #a78c45;

}



#basicStepFormProgress .active .step-title, #basicStepFormProgress .active .nav-link, #basicStepFormProgress .is-valid .step-title, #basicStepFormProgress .is-valid .nav-link {

    color: #12405A;

}



#jform_startdate_btn {

    border-radius: 0 5px 5px 0;

}





div.pagination {

    flex-direction: column;

    align-items: center;

}



.pagination .counter {

    margin-top: 50px;

    margin-bottom: 20px;

}



.disabled > .page-link, .page-link.disabled {

    background-color: #fff6d9;

}



.modal-content .btn, .input-group .btn {

    border-radius: 4px;

}





.body-waitajax, .modal {

    background-color: #8d7737a1;

    margin-top: 0;
    z-index: 99999;
}



.modal-dialog-scrollable .modal-content {

    border-radius: 15px !important;

    border: 1px solid #f5c431 !important;

}



.waitajax {

    background: #FFF7E2;

    color: #333;

    border: 1px solid #FFCB45 !important;

    border-radius: 15px;

    padding: 30px;

}



.waitajax .cart-close i {

    border-radius: 28px !important;

    width: 33px;

    background: #FFCB45 !important;

    color: #222;

    border-color: #333 !important;

}



.btn-group-yesno {

    display: flex;

    justify-content: end;

}



.basketcartdata {

    border: 1px solid #ffcb45 !important;

    width: 360px !important;

    top: 50px !important;

    max-height: 500px !important;

    background: #fff3d4 !important;

    left: -32px !important;

    border-radius: 15px !important;

    padding: 20px !important;

}



.basketcartdata .col-8 {

    font-size: 15px;

    line-height: 16px;

    text-align: left;

}



.basketcartdata .col-1 {

    font-size: 14px;

}



.basketcartdata .btn {

    padding: 0.5rem 1rem !important;

    border: 1px solid #12405A !important;

    color: #12405A !important;

    background: transparent !important;

    margin-top: 13px !important;

    font-size: 14px;

}



.basketcartdata .btn:hover {

    background: #12405A !important;

    color: #FFCB45 !important;

    border: 1px solid #12405A !important;

}



.basketcartdata .col-auto i {

    background: transparent !important;

    border: none !important;

    font-size: 18px;

    padding-top: 0 !important;

    margin-top: 0 !important;

}



.basketcartdata .btn .icon-basket {

    margin: 0 6px 0px 0 !important;

}



.basketcartdata .btn .fa-cart-plus {

    display: none;

}



.basketcartdata .border-bottom {

    padding-bottom: 14px;

    padding-top: 14px;

}



.card .product-list-image.shadow {

    box-shadow: none !important;

    border-bottom: 1px solid #0000001f;

}



.host-food .card-title a, .modal .product-title {

    font-family: 'Poppins Medium';

    color: #12405A;

    font-weight: normal;

    font-size: 16px;

}



.host-food .card-title a:hover {

    color: #a57b0e;

}





.gallery-sec .index-content {

    font-size: 14px;

}



.bg-danger, .text-bg-danger {

    background-color: rgb(222 111 86) !important;

}





.footer-fix {

    background: #ffcb45;

    border-top: 1px solid #12405a;

    color: #12405a;

    position: fixed;

    box-shadow: 0 0 8px #12405a73;

    bottom: -1px;

    z-index: 9;

    width: 100%;

}



.footer-fix .btn {
     padding: 0;
    font-weight: 600;

}



.footer-fix .btn i {

    display: block;

}

.footer-fix .btn:hover i{color: #fff !important;}

.footer-fix .btn:hover, .footer-fix .btn:active {

    color: #fff !important;

    background: #12405a;

    border-radius: 9px;

}



.showaddtocalendar .dropup .hand {

    background: transparent !important;

    box-shadow: none !important;

    border: none !important;

    text-align: center;

    justify-content: center;

    margin-left: -6px !important;

    align-items: center;

}



.showaddtocalendar .dropdown-menu.show {

    display: block;

    width: 350px;

    display: flex;

}



.showaddtocalendar .dropdown-item {

    padding: 4px 6px;

}





.products_item {

    /*width: 33% !important;*/

}



.dashtab{

 border: none !important;

}

.dashtab-item .nav-link{



    color: #333;

}

.dashtab-item .nav-link.active{

     color: #333;  background: #fde4a2;

}



.extra-fix-btm {
width: 100%;
    z-index: 1000;
    margin-left: 0 !important;
    background: #ffffff;
    margin-right: 0 !important;
    padding-bottom: 5px;
    box-shadow: 0 5px 7px 0px #ffffff4a;

}
.filterbox{
    gap: 15px;
}

.filterbox .col{
background: #f3f5f7;
    border-radius: 15px;
    border-color: #12405a3d !important;
    align-items: center;
}

.filterfood {
    position: sticky !important;
    top: 0 !important;
    bottom: auto !important;
    z-index: 100;
    margin-top: 0;
    overflow: visible !important;
}
.dataresult-dialog.modal-90p {
    width: 100vw !important;
    max-width: none !important;
    height: 100%!important;
    margin: 0!important;
}
#modalresult{
 padding-right: 0 !important;
}


.pm2-filter-heading {
    margin-bottom: 12px;
    color: var(--pm2-navy);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.pm2-filter-heading.form-control{
  width: auto !important;
  border:none !important;
}

.pm2-chip {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 1px 9px 1px 11px;
    border: 1px solid #e2e7e6;
    border-radius: 5px;
    background: #fafcfb;
    color: #365a6b;
    cursor: pointer;
    user-select: none;
    transition: .18s ease;
    margin: 0 3px;
}
.pm2-chip:hover {
    border-color: rgba(13, 71, 98, .26);
    background: #f2f7f7;
}
.pm2-chip.seletedfilter{
    border-color:#f94a4f  !important;
    background: #f94a4f  !important;
}
#search_food {
    border-color: #e3e6e6;
}
.dataresult-dialog #food_resulr .product-image {
    height: 160px;
    border-radius: 10px 10px 0 0;
    }
.dataresult-dialog #food_resulr .grid-col_inner{
     margin: 0px !important;
}
.dataresult-dialog .modal-title{
  padding: 9px 20px;
}
.dataresult-dialog .btn-close {
    right: 22px;
    top: 16px;}
.dataresult-dialog .middlemodaltitle{
      justify-content: end !important;
    margin-top: 14px;
}

.showhidefilterfood i {
    text-align: center;border-radius: 4px ;     width: 43px;}

.dataresult-dialog .product-title {

    font-size: 14px;
}
#suggestfoods .col-12.border,#suggestfoods .col-12.border .border{
 border:none !important;
}
#suggestfoods .col-12.border .grid-col_inner{
      border: 1px solid #33333329 !important;
    border-radius: 15px;
}
#suggestfoods .col-12.border .grid-col_inner .product-image{
     height: 200px;
    border-radius: 15px 15px 0 0;
}
#suggestfoods .col-12.border .grid-col_inner .product-title {
    font-size: 15px;
    color: #333;
    font-weight: normal;
}
#suggestfoods .col-12.border .grid-col_inner .list_product_price a {
    background: rgb(18 64 90 / 15%);}

@media (max-width: 768px) {
.filterbox {
 flex-direction: column !important;
}
    .filterfood.active {
        -webkit-animation: FadeIn 0.3s ease-in-out;
        animation: FadeIn 0.3s ease-in-out;
        display: block !important;
        opacity: 1;
    }
}










.notification-btn{}



.notification-btn .btn{        padding: 0 15px 0 0;

    border: none;}



.notification-btn .btn i{    font-size: 23px;}

.notif-cunter{



font-family: 'Poppins Medium';

    background: #FFCB45;

    position: absolute;

    top: -4px;

    right: 2px;

    width: 20px;

    height: 20px;

    font-size: 16px;

    border-radius: 50%;

    line-height: 22px;

}



.notification-btn .dropdown-menu {

    border: 1px solid #ffcb45 !important;

    width: 360px !important;

    top: 17px !important;

    max-height: 500px !important;

    background: #fff3d4 !important;

    left: -32px !important;

    border-radius: 15px !important;

    padding: 20px !important;

}

.notification-btn .dropdown-menu li{margin-bottom:10px;  border-radius: 8px;}

.notification-btn .dropdown-menu li a{  border-radius: 8px;}

.notification-btn .dropdown-item:focus,.notification-btn  .dropdown-item:hover{

    background-color: #ffcb45;



}



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





.checkoutcard .col-lg-7{width: 57.23333333% !important;}





.modal-body #dataresult .text-danger{    color: #000 !important;

    text-align: center;}



#alleventimagessuggested .eventimage{width: 280px;

}

#jform_showguestname .btn-group-yesno {

    justify-content: start !important;}







@media (max-width: 769px) {

      .container, .container-md, .container-sm {
        max-width: 100% !important;
    }

       #sp-header .inner-header {
        padding: 12px 12px 0px 12px !important;
    }

    .checkoutcard .col-lg-7 {

    width: 100% !important;

}



    .waitajax{left: 12px;}

       form .js-stools-container-bar{    padding: 10px 0px;}

    form .js-stools-container-bar .filter-search-bar,  form .js-stools-container-bar .filter-search-bar .input-group {

    width: 100%;

    margin-right: 0;

}

      .eventlistimage { margin: 12px !important;}

    .eventlis-header .col, .dashboar-header .col{padding: 8px 15px !important;}



    .ms-1 {

    margin-left: 0px !important;

}

    #sp-header.header-sticky{    box-shadow: 0 2px 7px #12405a14 !important;}

    .products_item {

        width: 100% !important;

    }
.header-sticky .menu-with-social  {
        padding: 0px 8px;
}
.header-sticky .menu-with-social .createventmod, .header-sticky .menu-with-social .loginheader{
 display: none;
}
#sp-header.header-sticky {height: 86px !important;}

    .header-navbar .event {

        padding-right: 11px;

    }



    .editsubmit .btn {

        width: 125px;

        margin: 0 3px !important;

    }



    .view-myorders table.responsive td, .view-myorders table.responsive td .text-center {

        text-align: right !important;

    }



    .dashboard-table tbody, .dashboard-table td, .dashboard-table tfoot, .dashboard-table th, .dashboard-table thead, .dashboard-table tr {

        border: none !important;

    }



    .basketcartdata {

        left: 0 !important;

        z-index: 999;

        position: fixed !important;

        width: 95% !important;

        margin: 2.5%;

        top: 77px !important;

    }





    .listevent .listeventcard {

        padding-right: 10px !important;

        padding-left: 10px !important;

    }
    .listevent .listeventcard .section.host-food .col{
          padding-right: 0;
    padding-left: 0;
    }
    .listevent .listeventcard .section.host-food .col .card-footer .col-9{
    width: 100% !important;
    }
  .listevent .listeventcard .section.host-food .col .card-footer .col-3{
    width: 100%;
    text-align: center !important;
    border-top: 1px solid #21252936;
    margin-top: 14px;
    padding-top: 10px;
}

 .listevent .listeventcard .section.host-food .card-footer {

    padding-bottom: 4px !important;
}


    .checkoutcard .img-fluid, .checkoutcard h6, .checkoutcard .updatebasket {

        margin-bottom: 20px !important;

    }



    #basicStepFormProgress .step-item {

        display: inline-flex;

        -ms-flex: auto !important;

        flex: auto !important;



        margin-bottom: 0;

    }



    .basicSelectStep {

        border-bottom: 9px solid #fff4d4;

    }



    .basicSelectStep.is-valid, .basicSelectStep.active {

        border-color: #fdc943;

    }



    .basicSelectStep .step-title {

        display: none;

    }



    #basicStepFormProgress {

        padding: 20px;

    }







    .item-delete {

        position: relative;

    }



    .tab-content {

        padding: 35px 20px;

    }



    .item-delete a {

        position: relative !important;

        bottom: 0 !important;

    }



    .cart-item img, .cart-item h6 {

        margin-top: 10px;

        margin-bottom: 10px !important;

    }



    .index-content.invite-list {

        display: block !important;

    }



    .invite-list .hand {

        width: 100% !important;

    }



    .hero .text-end, .right-hero {

        text-align: center !important;

    }



    .modal-90p {

        width: 90% !important;

        margin: 15px !important;

    }



    .createvent {

        border-radius: 0;

        padding-right: 20px;

        padding-left: 20px;

        width: 100%;

        text-align: center !important;

        justify-content: center;

    }



    .padding-top-small {

        padding-top: 20px;

    }





    .listevent .text-end {

        text-align: left !important;

    }



    .listeventcard .justify-content-end {

        justify-content: flex-start !important;

    }



    .eventlistbtn {

        margin-top: 16px;

    }



    .user-hello {

        padding: 20px 10px;

        display: block;

        text-align: center;

        border-bottom: 1px solid #33333326;

    }



    .exitbtn {

        background: transparent;

    }



    .dash-btntop .btn {

        flex-direction: column;

        padding: 22px 9px;

    }



    .walletbtn {

        border-left: none;

    }



    .text-center-small {

        text-align: center;

    }



    #modalresult .width-200px {

        min-width: auto !important;

    }



    .modal-50p {

        width: 100% !important;

        margin: 12px !important;

    }



    #modalresult {

        padding-right: 0 !important;

    }



    .header-navbar .inner-header {

        padding: 0 12px;

                padding-bottom: 6px !important;

    }





    .header-modules {

        width: 100%;

        display: flex;

        flex-flow: nowrap;

    }



    .createventmod {

        justify-items: unset;

        width: 50%;

    }





    #sp-header {

        height: 153px !important;

    }



    .loginheader {

        width: 50%;

    }


    #sp-header .container,#sp-header .container-sm {
        max-width: 100%;
    }
    .cartmobile {

        position: absolute;

        right: 61px;

        top: 23px;

    }





    .header-right .sp-column {

        width: 100%;

    }



    #sp-menu #offcanvas-toggler {

        position: absolute;

        top: -74px;

        right: 20px;

    }





    .logo-image {

        height: 58px !important;

    }



    .inner-header {

        justify-content: space-between !important;

    }



    .header-right {

        width: 100%;

        background: #12405a;

        border-left: none;

        display: flex;



        justify-content: space-around;

        padding: 10px 8px;

        border-radius: 10px;

    }



    .header-navbar .Signin {



        border-color: #ffcb45;

        color: #ffcb45;

    }



    .cart {



        position: absolute;

        top: 32px;

    }



    .header-navbar .header-btn {

        width: 100%;

        height: 41px;

        border-radius: 8px;

    }



    .navbar-toggler {

        border: none;

        font-size: 36px;

        color: #12405a;

    }



    .navbar-toggler:focus {



        box-shadow: none;

    }



    .last-sec-order {

        order: 5 !important;

    }



    .section .container {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .date-phone .card-body {

        text-align: left !important;

    }



    .date-phone-icon {

        order: -1 !important;

        text-align: center !important;

        padding-top: 8px;

    }



    .data-verify-icon {

        text-align: center !important;

    }



    .hero-title {

        margin-bottom: 20px;

    }



    .gallery-sec-inner {

        margin-bottom: 30px;

        margin-top: 30px;

    }



    .hero .card {



        background: #12405a0d;

    }



    .counter-mobile {

        order: -1 !important;

    }



    .cunterbar .card-body {

        margin-top: 18px;

        margin-left: 0;

        padding: 10px 15px;

    }



    .cunterbar .card p {



        margin-right: -5px;



    }



    .cunter-digit {

        width: 85px;

        height: 85px;

        line-height: 90px;



    }



}





@media (max-width: 991.98px) {

       .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }



	#product_view .grid-layout3 .col {

        width: 100%;

        min-width: 100%;

	}

    .offcanvas-collapse {

        position: fixed;

        top: 56px; /* Height of navbar */

        bottom: 0;

        left: 100%;

        width: 100%;

        padding-right: 1rem;

        padding-left: 1rem;

        overflow-y: auto;

        visibility: hidden;

        background-color: #343a40;

        transition: transform .3s ease-in-out, visibility .3s ease-in-out;

    }



    .offcanvas-collapse.open {

        visibility: visible;

        transform: translateX(-100%);

    }

}



.nav-scroller .nav {

    color: rgba(255, 255, 255, .75);

}



.nav-scroller .nav-link {

    padding-top: .75rem;

    padding-bottom: .75rem;

    font-size: .875rem;

    color: #6c757d;

}



.nav-scroller .nav-link:hover {

    color: #007bff;

}



.nav-scroller .active {

    font-weight: 500;

    color: #343a40;

}



.bg-purple {

    background-color: #6f42c1;

}



.dashbox {

    padding-right: 10px;

    padding-left: 10px;

    margin-top: 20px;

}



.dashboard-content > .row {

    margin-right: -10px;

    margin-left: -10px;

    margin-top: -20px;

}

.listeventcard .row .col-12 .btn {
    flex: 0 0 48%;
    min-width: 48%;
}



@media (max-width: 992px) {
   .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
    #sp-header {
        height: auto;
    }
    .logo-image {
        height: 60px !important;
    }

}

@media  only screen and (min-width: 769px) and (max-width: 1199.98px){
  .listeventcard .row .col-12 .btn {
       flex: 0 0 100% !important;
    min-width: 100% !important;
}

       .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
    .sp-page-builder .page-content .hero-sec-tablet {

        max-width: 990px !important

    }

 #sp-menu {

    justify-items: end;

    order: 1;

    width: 20% !important;

    max-width: 20%;

}

.header-right {

    justify-items: center;

    width: 63%;

}

#sp-menu .menu-with-offcanvas{
  display: none !important;
}
#sp-header #offcanvas-toggler.offcanvas, #sp-header #offcanvas-toggler.mega {
    display: flex !important;  height: auto;
}
.header-modules {

    margin-left: 0;

    display: flex;

}

}



@media (max-width: 576px) {

#sp-header .inner-header{
    padding: 12px 12px 0px 12px !important;
}

.checkoutcard .col-lg-7 {width: 100% !important;}
.waitajax{left: 12px;}
form .js-stools-container-bar{    padding: 10px 0px;}
form .js-stools-container-bar .filter-search-bar,  form .js-stools-container-bar .filter-search-bar .input-group {width: 100%; margin-right: 0;}
.eventlis-header .col, .dashboar-header .col{padding: 8px 15px !important;}
.eventlistimage { margin: 12px !important;}
.eventlis-header .d-sm-flex .col{adding: 8px 15px;}
.ms-1 {margin-left: 0px !important;}
#sp-header.header-sticky{    box-shadow: 0 2px 7px #12405a14 !important;}
.products_item {width: 100% !important;}
.header-navbar .event { padding-right: 11px;}
.editsubmit .btn {width: 125px;margin: 0 3px !important;}
.listeventcard .width-100px { width: 100%;max-width: 100%;}
.view-myorders table.responsive td, .view-myorders table.responsive td .text-center { text-align: right !important;}
.dashboard-table tbody, .dashboard-table td, .dashboard-table tfoot, .dashboard-table th, .dashboard-table thead, .dashboard-table tr { border: none !important;}
.basketcartdata {left: 0 !important;
z-index: 999;
position: fixed !important;
width: 95% !important;
margin: 2.5%;
top: 77px !important;
}
.checkoutcard .img-fluid, .checkoutcard h6, .checkoutcard .updatebasket {margin-bottom: 20px !important;}
#basicStepFormProgress .step-item {
        display: inline-flex;
        -ms-flex: auto !important;
        flex: auto !important;
        margin-bottom: 0;
}
.basicSelectStep {        border-bottom: 9px solid #fff4d4;    }
.basicSelectStep.is-valid, .basicSelectStep.active {        border-color: #fdc943;    }
.basicSelectStep .step-title {        display: none;    }
#basicStepFormProgress {        padding: 20px;    }
.item-delete {        position: relative;    }
    .item-delete a {        position: relative !important;        bottom: 0 !important;    }
    .cart-item img, .cart-item h6 {        margin-top: 10px;        margin-bottom: 10px !important;    }
    .index-content.invite-list {        display: block !important;    }
    .invite-list .hand {        width: 100% !important;    }
    .hero .text-end, .right-hero {        text-align: center !important;    }
    .modal-90p {        width: 90% !important;        margin: 15px !important;    }
    .createvent {
        border-radius: 0;
        padding-right: 20px;
        padding-left: 20px;
        width: 100%;
        text-align: center !important;
        justify-content: center;

    }
    .padding-top-small {
        padding-top: 20px;
    }
    .listeventcard .justify-content-end {
        justify-content: flex-start !important;
    }
    .listevent .text-end {
        text-align: left !important;
    }
.user-hello { padding: 20px 10px; display: block; text-align: center; border-bottom: 1px solid #33333326;}
.eventlistbtn { margin-top: 16px;}
.dash-btntop .btn {flex-direction: column; padding: 22px 9px;}
.exitbtn { background: transparent;}
.walletbtn {border-left: none;}
.text-center-small {text-align: center;}

.logo-image {height: 58px !important;}
.modal-50p {width: 100% !important; margin: 12px !important;}
#modalresult {padding-right: 0 !important;}
#modalresult .width-200px { min-width: auto !important;}
div.grid-layout3 div.col { margin: 2px 0px 30px;}
.single-p-gallery {    margin: 8px !important;}
.card .feature_product {    padding: 15px;}
.loginmod {    padding: 0 6px;}

#alleventimagessuggested .eventimage {
    width: 100%;
    margin: 0 0 14px 0 !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #ffcb45 !important;
}
#alleventimagessuggested >.border{  border: none !important;}
.tab-content {  padding: 35px 15px;}
.tab-content .extrapic{  width: 100% !important;    min-width: 100%;    margin: 0 0 5px 0 !important;}
 #basicSelectStep2 .justify-content-end{ justify-content: center !important;}
#alleventimagessuggested .price-section { padding-top: 15px;}
.products_item .price-section {  display: block !important;}
.products_item .list_product_price, .products_item .addtosuggestion { width: 100% !important;}
.gallery-sec .extraheight { height: auto;}

.carousel-item img {
    height: 300px !important;
}


}

.gallery-sec .carousel-item img {
    object-fit: cover;
}

.eventimage .remoceeventimagesuggestion.btn-danger::before, .addtosuggestion.suggested::after {
color: #fff !important;
    content: "x" !important;
    font-family: unset;
    font-size: 25px;}









.pm-product-detail{padding:50px 0;background:#faf7ef}
.pm-product-card{background:#fff;border-radius:30px;overflow:hidden;border:1px solid #eee1b8;box-shadow:0 18px 45px rgba(18,62,86,.08)}
.pm-product-gallery{padding:25px}
.pm-product-gallery .image-medum{min-height:520px;border-radius:24px;background-size:cover;background-position:center}
.pm-product-info{padding:45px 35px}
.pm-product-title{color:#123e56;font-size:clamp(30px,4vw,48px);font-weight:800;margin:20px 0}
.pm-product-price-section{background:#faf7ef;border-radius:22px;padding:22px;margin:30px 0;border:1px solid #f2dc98}
.pm-product-price-section .extrafield_detail_price{color:#123e56;font-size:32px;font-weight:800}
.pm-cart-button{background:#123e56!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:15px 35px!important;font-weight:800}
.pm-cart-button:hover{background:#ffc83d!important;color:#123e56!important}
.pm-description-card{background:#fff;margin-top:25px;border-radius:24px;border:1px solid #eee1b8}
.pm-description-card h4{color:#123e56;font-weight:800}
@media(max-width:768px){
.pm-product-detail{padding:25px 12px}
.pm-product-gallery,.pm-product-info{padding:20px}
.pm-product-gallery .image-medum{min-height:320px}
.pm-product-title{font-size:30px}
.pm-cart-button{width:100%}
}



/* ================================
   Forget Password Page Styling
   PlatterMe Style
================================ */


/* Main container */
.com-users-reset.reset {
    max-width: 900px;
    margin: 80px auto;
    padding: 45px 55px;
    background: #ffffff;
    border: 1px solid #f5c542;
    border-radius: 30px;
    box-sizing: border-box;
}


/* Hide Joomla default fieldset border */
.com-users-reset fieldset {
    border: none;
    padding: 0;
    margin: 0;
}


/* Description text */
.com-users-reset legend {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 0 35px;
    color: #17435b;
    font-size: 20px;
    line-height: 1.8;
    font-weight: 500;
    text-align: center;
}


/* Form rows */
.com-users-reset .control-group {
    margin-bottom: 25px;
}


/* Label */
.com-users-reset .control-label label {
    color: #17435b;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}


/* Input wrapper */
.com-users-reset .controls {
    width: 100%;
}


/* Email input */
.com-users-reset input[type="email"] {
    width: 100%;
    height: 58px;
    border: 1px solid #f5c542;
    border-radius: 15px;
    padding: 0 20px;
    font-size: 16px;
    color: #17435b;
    background: #ffffff;
    transition: all .3s ease;
    box-sizing: border-box;
}


/* Input focus */
.com-users-reset input[type="email"]:focus {
    outline: none;
    border-color: #17435b;
    box-shadow: 0 0 0 3px rgba(23,67,91,.1);
}


/* Submit area */
.com-users-reset__submit {
    margin-top: 30px;
}


/* Submit button */
.com-users-reset button.btn-primary {
    width: 100%;
    height: 58px;
    border-radius: 30px;
    background: #fbc83d;
    border: 1px solid #17435b;
    color: #17435b;
    font-size: 17px;
    font-weight: 700;
    cursor: pointer;
    transition: all .3s ease;
}


/* Button hover */
.com-users-reset button.btn-primary:hover {
    background: #17435b;
    color: #ffffff;
}


/* Remove Joomla invalid styling */
.com-users-reset .form-control-danger,
.com-users-reset .invalid {
    border-color: #f5c542 !important;
}


/* Captcha hidden spacing fix */
.com-users-reset .visually-hidden {
    display:none;
}

.com-users-reset .control-label {
    display:none;
}

.com-users-reset .controls {
    width:100%;      margin-left: 0;
}

/* Mobile */
@media(max-width:768px){

    .com-users-reset.reset {
        margin:40px 20px;
        padding:35px 25px;
        border-radius:25px;
    }


    .com-users-reset legend {
        font-size:17px;
        line-height:1.6;
    }

}


/* address popup */
.address-card {
    position: relative;
    padding: 24px;
    border: 1px solid #dddddd;
    border-radius: 28px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(13, 52, 74, 0.055);
}


.address-card--accent {
    background: linear-gradient(145deg, #fff9e6, #fffdf8 58%);
    border-color: rgba(255, 203, 69, 0.55);
}
.canceladdress{
    padding: 0.4rem 1.0rem !important;
}