@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
}

a:hover {
    text-decoration: none;
}

a {
    display: inline-block;
    text-decoration: none;
}

h2 {
    font-size: 60px;
}

h3 {
    font-size: 32px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 20px
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

p:last-of-type {
    margin-bottom: 0;
}

p {
    line-height: 24px;
    font-size: 16px;
}

button:focus {
    outline: 0;
}

.header {
    box-shadow: 0px 4px 20px 5px rgba(0, 0, 0, 0.1);
    background: #FFFFFF;
}

.top_menu {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 20px;
}

.menu_bucket {
    padding-left: 26px;
}

.menu_bucket .nav_link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15);
    margin-left: 24px;
    font-weight: 500;
    font-size: 8px;
    line-height: 157%;
    color: #FFFFFF;
    text-align: center;
}

.menu_bucket .nav_link.fork {
    background: #AFE3EF;
}

.menu_bucket .nav_link.cart {
    background: #9CBF72;
}
.menu_bucket .nav_link.college {
    background: #D0B290;
}
.menu_bucket .nav_link.event {
    background: #F7D96F;
}

.top_menu form input {
    width: 327px;
    height: 55px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px 4px 0px 0px;
}

.custom_form-floating {
    position: relative;
}

.custom_form-floating .custom_form_control {
    padding-left: 37px;
    padding-top: 17px;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
    box-shadow: none;
}

.custom_form-floating .custom_labeel_search {
    position: absolute;
    left: 10px;
    top: 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: rgba(0, 0, 0, 0.6);
}

.custom_form-floating a {
    position: absolute;
    left: 10px;
    top: 20px;
}

.input_address button {
    background: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.87);
    border: none;
}

.input_address button:hover, .input_address button:focus {
    background: none;
    color: rgba(0, 0, 0, 0.87);
    box-shadow: none;
    border: none;
    outline: none;
}

.btn-theme {
    position: relative;
}

.btn-theme {
    padding: 0px 15px;
    background-color: #3595AC;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    line-height: 36px;
    letter-spacing: 0.4px;
    height: 36px;
}

.btn-outline {
    border: 1px solid #287d92;
    color: #3595AC;
    background: none;
    box-shadow: none;
}

.btn-outline:hover {
    background-color: #3595AC;
    color: #fff;
}

.text_end .cart {
    padding: 0 10px 0 20px;
}

.bottom_nav .nav-link {
    padding: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
    padding-right: 54px;
}

.bottom_nav .dropdown .nav-link.active {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #3595AC;
    border-bottom: 2px solid #3595AC;
}

.bottom_nav .dropdown-menu {
    border: none;
    top: 0px !important;
}

.bottom_nav .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.87);
    padding: 15px 25px;
}

.small_web_container {
    max-width: 1040px;
}

.web_main_menu, .banner {
      padding-top: 30px;
    min-height: 500px;
}
.section_min_height{
    min-height: 560px;
}

.web_main_menu_content .nav_link {
    width: 242px;
    height: 100px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.15);
    font-weight: 500;
    font-size: 8px;
    line-height: 157%;
    color: #FFFFFF;
    text-align: center;
}

.web_main_menu_content .nav_link.fork {
    background: #AFE3EF;
}

.web_main_menu_content .nav_link.cart {
    background: #9CBF72;
}

.web_main_menu_content .nav_link.college {
    background: #D0B290;
}
.web_main_menu_content .nav_link.event {
    background: #F7D96F;
}

.web_main_menu_content .fork_content {
    font-weight: 400;
    font-size: 24px;
    line-height: 133.4%;
    color: #02495A;
}

.forgot_pass a {
    color: #C62828;
}


.categories_content {
    margin: 40px 0;
}

.categories_content h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #000000;
    letter-spacing: 0.15px;
    opacity: 0.6;
}

.image_wise-detail {
    position: relative;
}

.image_wise-detail img {
    border-radius: 8px;
}

.image_wise-detail p {
    font-weight: 500;
    font-size: 30.0952px;
    line-height: 160%;
    letter-spacing: 0.225714px;
    color: #000000;
    position: absolute;
}

.image_wise-detail span {
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #AFE3EF;
    font-weight: 500;
    font-size: 30px;
    line-height: 160%;
    letter-spacing: 0.5px;
    color: #000000;
    border-radius: 50%;
    position: absolute;
}

.one p {
    left: 62px;
    top: 70px;
}

.two p {
    left: 20px;
    top: 34px;
}

.three p {
    left: 54px;
    top: 50px;
}

.four p {
    left: 40px;
    top: 0px;
}

.one span {
    left: 5px;
    bottom: 10px;
}

.categories_wise_detail {
    border: none;
}

.categories_wise_detail .card-body {
    padding: 0px;
}

.categories_wise_detail .card-body h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    letter-spacing: 0.15px;
    color: #02495A;
    padding-top: 10px;
}

.categories_wise_detail .card-body p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.17px;
    color: rgba(0, 0, 0, 0.6);
}

.categories_wise_detail .card-body .btn-find-more {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    letter-spacing: 0.1px;
    color: #BC6A1B;
    padding: 10px 0px;
}


footer {
    background: rgb(231 231 231);
    padding: 20px 0;
}

.left_footer p {
    max-width: 242px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: rgba(0, 0, 0, 0.6);
    letter-spacing: 0.17px;
    padding: 10px 0;
}

.social li a {
    width: 40px;
    height: 40px;
    background: rgba(53, 149, 172, 0.12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.social li a img {
    width: 20px;
}

.left .links li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: #3595AC;
    padding-bottom: 15px;
}

.links {
    margin-left: 60px;
}

.contact h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.15px;
    color: #3595AC;
}

.contact p {
    max-width: 147px;
    width: 100%;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: 0.17px;
}

.login_notify_ {
    display: flex;
    align-items: center;
}

.login_notify_ a {
    padding: 5px;
}

.login_notify_ .bg-green {
    width: 8px;
    height: 8px;
    background: #3595AC;
}

.login_notify_ a.user {
    width: 40px;
    height: 40px;
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.14px;
    color: #FFFFFF;
    background: #02495A;
    border-radius: 50%;
}


.dashboard .bg-image {
    background: url(../image/bg.png) no-repeat center center/cover;
    position: relative;
    height: 100vh;
}

.bg-image .images .img-1 {
    position: absolute;
    top: 0;
    left: 0;
}

.bg-image .images .img-2 {
    position: absolute;
    top: 0;
    right: 0;
}

.bg-image .images .img-3 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.bg-image .images .img-4 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.bg-image .images .img-5 {
    position: absolute;
    bottom: 0;
    right: 0;
}

.btn-send-link {
    background-color: #3595AC;
    border: 1px solid #3595AC;
    font-weight: 500;
    font-size: 15px;
    color: #fff;
}

.btn-send-link:hover {
    background: #258097;
    border: 1px solid #3595AC;
    color: #fff;
}

.reset_page {
    background-color: #f1efee;
    /* padding: 50px; */
    padding: 30px 150px;
    height: 100vh;
}



.reset_page h2 {
    font-weight: 300;
    color: #036041;
}

.reset_page .form-check>label {
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
}

/*---- LogIn Page-5 ---*/
.reset_page .reset-data p {
    font-weight: 400;
    color: #272459;
}

.reset_page .reset-data p.number {
    font-size: 20px;
    font-weight: 500;
    color: #02495A;
}

.reset_page .form-group .form-control {
    padding: 0.799rem 0.75rem;
    margin: 0 auto;
    width: 63px;
    height: 62px;
    border: 1px solid #fff;
    background: rgba(53, 149, 172, 0.08);
    border-radius: 10px;
}

/*---- LogIn Page-7 ---*/
.reset_page p {
    font-weight: 400
}

.eco_data .circle {
    background-color: #D37E2D4D;
    width: 52px;
    height: 52px;
    border-radius: 30px;
    font-size: 20px;
    padding: 10px;
    font-weight: 500;
    color: #BC6A1B;
}

.eco_data .data-heading {
    color: #02495A;
    font-weight: 700;
}

.dashboard .eco_title h3 {
    font-weight: 700;
    color: #02495A;
    padding: 0px 80px;
}

.form-floating .i-icon {
    position: absolute;
    top: 30%;
    left: 2%;
    font-size: 24px;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
}

.form-floating>label.password {
    padding-left: 45px;
}

.social_icon .round_circle {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    padding-top: 10px;
}

.round_circle:nth-child(1) {
    border: 3px solid #3B5999;
}

.round_circle:nth-child(2) {
    border: 3px solid #4CAF50;
}

.round_circle:nth-child(3) {
    border: 3px solid rgba(0, 0, 0, 0.87);
}

.round_circle:nth-child(4) {
    border: 3px solid rgba(0, 0, 0, 0.54);
}

.sign_up a {
    color: #2497d2;
}

/*....restaurant_home....*/
.restaurant_home {
    /* background: #3595AC url(../image/banner.png) no-repeat; */
    position: relative;
    height: 198px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.restaurant_home .path-1 {
    position: absolute;
    top: -2px;
    left: 0px;
}

.restaurant_home .path-2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.restaurant_home h3 {
    font-weight: 400;
    font-size: 20px;
    line-height: 116.7%;
}

.restaurant_home a {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(255, 255, 255, 0.7);
}

.restaurant_home a .enter {
    margin-left: 12px;
}

.vouchers {
    margin-top: 30px;
}

.vouchers-mainu {
    width: 242px;
    height: 67px;
    border-radius: 8px;
}

.free_delivery {
    padding-left: 15px;
}

.vouchers-mainu h4 {
    font-weight: 400;
    font-size: 24px;
    line-height: 133.4%;
    color: #2E1A17;
    margin-bottom: 0px;
    padding-left: 15px;
}

.active h4 {
    color: #FFFFFF;
}

.full_menu {
    background: #FD8460;
}

.mains {
    background: #F7D96F;
}

.drink {
    background: #AFE3EF;
}

.side_dish {
    background: #9CBF72;
}

.vouchers_main {
    background: url(../image/Combined_shape.png) no-repeat;
    position: relative;
    width: 418px;
    height: 106px;
    padding: 20px;
    box-shadow: 5px 6px 22px rgba(0, 0, 0, 0.08);
}

.voucher_main_detail {
    padding: 40px 0;
}

.voucher-detail .slick-list {
    padding: 15px 0;
}

.voucher_main_detail h4, .popular_meals h4 {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #000000;
    letter-spacing: 0.15px;
    opacity: 0.6;
}

.vouchers_main h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    letter-spacing: 0.15px;
}

.vouchers_main p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.17px;
    color: rgba(0, 0, 0, 0.6);
}

.btn-claim {
    width: 56px;
    height: 30px;
    background: #FF8743;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
}

.voucher-detail {
    padding: 0 50px;
}

.voucher-detail .slick-prev {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translatey(-50%);
    color: #fff;
    font-size: 0px;
    border: none;
    background: url(../image/Button_left.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
}

.voucher-detail .slick-next {
    position: absolute;
    left: auto;
    right: 0px;
    top: 50%;
    transform: translatey(-50%);
    color: #fff;
    font-size: 0px;
    border: none;
    background: url(../image/Button_right.png) no-repeat;
    width: 40px;
    height: 40px;
    background-size: 100%;
}

.vouchers_main .btn-claim {
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #FFFFFF;
}

.popular_meals {
    margin-bottom: 50px;
}

.mb-35 {
    margin-bottom: 35px;
}

.showmore a {
    font-size: 15px;
    color: #3595AC;
    font-weight: 500;
    line-height: 157%;
}

.popularmeals_wise_detail {
    border: none;
    position: relative;
}

.poplular_meal_1 .popularmeals_wise_detail {
    border: none;
    position: relative;
    margin-right: 10px;
}


.popular_meals-detail .slick-prev {
    position: absolute;
    left: -61px;
    top: 50%;
    transform: translatey(-50%);
    color: #fff;
    font-size: 0px;
    border: none;
    border-radius: 50%;
    background: #f0f0f0 url(../image/previous.png) no-repeat;
    width: 50px;
    height: 50px;
    background-size: 10px 10px;
    background-position: 20px center;
}

.popular_meals-detail .slick-next {
    position: absolute;
    left: auto;
    right: -55px;
    top: 50%;
    transform: translatey(-50%);
    color: #fff;
    font-size: 0px;
    border: none;
    border-radius: 50%;
    background: #f0f0f0 url(../image/next.png) no-repeat;
    width: 50px;
    height: 50px;
    background-size: 10px 10px;
    background-position: 20px center;
}

.add-product img {
    border-radius: 8px;
}

.popularmeals_wise_detail .add-product span {
    width: 24px;
    height: 24px;
    background: #FF8743;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.popularmeals_wise_detail .add-product a.all_meal {
    width: 24px;
    height: 24px;
    background: #FF8743;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 22px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.popularmeals_wise_detail a:focus {
    background: #FF8743;
    color: #fff;
    box-shadow: none;
}

.popularmeals_wise_detail p {
    font-weight: 400;
    font-size: 16px;
    line-height: 175%;
    letter-spacing: 0.15px;
    color: #02495A;
}

.popularmeals_wise_detail .card-body {
    padding: 0px;
    padding-top: 10px;
}

.popularmeals_wise_detail .card-body span img {
    margin-right: 11px;
}

.popularmeals_wise_detail .card-body span {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

.popularmeals_wise_detail .deliver_time p {
    color: #BC6A1B;
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    letter-spacing: 0.1px;
    margin-bottom: 0px;
}

.popularmeals_wise_detail .deliver_time p.time {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.3);
}


/* sandeep-css */
.data-1 {
    background: url(../image/my-profile-bg.png) no-repeat center center;
    background-size: cover;
    padding: 20px;
    border-radius: 16px;
}

.data-1 h2 {
    font-size: 20px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 16px;
}

.data-1 p {
    font-size: 14px;
    color: #0000006c;
    font-weight: 500;
}

.benifit-btn {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.benifit-btn i {
    background-color: #3594ac3a;
    border-radius: 50%;
    padding: 2px;
    margin-left: 4px;
}

.btn-info {
    background-color: #3595AC;
    color: #ffffff;
    border-color: #3595AC;
    font-size: 13px;
}

.btn-info:hover {
    background-color: #206677;
    color: #ffffff;
    border-color: #206677;
    font-size: 13px;
}

.ref-text-1 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 500;
}

.ref-info {
    font-size: 15px;
    min-width: 263px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ref-info:hover {
    font-size: 15px;
}

.qr-code {
    color: rgba(2, 136, 209, 1);
    font-size: 13px;
    font-weight: 500;
}

.content-card, .all-notification, .purchase-history-1 {
    border-radius: 16px;
    background-color: #ffffff;
    padding: 32px;
}

.content-card .card-title, .all-notification .card-title, .purchase-history-1 .card-title {
    background-color: rgba(53, 149, 172, 0.12);
    border-radius: 8px;
    font-size: 24px;
    font-weight: 400;
    color: rgba(2, 73, 90, 1);
    padding: 10px;
}

.change-pass {
    font-size: 14px;
    color: rgba(2, 136, 209, 1);
    text-decoration: underline;
    font-weight: 400;
}

.btn-secondary {
    padding: 8px 30px;
    border-radius: 4px;
    border-color: rgba(0, 0, 0, 0.12);
    background-color: rgba(0, 0, 0, 0.12);
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.26);
}


.address-txt {
    font-size: 16px;
    margin-left: 18px;
}

.add-btn {
    font-size: 16px;
    color: #ffffff;
    padding: 8px 30px;
}

.add-btn:hover {
    font-size: 16px;
}

.card-box {
    padding: 16px;
    border: 1px solid rgba(53, 149, 172, 0.5);
    border-radius: 8px;
}

.form-check-custom {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 400;
}

.form-check-input-custom {
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.btn-outline-primary {
    font-size: 16px;
    font-weight: 400;
    border-color: rgba(53, 149, 172, 1);
    color: rgba(53, 149, 172, 1);
    padding: 8px 30px;
}

.btn-outline-primary:hover {
    background-color: rgba(53, 149, 172, 1);
    border-color: rgba(53, 149, 172, 1);
}

.custom-float-form .form-control, .form-select {
    background-color: rgba(0, 0, 0, 0.06);
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.42);
}

.mastr-c {
    position: absolute;
    top: 23px;
    right: 45px;
}

.visa-c {
    position: absolute;
    top: 19px;
    right: 10px;
}

.upi-item {
    border: 1px solid rgba(53, 149, 172, 0.5);
    padding: 15px 20px;
    border-radius: 8px;
    background-color: rgba(53, 149, 172, 0.04);
}

.vocher-title, .price {
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
}

.v-x1 {
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 400;
    margin-right: 10px;
}

.v-text-1 {
    font-size: 16px;
    color: rgba(2, 73, 90, 1);
    font-weight: 400;
}

.border-btom {
    border-bottom: 2px dashed rgba(0, 0, 0, 0.26);
}

.subtext {
    color: rgba(0, 0, 0, 0.6)
}

.total-price {
    font-size: 24px;
    color: rgba(188, 106, 27, 1);
}

.other-information h6 {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.6);
}

.btn-link {
    background-color: rgba(53, 149, 172, 0.04);
    border-color: rgba(53, 149, 172, 0.04);
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

.custom-modal {
    max-width: 910px;
}

/* .left-order{border-radius: 4px;border: 1px solid rgba(53, 149, 172, 0.5);padding: 20px;} */
.order-step-1 img {
    border-radius: 8px;
}

.Product-name {
    color: rgba(2, 73, 90, 1);
    margin-bottom: 6px;
}

.quantity-1 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.3);
}

.quantity-1 span {
    color: rgba(2, 73, 90, 1);
    background-color: #eff7f8;
    border-radius: 5px;
    padding: 8px 16px;
    display: inline-block;
}

.left-order .accordion-button {
    background-color: transparent;
    box-shadow: none;
    color: rgba(2, 73, 90, 1);
}

.accordion-item {
    border-color: #9acad5;
}

.colapse-button {
    font-size: 20px;
    color: rgba(2, 73, 90, 1);
    background-color: #e7f2f5;
    padding: 0 12px;
    border-radius: 5px;
}

.close-acord {
    font-size: 12px;
    text-decoration: underline;
    color: rgba(2, 73, 90, 1);
    line-height: 29px;
    margin-right: 15px;
    border-radius: 5px;
}

.info {
    background-color: #f7fbfc;
    padding: 10px;
}

.info .v-x1, .info .price {
    font-size: 12px;
}

.info .price {
    font-size: 12px;
    color: rgba(188, 106, 27, 1);
}

.total-cost .v-x1, .descr_1 h6 {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    font-weight: 500;
}

.total-cost .price {
    font-size: 14px;
    color: rgba(188, 106, 27, 1);
    font-weight: 500;
}

.botm-subtotal .subtext, .botm-subtotal .price {
    font-size: 14px;
}

.subtext_big, .price_big {
    font-size: 16px !important;
    color: #000000;
    font-weight: 500;
}

.frame-1 {
    background-color: rgba(255, 135, 67, 1);
    border-radius: 8px;
    color: #fff;
    padding: 15px;
}

.day {
    font-size: 14px;
    margin-bottom: 2px;
}

.time {
    font-size: 20px;
}

.steps_order {
    background-color: #f7fbfc;
    border-radius: 8px;
    padding: 15px;
}

.circle_1 {
    background-color: #3595ac;
    color: #ffffff;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

.descr_1 p {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.87);
}

.connecter {
    margin-left: 13px;
}

.circle_gray {
    background-color: #999c9c;
}

.cancel-bt {
    background-color: rgba(255, 135, 67, 1);
    font-size: 12px;
    color: #fff;
}

.cancel-bt:hover {
    background-color: rgba(255, 135, 67, 1);
    font-size: 12px;
    color: #fff;
}

.h6_1 {
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    margin-bottom: 15px;
}

.order-empty-content {
    background: url(../image/empty-order-bg.jpg) no-repeat center bottom;
    background-size: cover;
    margin: auto;
    position: relative;
    padding: 160px 0;
}

.order-empty-content h2 {
    font-size: 24px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.87);
}

.order-empty-content p {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

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

/* sandeep-css */

/* add modal */
.product_base_price img {
    border-radius: 8px;
    max-width: 120px;
    width: 100%;
}

.custom_modal_content .modal-header button, .custom_cart_modal_content .modal-header button {
    margin: -0.5px -0.5px -0.5px 0;
    padding: 0;
}

.custom_modal_content .modal-header, .custom_modal_content .modal-footer, .custom_cart_modal_content .modal-header, .custom_cart_modal_content .modal-footer {
    border: none;
}

.custom_modal_body {
    padding-bottom: 0px;
}

.custom_modal_content .custom_modal_body .product_base_price label {
    font-weight: 400;
    font-size: 12px;
    line-height: 266%;
    color: rgba(0, 0, 0, 0.38);
    letter-spacing: 1px;
}

.custom_modal_content .custom_modal_body .product_base_price p {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.15px;
    color: #FF8743;
}

.product_heading h4 {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.15px;
    color: #02495A;
}

.product_heading p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 5px;
}

.product_selection {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 5px 0;
}

.product_selection h6 {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0px;
}

.product_selection p {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: rgba(0, 0, 0, 0.6);
}

.product_selection .form-check {
    margin-bottom: 10px;
}

.product_selection .form-check label {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

.product_selection .form-check .custom-input {
    border-radius: 0 !important;
}

.product_detail .textarea textarea.form-control {
    height: 100px;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 4px 4px 0px 0px;
    border: none;
    border-bottom: 1px solid #ccc;
}

.quantity_increase_btn label {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: rgba(0, 0, 0, 0.87);
}

.quantity_increase_btn p {
    background: rgba(53, 149, 172, 0.08);
    border-radius: 5px;
    width: 100px;
    height: 36px;
    padding: 10px;
}

.quantity_increase_btn .select_number_items input {
    width: 40px;
    border: none;
    background: #eff7f9;
    text-align: center;
}

.quantity_increase_btn .select_number_items span {
    font-size: 20px;
}

.quantity_increase_btn .select_number_items span.active {
    color: #FF8743;
}

.quantity_increase_btn .select_number_items input:focus {
    outline: none;
}

.modal-footer {
    padding-top: 0px;
}

.modal-footer button {
    width: 100%;
}

.btn-add-order {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    height: 42px;
    color: rgba(0, 0, 0, 0.26);
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    letter-spacing: 0.46px;
    text-transform: uppercase;
    width: 100%;
}

.btn-add-order:focus {
    box-shadow: none;
}

.total_value {
    padding-top: 5px;
}

.total_value p {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.38);
}

.total_value h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0px;
}

/* add modal */
.custom_cart_modal_content .modal-header {
    justify-content: flex-start;
}

.custom_cart_modal_content .modal-header p {
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    color: #1C1B1F;
}

.cart_content .product_heading {
    width: 100%;
    padding-left: 10px;
}

.cart_content .product_base_price {
    padding-bottom: 10px;
}

.product_cost_detail {
    background: rgba(53, 149, 172, 0.04);
    border-radius: 8px 8px 0px 0px;
    padding: 8px;
}

.product_cost_detail h5 {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
}

.product_cost_detail p {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: #BC6A1B;
}

.product_cost_detail .total_net_cost h5 {
    font-weight: 500;
    padding-left: 40px;
    color: rgba(0, 0, 0, 0.87);
}

.product_cost_detail .total_net_cost p {
    font-weight: 500;
    font-size: 14px;
}

.product_cost_detail label {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
}

.product_cost_detail label span {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: #BC6A1B;
}

.product_cost_detail_main .close {
    background: rgba(53, 149, 172, 0.12);
    width: 100%;
    display: flex;
    align-items: center;
    height: 32px;
    justify-content: end;
    margin-left: 0;
    border: none;
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    text-decoration-line: underline;
    color: #0288D1;
}

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

.purchase_product_total {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px rgba(0, 0, 0, 0.14), 0px 1px 10px rgba(0, 0, 0, 0.12);
    background: #FFFFFF;
}

.purchase_product_total span p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
}

.purchase_product_total span h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: #000000;
}

.total_button p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
}

.total_button h5 {
    font-weight: 400;
    font-size: 34px;
    line-height: 123.5%;
    letter-spacing: 0.25px;
    color: #BC6A1B;
}

.total_button .btn-add-order {
    width: 237px;
    background: #3595AC;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: #FFFFFF;
}

.Product_button {
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.Product_button button {
    padding: 2px 9px;
    border: 1px solid #3595AC;
    border-radius: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.16px;
    color: #3595AC;
    margin: 0px;
    margin: 0px 10px 10px 0;
}

.Product_button a {
    padding: 2px 9px;
    border: 1px solid #3595AC;
    border-radius: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0.16px;
    color: #3595AC;
    margin: 0px 10px 10px 0;
}

.Product_button a.acitve {
    background: rgba(53, 149, 172, 0.12);
}

.Product_button button.acitve {
    background: #FF8743;
    color: #fff;
    border-color: #FF8743;
}

.btn-subscription {
    position: absolute;
    background: #D32F2F;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    font-weight: 400;
    top: 0px;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    right: 0px;
}

.delivery_time_wise h5 {
    font-weight: 500;
    font-size: 15px;
    line-height: 160%;
    letter-spacing: 0.15px;
    color: #02495A;
    padding: 20px 0;
}

.delivery_date_wise {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    text-align: center;
    color: #000;
}

.delivery_date_wise.active {
    background: #02495A;
    color: #fff;
}

.delivery_date {
    padding: 0 30px;
}

.delivery_date .slick-prev {
    position: absolute;
    left: 0px;
    top: 65%;
    transform: translatey(-50%);
    color: #fff;
    font-size: 0px;
    border: none;
    background: url(../image/previous.png) no-repeat;
    height: 40px;
    background-size: 100%;
}

.delivery_date .slick-next {
    position: absolute;
    left: auto;
    right: 0px;
    top: 65%;
    transform: translatey(-50%);
    color: #fff;
    font-size: 0px;
    border: none;
    background: url(../image/next.png) no-repeat;
    height: 40px;
    background-size: 100%;
}

.delivery_date_wise p {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
}

.deliver_time_set {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 10px 0;
    padding-left: 1.5em;
}



/* all notification */
.all-notification {
    margin-bottom: 200px;
}

.notification {
    padding: 10px 15px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    margin-bottom: 5px;
}

.notification p {
    border-radius: 50%;
}

.notification p.knife_noti {
    background: #AFE3EF;
}

.notification p.cart_noti {
    background: #9CBF72;
}

.notification p.academic_noti {
    background: #D0B290;
}

.notification p.calender_noti {
    background: #F7D96F;
}

.notification button {
    background: none;
    border: none;
}

.notification h5 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0px;
}

.notification p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.17px;
    color: rgba(0, 0, 0, 0.6);
}

.notify_me {
    background: #AFE3EF;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 30px;
    padding: 10px 20px;
}

.notify_me h5 {
    font-weight: 400;
    font-size: 24px;
    line-height: 133.4%;
    color: #02495A;
    margin: 0px;
}

.notify_me p {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #02495A;
    color: #ED6C02;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}


/* purchase_history */
.purchase-history-1 {
    margin-bottom: 100px;
}

.purchase_history {
    padding: 30px 15px;
}

.purchase_history h5 {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
    margin: 0px;
}

.purchase_history p {
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.17px;
    color: rgba(0, 0, 0, 0.6);
}

.purchase_history label {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.6);
}

.purchase_history span {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.15px;
    color: #2E7D32;
}

.history_ {
    margin-bottom: 30px;
    margin-top: 15px;
}

.history_ a {
    padding: 2px 10px;
    border-radius: 16px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #3595AC;
    margin-right: 15px;
}

.history_ a.cafe {
    color: #3595AC;
    border: 1px solid #3595AC;
}

.history_ a.store {
    color: #2E7D32;
    border: 1px solid #2E7D32;
}

.history_ a.college {
    color: #FF8743;
    border: 1px solid #FF8743;
}

.history_ a.event {
    color: #D32F2F;
    border: 1px solid #D32F2F;
}

.show_all-notification {
    width: 375px;
    background: none;
    box-shadow: none !important;
}

.show_all-notification .notify_me {
    background: #fff;
    margin-bottom: 10px;
    box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.show_all-notification .notify_me h5 {
    font-weight: 500;
    font-size: 20px;
    line-height: 133.4%;
    color: #02495A;
    margin: 0px;
}

.show_all-notification .notify_me p {
    font-weight: 400;
    font-size: 13px;
    line-height: 24px;
    color: #02495A;
    color: #ED6C02;
    letter-spacing: 0.4px;
    text-transform: uppercase;
}

.show_all-notification .notification {
    background: #fff;
}

.user_after_login .dropdown-menu {
    width: 236px;
}

.user_after_login .dropdown-item img {
    width: 20px;
}

.user_after_login .dropdown-item {
    padding: 7px 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.87);
}

.total_button h5 {
    padding-left: 15px;
}


.reset_page .form-control {
    background: #f1efee;
}

.reset_page .form-control.new-pass {
    padding-left: 42px;
}


/* restaurant-product */
.price_book {
    background: #FFFFFF;
    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    padding: 10px 10px 0;
    margin-top: 5px;
    position: absolute;
    z-index: 1;

}

.product_category {
    padding-bottom: 10px;
}

.price_book {
    max-height: 270px;

    overflow-y: auto;
    width: 100%;
}

.product_content p {
    font-weight: 600;
    line-height: 150%;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.87);
}

.product_content p span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: rgba(0, 0, 0, 0.6);
}

.produtct_button {
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 16px;
}

.btn_product {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.87);
    padding: 0px 6px;
    width: 60px;
}

.btn_product:focus {
    box-shadow: none;
}

.voucher_ending_soon {
    margin-top: 30px;
}

.voucher_ending_soon label {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #000000;
    opacity: 0.6;
}

.expiry {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.87);
    padding-top: 10px;
}

.not_found {
    margin: 185px 0;
}

.not_found h2 {
    font-size: 50px;
    color: #3595ac;
    line-height: 52px;
}

.not_found a.btn_go-back {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 20px;
    border: 1px solid #287d92;
    color: #3595AC;
    background: none;
    box-shadow: none;
    font-weight: 500;
}

.not_found a.btn_go-back:hover {
    background-color: #3595AC;
    color: #fff;
}


.not_found_product {
    margin: 25px 0;
}

.not_found_product h4 {
    font-size: 30px;
    color: #3595ac;
    line-height: 52px;
}

.not_found_product a.btn_go-back {
    font-size: 16px;
    line-height: 18px;
    padding: 10px 20px;
    border: 1px solid #287d92;
    color: #3595AC;
    background: none;
    box-shadow: none;
    font-weight: 500;
}

.not_found_product a.btn_go-back:hover {
    background-color: #3595AC;
    color: #fff;
}

/* 16-12-2022 */

.clr-blue {
    color: #3595AC;
}

.Product_button_events a {
    padding: 6px 10px;
}

.link_green {
    color: #2E7D32 !important;
    border-color: #2E7D32 !important;
}

.link_orange {
    color: #FF8743 !important;
    border-color: #FF8743 !important;
}

.card_event {
    border: 0;
}

.card_event .card-title {
    font-size: 14px;
    font-weight: 500;
    color: #02495A;
}

.event_date p {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 6px;
}

.event_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
}

.faclity_clor {
    font-size: 13px;
    color: #02495A;
    font-weight: 500;
}

.confrm_clor {
    font-size: 13px;
    color: #2E7D32;
    font-weight: 500;
}

.pending_clor {
    border-radius: 16px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    background-color: #3595AC;
    padding: 3px 17px;
}

.card_event img {
    border-radius: 8px;
}

.heading_c {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #000000;
    letter-spacing: 0.15px;
    opacity: 0.6;
}

.card_course {
    border: 0;
}

.card_course .card-title {
    font-size: 16px;
    font-weight: 500;
    color: #02495A;
}

.card_course .card-text {
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    line-height: 20px;
}

.card_course .progress {
    height: 15px;
    background-color: #aed5de;
}

.card_course .progress-bar {
    background-color: rgb(10 76 92);
}

.btn-primary {
    border-color: #3595ac;
    background-color: #3595ac;
    color: #ffffff;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 22px;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    box-shadow: none;
    border-color: #02495A;
    background-color: #02495A;
}

.sm_pic img {
    margin-bottom: 0;
    position: absolute;
    right: 15px;
    top: 160px;
    border-radius: 6px;
    width: 50px;
    height: 50px;
    object-fit: cover;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.admin {
    font-size: 13px;
    font-weight: 500;
    color: rgba(41, 48, 59, 1);
}

.admin_t {
    color: #3595AC
}

.admin a {
    color: rgba(255, 135, 67, 1);
    margin-left: 6px;
}

.c_rating {
    color: rgba(119, 119, 119, 1);
    font-weight: 400;
    font-size: 12px;
}

.card_course hr {
    background-color: rgb(0 0 0 / 30%);
}

.see_all {
    font-size: 13px;
    font-weight: 500;
    color: rgb(0 0 0 / 64%);
}

.no_course {
    width: 327px;
    height: 211px;
    border-radius: 8px;
    background-color: rgba(0, 0, 0, 0.02);
    margin: auto;
    padding: 21px 15px;
}

.no_course img {
    width: 50%;
}

.no_course p {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    line-height: 20px;
    margin-bottom: 0;
}

.progress_bar_custom {
    background-color: rgba(2, 73, 90, 1);
    padding: 10px 0;
}

.progress {
    height: 4px;
}

.chain-breadcrump .breadcrumb-item a {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

.previous_link {
    color: rgba(53, 149, 172, 1);
    font-size: 16px;
    font-weight: 400;
}

.quiz_heading {
    color: #000000;
    font-size: 34px;
    font-weight: 400;
}

.quiz_text p {
    color: rgba(0, 0, 0, 0.87);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.custom-accordian .title_quiz {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

.custom-accordian .title_quiz_t {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
}

.custom-accordian .accordion-button:not(.collapsed), .accordion-button:focus {
    background-color: transparent;
    box-shadow: none;
}

.custom-accordian .accordion-button {
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
}

.custom-accordian .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.custom-accordian .accordion-button:focus {
    border-color: #ccc;
}

.custom-accordian .check_items .form-check-label {
    font-size: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
}

.custom-accordian .bg-quiz {
    background-color: rgba(53, 149, 172, 0.08);
}

.custom-accordian .form-check-input {
    border-radius: 2px;
}

.custom-accordian .form-check-input:checked {
    background-color: #3595ac;
    border-color: #3595ac;
}

.quiz_text .form-check-input:checked {
    background-color: #3595ac;
    border-color: #3595ac;
}

.quiz_text .table> :not(:first-child) {
    border-top: 1px solid currentColor;
}

.certi-heading {
    font-size: 34px;
    font-weight: 700;
    line-height: 42px;
    color: rgba(2, 73, 90, 1);
}



.product_base_img img {
    max-width: 100%;
    height: 400px;
    object-fit: cover;
}

.popup_heading {
    font-size: 24px !important;
    font-weight: 700 !important;
}

.p_details h6 {
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.6);
}

.p_details p {
    font-weight: 500 !important;
    font-size: 14px !important;
    color: rgba(0, 0, 0, 0.87);
}

.title_new {
    font-style: normal;
    font-weight: 400;
    font-size: 34px;
    color: #000000;
}

.card_bar {
    max-width: 480px;
    margin: auto;
}

.card_bar .card-title {
    font-weight: 500;
    font-size: 20px;
    color: #02495A;
}

.card_bar .card-text {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 0.6);
}

.card_bar .card-link {
    font-weight: 500;
    font-size: 14px;
    color: #3595AC;
}

.clr-blue {
    color: #3595AC;
}

.Product_button_events a {
    padding: 6px 10px;
}

.link_green {
    color: #2E7D32 !important;
    border-color: #2E7D32 !important;
}

.link_orange {
    color: #FF8743 !important;
    border-color: #FF8743 !important;
}

.card_event {
    border: 0;
}

.card_event .card-title {
    font-size: 14px;
    font-weight: 500;
    color: #02495A;
}

.event_date p {
    font-size: 12px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 6px;
}

.event_dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.6);
}

.faclity_clor {
    font-size: 13px;
    color: #02495A;
    font-weight: 500;
}

.confrm_clor {
    font-size: 13px;
    color: #2E7D32;
    font-weight: 500;
}

.pending_clor {
    border-radius: 16px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 400;
    background-color: #3595AC;
    padding: 3px 17px;
}

.card_event img {
    border-radius: 8px;
}

.heading_c {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #000000;
    letter-spacing: 0.15px;
    opacity: 0.6;
}


/* 17-12-2022 */
.card_profile {
    background-color: rgba(53, 149, 172, 0.12);
    margin-top: 92px;
    border-radius: 8px;
}

.card_profile figure {
    width: 180px;
    height: 180px;
    margin: auto;
    margin-top: -90px;
}

.card_profile h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 29px;
    color: #29303B;
}

.card_profile h3 {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #29303B;
}

.course_tab .nav-link {
    background-color: #E0E0E0;
    color: rgba(0, 0, 0, 0.87);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px rgba(0, 0, 0, 0.14), 0px 1px 5px rgba(0, 0, 0, 0.12);
    margin-right: 15px;
}

.course_tab .nav-pills .nav-link.active, .course_tab .nav-pills .show>.nav-link {
    color: rgb(255, 255, 255);
    background-color: #3595AC;
}

.course_tab .para_one {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #29303B;
}

.card_list {
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background: #FFFFFF;
    border: 0;
}

.c_content h5 {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #29303B;
}

.c_content p {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #686F7A;
}

.c_price h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #29303B;
}

.c_price p {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    text-decoration-line: line-through;
    color: #686F7A;
}

.c_icons small {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #29303B;
}

.course_header {
    background: #02495A;
}

.course_header h1 {
    font-weight: 700;
    font-size: 34px;
    line-height: 123.5%;
    color: #FFFFFF;
}

.course_header p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.s_c_header small {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #FFFFFF;
}

.list_c p {
    font-weight: 400;
    font-size: 12px;
    color: #29303B;
}

.list_c li {
    width: 49%;
    display: inline-block;
    margin-bottom: 10px;
}

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

.card_learn .card-title {
    font-weight: 700;
    font-size: 23px;
    line-height: 29px;
    color: #29303B;
}

.card_learn {
    background: #F9F9F9;
    border: 1px solid #DEDFE0;
    border-radius: 6px;
}

.course_head_cont_one {
    font-weight: 400;
    font-size: 24px;
    line-height: 133.4%;
    color: #29303B;
}

.course_head_cont_two {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    color: #29303B;
    margin-bottom: 14px;
}

.top-c-plus h6 {
    font-weight: 400;
    font-size: 12px;
    color: #29303B;
}

.top-c-plus a {
    border: 1px solid #CACBCC;
    border-radius: 3px;
    font-weight: 400;
    line-height: 20px;
    color: #0384A3;
    padding: 6px 12px;
}

.para_des {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #29303B;
}

.about_ins_pic img {
    width: 150px;
    height: 110px;
    border-radius: 5px;
    object-fit: cover;
}


.instructer_img {
    width: 70px;
    border-radius: 50%;
    height: 70px;
    object-fit: cover;
}

.instructer_profile {
    width: 180px;
    height: 180px;
    border-radius: 180px;
}



.about_ins_text h3 {
    font-weight: 400;
    font-size: 17px;
    line-height: 26px;
    color: #0284A2;
}

.about_ins_text h4 {
    color: #29303B;
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
}

.about_ins_text p {
    font-size: 13px;
    line-height: 20px;
    color: #29303B;
}

.card_v_cor {
    border: 0;
    background: #FFFFFF;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 6px 6px;
    margin-top: -239px;
}

.card_v_cor h5 {
    letter-spacing: 0.25px;
    color: #29303B;
    font-weight: 400;
    font-size: 34px;
}

.card_v_cor p {
    letter-spacing: 0.17px;
    text-decoration-line: line-through;
    font-weight: 400;
    font-size: 14px;
    color: #777777;
}

.cor_inclue h6 {
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.87);
    letter-spacing: 0.1px;
}

.cor_inclue ul li {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    margin-bottom: 2px;
}

.card_batch {
    border: 0;
    background: #FFFFFF;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
}

.card_batch h2 {
    font-weight: 700;
    font-size: 15px;
    line-height: 19px;
    color: #29303B;
}

.card_batch p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #29303B;
}

.class_acord .accordion-button::after {
    margin-left: 0;
    margin-right: 10px;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'> <path d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/> </svg>")
}

.class_acord .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'><path d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/></svg>");
}

.class_acord .accordion-button {
    background: #F9F9F9;
    border: 1px solid #E8E9EB;
    border-radius: 6px;
    flex-direction: row-reverse;
    justify-content: start;
    font-weight: 400;
    font-size: 16px;
    color: #686F7A;
}

/* 29-12-2022 */

.heading_cate {
    font-weight: 500;
    font-size: 20px;
    line-height: 160%;
    color: #29303B;
    letter-spacing: 0.15px;
}

.btn_cate {
    border: 0.5px solid rgba(0, 0, 0, 0.05);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    padding: 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #14171C;
}

.form-select-clr_one {
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.04);
    border-radius: 6px;
    color: #686F7A;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    height: 46px;
}

.bx_1 {
    box-shadow: 0px -1px 0px #cc87b4;
}

.bx_2 {
    box-shadow: 0px -1px 0px #F4C150;
}

.sow_reslt {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.17px;
    color: #29303B;
}

.card_d_cate {
    border: 0;
}

.card-header {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #3595AC;
    background: #F9F9F9;
    padding: 0.9rem 1rem;
}

.img_with {
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .accordion-button:not(.collapsed){
    color: inherit;
    background-color: transparent;
} */

.card_d_cate .accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 0.5rem;
    letter-spacing: 0.17px;
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: #686F7A;
}

.card_d_cate .accordion-item {
    border-bottom: 0;
}

.form-check-label-cutm {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.17px;
    color: rgba(0, 0, 0, 0.6);
}

.fiter_nav .nav-pills .nav-link.active, .fiter_nav .nav-pills .show>.nav-link {
    background-color: #3595AC;
    border-radius: 4px 0px 0px 4px;
    color: #ffffff !important;
}

.fiter_nav .nav-link {
    color: rgba(41, 48, 59, 1) !important;
    font-size: 26px;
    padding: 0 12px;
}

.c_content_one h5 {
    font-size: 14px;
}

.c_content_one p {
    font-size: 14px;
    line-height: 143%;
}

.c_price_one p {
    font-size: 12px;
}

.btn-lecture {
    background: #3595AC;
    border-radius: 6px;
    letter-spacing: 0.46px;
    font-weight: 500;
    font-size: 15px;
    color: #FFFFFF;
    padding: 11px 60px;
}

.card_overview {
    background: #F2F4F5;
    border-radius: 8px;
    padding: 24px 22px;
    border: 0;
}

.card-title_one {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: #000000;
}

.cir_no {
    width: 40px;
    height: 40px;
    font-weight: 400;
    font-size: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 0.14px;
    color: #FFFFFF;
    background: #02495A;
    border-radius: 64px;
    justify-content: center;
}

.flex_content h6 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.87);
}

.flex_content p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    color: rgba(0, 0, 0, 0.6);
}

.card-footer a {
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: #02495A;
}

.card-footer {
    background: #FFFFFF;
    padding: 1rem 1rem;
}

.table>:not(caption)>*>* {
    padding: 1rem 0.5rem;
}


/* 30-12-2022 */
.acord_check_title h6 {
    padding-left: 1.5em;
    font-weight: 500;
    font-size: 14px;
    line-height: 157%;
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0;
}

.acord_check_title label {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: rgba(0, 0, 0, 0.6);
}

.acd-courses .accordion-button:not(.collapsed) {
    color: inherit;
    background-color: transparent;
    box-shadow: none;
    border-bottom: 1px solid #e9e9e9;
}

.rights_txt small {
    font-weight: 400;
    font-size: 12px;
    line-height: 166%;
    letter-spacing: 0.4px;
    color: rgba(0, 0, 0, 0.6);
}

.rights_txt p {
    font-weight: 400;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: 0.17px;
    color: rgba(0, 0, 0, 0.6);
}


#social-links ul li {
    display: inline-block;
}          
#social-links ul li a {
    padding: 0;
    border: 0;
    margin: 1px;
    font-size: 20px;
    color: #3595ac;
    background-color: transparent;
    margin-right: 15px;
}
.copy_text{
    border: 0;
    color: #000;
    width: 100%;
    max-width: 670px;
    margin-right: 20px;
}

.copy_text:focus-visible {
    outline: 0;
}

.copy_input {
    font-size: 20px;
    background: #3595ac;
    color: #fff;
    width: 43px;
    height: 29px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.progress_custom{
    background-color: #3595ac !important;
}

.form-check_custom{
    pointer-events: none;
}

.top_header{
    background-color: #333;
    padding: 18px 0;
}

.top_header h6{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
}

.nav-link-drop {
    color: rgb(131, 131, 131) !important;
    border: 1px solid rgb(131, 131, 131);
    border-radius: 3px;
}
.rate {
    float: left;
    height: 30px;
    padding: 0 10px;
    }
    .rate:not(:checked) > input {
    position:absolute;
    display: none;
    }
    .rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:22px;
    color:#ccc;
    margin-right: 15px;
    }

    .rate:not(:checked) > label:before {
    content: '★ ';
    }
    .rate > input:checked ~ label {
    color: #ffc700;
    }
    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
    color: #deb217;
    }
    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
    }

    .rate3{
        float: left;
        height: 30px;
        padding: 0 10px;
        }
        .rate3:not(:checked) > input {
        position:absolute;
        display: none;
        }
        .rate3:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:22px;
        color:#ccc;
        margin-right: 15px;
        }
    
        .rate3:not(:checked) > label:before {
        content: '★ ';
        }
        .rate3 > input:checked ~ label {
        color: #ffc700;
        }
        .rate3:not(:checked) > label:hover,
        .rate3:not(:checked) > label:hover ~ label {
        color: #deb217;
        }
        .rate3 > input:checked + label:hover,
        .rate3 > input:checked + label:hover ~ label,
        .rate3 > input:checked ~ label:hover,
        .rate3 > input:checked ~ label:hover ~ label,
        .rate3 > label:hover ~ input:checked ~ label {
        color: #c59b08;
        }


        .rate2 {
            float: left;
            height: 30px;
            padding: 0 10px;
            }
            .rate2:not(:checked) > input {
            position:absolute;
            display: none;
            }
            .rate2:not(:checked) > label {
            float:right;
            width:1em;
            overflow:hidden;
            white-space:nowrap;
            cursor:pointer;
            font-size:22px;
            color:#ccc;
            margin-right: 15px;
            }
        
            .rate2:not(:checked) > label:before {
            content: '★ ';
            }
            .rate2 > input:checked ~ label {
            color: #ffc700;
            }
            .rate2:not(:checked) > label:hover,
            .rate2:not(:checked) > label:hover ~ label {
            color: #deb217;
            }
            .rate2 > input:checked + label:hover,
            .rate2 > input:checked + label:hover ~ label,
            .rate2 > input:checked ~ label:hover,
            .rate2 > input:checked ~ label:hover ~ label,
            .rate2 > label:hover ~ input:checked ~ label {
            color: #c59b08;
            }

            .purchase_history_main .cursornone{
                pointer-events: none;
              cursor: default;
            }
  
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


@media (max-width: 1200px) {
    .reset_page{
        min-height: 1500px;
    }
    .dashboard .bg-image{
        min-height: 1500px;
    }
 }

.form-floating.number .form-control {
    height: 58px;
}

.form-floating.number .iti {
    width: 100%!important;
}