/* 
Pages 
A) HEADER
B) FOOTER PAGE

1) HOME PAGE
2) LOGIN PAGE
3) SIGNUP PAGE
4) FORGOT PASSWORD
5) RESET PASSSWORD
6) PASSWORD CHANGED
7) ORDER PLACE PAGE
8) FOOD REQUEST SENT
9) VERIFICATION
10) CUSTOMIZE FOOD PAGE
11) MY PROFILE
12) NOTIFICATION
13) PAYMENT METHOD
14) MANAGE ADDRESS
15) PENDING_REQUEST PAGE
16) REQUEST DETAILS
17) CURRENT ORDER DETAILS
18) UPCOMMING ORDER DETAILS
19) COMPLETED ORDER-DETAILS
20) CANCELLED ORDER DETAILS
21) CHEF DETAILS
22) PAMENT METHOD_02

Popups
1) POPUP ADD_NEW_ADDRESS
2) NOTIFICATION POPUP
3) USERLOGIN POPUP 
4) CANCELL POPUP

*/
/* Google font */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-ThinItalic.ttf');
    font-weight: 100;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-Thin.ttf');
    font-weight: 100;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-ExtraLightItalic.ttf');
    font-weight: 200;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-ExtraLight.ttf');
    font-weight: 200;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-LightItalic.ttf');
    font-weight: 300;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-Light.ttf');
    font-weight: 300;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-RegularItalic.ttf');
    font-weight: 400;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-Regular.ttf');
    font-weight: 400;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-MediumItalic.ttf');
    font-weight: 500;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-Medium.ttf');
    font-weight: 500;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-SemiBoldItalic.ttf');
    font-weight: 600;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-SemiBold.ttf');
    font-weight: 600;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-BoldItalic.ttf');
    font-weight: 700;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-Bold.ttf');
    font-weight: 700;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-ExtraBoldItalic.ttf');
    font-weight: 800;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-ExtraBold.ttf');
    font-weight: 800;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font//Metropolis-BlackItalic.ttf');
    font-weight: 900;
}

@font-face {
    font-family: "Metropolis";
    src: url('../font/Metropolis-Black.ttf');
    font-weight: 900;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    font-family: "Metropolis";
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: sans-serif;
    font-family: "Metropolis";
}

a {
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0px;
    /* margin-right: 600px; */
}



ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.section {
    padding-left: 12px;
    padding-right: 12px;
}

main {
    margin-top: 100px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Header */
.nav-link {
    margin-right: 10px;
    text-decoration: none;
    color: black;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.nav-link.active {
    font-weight: 600 !important;
    color: rgba(17, 171, 105, 1);
    background-color: rgba(17, 171, 105, 0.1);

}

/* NOTIFICATION POPUP Start*/
.signup-btn {
    font-weight: 500;
}

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

.Notification-popup .btn {
    padding: 0;
    margin: 0 0px;
}

/* .Notification-popup .dropdown-menu[data-bs-popper] {
    width: 312px;
    height: auto;
    flex-shrink: 0;
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 4px 15.199999809265137px 0px rgba(0, 0, 0, 0.13);
    left: -179px;
    top: 64px;
    padding: 20px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
} */

.Notification-popup .dropdown-menu {
    margin: 0;
    left: auto !important;
    right: 20px !important;
}

.Notification-popup .dropdown-menu li .heading-notif-popup {
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(64, 64, 64, 1);
    margin-bottom: 5px;
}

.heading-notif-popup {
    padding-bottom: 15px;
}

.notification-popup_icons {
    width: 42px;
    height: auto;
}

.noti-desc-data p:first-child {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 5px;
}

.noti-desc-data p:first-child span {
    font-weight: 600;
}

.noti-desc-data p:nth-child(2) {
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
}

.notification_popup_main li a {
    display: flex;
    gap: 10px;
    align-items: center;
    color: rgba(25, 26, 28, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    margin-bottom: 10px;
}

.drop {
    width: 312px;
    height: auto;
    flex-shrink: 0;
    border-radius: 14px;
    background: #FFF;
    box-shadow: 0px 4px 15.199999809265137px 0px rgba(0, 0, 0, 0.13);
    left: -179px;
    top: 64px;
    padding: 20px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    position: absolute;
    right: 0;
}

.notification_popup_main li:last-child {
    margin-bottom: 0;
}

.notification_popup_main li:last-child a {
    margin-bottom: 0;
}

.Notification-popup .dropdown-menu li {
    display: flex;
    gap: 9px;
    align-items: start;
}

.Notification-popup .dropdown-menu li {
    margin-bottom: 10px;
}

.Notification-popup .dropdown-menu li:last-child {
    margin-bottom: 0;
}

.Notification-popup hr {
    margin-bottom: 10px;
    margin-top: 15px;
}

.Notification-popup .view-all-notif a {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(66, 68, 74, 1);
    margin-top: 5px;
}

.notification-icon[_ngcontent-ng-c3943395379]:active {
    border: 0;

}

/* NOTIFICATION POPUP End */

/* USERLOGIN POPUP Start */

.userlogin_popup .Notification-popup .dropdown-menu {
    width: 256px;
    padding: 15px 0;
    border-radius: 14px;
    box-shadow: 0px 4px 15.199999809265137px 0px rgba(0, 0, 0, 0.13);
}

.userlogin_popup .notification-popup_icons {
    width: 26px;
    height: auto;
}

.userlogin_popup .Notification-popup .dropdown-menu li {
    padding: 0 15px;
}

.Notification-popup .noti-desc-data {
    width: 100%;
}

/* USERLOGIN POPUP End */

/* CANCELL POPUP Start */
/* .cancell_popup .modal-content {
    width: 430px;
    height: 524px;
}

.cancell_popup .modal {
    --bs-modal-width: 831px;
}

.cancell_popup .modal-header {
    padding: 30px;
}

.cancell_popup .modal-body {
    padding: 30px;
} */

.cancell_popup .add-new_address .modal-content {
    width: 430px;
    height: auto;
}

.cancell_popup .add-new_address .modal {
    --bs-modal-width: 430px;
}

.cancell_popup .add-new_address .modal-header {
    padding: 30px;
}

.cancell_popup .add-new_address .modal-body {
    padding: 30px;
}

.cancell_popup .add-new_address .select_box1,
.cancell_popup .add-new_address textarea {
    margin-top: 5px;
}

.cancell_popup .add-new_address textarea {
    height: 139px;
}

.cancell_popup .add-new_address .select_box1 :optional {
    width: 100px;
}

.add-new_address .modal-content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(25, 26, 28, 1);
}

.add-new_address .modal-content p {
    font-size: 16px;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;

}

.add-new_address .modal-header div:first-child {
    gap: 15px;
    align-items: start;
}


.add-new_address input {
    width: 50%;
    height: 50px;
    margin-top: 4px;
}

.add-new_address .box-01 {
    gap: 30px;
    margin-bottom: 25px;
}

::placeholder {
    opacity: 0.3;
}

.btn-add-address {
    width: 370px;
    height: 50px;
    float: right;
}

.cancell_popup .btn-add-address {
    background-color: rgba(239, 9, 9, 1);
}

/* CANCELL POPUP End */

/* FOOTER PAGE Start */

footer {
    width: 100%;
    height: 477px;
    /* background-image: url('../image/bg-footer.png'); */
    background-image: url('../image/bg-footer-001.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    /* padding-top: 103px; */
}

/* footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

} */

.footer .container-fluid {
    position: relative;
    z-index: 99;
    color: white;
    /* Set text color to white or any other color that works with the semi-transparent background */
}

.logo-footer-part {
    max-width: 704px;
    height: 210.33px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding-bottom: 60px;
    margin: 103px auto 0;
}

.logo-footer img {
    width: 100%;
    height: 100%;
}

.logo-footer {
    width: 331px;
    height: auto;
}

.footer-disc {
    /* font-family: SF Pro Display; */
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
}

.footer-page-links {
    max-width: 687px;
    display: flex;
    justify-content: space-between;
    margin: 40px auto 93px;
}

.footer-page-links a {
    /* font-family: SF Pro Display; */
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    cursor: pointer;
}

.copyrights {
    height: 43px;
    background-color: rgba(10, 152, 91, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyrights a {
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    color: rgba(255, 255, 255, 1);
}

.upp-arrow {
    /* position: absolute;
    right: 30px;
    bottom: 22px; */
    width: 60px;
    height: auto;
}

.upp-arrow-pos {
    position: absolute;
    right: 30px;
    bottom: 22px;
}

footer .container .col-12:first-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.30);
}

/* FOOTER PAGE End */

/* HOME PAGE Start */
/* Section One */
.sec-one-home {
    background-image: url('../image/delicious-pizza-isolated-white-1.png');
    background-repeat: no-repeat;
    background-size: 877px auto;
    background-position: right center;
    width: 100%;
    height: 562px;
}

.sec-one-home .left {
    display: flex;
    align-items: center;
    height: 562px;
    width: 100%;
    position: relative;
    z-index: 1;
    color: white;
}

.have-a-dish {
    width: 572px;
    height: 326px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 30px;
}

.have-a-dish h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0px;
    text-align: start;
    color: rgba(17, 171, 105, 1);
}

.have-a-dish h1 {
    font-size: 50px;
    font-weight: 800;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(25, 26, 28, 1);
}

.have-a-dish h1 span {
    color: rgba(17, 171, 105, 1);
    font-weight: 700;
}

.have-a-dish .btn-01 {
    padding: 16px 30.5px;
    border: 0;
}

.have-a-dish .btn-01 a {
    color: white;

}

/* Section two */
.img-sec-02-home img {
    width: 100%;
    height: 100%;
}

.img-sec-02-home {
    width: 99%;
    height: auto;
    margin: auto;
}

/* Section three */

.sec-03-home h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(20, 20, 20, 1);
    margin-bottom: 14px;
}

.sec-03-home p {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
}

.bg-sec03-home {
    background-image: url('../image/bg-sec-03-home.png');
    background-repeat: no-repeat;
    background-size: 1011px auto;
    background-position: center 46px;
}

.sec-03-home {
    /* background-image: url('../image/bg-sec-03-home.png');
    background-repeat: no-repeat;
    background-size: 1011px auto;
    background-position: center 126px; */
    height: 513px;
    /* border: 1px solid; */
    margin: auto;
    margin-top: 100px;
    margin-bottom: 100px;
}

.title-sec-03-home {
    margin-bottom: 80px;
}

.food-customize {
    width: 118px;
    height: auto;
}

.sec-03-home .box {
    width: 153px;
    height: 196px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sec-03-home .box h5 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    margin: 14px 0 8px;
}

.sec-03-home .box p {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: center;
}

.sec-03-home .boxes {
    display: flex;
    justify-content: space-between;
    margin: auto;
}

.sec-03-home .boxes .box:nth-of-type(even) {
    margin-top: 150px;
}

/* sec-04-home */
.sec-04-home {
    /* height: 343px; */
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: rgba(66, 68, 74, 0.05);
}

.subtitle-sec02-sec-04-home {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(66, 68, 74, 1);
}

.sec-04-home h2 {
    font-size: 40px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(17, 171, 105, 1);
    margin: 10px 0 14px;
}

.sec-04-home .disc {
    font-size: 20px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(66, 68, 74, 0.6);
    margin-bottom: 60px;
}

.send-msg-ques {
    display: flex;
    gap: 28px;
}

.send-msg-ques input {
    width: 100%;
    height: 60px;
    padding: 22px 24px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
    border: 1px solid rgba(237, 251, 243, 0.64);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.send-msg-ques button {
    width: 100%;
    height: 100%;
}

.sec-04-home ::placeholder {
    color: rgba(66, 68, 74, 1);
    opacity: 1;
    /* Firefox */
}

.sec-04-home ::-ms-input-placeholder {
    /* Edge 12-18 */
    color: rgba(66, 68, 74, 1);
}

.terms {
    font-family: "Manrope", sans-serif;
}

.terms input {
    position: relative;
    top: 0px;
}

/* HOME PAGE End */

/* CUSTOMIZE FOOD PAGE Start */


.sec-one-customizefood .container,
.sec-two-customizefood .container,
.sec-three-customizefood .container {
    width: 1196px;
}

/* Section one */
.sec-one-customizefood {
    /* background-image: url('../image/bg_customize-page.png'); */
    background-image: url('../image/bg_customize-page.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 150px;
}

.content-sec1-customizefood {
    max-width: 754px;
    height: 57px;
}

.main-title-cusomizefood {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(17, 171, 105, 1);
}

.main-subtitle-cusomizefood {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(25, 26, 28, 1);
    margin-top: 15px;
}

/* sec-two-customizefood Start */
.sec-two-customizefood {
    padding-top: 24px;
    padding-bottom: 24px;
}

.food-info {
    border: 1px solid rgba(66, 68, 74, 0.10);
    height: 386px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    /* padding: 27px 30px 30px; */
}

.food-title {
    padding: 26px 30px;
    border-bottom: 1px solid rgba(66, 68, 74, 0.10);
}

.food-info-form {
    padding: 30px 30px;
}


.food-name-box {
    width: 370px;
    height: 74px;

}

.food-name {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    /* color: rgba(66, 68, 74, 0.30); */
}

input[type="text"] {
    opacity: 1;
}

.food-name-box input {
    margin-top: 10px;
    width: 100%;
    height: 50px;
    padding: 18px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    /* color: rgba(66, 68, 74, 0.30); */
    color: black;
    background-color: rgba(240, 245, 248, 1);
    border-color: transparent;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.food-name-boxs {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 370px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../image/calendar-icon.svg') no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}

input[type="time"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    display: block;
    background: url('../image/time-icon.svg') no-repeat;
    width: 20px;
    height: 20px;
    border-width: thin;
}



.instructon-box {
    margin: 30px 30px 30px 0;
}

.instruction {
    padding: 27px 30px;
    height: 229px;
    width: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-color: transparent;
    background-color: rgba(240, 245, 248, 1);
    font-family: Metropolis;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: black;
    resize: none;

}

/* sec-two-customizefood End */
/* sec-three-customizefood Start */
.select-address {
    border: 1px solid rgba(66, 68, 74, 0.10);
    height: 275px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    margin-bottom: 25px;
    /* background-color: rgba(240, 245, 248, 1); */
    padding: 30px;
}

.select-address .food-title {
    padding: 0;
}

.form-titles {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(25, 26, 28, 1);
}

.select-address .food-title {
    border-color: transparent;
}

.select-address a {
    color: rgba(27, 32, 46, 1);
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;

}

.select-address a span {
    color: rgba(17, 171, 105, 1);
}

.adresses {
    /*width: 1109px;
    */
    width: 100%;
    height: 168px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    background: rgba(240, 245, 248, 1);
    margin: auto;

}

.left-side {
    /* border: 1px solid; */
    display: flex;
    gap: 12px;
}

.address-icon {
    width: 38px;
    height: auto;
}

.adresses .left-side p:first-child {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 8px;
}

.adresses .left-side p:last-child {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    padding-right: 20px;
}

.addre-01,
.addre-02 {
    padding: 25px 29px 0;
    margin-top: 18px;
}

.sec-three-customizefood .addre-01,
.sec-three-customizefood .addre-02 {
    padding: 22px 23px 0;
    margin-top: 24px;
}

.sec-three-customizefood .adresses .addre-02 {
    border-top: 1px solid rgba(66, 68, 74, 0.1);
}

.send-order {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    width: 370px;
    height: 50px;
    padding: 14px, 20px, 14px, 20px;
    border-radius: 8px;
    gap: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    background: rgba(17, 171, 105, 1);
    border-color: transparent;
    float: right;
    margin-bottom: 188px;
}

.send-order a {
    color: white;
}

input[type=radio]#address-01 {
    accent-color: green;
    width: 24px;
    height: 24px;
}

input[type=checkbox]#address-01 {
    accent-color: green;
    width: 24px;
    height: 24px;

}

/* sec-three-customizefood End */

/* sec--add-reference-media Start */



.add_referece {
    height: auto;
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.media-01 {
    display: flex;
    gap: 4px;
    margin: 10px 0 40px 0;
}

.taste-needs-part {
    margin: 40px 0 0 0;

}

.media-01 img {
    cursor: pointer;
}

.remember {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

.other-dietay-nees-part {
    margin: 30px 0 0 0;
}

.other-dietay-nees-part h4 {
    font-size: 17px;
    margin-bottom: 8px;
}

[type=search]#serch_01 {
    -webkit-appearance: textfield;
    outline-offset: -2px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    padding: 6px 18px;
    font-size: 16px;
}

.lable-one {
    font-size: 15px;
    color: gray;
    margin-top: 20px;
}

.levels_nees {
    margin-top: 10px;
}

.level-01 {
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
}

.btn-group-vertical {
    flex-direction: row;
}

.btn-group-vertical {
    flex-direction: row;
    align-items: flex-start;
    justify-content: center;
    border: 1px solid #cecece;
    width: 100%;
    height: 50px;
    margin-top: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    background: #11ab69;
    /* color: white; */
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-radius: 0;
    /* background: #f1f1f1; */
    color: #cecece;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    /* border-left: 1px solid; */
}

.border_01 {
    border-right: 1px solid #cecece !important;
}

.radius_left {
    border-radius: 50px 0 0 50 !important;
    -webkit-border-radius: 50px 0 0 50 !important;
    -moz-border-radius: 50px 0 0 50 !important;
    -ms-border-radius: 50px 0 0 50 !important;
    -o-border-radius: 50px 0 0 50 !important;
}

/* 
.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    color: #cecece;
    border: 0;
    border-left: 1px solid;
    height: 50px;

} */

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn~.btn {
    border-radius: 0;
}

.check_01 {
    opacity: 1;
    width: 150px;
    /* display: block; */
    /* position: relative;
    z-index: 1; */
}

.checkboxes {
    width: 150px;
    border: 1px solid;
}

.checkbox_01 {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 150px;
    height: auto;
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: #11ab69;
    color: white;
    font-weight: 400;
}

.checkbox_02 {
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 150px;
    height: auto;
    border: 1px solid;
    padding: 4px 8px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background-color: transparent;
    color: #11ab69;
    font-weight: 400;
    border: 2px solid #11ab69;
}

/* The check_01_container */
.check_01_container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.check_01_container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.check-boxes {
    width: 750px;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 50px;
    width: 135px;
    border-radius: 50px;
    font-size: 14px;
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #ffff;
    color: #00ae62;
    padding-left: 30px;
    border: 1.5px solid #00ae62;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

/* On mouse-over, add a grey background color */
.check_01_container:hover input~.checkmark {
    background-color: white;
}

/* When the checkbox is checked, add a blue background */
.check_01_container input:checked~.checkmark {
    background-color: #00ae62;
    color: white;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.check_01_container input:checked~.checkmark:after {
    display: block;
}

.check_01_container input:not(:checked) .checkmark {
    color: green;
}

/* Style the checkmark/indicator */
.check_01_container .checkmark:after {
    left: 12px;
    top: 15px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

label.btn.btn-outline-danger.border_01.radius_left {
    border-radius: 50px 0 0 50px;
}

label.btn.btn-outline-danger.border_01.radius_right {
    border-radius: 0 50px 50px 0px;
    -webkit-border-radius: 0 50px 50px 0px;
    -moz-border-radius: 0 50px 50px 0px;
    -ms-border-radius: 0 50px 50px 0px;
    -o-border-radius: 0 50px 50px 0px;
}

.imageInput {
    width: 40px !important;
    height: auto;
    margin-right: 10px;
}

.dietary_needs_content .sec-two-customizefood {
    padding-top: 0;

}


/* sec--add-reference-media End */

/* .btn-level{
    font-size: 15px;
    color: #cecece;
    border-radius: 50px 0 0 50px;
    -webkit-border-radius: 50px 0 0 50px;
    -moz-border-radius: 50px 0 0 50px;
    -ms-border-radius: 50px 0 0 50px;
    -o-border-radius: 50px 0 0 50px;
} */

.levels_nees .btn-outline-primary {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.levels_nees .btn-outline-primary {
    --bs-btn-color: #cecece;
    --bs-btn-border-color: #cecece;
}

.btn-check:checked+.btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check)+.btn:active {
    border-color: transparent;
}

.levels_nees {
    margin-top: 20px;
}

.levels_nees .btn-group {
    margin-top: 15px;
}

/* CUSTOMIZE FOOD PAGE End */

/* POPUP ADD_NEW_ADDRESS Start */
.add-new_address .modal-content {
    height: 640px;
}

.add-new_address .modal {
    --bs-modal-width: 831px;
}

.add-new_address .modal-header {
    padding: 30px;
}

.add-new_address .modal-body {
    padding: 30px;
}

.add-new_address .modal-content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(25, 26, 28, 1);
}

.add-new_address .modal-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;

}

.add-new_address .modal-header div:first-child {
    gap: 15px;
    align-items: start;
}


.add-new_address input {
    width: 50%;
    height: 50px;
    margin-top: 4px;
}

.add-new_address .box-01 {
    gap: 30px;
    margin-bottom: 25px;
}

::placeholder {
    opacity: 0.3;
}

.btn-add-address {
    width: 370px;
    height: 50px;
    float: right;
}

/*  */
.select_box {
    /*width: 200px;
    */
    overflow: hidden;
    /*border: 1px solid #000;
    */
    position: relative;
    /*padding: 10px 0;
    */
    background-color: rgba(240, 245, 248, 1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    height: 50px;
}

.select_box:after {
    width: 0;
    height: 0;
    /* border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #f00; */
    background-image: url('../image/icons/down-arrow.svg');
    background-repeat: no-repeat;
    background-size: 10px auto;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 40%;
    right: 19px;
    content: "";
    z-index: 100;
}

.select_box select {
    width: 0;
    border: 0;
    position: relative;
    z-index: 99;
    background: none;
}

/*  */
/* POPUP ADD_NEW_ADDRESS End */

/* PENDING_REQUEST PAGE START */
.title-box-myorder-01 {
    background: rgba(232, 247, 240, 1);
    color: rgba(17, 171, 105, 1);
    border-radius: 10px;
    height: 65px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    padding: 19.5px 31px;
    margin-top: 25px;
}

.title-myorder-01 {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.10000000149011612px;
    text-align: left;

}

.my-order_tabs .nav-pills .nav-link.active,
.my-order_tabs .nav-pills .show>.nav-link {
    color: rgba(17, 171, 105, 1);
    background: rgba(17, 171, 105, 0.1);
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    height: 38px;

}

.my-order_tabs .nav-pills .nav-link {
    color: rgba(66, 68, 74, 1);
    background: transparent;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    height: 38px;
}

.my-order_box-01 {
    height: auto;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid rgba(66, 68, 74, 0.1);
}

.request-date {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
}

.head-myorder {
    padding: 10px;
    border-bottom: 1px solid rgba(66, 68, 74, 0.1);
    display: flex;
    align-items: center;
    gap: 25px;
    flex-wrap: wrap;
}

.sec-one-pending_request {
    margin-bottom: 380px;
}

.sec-one-pending_request .head-myorder {
    padding: 10px 15px;
}

.request-date span:first-child {
    font-weight: 600;
    color: rgba(25, 26, 28, 1);
}

.badge-01 {
    width: 69px;
    height: 24px;
    font-size: 12px;
    border: 1px solid rgba(17, 171, 105, 1);
    color: rgba(17, 171, 105, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.sec-one-pending_request .badge-01 {
    font-weight: 500;
}

.my-order_box-02 {
    padding: 15px 16px;


}

.my-order_box-02 .left {
    display: flex;
    gap: 15px;
    /* align-items: center; */

}

.food-01 h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 10px;
    color: rgba(25, 26, 28, 1);
}

.food-01 p {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);

}

.date_time {
    width: 106px;
    height: 72px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    /* border: 1px solid; */
}

.time-01,
.date-01 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.date-01 {
    font-size: 20px;
    color: white;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    width: 106px;
    height: 42px;
    top: 70px;
    left: 36px;
    background-color: rgba(17, 171, 105, 1);
    border-radius: 08px 08px 0 0;
    -webkit-border-radius: 08px 08px 0 0;
    -moz-border-radius: 08px 08px 0 0;
    -ms-border-radius: 08px 08px 0 0;
    -o-border-radius: 08px 08px 0 0;
}

.time-01 {
    height: 30px;
    background: rgba(217, 217, 217, 0.26);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
    border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    -o-border-radius: 0 0 8px 8px;
}

.food-01 {
    max-width: 726px;
    height: 58px;

    /* border: 1px solid; */

}

.my-order_box-02 {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.my-order_box-02 .right {
    width: 98px;
    height: 72px;
    top: 59px;
    left: 1054px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 10px 17px;
    gap: 5px;
    background-color: rgba(217, 217, 217, 0.26);
}

.my-order_box-02 .right span:first-child {
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: right;
    color: rgba(17, 171, 105, 1);
    text-align: center;
}

.my-order_box-02 .right span:last-child {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(66, 68, 74, 1);
}

.my-order_tabs {
    padding: 30px 0;
}

.my-order_tabs .nav {
    display: flex;
    gap: 15px;
}

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

.sec-one-request-details .title-box-myorder-01 {
    height: auto;
}

.food-details .food-01 .card-body p.text-20px {
    margin: 20px 0 10px 0;
    font-weight: 600;
}

/* PENDING_REQUEST PAGE END */

/* LOGIN PAGE START */
.btn-01 {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    background: rgba(17, 171, 105, 1);
    color: white;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-color: transparent;
}

.btn-01:hover {
    background: rgba(17, 171, 105, 3);
    background: black;
}

.border-01 {
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.input-01 {
    background: rgba(240, 245, 248, 1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
    border: 0px;
    padding: 18px 16px;
}

.input-02 {
    font-size: 16px;
    background: rgba(240, 245, 248, 1);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(25, 26, 28, 1);
    border: 0px;
    padding: 17px 16px;
}

label {
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0em;
    text-align: left;

}

.login-form label:nth-child(4) {
    margin-top: 25px;
}

.sec-one-order_placed {
    background-image: url('../../assets/image/chef-pointing-lateral-white-background-1.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 894px 856px;
    width: 100%;
    height: 856px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.title-26px {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
}

.text-green-01 {
    color: rgba(17, 171, 105, 1);
}

.text-light-gray-01 {
    color: rgba(25, 26, 28, 1);
}

.subtitle-16px {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(25, 26, 28, 1);
}

.sec-one-login .subtitle-16px {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(25, 26, 28, 1);
}

.subtitle-16px-2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 16.11px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(66, 68, 74, 1);
}

.sec-one-forgotpw .subtitle-16px-2 {
    line-height: 22px;
}


.login-box {
    width: 430px;
    height: 487px;
    float: right;
    margin-right: 30px;
    margin-top: 85px;
}

.login-box p {
    margin: 15px 0 0;
}

.login-title {
    padding: 30px 19px 30px 30px;
    border-bottom: 1px solid rgba(66, 68, 74, 0.1);
    text-align: start;
}

.login-form {
    margin: 30px;
    width: 370px;
    height: 296px;
    padding-bottom: 10px;
}

.login-form label {
    float: left;
    color: rgba(66, 68, 74, 1);
}

.login-form .input-02 {
    color: rgba(18, 23, 35, 1);
}

.eye-icon {
    width: 25.18px;
    height: auto;
    position: absolute;
    right: 17px;
    top: 42px;
}

.login-form .position-relative {
    margin-top: 25px;
}

.login-btn {
    margin: 25px 0;
    width: 100%;
    height: 50px;
}

.forgot-pw_a {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(66, 68, 74, 1);
    text-decoration: underline;
}

/* LOGIN PAGE END */

/* SIGNUP PAGE Start */
.signup-form .login-form {
    padding-bottom: 15px;
}

.signup-form .login-form .name {
    gap: 30px;
}

.signup-form .login-form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.signup-form .login-form .position-relative {
    margin-top: 0;
}

.sec-one-signup .sec-one-login .login-box {
    /* height: 712px; */
    height: auto;
}

.signup-btn {
    height: 50px;
    padding: 16px;
}

.terms {
    color: black;
    display: flex;
    gap: 10px;
    justify-content: start;
}

.terms span {
    color: rgba(17, 171, 105, 1);

}

.signup-form .login-box p {
    text-align: start;
}

.sec-one-signup .login-box .terms p {
    text-align: start;
    /* font-family: Manrope; */
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;

    /* font-family: Manrope;
    font-size: 14px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    
    font-family: HK Grotesk;
    font-size: 14px;
    font-weight: 500;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left; */

}

.sec-one-signup .login-box .terms p span {
    font-weight: 500;
}

.signup-form .login-form {
    margin: 30px;
    width: 370px;
    height: auto;
}

/* SIGNUP PAGE End */

/* ORDER PLACE PAGE Start */

.sec-one-order_placed .order-placed-box {
    margin-top: 85px;
}

.order-placed-box {
    width: 430px;
    /* height: 355px; */
    height: auto;
    /* border: 1px solid; */
    float: right;
    margin-right: 70px;
    padding: 47.85px 26.5px 60.17px;
    background-color: white;

}

.right-icon {
    /* width: 118.83px; */
    width: 68.56px;
    margin-bottom: 48.42px;
}

.order-placed-box h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(25, 26, 28, 1);

}

.order-placed-box p {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(66, 68, 74, 1);
    margin: 10px 0 25px 0;
}


.order-placed-box .btn-01 {
    width: 100%;
    height: 50px;
}


.food-name-box input:focus,
.food-name-box textarea:focus {
    color: rgba(66, 68, 74, 1);

}

/* ORDER PLACE PAGE End */


/* CURRENT ORDER PAGE Start */

.head-main-myorder {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
}

.head-main-myorder {
    border-bottom: 1px solid rgba(66, 68, 74, 0.1);
}

.head-main-myorder .head-myorder {
    padding: 0;
    border: 0;
}

.badge-02 {
    background-color: rgba(17, 171, 105, 0.2);
    color: rgba(17, 171, 105, 1);
}

.badge-cancelled {
    color: rgba(239, 9, 9, 1);
    background-color: rgba(239, 9, 9, 0.20);
}

.badge-02,
.badge-cancelled {
    font-family: "Poppins", sans-serif;
    width: 96px;
    height: 25px;
    top: 11px;
    left: 1056px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.chef-food h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(25, 26, 28, 1);
    margin-bottom: 10px;
}

.chef-food p {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
}

.chef-1-photo {
    width: 60px;
    height: auto;
}

.chef-food-box {
    display: flex;
    gap: 10px;
    align-items: center;
}

.right-currentorder {
    /* font-family: Metropolis; */
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: right;
    color: rgba(17, 171, 105, 1);
    display: flex;
    align-items: center;
}

/* CURRENT ORDER PAGE End */

/* PASSWORD CHANGED Start */
.sec-one-password-changed .order-placed-box {
    padding-top: 47.85px;
    padding-bottom: 34.17px;
    margin-top: 85px;
}

/* PASSWORD CHANGED End */

/* VERIFICATION Start */
.sec-one-verfication .order-placed-box {
    margin-top: 85px;
}

.sec-one-verfication .order-placed-box .p1 {
    text-align: center;
    padding: 0 50px;
}

/* VERIFICATION End */

/* MY PROFILE Start */

/* Left side */
.sec-one-my-profile .left-side {
    margin-top: 30px;
}

.img-01 {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    display: flex;
    flex-direction: column;
}

.photo-form {
    position: relative;
    /* width: 370px; */
    width: 100%;
    height: 316px;
    border-radius: 15px;
    border: 1px solid rgba(66, 68, 74, 0.1);
}

.photo-form label {
    display: block;
    margin-bottom: 20px;
}

.photo-form input[type="file"] {
    display: none;
}

.back-camera {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-image: url('../../assets/image/usr1.jpg');
    background-color: #aeb7bee8;
    background-size: cover;
    background-position: center;
    margin: auto;
}



.up-side {
    background-color: rgba(240, 245, 248, 1);
    /* width: 370px; */
    width: 100%;
    height: 169px;
    top: 220px;
    left: 172px;
    border-radius: 14px 14px 0 0;
}

.photo-name {
    text-align: center;
    margin-top: 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;

}

/* Left side */



.sec-one-my-profile .right-side {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
    margin-bottom: 100px;
}

.sec-one-my-profile .login-box {
    float: left;
    width: 100%;
}

.title-20px {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0px;
    color: rgba(25, 26, 28, 1);
}

.sec-one-my-profile .login-title {
    padding: 30px 30px 25px 30px;
}

.sec-one-my-profile .login-box p {
    margin: 10px 0 0;
}

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

.btns-delet-profile {
    width: 275px;
    display: flex;
    gap: 25px;
}

.btn-yes-no {
    width: 100%;
    height: 42px;
}

.btns-delet-profile .btn-01:last-child:hover {
    background-color: rgba(17, 171, 105, 0.8);
}

.btns-delet-profile .btn-01:first-child {
    background-color: rgba(25, 26, 28, 1);
}

.btns-delet-profile .btn-01:first-child:hover {
    background-color: rgba(25, 26, 28, 0.8);
}

.sec-one-my-profile .login-box {
    margin-top: 0;
}

.save-your-dietary-needs {
    border: 1px solid rgba(66, 68, 74, 0.1);
    padding: 30px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

/* MY PROFILE End */

/* NOTIFICATION Start */
.boxes-notification {
    /* width: 1170px; */
    /* height: 394px; */
    top: 220px;
    left: 171px;
    margin-top: 30px;
    margin-bottom: 402px;
}

.box-notification {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px 24px;
}

.notification-icon-02 {
    width: 60px;
    height: auto;
}

.content-notifications p {
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    color: rgba(66, 68, 74, 1);
}

.content-notifications p:first-child {
    font-size: 16px;
    margin-bottom: 10px;
}

.content-notifications p:last-child {
    font-size: 14px;

}

.boxes-notification .box-notification {
    border-bottom: 1px solid rgba(66, 68, 74, 0.1);
}

.boxes-notification .box-notification:last-child {
    border-bottom: 0;

}

/* NOTIFICATION End */

/* PAYMENT METHOD Start */
.sec-one-payment-method {
    margin-bottom: 409px;
}

.sec-one-payment-method hr {
    border: 1px solid rgba(66, 68, 74, 0.4)
}

.sec-one-payment-method .signup-form .login-form {
    gap: 23px;
    padding-bottom: 0px;
}

.box-debit_creditcard {
    width: 100%;
    height: auto;
    padding: 28px 31px;
    border-radius: 18px;
    border: 1px solid rgba(66, 68, 74, 0.1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    margin-top: 30px;
}

.box-card {
    width: 100%;
    height: auto;
    padding: 28px 31px;
    border-radius: 18px;
    border: 1px solid rgba(66, 68, 74, 0.1);
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    margin-top: 30px;
}

.box-debit_creditcard h2 {
    margin-bottom: 25px;
}

.box-card h2 {
    margin-bottom: 25px;
}

.card-debit_credit {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}

.card-01-padding {
    padding: 25px 26px;

}

.card-01-radius {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.card-02-radius {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}

.card-all-radius {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.card-01-bg {
    background-color: rgba(240, 245, 248, 1);
}

.debitcard-img {
    width: 52px;
    height: auto;
}

.left_debit-card {
    display: flex;
    gap: 10.25px;
}

.card-number p:first-child {
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.04em;
    text-align: left;
    color: rgba(25, 26, 28, 1);
    margin-bottom: 8px;
}

.card-number p:last-child {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0px;
    color: rgba(96, 105, 128, 1);

}

.delete-img {
    width: 38px; /* adjust as needed */
    height: auto;
}

.payment-form-01 .signup-form .login-form {
    width: auto;
    margin: 0;
}

.payment-form-01 h2 {
    margin-top: 28px;
    margin-bottom: 25px;
}

.right_debit-card button {
    border: none;
    background-color: #fff; /* set to white to match .delete-img background */
    border-radius: 16px;
}

/* input[type="month"]::before {
    content: attr(placeholder) !important;
    width: 100%;
    color: rgba(66, 68, 74, 1);
}

input[type="month"]:focus::before,
input[type="month"]:active::before {
    content: "";
    width: 0%;
} */

/* PAYMENT METHOD End */

/* MANAGE ADDRESS Start */
.address-02 {
    width: 38px;

}

.address-payment .left_debit-card {
    gap: 12px;
}

.btn-01-add_address span {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(17, 171, 105, 1);
}

.btn-01-add_address {
    color: rgba(27, 32, 46, 1);
    font-size: 20px;
}

.edit-btn {
    margin-right: 12px;
}

/* REQUEST DETAILS Start*/
.sec-one-request-details {
    margin-bottom: 90px;
}

.sec-one-request-details .my-order_box-01 {
    height: auto;
}

.arrow-right-icon-01 {
    width: 14px;
    height: auto;
    margin: 0 14px;
}

.breadcrumb-deatails {
    color: rgba(25, 26, 28, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;
    color: rgba(25, 26, 28, 1);
    border: 0;
    background: transparent;
}

.breadcrumb-deatails a {
    font-weight: 500;
    color: rgba(25, 26, 28, 1);
}

.breadcrumb-deatails span {
    font-weight: 400;
    /* color: rgba(25, 26, 28, 1); */
    color: rgba(66, 68, 74, 1);
}

.food-date {
    width: 50px;
    height: auto;
}

.food-01 h4 {
    color: rgba(17, 171, 105, 1);
}

.sec-one-request-details .my-order_box-02 {
    padding: 20px;
}

hr {
    border: 1px solid rgba(66, 68, 74, 0.2)
}

.food-details {
    padding: 20px 19px 25px;
}

.food-details .food-01 h4 {
    color: rgba(25, 26, 28, 1);
}

.food-details .food-01 {
    height: auto;
}

.food-details .food-01 {
    max-width: 100%;
}

.down-arrow {
    width: 14px;
    height: auto;
}

.food-details .food-01 .card-body {
    padding: 0;
    border: 0;
}

.food-details .food-01 .card-body p {
    color: rgba(66, 68, 74, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

.no-offbids {
    margin: 20px 0 25px;
}

.bid-content {
    /* position: absolute;
    top: 0px; */
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 12px;
    width: 100%;
    padding: 24px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    height: 421px;
}

.bid-content h3 {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(25, 26, 28, 1);
}

.bid-top {
    width: 100%;
    height: 152px;
    background-color: rgba(240, 245, 248, 1);
    border-radius: 14px 14px 0 0;
    -webkit-border-radius: 14px 14px 0 0;
    -moz-border-radius: 14px 14px 0 0;
    -ms-border-radius: 14px 14px 0 0;
    -o-border-radius: 14px 14px 0 0;

}

.rating {
    display: flex;
    gap: 6px;
    justify-content: center;
    margin: 6px 0 12px;
    align-items: center;
}

.rating span {
    font-weight: 600;
}

.star {
    width: 12px;
    height: auto;
}

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

.bid-photo {
    width: 140px;
    height: 140px;
    height: auto;
    margin: auto;
    overflow: hidden;
    border-radius: 12px;
    /*position: relative;
    *//*top: 100px;
    */
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.bid-amount p:first-child {
    color: rgba(17, 171, 105, 1);
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 8px;
    margin-top: 82px;
}

.bid-amount p:nth-child(2) {
    color: rgba(66, 68, 74, 1);
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: center;
}

.btn-accept {
    border: 0;
    width: 125px;
    height: 42px;
    margin: auto;
    display: block;
    margin-top: 29px;
    margin-bottom: 21px;
}

.bid-box {
    height: 411px;
    margin-bottom: 30px;
}

.sec-one-request-details .head-myorder {
    padding: 10px 20px;
}

.sec-one-request-details .my-order_box-01 {
    margin-top: 25px;
}

.sec-one-request-details .box-debit_creditcard {
    margin-top: 20px;
}

/* REQUEST DETAILS End*/

/* CURRENT ORDER DETAILS Start */
.sec-one-current-order-details {
    margin-bottom: 97px;
}

.sec-one-current-order-details .sec-one-request-details .my-order_box-01 {
    margin-top: 0;
}

.current-user_photo-box {
    width: 100%;
    height: 331px;
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin-top: 25px;
}

.top_photo-box {
    height: 123px;
    background-color: rgba(240, 245, 248, 1);
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
}

.bottom_photo-box {
    text-align: center;
    position: relative;
    top: -58px;
}

.bottom_photo-box .photo-001 {
    width: 140px;
    height: auto;
border-radius: 12px;
}

.title-22px {
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(25, 26, 28, 1);
}

.content-_photo-box {
    padding-top: 20px;
}

.content-_photo-box .rating .star {
    width: 16px;
    height: 16px;
}

.content-_photo-box .rating {
    margin: 10px 0 10px;
}

.location {
    width: 20px;
    height: 20px;
}

.city {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.sec-one-current-order-details .box-debit_creditcard {
    margin-top: 20px;
}

.order-detail-01 {
    margin-top: 20px;
    width: 100%;
    height: 259px;
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.text-18px {
    color: rgba(25, 26, 28, 1);
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;

}

.text-16px-w-400 {
    color: rgba(66, 68, 74, 1);
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;

}

.text-14px {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
}

.text-12px {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0px;
}

.light-gray-1-text {
    color: rgba(25, 26, 28, 1);
}

.heading-order-detail-01 {
    padding: 26px 19px;
    background-color: rgba(240, 245, 248, 1);
}

.bd-rd.heading-order-detail-01 {
    padding: 26px 19px;
    background-color: rgba(240, 245, 248, 1);
    border-radius: 12px 12px 0 0;
}

.addition-disc {
    color: rgba(17, 171, 105, 1);
}

.total {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
    padding: 0 20px;
}

.total hr {
    margin: 8px 0;
}

.total-amount span {
    color: rgba(17, 171, 105, 1);
    font-size: 18px;

}


.total-amount p {
    /* font-family: Montserrat; */
    font-weight: 500;
}

.btn-cancel_order {
    width: 100%;
    border: 1px solid rgba(66, 68, 74, 0.1);
    background-color: transparent;
    font-weight: 600;
    padding: 21px 19px;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    margin-top: 13px;
}

.btn-cancel_order .arrow-right {
    width: 11.33px;
    height: auto;
    float: right;
}

.order-detail_map {
    max-width: 100%;
    height: 56px;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: 47px 47px 21px;
}

.order-detail-icons {
    width: 24px;
    height: auto;
}

.order-detail_map .confirm:first-child span {
    font-weight: 500;
}

.order-detail_map .confirm span {
    font-weight: 400;
}

.confirm {
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 70px;
    align-items: center;
}

.confirm span {
    color: rgba(25, 26, 28, 1);
}

.order-detail_map .confirm:first-child span {
    color: rgba(66, 68, 74, 1);
}

.bg-lining {
    position: absolute;
    left: 0;
    top: 12px;
    width: 100%;
    padding: 0 48px;
    display: flex;
    gap: 24px;
}

.one-line {
    border: 1px dashed rgba(98, 212, 159, 1);
    width: 22%;
}

.one-line-2 {
    border: 1px dashed rgba(126, 135, 159, 1);
    width: 22.5%;
}

.order-calculation span {
    font-weight: 500;
}

.sec-one-current-order-details .head-myorder {
    padding: 15px 18px;
}

.my-order_box-02 .food-01 {
    height: auto;
}

/* CURRENT ORDER DETAILS End */

/* COMPLETED ORDER-DETAILS Start */
.review {
    display: flex;
    gap: 11.25px;
    margin-bottom: 25px;
}

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

.your_review p {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(66, 68, 74, 1);
    margin-bottom: 10px;
}

.your_review textarea {
    padding: 27px 30px;
    width: 100%;
    height: auto;
    background-color: rgba(240, 245, 248, 1);
    color: rgba(66, 68, 74, 0.3);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border: 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0em;
    text-align: left;

}

.your_review textarea:focus {
    color: rgba(66, 68, 74, 1);
    background-color: transparent;
}

.review-submit button {
    width: 50%;
    height: 50px;
    margin-top: 25px;
}

/* COMPLETED ORDER-DETAILS End */

/* CANCELLED ORDER DETAILS Start */
.cancelled-order-map .one-line {
    width: 100%;
}

.cancellation-reason h2 {
    color: rgba(239, 9, 9, 1);
}

.cancellation_review p {
    line-height: 28.4px;
}

.order-calculation span.cancellation-chrg {
    color: rgba(239, 9, 9, 1);
}

.refund-on .order-detail-01 {
    height: auto;
    padding-bottom: 20px;
}

.cancellation_review span {
    margin-bottom: 10px;
}

.sec-one-cancelled-order-details .order-detail-01 {
    height: auto;
    padding-bottom: 20px;
}

/* CANCELLED ORDER DETAILS End */

/* FORGOT PASSWORD Start */
.sec-one-forgotpw .btn-01 a {
    color: white;
}

/* FORGOT PASSWORD End */

/* MANAGE ADDRESS End */

/* CHEF DETAILS Start */
.sec-one-chef-details {
    margin-bottom: 103px;
}

.sec-one-chef-details .breadcrumb-deatails span {
    color: rgba(17, 171, 105, 1);
    font-weight: 500;
}

.sec-one-chef-details .arrow-right-icon-01 {
    margin: 0 10px 0 0;
}

.chef_box {
    width: 100%;
    border: 1px solid rgba(66, 68, 74, 0.1);
    margin-top: 43px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    display: flex;
    /* gap: 27px; */
}

.img_1 {
    display: flex;
    flex-direction: column;
}

.chef_box .img_1 {
    width: 40%;
    height: 100%;
    /* background-color: rgba(240, 245, 248, 1); */
    /* border: 1px solid; */
    /* background-image: url('../../assets/image/chef_photo_01.png'); */
    background-repeat: no-repeat;
    background-size: 265px auto;
    background-position: center right;
}

.chef_photo_01 {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    width: 265px;
    height: 265px;
    margin-top: 48px;
}

.chef_photo_01 img {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.chef_box .top {
    width: 100%;
    height: 230px;
    /* border: 1px solid; */
    background-color: rgba(240, 245, 248, 1);
}

.chef_box .top_1 {
    width: 100%;
    height: 230px;
    /* border: 1px solid; */
    background-color: rgba(240, 245, 248, 1);
    position: relative;
    z-index: -1;
}

.chef_box .bottom,
.chef_box .bottom_1 {
    width: 100%;
    /* height: auto; */
    /* border: 1px solid; */
    padding: 20px 27px;
}

.chef_box .right {
    display: flex;
    flex-direction: column;
    width: 60%;
    /* height: auto; */
}

.chef_detail h3 {
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(25, 26, 28, 1);
    margin-bottom: 15px;
}

.stars_5 img {
    width: 16px;
    height: auto;
}

.stars_5 {
    display: flex;
    gap: 6px;
}

.chef-review p span {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: rgba(25, 26, 28, 1);
}

.chef-review p {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    color: rgba(66, 68, 74, 1);
    margin-left: 9px;
}

.chef_award img {
    width: 53.23px;
    height: auto;
}

.chef_box .right .top .box_01_top {
    display: flex;
    justify-content: space-between;
    padding: 0 22px;
    /* height: 150px; */
    /* border: 1px solid; */
}



.box_02_top .Availability p {
    margin-left: 10px;
    font-family: 500;
}

.box_02_top {
    display: flex;
    gap: 40px;
    margin-top: 48px;
    margin-bottom: 27px;
}

.box_02_top {
    padding: 0 22px;
}

.chef_box .bottom .Availability p:nth-child(2) {
    margin-top: 10px;
}

.specialities {
    width: 100%;
    /* height: 383px; */
    height: auto;
    margin-top: 43px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.title_speciality {
    padding: 25px 20px;
    height: auto;
    background-color: rgba(240, 245, 248, 1);
    border-radius: 15px 15px 0 0;
    -webkit-border-radius: 15px 15px 0 0;
    -moz-border-radius: 15px 15px 0 0;
    -ms-border-radius: 15px 15px 0 0;
    -o-border-radius: 15px 15px 0 0;
}

.spec_foods {
    margin: 20px;
}

.spec_foods hr {
    margin-top: 14.5px;
    margin-bottom: 14.5px;
}

.chinese span {
    font-weight: 600;
    margin-left: 15px;
}

.rate_review_chef {
    margin-top: 20px;
    width: 100%;
    height: 571px;
    border: 1px solid rgba(66, 68, 74, 0.1);
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
}

.title-rate_review_chef {
    padding: 35px 30px 25px;
}

.title-rate_review_chef h3 {
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(25, 26, 28, 1);
}

.star-rate_review_chef {
    display: flex;
    gap: 20px;
    background-color: rgba(240, 245, 248, 1);
    padding: 20px 14px;
}

.star-rate_review_chef .right p:first-child {
    font-size: 40px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: 0em;
    text-align: left;
    color: rgba(25, 26, 28, 1);

}

.star-rate_review_chef .right p:nth-child(2) span {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
}

.star-rate_review_chef .right p:nth-child(2) {
    font-size: 12px;
    font-weight: 500;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 7px;
}

.star-rate_review_chef .left img {
    width: 66px;
    height: auto;
}

.review_data {
    width: 100%;
    height: 81px;
    gap: 20px;
    align-items: start;
}

.customer_review .stars_5 {
    margin: 4px 0 10px;
}

.photo_review-01 {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.review_data {
    width: 12px;
    height: auto;
    /* padding: 20px 22px; */
}

.review_data .right-02 .text-12px {
    font-weight: 400;
    line-height: 12.51px;
    margin-bottom: 14px;
}

.boxes_review_rates {
    padding: 20px 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.view_all_reviews {
    padding: 18px 23px;
    border-top: 1px solid rgba(66, 68, 74, 0.1);
}

.view_all_reviews a {
    font-weight: 600;
}


.btn-monday {
    background-color: transparent;
    height: 24px;
    border: 0;
}

.sec-one-chef-details .btn-check:checked+.btn,
.sec-one-chef-details .btn.active,
.sec-one-chef-details .btn.show,
.sec-one-chef-details .btn:first-child:active,
.sec-one-chef-details :not(.btn-check)+.btn:active {
    border-color: var(--bs-btn-active-border-color);
}

.sec-one-chef-details .btn.show {
    border: 1px solid;
}

.sec-one-chef-details .dropdown-toggle::after {
    opacity: 0;
}

.sec-one-chef-details a.dropdown-item {
    padding: 0;
}

.sec-one-chef-details .dropdown-menu {
    border: 0;
    padding: 0;
    position: absolute;
    left: -5px;
}

.Availability .dropdown-menu p {
    display: flex;
    justify-content: space-between;
    gap: 3px;
}

/* CHEF DETAILS End */

/* PAMENT METHOD_02 Start */
.coupons {
    border: 1px solid rgba(66, 68, 74, 0.1);
    width: 100%;
    height: auto;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    padding: 30px;
    margin-top: 30px;
}

.text-20px {
    color: rgba(25, 26, 28, 1);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.coupons h3 {
    margin-bottom: 20px;
}

.coupons input {
    width: 370px;
}

.apply-01 {
    width: 140px;
    height: 50px;
    margin-left: 30px;
}

.get_off_box {
    margin-top: 27px;
    display: flex;
    gap: 28px;
}

.get_off_box .box {
    width: 100%;
    height: 100px;
    /* border: 1px solid rgba(66, 68, 74, 0.1); */
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    padding: 20px;
}

.get_off_box .box:nth-child(odd) {
    background-color: rgba(103, 243, 252, 0.1);
    /* Apply background color for odd-numbered boxes */
}

.get_off_box .box:nth-child(even) {
    background-color: rgba(212, 115, 246, 0.1);
    /* Apply background color for even-numbered boxes */
}


.get_off {
    width: 40px;
    height: auto;
    margin-right: 10px;
}

.get_off_box .box .content p:first-child {
    color: rgba(25, 26, 28, 1);
    font-size: 16px;
    font-weight: 800;
    line-height: 27px;
    letter-spacing: 0em;
    text-align: left;
}

.get_off_box .box .content p:first-child span {
    font-weight: 500;
}

.get_off_box .box .content p:nth-child(2) {
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 3px;
}

.get_off_box .box .content p:nth-child(2) span {
    font-weight: 700;
}

.get_off_box .box button {
    width: 85px;
    height: 36px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(17, 171, 105, 1);
    color: white;
    border: 0;
    font-family: 500;
    font-size: 16px;
}

.delivery_type {
    border: 1px solid rgba(66, 68, 74, 0.1);
    width: 100%;
    height: 84px;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    padding: 23px 30px;
    margin-top: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.delivery_type div:nth-child(2) {
    gap: 15px;
}

.delivery_type .btns a {
    height: 38px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* .delivery_type .btns a {
    width: 103px;
    background-color: rgba(17, 171, 105, 0.1);
    color: rgba(17, 171, 105, 1);
    font-size: 18px;
    font-weight: 600;
}

.delivery_type .btns a.pickup {
    width: 96px;
    border: 1px solid rgba(228, 233, 242, 1);
    color: rgba(66, 68, 74, 1);
    font-size: 18px;
    font-weight: 400;
    background-color: white;
} */

.delivery_type .btn-check:checked+.btn,
.delivery_type .btn.active,
.delivery_type .btn.show,
.delivery_type .btn:first-child:active,
.delivery_type :not(.btn-check)+.btn:active {
    width: 103px;
    background-color: rgba(17, 171, 105, 0.1);
    color: rgba(17, 171, 105, 1);
    font-size: 18px;
    font-weight: 600;
    border: 0;
}

.delivery_type label.btn {
    width: 96px;
    border: 1px solid rgba(228, 233, 242, 1);
    color: rgba(66, 68, 74, 1);
    font-size: 18px;
    font-weight: 400;
    background-color: white;

}

.cvv-badge {
    width: 70px;
    height: 38px;
    border: 1px solid rgba(228, 233, 242, 1);
    color: rgba(66, 68, 74, 1);
    font-size: 14px;
    font-weight: 500;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}

.sec-one-payment-method_02 .left_debit-card {
    align-items: center;
}

.sec-one-payment-method_02 .card-debit_credit .right_debit-card {
    display: flex;
    gap: 32px;
}

.sec-one-payment-method_02 .card-debit_credit .right_debit-card input {
    width: 24px;
    height: auto;
    color: rgba(17, 171, 105, 1);
}

.sec-one-payment-method_02 hr {
    border: 1px solid rgba(66, 68, 74, 0.4);
}

.add_newcards h2 {
    margin-top: 30px;
    margin-bottom: 25px;
}

.sec-one-payment-method_02 .payment-form-01 .signup-form .login-form {
    flex-direction: row;
    gap: 23px;
}

.address-03 {
    width: 370px;
}

.sec-one-payment-method_02 .payment-form-01 .signup-form .expiry-date {
    display: flex;
    gap: 23px;
}

.sec-one-payment-method_02 .payment-form-01 .signup-form .login-form .email-sec input {
    width: 170px;
}

.sec-one-payment-method_02 .payment-form-01 .signup-form .expiry-date .email-sec:nth-child(2) input {
    width: 129px;
}

.sec-one-payment-method_02 .order-detail-01 {
    height: auto;
    padding-bottom: 23px;
}

.sec-one-payment-method_02 .total-amount {
    margin-top: 3.5px;
}

.sec-one-payment-method_02 b {
    font-weight: 600;
}

.sec-one-payment-method_02 .total-amount b {
    font-weight: 700;
}

.place_order_01 .btn-01 {
    width: 100%;
    height: 50px;
    font-weight: 500;
    margin-top: 20px;
    /* margin-bottom: 20px; */
}

.sec-one-payment-method_02 {
    padding-bottom: 50px;
}

.sec-one-payment-method_02 .box-debit_creditcard h2 {
    font-weight: 600;
}

.sec-one-upcomming-page {
    margin-bottom: 101px;
}

.cvv-input {
    /* width: 100%;
    height: 100%; */
    border: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 11px;
    border-radius: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    -o-border-radius: 9px;
}

.sec-one-payment-method_02 .card-debit_credit .right_debit-card input.cvv-input {
    color: rgba(66, 68, 74, 1);
    border: 1px solid rgba(228, 227, 231, 1);
}

.sec-one-payment-method_02 .card-debit_credit .right_debit-card input.cvv-input::placeholder {
    color: rgba(66, 68, 74, 1);
    opacity: 1;
    text-align: center;
}

.btn-add_newcard {
    width: 370px;
    height: 50px;
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    float: right;
}

/* PAMENT METHOD_02 End */

.input-text-light-gray input {
    color: rgba(25, 26, 28, 1);
}

.login-form {
    height: auto;
}

.login-box {
    height: auto;
}

.pb-10px {
    padding-bottom: 10px;
}

.fw-5 {
    font-weight: 500;
}

.fw-6 {
    font-weight: 600;
}

.gray {
    color: rgba(66, 68, 74, 1);

}

.light_gray {
    color: rgba(25, 26, 28, 1);
}

/*  */
.ditery_need {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0;
}

.ditery_need-box ul {
    display: flex;
    gap: 10px;
}

.ditery_need-box ul li {
    /* border: 1px solid rgba(73, 101, 123, 0.10); */
    position: relative;
    height: auto;
}

/* 
.ditery_need-box ul li:last-child {
    border: 0;
    padding: 0;
} */

.ditery_need input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 9;
}

.ditery_need .left-1-text1:after {
    content: "Gluiten Free";

}

.ditery_need .left-1-text2:after {
    content: "Dairy Free";
}

.ditery_need .left-1-text3:after {
    content: "Lactose Free";
}

.ditery_need .left-1-text4:after {
    content: "Vegetarian";
}

.ditery_need .left-1-text5:after {
    content: "Vegan";
}

.ditery_need .left-1:after {
    background-color: transparent;
    color: rgba(17, 171, 105, 1);
    border: 1px solid rgba(17, 171, 105, 1);
    width: 100%;
    height: 100%;
    border-radius: 60px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('../image/icons/true.png');
    background-repeat: no-repeat;
    background-size: 15px auto;
}

.ditery_need input[type="checkbox"]:checked~.left-1:after {
    /* content: "Gluiten Free"; */
    background-color: rgba(17, 171, 105, 1);
    color: white;
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url('../image/icons/true.png');
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 18% center;

}

.left-1 {
    width: 100%;
    height: 50px;
}

.pac-container {
    z-index: 9999;
}

/* notificaiton dropdown */
ul.dropdown-menu1.text-light-gray-01.notification_popup_main {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
}

.sec-02-b-home .right {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 12px;
    flex-wrap: wrap;
    padding: 0 50px;
}

/* .......................... */
.cust-chef_box.chef_box .top_1 {
    display: flex;
    justify-content: end;
}

.cust-chef_box .chef_photo_01 {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
    overflow: hidden;
}

.signup-mob{
    display: none !important;
}