@font-face {
  font-family: 'Aleo';
  src: url("../fonts/Aleo-Regular.otf");
}

@font-face {
  font-family: 'Morn';
  src: url("../fonts/Morn-Bold.ttf");
}

@font-face {
  font-family: 'MouseMemoirs';
  src: url("../fonts/MouseMemoirs-Regular.ttf");
}

:root {
  --vz-grid-gutter-width: 25px;
}

/* Global css start  */

body {
  background-color: white !important;
}

@media screen and (max-width:500px) {
  main {
    padding: calc(70px + var(--vz-grid-gutter-width)) calc(var(--vz-grid-gutter-width) * .5) 60px calc(var(--vz-grid-gutter-width) * .5);

  }
}

.invalid-feedback {
  font-size: 15px !important;
  font-family: "Aleo" !important;
}

/* hide arrows for input type number  */

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

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

/* scrollbar custom css  */

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {

  background: #383634;
  border-radius: 10px;
}



/* global css end  */



/* Header css start */



.navbar_container {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.menu_link {

  color: #707070;
  font-family: "Aleo";
  font-size: 20px;
}

.menu_link:hover {

  color: white;
  background-color: transparent !important;

}

.menu_item {
  background-color: transparent;
  border-radius: 20px;
  padding: 5px 25px;
  transition: background-color 0.5s ease-in-out;
}

.menu_item:hover,.menu_item:active{
  background-color: #CFBAA4;

}

.navbar-toggler,
.navbar-toggler:focus {
  border: none !important;
}

@media screen and (max-width:1000px) {
  .navbar-collapse {
    position: absolute;
    top: 115px;
    left: 0;
    z-index: 1;
    background-color: #fff;
    width: 100%;
    transition: ease-in 0.5s;
    text-align: center;
  }
}



/* Header css end */

/* login account page css start  */

.login_account_container {
  margin-top: -25px;
  background: #FFF4E9 !important;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 4px 4px 2px #CFBAA4;
}

.login_account_title {

  font-family: "MouseMemoirs" !important;
  color: #733711;
  font-size: 35px;

}

.login_account_des {

  color: #716D6A;
  font-size: 15px;
}

.login_account_form {

  background-color: #CFBAA4 !important;
  border-radius: 10px;
  padding: 10px;
}

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

.forgot_password,
.forgot_password:hover {
  color: #393634;
  font-family: "Aleo";
}

.login_account_form::placeholder {

  color: white !important;
  font-family: "Aleo-Regular" !important;
}


.login_account_btn {
  background: black;
  border: none;
  padding: 12px;
  border-radius: 10px;
  font-family: "Aleo" !important;
}

/* login account page css end  */

/* create account page css */

.create_account_container {
  /*width: 500px;*/
  margin-top: -25px;
  background: #fdf3e7;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 4px 4px 2px #CFBAA4;
}

.create_account_title {

  font-family: "MouseMemoirs";
  color: #733711;
  font-size: 35px;

}

.create_account_des {

  color: #716D6A;
  font-size: 15px;
}



.create_account_form,
.create_account_form:focus,
.create_account_form:hover {

  background: #CFBAA4;
  border-radius: 10px;
  padding: 10px;
}

.otp_des {

  color: #393634;
  font-family: "Aleo";
}

.create_account_form::placeholder {

  color: white;
  font-family: "Aleo";
}


.create_account_btn {
  background: black;
  border: none;
  padding: 12px;
  border-radius: 10px;
  font-family: "Aleo";
}

.verifybtn,
.verifybtn:hover,
.mobile_no_submit_btn,
.mobile_no_submit_btn:hover {
  background-color: #393634;
  color: white;
  border-radius: 10px;

}

/* create account page css end */

/* forgot password page css start  */

.forgot_password_account_container {
  margin-top: -25px;
  background: #fdf3e7 !important;
  padding: 30px;
  border-radius: 15px;
  box-shadow: 4px 4px 2px #CFBAA4;

}

.forgot_password_account_title {

  font-family: "MouseMemoirs" !important;
  color: #733711;
  font-size: 35px;

}

.forgot_password_account_des {

  color: #716D6A;
  font-size: 15px;
}

.forgot_password_account_form {

  background: #CFBAA4;
  border-radius: 10px;
  padding: 10px;
}



.forgot_password_account_form:focus,
.forgot_password_account_form:hover {
  background: #CFBAA4;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.forgot_password_account_form::placeholder {

  color: white;
  font-family: "Aleo-Regular" !important;
}


.forgot_password_account_btn {
  background: black;
  border: none;
  padding: 12px;
  border-radius: 10px;
  font-family: "Aleo" !important;
}

/* forgot password page css end  */

/* account_successfully_create css start */

.account_successfully_create {

  margin-top: -25px;
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  font-family: "MouseMemoirs";
  font-size: 40px;
  color: #733711;
  padding: 4%;
  border-radius: 15px;
}

.acct_success_continue_btn,
.acct_success_continue_btn:hover {
  background-color: #000000;
  font-size: 15px;
  font-family: "Aleo";
  color: #fff;

}

/* account_successfully_create css end */

/* password reset css page start */

.password_reset_bg {

  margin-top: -25px;
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5%;
  border-radius: 15px;
}

.password_reset_title {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 35px;

}

.password_reset_form,
.password_reset_form::placeholder,
.password_reset_form:active,
.password_reset_form:focus {

  background-color: #CFBAA4;
  border-radius: 10px;
  color: white;
}

.password_reset_sub_btn,
.password_reset_sub_btn:hover {

  background-color: #393634;
  border-radius: 10px;
  color: white;

}

/* password reset css page end */

/* reset conformation css page start */

.reset_conformation_bg {

  margin-top: -25px;
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 4%;
  border-radius: 15px;
}

.reset_conformation_title {

  font-family: "MouseMemoirs";
  font-size: 50px;
  color: #733711;

}

.reset_conformation_sub {

  font-family: "MouseMemoirs";
  font-size: 30px;
  color: #733711;

}

.home_btn,
.home_btn:hover,
.home_btn:focus {

  background-color: #393634;
  color: white;
  border-radius: 10px;

}

/* reset conformation css page end */


/* side bar css page start  */

.app_menu_bg {

  background-color: #383634 !important;

  border-color: #383634 !important;
}

/* side bar css page end */

/* Header css page start */

.nav_bg {

  background-color: #383634 !important;

}

.topbar-user {
  background-color: #383634 !important;
}

.user-name-text,
.user_icon {
  color: #F7E9DC !important;
}

.profile_details {

  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  width: 300px;
  border-radius: 20px;
}

.profile_user_details_title,
.profile_user_details_title a {

  font-family: "MouseMemoirs";
  color: #733711;
  font-size: 20px;

}

.profile_details_info,
.profile_details_info a {

  color: #716D6A;
  font-family: "Aleo";
  font-size: 13px;

}

.profile_progress_bar {

  width: 25%;
  background-color: #383634;

}

/* Nav bar css page end */

/* choose meal css page start */

.choose_meal_title {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 50px;
}

.choose_meal_bg {
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5%;
  border-radius: 15px;
}

.meal_section_bg {
  background-color: #FFFFFF;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5% 7% 0% 7%;
  border-radius: 15px;
}


.meal_section_title {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.meal_section_desc {
  color: #733711;
  font-family: "Aleo";
  font-size: 20px;
}

@media screen and (max-width:500px) {
  .meal_section_bg img {
    width: 125% !important;
  }
}

/* choose meal css page end */

/* choose plan css start  */

.choose_plan_bg {
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5% 20%;
  border-radius: 15px;
}

.choose_plan_title {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.choose_plan_desc {
  color: #716D6A;
  font-family: "Aleo";
  font-size: 20px;
}

.plan_bg {
  background-color: #EFDECD;
  border: 1px solid #393634;
  padding: 5%;
  border-radius: 25px;
}

.plan_name {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

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

.choose_plan_input:checked {
  accent-color: #383634;
}

.plan_back_btn,
.plan_back_btn:hover {
  background-color: #CFBAA4;
  color: #fff;
  border-radius: 10px;
}

.plan_continue_btn,
.plan_continue_btn:hover {
  background-color: #393634;
  color: #fff;
  border-radius: 10px;
}

/* choose plan css end  */

/* choose package css start  */

.choose_package_bg {
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5% 20%;
  border-radius: 15px;
}

.choose_package_title {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.choose_package_desc {
  color: #716D6A;
  font-family: "Aleo";
  font-size: 20px;
}

.package_bg {
  background-color: #EFDECD;
  border: 1px solid #393634;
  padding: 5%;
  border-radius: 25px;
}

.package_name {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.package_desc {
  color: #716D6A;
  font-family: "Aleo";
  font-size: 15px;
}

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

.choose_package_input:checked {
  accent-color: #383634;
}


.package_back_btn,
.package_back_btn:hover {
  background-color: #CFBAA4;
  color: #fff;
  border-radius: 10px;
}

.package_continue_btn,
.package_continue_btn:hover {
  background-color: #393634;
  color: #fff;
  border-radius: 10px;
}

/* choose package css end  */


/* Meal plan Duration css Start */

.plan_duration_title {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 40px;
}

.meal_plan_duration {

  color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  border-radius: 20px;
  background-color: #FFF4E9;

}

.plan_duration_sub {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 30px;
}

.plan_duration_des {

  color: #393634;
  font-family: "Aleo";
  font-size: 13px;
}

.plan_duration_price {

  color: #6A6563;
  font-family: "MouseMemoirs";
  font-size: 30px;
}

.plan_duration_days {

  color: #96744B;
  font-family: "Aleo";
  font-size: 15px;
}

.selected_meal_plan {

  background-color: #96744B;
  border-radius: 20px;
  box-shadow: 4px 4px 2px #CFBAA4;
}

.selected_meal_sub {

  color: white;
  font-family: "MouseMemoirs";
  font-size: 30px;
}

.selected_meal_des {

  color: #EFDECD;
  font-family: "Aleo";
  font-size: 15px;

}

.selected_meal_price {

  color: #FFF4E9;
  font-family: "MouseMemoirs";
  font-size: 30px;

}

.selected_meal_days {

  color: #EFDECD;
  font-family: "Aleo";
  font-size: 15px;

}



.meal_plan_back:hover {

  background-color: #CFBAA4 !important;
  color: #F7E9DC;
}

.plan_duration_back_btn,
.plan_duration_back_btn:hover {
  background-color: #CFBAA4;
  color: #fff;
  border-radius: 10px;
}

.plan_duration_continue_btn,
.plan_duration_continue_btn:hover {
  background-color: #393634;
  color: #fff;
  border-radius: 10px;
}

/*  Meal plan Duration css End */

/* weekly meal schedule css start  */

.weekly_meal_schedule_bg {
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5% 20%;
  border-radius: 15px;
}

.weekly_meal_schedule_title {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.weekly_meal_schedule_desc {
  color: #716D6A;
  font-family: "Aleo";
  font-size: 15px;
}

.meal_schedule_bg {

  background-color: #EFDECD;
  border: 1px solid #393634;
  padding: 5%;
  border-radius: 25px;
}

.meal_icon_bg {
  background-color: #733711;
  color: #fff;
}



.schedule_name {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.schedule_desc {
  color: #716D6A;
  font-family: "Aleo";
  font-size: 15px;
}

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

.choose_schedule_input:checked {
  accent-color: #383634;
}

.meal_schedule_back_btn,
.meal_schedule_back_btn:hover {
  background-color: #CFBAA4;
  color: #fff;
  border-radius: 10px;
}

.meal_schedule_continue_btn,
.meal_schedule_continue_btn:hover {
  background-color: #393634;
  color: #fff;
  border-radius: 10px;
}

/* weekly meal schedule css end  */

/* subscription schedule css start  */

.subscription_schedule_bg {
  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5% 20%;
  border-radius: 15px;
}

.subscription_schedule_title {
  color: #733711;
  font-family: "Mousememoirs";
  font-size: 40px;
}

.subscription_schedule_desc {
  color: #716D6A;
  font-family: "Aleo";
  font-size: 15px;
}

.subscription_schedule_input_bg {
  background-color: #EFDECD;
  border: 1px solid #393634;
  padding: 5%;
  border-radius: 25px;
}

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

.subscription_schedule_input:checked {
  accent-color: #383634;
}

/* subscription scehdule css end  */



/* subscription review page css start  */

.subscription_review_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5%;
}

.subscription_review_border {
  border: 2px solid #EFDECD;
  padding: 3% 5%;
  border-radius: 10px;
}

.subscription_review_meal_title {
  font-family: "Aleo";
  font-size: 30px;
  font-weight: 600;
  color: #733711;
}

.subscription_review_meal_package {
  font-family: "Aleo";
  font-size: 14px;
  color: #393634;
}

.subscription_review_meal_price {
  font-family: "Aleo";
  font-size: 25px;
  color: #6A6563;
}

.subscription_review_meal_subs {
  font-family: "Aleo";
  font-size: 25px;
  color: #733711;
}

.subscription_review_meal_discount {
  font-family: "Aleo";
  font-size: 14px;
  color: #239A00;
}

.subscription_review_meal_discount_amt {
  font-family: "Aleo";
  font-size: 25px;
  color: #239A00;
}

.subscription_review_title {
  font-family: "MouseMemoirs";
  font-size: 40px;
  color: #733711;
}

.subscription_review_meal_total_bg {
  background-color: #733711;
  border-radius: 10px;
  padding: 1% 3%;
}

.subscription_review_meal_total_title,
.subscription_review_meal_total_amt {
  color: #fff;
  font-family: "Aleo";
  font-size: 30px;
}

@media screen and (max-width:500px) {
  .subscription_review_title {
    font-size: 30px;
  }

  .csubscription_review_meal_title,
  .subscription_review_meal_price,
  .subscription_review_meal_subs,
  .subscription_review_meal_discount_amt,
  .subscription_review_meal_total_title,
  .subscription_review_meal_total_amt {
    font-size: 20px;
  }

  .csubscription_review_meal_package,
  .subscription_review_meal_discount {
    font-size: 10px;
  }

  .subscription_review_meal_total_bg {
    padding: 5%;
  }
}

/* subscription review  page css end  */



/* manage subscription page css start  */

.manage_subs_header {
  gap: 0 10px;
}

.manage_subs_title {
  font-family: "MouseMemoirs";
  font-size: 40px;
  color: #733711;
}

.manage_subs_subtitle {
  font-family: "Aleo";
  font-size: 25px;
  color: #733711;
  font-weight: 600;
}

.manage_subs_header_bg,
.manage_subs_header_bg:hover {
  background-color: #FFF4E9 !important;
  border-radius: 10px !important;
  color: #393634;

}

.manage_subs_header_bg.active {
  background-color: #393634 !important;
  border-radius: 10px !important;
  transition: background-color 0.3s ease, border-radius 0.3s ease;
}

.manage_subs_body_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  box-shadow: 4px 4px 2px #CFBAA4;
  padding: 5% !important;
}

.manage_subs_details p {
  font-family: "Aleo";
  font-size: 14px;
  color: #6E6966;
}

.manage_subs_details div {
  font-family: "Aleo";
  font-size: 14px;
  color: #393634;
}

.manage_subs_active_badge {
  background-color: #CEEDC4;
  color: #35A113;
  font-size: 20px;
  padding: 1% 3%;
  border-radius: 10px;
}

.manage_subs_renew_desc {
  font-family: "Aleo";
  font-size: 14px;
  color: #35A113 !important;
}

.manage_subs_footer_by {
  background-color: #733711;
  padding: 1% 3%;
  border-radius: 10px;
}

.manage_subs_footer_title {
  font-family: "Aleo";
  font-size: 14px;
  color: #C3AB9D;
}

.manage_subs_footer_info {
  font-family: "Aleo";
  font-size: 14px;
  color: #fff;
}

@media screen and (max-width:500px) {
  .manage_subs_header {
    gap: 10px 0;
  }

  .manage_subs_title {
    font-size: 35px;
  }

  .manage_subs_subtitle {
    font-size: 15px;
  }

  .manage_subs_body_bg {
    padding: 10% !important;
  }

  .manage_subs_active_badge {
    font-size: 14px;
    padding: 2% 7%;
  }

  .manage_subs_footer_by {
    padding: 5%;
  }
}

/* manage subscription page css end  */



/* billing details page css start  */

.billing_card_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 5%;
  box-shadow: 0px 3px 6px #00000029;
}

.billing_info_header,
.dog_name {
  font-family: "MouseMemoirs";
  color: #733711;
  font-size: 40px;
}

.dog_info {
  font-family: "Aleo";
  color: #716D6A;
  font-size: 14px;
}

.billing_package_size,
.billing_plan {
  font-family: "Aleo";
  color: #393634;
  font-size: 14px;
}

.icon-color {
  color: #733711;
}

.active_badge {
  background-color: #CEEDC4;
  color: #35A113;
  font-size: 20px;
  padding: 5% 25%;
  border-radius: 10px;
}

.plan_info_title {
  font-family: "Aleo";
  color: #837e7b;
  font-size: 14px;
}

.plan_info {
  font-family: "Aleo";
  color: #393634;
  font-size: 14px;
}

.next_delivery {
  font-family: "Aleo";
  font-size: 14px;
  color: #35A113;
}

.billing_info_title {
  font-family: "Aleo";
  color: #837e7b;
  font-size: 14px;
}

.billing_info {
  font-family: "Aleo";
  color: #393634;
  font-size: 14px;
}

.pause_plan_btn,
.pause_plan_btn:hover {
  background-color: #D18900;
  color: #fff;
}

.modify_plan_btn,
.modify_plan_btn:hover {
  background-color: #393634;
  color: #fff;
}

.cancel_plan_btn,
.cancel_plan_btn:hover {
  background-color: #AA2424;
  color: #fff;
}

.upcoming_delivery_card {
  background-color: #393634;
  border-radius: 10px;
  padding: 1% 3%;
}

.billing_delivery_meal {
  color: #fff;
  font-family: "Aleo";
  font-size: 14px;
}

.billing_delivery_date {
  color: #969696;
  font-family: "Aleo";
  font-size: 14px;
}

.pending_badge {
  background-color: #FFE5A0;
  color: #A97646;
  font-size: 15px;
  padding: 5% 25%;
  border-radius: 10px;
}

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

  .active_badge {
    font-size: 14px;
    padding: 2% 15%;
  }

  .upcoming_delivery_card {
    margin: 2%;
    padding: 5%;
    height: auto;
  }

  .pending_badge {
    font-size: 14px;
    padding: 2% 15%;
  }

}

/* billing details page css end  */



/* subscription management page css start  */

.subscription_header_bg {
  background-color: #393634;
  border-radius: 10px;
  padding: 2%;
}

.subscription_header {
  color: #fff;
}

.subscription_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 2%;
}

.subscription_title {
  font-family: "MouseMemoirs";
  color: #733711;
  font-size: 40px;
}

.subscription_desc {
  font-family: "Aleo";
  color: #393634;
  font-size: 14px;
}

.renew_subscription_btn,
.renew_subscription_btn:hover {
  background-color: #1D9569;
  color: #fff;
  font-size: 14px;
  font-family: "Aleo";
}

.change_subscription_btn,
.change_subscription_btn:hover {
  background-color: #D18900;
  color: #fff;
  font-size: 14px;
  font-family: "Aleo";
}

.canel_subscription_btn,
.canel_subscription_btn:hover {
  background-color: #AA2424;
  color: #fff;
  font-size: 14px;
  font-family: "Aleo";
}

.current_subscription_bg {
  background-color: #773E19;
  border-radius: 10px;
  padding: 2%;
}

.current_plan_title {
  font-family: "Aleo";
  font-size: 25px;
  color: #fff;
}

.current_plan_desc {
  font-family: "Aleo";
  font-size: 14px;
  color: #BA9774;
}

.plan_details_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 5%;
}

.current_plan_info_title {
  font-family: "Aleo";
  font-size: 14px;
  color: #393634;
}

.current_plan_info_desc {
  font-family: "Aleo";
  font-size: 14px;
  color: #B18961;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 33px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;

}

.slider::before {
  position: absolute;
  content: "";
  height: 25px;
  width: 25px;
  left: 4px;
  bottom: 4px;
  background-color: #fff;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked+.slider {
  background-color: #209E69;
}

input:focus+.slider {
  box-shadow: 0 0 1px #209E69;
}

input:checked+.slider:before {
  -webkit-transform: translateX(25px);
  -ms-transform: translateX(25px);
  transform: translateX(25px);
}

.slider.round {
  border-radius: 35px;
}

.slider.round:before {
  border-radius: 50%;

}


@media screen and (max-width:500px) {
  .current_subscription_bg {
    padding: 5%;
  }

  .subscription_container {
    margin: 3%;
  }
}

/* subscription management page css end  */

/* pause subscription page css start  */

.pause_subscription_bg {
  margin-top: -50px;
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 5%;
  box-shadow: 0px 3px 6px #00000029;
}

.pause_subscription_title {
  font-family: "MouseMemoirs";
  color: #733711;
  font-size: 40px;
}

.pause_subscription_desc {
  font-family: "Aleo";
  color: #716D6A;
  font-size: 20px;
}

.start_date_btn,
.end_date_btn {
  background-color: #CFBAA4;
  padding: 1% 5%;
  border-radius: 15px;
  font-family: "Aleo";
  font-size: 15px;
}

.pause_subscription_submit_btn,
.pause_subscription_submit_btn:hover {
  background-color: #AA2424;
  border-radius: 10px;
  color: #fff;
  font-family: "Aleo";
  font-size: 20px;
}

@media screen and (max-width:500px) {
  .pause_subscription_bg {
    margin-top: -30px;
  }
}

/* pause subscription page css end  */

/* cancel subscription page css start  */

.cancel_subscription_bg {
  margin-top: -50px;
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 5%;
  box-shadow: 0px 3px 6px #00000029;
}

.cancel_subscription_title {
  font-family: "MouseMemoirs";
  color: #733711;
  font-size: 40px;
}

.cancel_subscription_desc {
  font-family: "Aleo";
  color: #716D6A;
  font-size: 20px;
}

.cancel_subscription_submit_btn,
.cancel_subscription_submit_btn:hover {
  background-color: #AA2424;
  border-radius: 10px;
  color: #fff;
  font-family: "Aleo";
  font-size: 20px;
}

@media screen and (max-width:500px) {
  .cancel_subscription_bg {
    margin-top: -30px;
  }
}

/* cancel subscription page css end  */


/* Thank you page css start */

.thank_you_title {

  color: #393634;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.thank_you_sub {

  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
}

.thank_you_card {

  background-color: #FFF4E9;
  box-shadow: 3px 4px 3px #00000015;
  padding: 2% 3%;
}

.order_title {

  color: #393634;
  font-family: "Aleo";
  font-size: 20px;

}

.success_icon {
  color: #9AE54C;
  font-size: 50px;
}

.order_sub {

  color: #15885E;
  font-family: "Aleo";
  font-size: 15px;
}

.location_des {

  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
}

.status_title {

  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
}

.status_sub {

  color: #D99F00;
  font-family: "Aleo";
  font-size: 15px;
}

.contact_des {

  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
}

.email_des {

  color: #393634;
  font-family: "Aleo";
  font-size: 15px;

}

.Shopping_btn,
.Shopping_btn:hover {

  background-color: #383634;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 15px;
  border-radius: 10px;
}

.apply_btn,
.apply_btn:hover {

  width: 180px;
  background-color: #FFE59F;
  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
  border-radius: 10px;
}


/* Thank you page css end */

/* Thank you page mobile responsive start */

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

  .thank_you_card {

    padding: 5%;
  }

  .thank_you_title {

    font-size: 40px;
  }

  .order_title {

    font-size: 20px;

  }

  .order_sub {

    font-size: 15px;
  }

  .location_des {

    font-size: 15px;
  }

  .contact_des {

    font-size: 15px;
  }

  .email_des {

    font-size: 15px;
  }

}


/* Thank you page mobile responsive end */

/* payment transaction page css start  */

.payment_nav_container {
  border-bottom: none !important;
  background-color: #FFF4E9;
  width: fit-content;

}

.payment_nav_link {
  color: #733712 !important;
  font-family: "Aleo";
  font-size: 20px;
}

.payment_nav_link.active {
  background-color: #733712 !important;
  color: #fff !important;
}

.payment_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 3%;
  box-shadow: 0px 3px 6px #00000029;
}

.payment_transaction_title {
  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.preferences_desc {
  color: #383634;
  font-family: "Aleo";
  font-size: 15px;
}

.payment_transaction_desc {
  color: #383634;
  font-family: "Aleo";
  font-size: 20px;
}

.payment_summary_title {
  color: #000000;
  font-family: "Aleo";
  font-size: 20px;
  font-weight: bold;
}

.payment_summary_desc {
  color: #383634;
  font-family: "Aleo";
  font-size: 15px;
}

.transaction_table_container {
  max-height: 500px;
  overflow-y: scroll;
}

.transaction_table_heading th {
  color: #000000;
  font-family: "Aleo";
  font-size: 20px;
  border-bottom: 2px solid #00000029;
  text-align: center;
  position: sticky;
  top: 0;
  background-color: #FFF4E9;
}

.transaction_table_body tr td {
  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
  padding: 2% 0%;
  border-bottom: 2px solid #00000029;
  text-align: center;
}

.payment_completed {
  background-color: #733712;
  color: #fff;
  padding: 5% 15%;
  border-radius: 10px;
  font-size: 12px;
}

.payment_pending {
  background-color: #383634;
  color: #fff;
  padding: 5% 15%;
  border-radius: 10px;
  font-size: 12px;
}

.payment_summary_table tbody tr {
  border: 2px solid #707070;
}

.payment_summary_table tbody tr td {
  color: #000000;
  font-family: "Aleo";
  font-size: 20px;
}

/* payment transaction page css end  */

/* food subscription page css start  */

.food_subs_bg {
  background-color: #FFF4E9;
  border-radius: 10px;
  padding: 5%;
  box-shadow: 0px 3px 6px #00000029;
}

.food_subs_detail_bg {
  background-color: #393634;
  border-radius: 10px;
  padding: 1% 3%;
  box-shadow: 0px 3px 6px #00000029;
  color: #fff;
}

.food_subs_line {
  border: 2px solid #fff;
  height: 75px;
}

.food_subs_container {
  max-height: 500px;
  overflow-y: scroll;

}

.subscription_edit_btn,
.subscription_deliverd_badge {
  background-color: #FFE5A0;
  color: #A97646;
  font-family: "Aleo";
  font-size: 20px;
}

.food_subs_tilte {
  color: #fff;
  font-family: "Aleo";
  font-size: 20px;
}

.food_subs_desc {
  color: #969696;
  font-family: "Aleo";
  font-size: 15px;
}

@media screen and (max-width:500px) {
  .food_subs_detail_bg div {
    padding: 10px 0px;
  }
}

/* food subscription page css end  */


/* billing review page css start  */

.billing_address div {
  color: #393634;
  font-family: "Aleo";
  font-size: 15px;
}

.change_address a {
  color: #6E6966;
  font-family: "Aleo";
  font-size: 12px;
}

/* billing review page css end  */

/* Dog profile page css start  */

/* Dog setup css page start */

.Profile_title {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 40px;

}

.dog_setup_tab {

  background-color: #FFF4E9;
  width: fit-content;

}

.dog_setup_tab .dog_setup_link:focus,
.dog_setup_tab .dog_setup_link.active {
  background-color: #733712 !important;
  color: white;
}

.dog_setup_link,
.dog_setup_link:hover {

  color: #733712;
  font-size: 20px;
  font-family: "Aleo";

}

.dog_setup_des {

  color: #383634;
  font-family: "Aleo";
  font-size: 20px;

}



.add_btn {

  color: #000000;
  font-family: "Aleo";
  font-size: 28px;

}

.add_icon,
.add_icon:hover,
.add_icon:focus {

  color: white;
  font-size: 50px;
  background-color: #733712;
  border-radius: 50%;
  width: 100px;

}

.dog_profile_card {

  background-color: #EBE4DD;
  box-shadow: 0px 0px 10px #00000033;

}

.dog_profile_card_title {

  color: #000000;
  font-family: "Aleo";
  font-size: 28px;

}

.dog_profile_card_sub {

  color: #6E6E6E;
  font-family: "Aleo";
  font-size: 12px;

}

.dog_profile_card_details {

  color: #6E6E6E;
  font-family: "Aleo";
  font-size: 15px;
}

.More_Details,
.More_Details:hover {

  background-color: #733712;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 12px;

}

.Edit_btn,
.Edit_btn:hover {

  background-color: #733712;
  color: #FFFFFF;
  border-radius: 20px;

}

.Delete_btn,
.Delete_btn:hover {

  background-color: #FFF4E9;
  color: #000000;
  border-radius: 20px;

}

.add_btn_card {

  border: 3px dashed;
  padding: 10% 0%;

}

@media screen and (max-width: 1000px) {
  .add_btn_card {

    padding: 53% 0%;
  }
}

/* Dog setup css page end */

/* More details css page start */


.more_details_title {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 72px;

}

.more_details_card {

  height: 68vh;
  width: 1000px;
  background-color: #EBE4DD;
  box-shadow: 0px 0px 10px #00000033;

}

.dog_img {

  height: 65vh;

}

.more_details_card_title {

  color: #000000;
  font-family: "Aleo";
  font-size: 90px;

}

.more_details_card_sub {

  color: #6E6E6E;
  font-family: "Aleo";
  font-size: 30px;
}

.more_details_card_details tr td {

  color: #6E6E6E;
  font-family: "Aleo";
  font-size: 15px;

}

.Next_btn {

  color: #000000;
  font-family: "Aleo";
  font-size: 22px;

}

/* More details css page end */

/* add dog form css page start */

.add_dog_form {

  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  border-radius: 20px;
}

.add_dog_form_input,
.add_dog_form_input::placeholder {

  background-color: #CFBAA4 !important;
  border-radius: 20px;
  color: #F7E9DC;
  font-family: "Aleo";
  font-size: 15px;
  padding: 2%;

}

.Add_Dog,
.Add_Dog:hover {

  background-color: #383634 !important;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 22px;
  padding: 1% 10%;
  border-radius: 30px;

}

.reg_upload_box {
  border: 3px dashed #5a4a42;
  border-radius: 10px;
  padding: 30px;
  text-align: center;
  background-color: #f8f1e7;
  color: #5a4a42;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  width: 100%;
}

.upload_label {
  display: block !important;
}

.upload-box img {
  width: 60px;
  margin-bottom: 10px;
}

.reg_upload_text {
  font-weight: bold;
  font-size: 18px;
}

.reg_upload_info {
  font-size: 12px;
  color: #8c7b6d;
}

.registration_form:focus,
.registration_form:hover {

  background: #e0c7a7;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

}

/* add dog form css page end */

/* Update Profile form css page start*/

.Update_Profile_form {

  background-color: #FFF4E9;
  box-shadow: 4px 4px 2px #CFBAA4;
  border-radius: 20px;

}


.Update_Profile_form_input,
.Update_Profile_form_input::placeholder {

  background-color: #CFBAA4 !important;
  border-radius: 20px;
  color: #F7E9DC;
  font-family: "Aleo";
  font-size: 15px;
  padding: 2%;
}

.update_form_btn,
.update_form_btn:hover {

  background-color: #733712;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 22px;
  width: 150px;
  border-radius: 40px;

}

.update_form_delete_btn,
.update_form_delete_btn:hover {

  background-color: white;
  color: #000000;
  font-family: "Aleo";
  font-size: 22px;
  width: 150px;
  border-radius: 40px;

}

/* Update Profile form css page end*/


/* Dog profile page css end  */


/* profile prefrence page css start  */

.profile_preference_line {
  color: #733712 !important;
  max-width: 50%;

}

.profile_update_pill {
  background-color: #FFF4E9;
  width: fit-content;
}

.profile_setup_tab_btn {
  color: #733712 !important;
  font-family: 'Aleo';
  font-size: 20px;
}

.profile_setup_tab_btn.active,
.profile_setup_tab_btn:focus {
  background-color: #733712 !important;
  color: #FFFFFF !important;
}



.user_profile_btn,
.user_profile_btn:hover {

  background-color: #393634;
  color: #F7E9DC;
  border-radius: 0%;
  font-family: 'Aleo';
  font-size: 15px;

}



.user_profile_title {
  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 40px;
}


.user_profile_text {
  color: #383634;
  font-family: "Aleo";
  font-size: 20px;
}

.user_profile_subtitle {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 40px;
}

.user_profile_text {
  font-family: 'Aleo';

}

.user_profile_label {
  color: #383634;
  font-size: 20px;
  font-family: 'Aleo';
}

.user_profile_input,
.user_profile_input:focus {
  background-color: #FFF4E9;
  border: none;
  padding: 2%;

}

.user_profile_input::placeholder {
  color: #383634;
  font-size: 15px;
  font-family: 'Aleo';
}

.profile_password_label {
  color: #383634;
  font-size: 20px;
  font-family: 'Aleo';
}

.profile_password_input,
.profile_password_input:focus {
  background-color: #FFF4E9;
  border: none;
  padding: 2%;

}

.profile_password_input::placeholder {
  color: #383634;
  font-size: 15px;
  font-family: 'Aleo';
}

.user_profile_password {
  font-family: 'Mouse';
  color: #733711;
}

.profile_password_text {
  font-family: 'Aleo';

}

.address_add_icon {
  height: 100px;

}

.user_add_address_card {

  border: 3px dotted gray;
}

.user_address_card_body {

  height: 300px;
}

.address_card-text {
  color: #393634;
  font-size: 20px;
  font-family: "Aleo";
  text-align: start;
}

.user_address_buttons,
.user_address_buttons:hover {
  background-color: #393634;
  color: #FFF4E9;
  font-family: "Aleo";
  font-size: 15px;
}


.add_address_input,
.add_address_input:focus {
  background-color: #FFF4E9;
  border: none;
  border-radius: 0%;
  padding: 2%;
}

.add_address_input::placeholder,
.add_address_input {
  color: #383634;
  font-size: 15px;
  font-family: "Aleo";

}


.add_address_label {
  font-family: 'Aleo';
  font-size: 20px;
  color: #383634;
}

.alert_add_address {
  font-family: 'Aleo';
  color: #733712;
  font-size: 15px;
}

.add_address_btn {
  border-radius: 0%;
  color: #F7E9DC;
  font-family: 'Aleo';
  font-size: 15px;
}

@media screen and (max-width:1000px) {
  .user_address_card_body {

    min-height: 450px;
  }

}


/* profile preference page css end  */

/* non veg meal css start  */


.nv_meal_banner_title {
  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.nv_meal_banner_desc {
  color: #7C4916;
  font-family: "Aleo";
  font-size: 15px;
}

.nv_meal_banner_list ul li {
  color: #7C4916;
  font-family: "Aleo";
  font-size: 15px;
  line-height: 2;
  font-weight: 400;
  list-style: url('../images/non_veg_meal/paw.png') no-repeat;
}

.nv_meal_banner_list ul li span {
  font-weight: 600;
}

.nv_meal_banner_btn,
.nv_meal_banner_btn:hover {
  background-color: #733711;
  color: #fff;
  font-family: "Aleo";
  font-size: 25px;
}

.what_is_our_nv_meal_bg {
  background-image: url('../images/non_veg_meal/what_is_meal_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  padding: 0% 3%;
  height: 300px;
}

.what_is_our_nv_meal_dog {
  margin-top: -50px;
}

.what_is_our_nv_meal_title {
  color: #fff;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.what_is_our_nv_meal_cards {
  margin-top: -125px;
  padding: 0% 3%;
}

.what_is_our_nv_meal_card_bg {
  background-color: #fff;
  border-radius: 20px;
  padding: 7%;
}

.what_is_our_nv_meal_card_img {
  margin-top: -60px;
  width: 50%;
}

.what_is_our_nv_meal_card_title {
  color: #733711;
  font-family: "Aleo";
  font-size: 15px;

}

.what_is_our_nv_meal_card_desc {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 12px;
}

.why_choose_nv_wd_title {
  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.why_choose_nv_wd_desc {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;
}

.why_choose_nv_wd_card_bg {
  background-color: #7C4916;
  padding: 7%;
  border-radius: 15px;
  height: 100%;
}

.why_choose_nv_wd_card_title {
  color: #fff;
  font-family: "MouseMemoirs";
  font-size: 30px;
}

.why_choose_nv_wd_card_desc {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;
}

.nutrition_nv_wd_title {
  background-color: #7C4916;
  border-radius: 15px;
  padding: 2%;
  color: #FFFFFF;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.nutrition_nv_container {
  position: relative;
  text-align: center;
  margin-top: 5%;
}

.nutrition_nv_image {
  max-width: 100%;
  height: auto;
}

.nutrition_nv_info {
  position: absolute;
  width: 300px;
}

.nutrition_nv_title {
  background-color: #EBB371;
  padding: 2%;
  border-radius: 10px;
  color: #fff;
  font-family: "MouseMemoirs";
  font-size: 25px;

}

.nutrition_nv_desc {
  font-family: "Aleo";
  font-size: 12px;
}

/* Positioning for different nutrients */

/* left side css  */

.nv_antioxidants {
  top: 0%;
  left: 10%;
  text-align: end;
}

.nv_omega {
  top: 19%;
  left: 5%;
  text-align: end;
}

.nv_healthy_fats {
  top: 35%;
  left: 2%;
  text-align: end;
}

.nv_fiber {
  top: 53%;
  left: 0%;
  text-align: end;
}

.nv_carbohydrates {
  top: 72%;
  left: 2%;
  text-align: end;
}

.nv_protein {
  top: 90%;
  left: 5%;
  text-align: end;
}

/* right side css   */

.nv_vitamin_a {
  top: 0%;
  right: 10%;
  text-align: start;
}

.nv_vitamin_c {
  top: 19%;
  right: 5%;
  text-align: start;
}

.nv_vitamin_k {
  top: 35%;
  right: 2%;
  text-align: start;
}

.nv_b_vitamins {
  top: 53%;
  right: 0%;
  text-align: start;
}

.nv_iron {
  top: 72%;
  right: 2%;
  text-align: start;
}

.nv_calcium {
  top: 90%;
  right: 5%;
  text-align: start;
}

.nv_zinc {
  top: 100%;
  left: 40%;
  text-align: center;
}


@media screen and (max-width: 1300px) {
  .nutrition_nv_image {
    width: 50%;
    height: 50%;
  }
}

.perfect_for_nv_dog_section {
  margin-top: 5%;
}

.perfect_for_nv_dog_bg {
  background-image: url('../images/non_veg_meal/perfect_for_dog_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}

.perfect_for_nv_dog_title {
  color: #FFFFFF;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.perfect_for_nv_dog_desc {
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 15px;
  line-height: 2;
}

.perfect_for_nv_dog_btn {
  font-size: 20px;
  font-family: "Aleo";

}

/* non veg meal css end  */


/* veg meal css start  */


.v_meal_banner_title {
  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.v_meal_banner_desc {
  color: #7C4916;
  font-family: "Aleo";
  font-size: 15px;
}

.v_meal_banner_list ul li {
  color: #7C4916;
  font-family: "Aleo";
  font-size: 15px;
  line-height: 2;
  font-weight: 400;
  list-style: url('../images/veg_meal/paw.png') no-repeat;
}

.v_meal_banner_list ul li span {
  font-weight: 600;
}

.v_meal_banner_btn,
.v_meal_banner_btn:hover {
  background-color: #733711;
  color: #fff;
  font-family: "Aleo";
  font-size: 25px;
}

.what_is_our_v_meal_bg {
  background-image: url('../images/veg_meal/what_is_meal_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  padding: 0% 3%;
  height: 300px;
}

.what_is_our_v_meal_dog {
  margin-top: -50px;
}

.what_is_our_v_meal_title {
  color: #fff;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.what_is_our_v_meal_cards {
  margin-top: -125px;
  padding: 0% 3%;
}

.what_is_our_v_meal_card_bg {
  background-color: #fff;
  border-radius: 20px;
  padding: 7%;
}

.what_is_our_v_meal_card_img {
  margin-top: -60px;
  width: 50%;
}

.what_is_our_v_meal_card_title {
  color: #733711;
  font-family: "Aleo";
  font-size: 15px;

}

.what_is_our_v_meal_card_desc {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 12px;
}

.why_choose_v_wd_title {
  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.why_choose_v_wd_desc {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;
}

.why_choose_v_wd_card_bg {
  background-color: #7C4916;
  padding: 7%;
  border-radius: 15px;
  height: 100%;
}

.why_choose_v_wd_card_title {
  color: #fff;
  font-family: "MouseMemoirs";
  font-size: 30px;
}

.why_choose_v_wd_card_desc {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;
}

.nutrition_v_wd_title {
  background-color: #7C4916;
  border-radius: 15px;
  padding: 2%;
  color: #FFFFFF;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.nutrition_v_container {
  position: relative;
  text-align: center;
  margin-top: 5%;
}

.nutrition_v_image {
  max-width: 100%;
  height: auto;
}

.nutrition_v_info {
  position: absolute;
  width: 300px;
}

.nutrition_v_title {
  background-color: #EBB371;
  padding: 2%;
  border-radius: 10px;
  color: #fff;
  font-family: "MouseMemoirs";
  font-size: 25px;

}

.nutrition_v_desc {
  font-family: "Aleo";
  font-size: 12px;
}

/* Positioning for different nutrients */

/* left side css  */

.v_antioxidants {
  top: 0%;
  left: 10%;
  text-align: end;
}

.v_omega {
  top: 19%;
  left: 5%;
  text-align: end;
}

.v_healthy_fats {
  top: 35%;
  left: 2%;
  text-align: end;
}

.v_fiber {
  top: 53%;
  left: 0%;
  text-align: end;
}

.v_carbohydrates {
  top: 72%;
  left: 2%;
  text-align: end;
}

.v_protein {
  top: 90%;
  left: 5%;
  text-align: end;
}

/* right side css   */

.v_vitamin_a {
  top: 0%;
  right: 10%;
  text-align: start;
}

.v_vitamin_c {
  top: 19%;
  right: 5%;
  text-align: start;
}

.v_vitamin_k {
  top: 35%;
  right: 2%;
  text-align: start;
}

.v_b_vitamins {
  top: 53%;
  right: 0%;
  text-align: start;
}

.v_iron {
  top: 72%;
  right: 2%;
  text-align: start;
}

.v_calcium {
  top: 90%;
  right: 5%;
  text-align: start;
}

.v_zinc {
  top: 100%;
  left: 40%;
  text-align: center;
}


@media screen and (max-width: 1300px) {
  .nutrition_v_image {
    width: 45%;
    height: auto;
  }
}

.perfect_for_v_dog_section {
  margin-top: 5%;
}

.perfect_for_v_dog_bg {
  background-image: url('../images/veg_meal/perfect_for_dog_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}

.perfect_for_v_dog_title {
  color: #FFFFFF;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.perfect_for_v_dog_desc {
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 15px;
  line-height: 2;
}

.perfect_for_v_dog_btn {
  font-size: 20px;
  font-family: "Aleo";

}

/* veg meal css end  */

/* global footer css start */

/* wd banner css start  */

.wd_banner {
  background-image: url('../images/veg_meal/wd_banner.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}

.wd_foods_bg {
  background-color: #FFFAF2;
  box-shadow: 7px 8px 10px #0000001C;
  padding: 4% 7%;
  border-radius: 15px;
}

.wd_foods_title {
  color: #726249;
  font-family: "Morn";
  font-size: 20px;
}

.wd_menu_card {
  background-color: #FFFAF2;
  border-radius: 10px;
  box-shadow: 7px 8px 10px #0000001C;
  padding: 3% 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}


.wd_menu_title {
  color: #726249;
  font-family: "Morn";
  font-size: 15px;
}

@media screen and (max-width:500px) {
  .wd_banner {
    height: 300px;
  }
}

/* wd banner css end  */

/* faq css start  */

.faq_heading {
  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 50px;
}

.faq_item {

  margin-bottom: 30px !important;
  border-radius: 15px !important;
  background-color: #F0E7DC;

}

.faq_tittle {

  background-color: #127579 !important;
  font-family: "Morn";
  color: white !important;
  font-size: 30px;
  border-radius: 15px !important;
}

.faq_body {

  font-family: "Aleo";
  font-size: 20px;
  padding: 30px 20px;

}

.faq_section {
  position: relative;
  height: auto;
  margin-top: 5%;
}

.faq_dog_section {
  position: absolute;
  top: 25%;
  left: 0;
}



.faq_dog {
  width: 75%;
}



/* faq css end  */

/* footer css start  */

.footer_section {

  background-color: #baaa97;
  border-radius: 50px 50px 0 0;
  height: 50vh;
  padding: 5%;
  margin-top: 10%;
}

.footer_vr {
  width: 2px;
  height: 200px;
  background-color: white;
}

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


  .footer_section {
    height: auto;
  }

}

/* footer css end   */

/* global footer css end */


/* home page css start  */


#Banner {

  background-image: url('../images/homepage/Banner_bg_1.png');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 110vh;

}

.banner_title {

  font-family: "MouseMemoirs";
  color: #7B4A23;
  font-size: 75px;
  font-weight: 200;

}

.banner_desc {

  font-family: "Aleo";
  color: #716D6A;
  font-size: 18px;
  padding-top: 20px;
}


#banner_paw {
  margin-left: 3%;
}

#banner_paw path {
  opacity: 0;
}



.btn-slot,
.btn-slot:hover {

  background-color: #7B4A23;
  color: white;
  border-radius: 5px;
  padding: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 25px;
}

.btn {

  padding: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 25px;

}

/* 🔹 Tablets (768px - 991px) */
@media (max-width: 991px) {
  .banner_tittle {
    font-size: 40px !important;
  }

  #Banner p {
    font-size: 20px;
  }

  .d-flex.gap-4 {
    flex-direction: column;
    gap: 10px;
  }


}

/* 🔹 Mobile Screens (up to 767px) */
@media (max-width: 767px) {
  #Banner {
    text-align: center;
  }

  .banner_tittle {
    font-size: 1.8rem;
  }

  #Banner p {
    font-size: 0.95rem;
  }


  .btn-slot,
  .btn-dark {
    width: 100%;
  }
}

/* why choose css start  */


.feature-box {
  background: white;
  border-radius: 40px;
  padding: 40px 15px;
  text-align: center;
  height: 100%;
}

.details {
  font-family: "Aleo";
  font-size: 15px;
  color: #B78F5F;
}

#why_choose_box {

  margin: 0 1%;
}

.feature-title {
  font-weight: bold;
  color: #7B4A23;
  /* Brown color */
  font-family: "Aleo";
  font-size: 25px;
}



#Why_choose {
  /*margin-top: -95px; */
  background-color: #F0E6DA;
  border-radius: 100px;


}

.why_choose_tittle {

  font-family: "Mouse";
  color: #7B4A23;
  font-size: 60px;
  font-weight: 200;
  padding-top: 70px;
}

/* why choose css end  */

/* how it works css start  */



#why-us {
  background: url('../images/homepage/How_it_works.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-color: white;
  height: 100vh;

}

.hit_text {
  padding-left: 100px;
}

.content-box {

  background: white;
  border-radius: 15px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 70px;
  height: 75%;
}

.btn-custom,
.btn-custom:hover {
  background: black;
  color: white;
  border-radius: 10px;

  font-weight: bold;
}

.Tell_Us_About {

  font-family: "Aleo";
  color: #733711;


}

.how_it_works {

  font-family: "aleo";
  color: #B78F5F;
}

@media (max-width:1300px) {

  .content-box {

    height: 35vh;

  }

}


/* how it works css end  */

/* dog accesories css start  */



.ball {

  background-color: #96744B !important;
  color: white !important;

}

.toys {

  color: white !important;
}

.category-card {
  background-color: #fdf8f2;
  padding: 15px;
  text-align: center;
  border-radius: 10px;
  font-family: "MouseMemoirs";
  border-bottom: 6px solid #96744B;
}

.category-card p {
  margin: 0;
  font-size: 25px;
  color: #333;
}

.category-card img {

  height: 83px;

  width: 83px;
}


.product-card {
  border-radius: 10px;
  text-align: center;
  padding: 20px;
  background: #D6E4E6;
}

.img_shadow {

  background-color: #9EBFC3;
  border-radius: 5px 5px 0px 0 !important;
  padding: 40px;

}


.product_card_body {

  border-radius: bottom 4px;
  text-align: center;
  padding: 10px;
  background-color: #D6E4E6 !important;
  border-radius: 0px 0px 5px 5px !important;
  border: none !important;
}

.price {

  color: #957F70;
  font-family: "Morn";
  font-size: large;
  text-align: start;

}

#add_cart {

  background-color: white;
  color: #957F70;
  font-family: "Morn";
}

.toys_des {

  color: #957F70;
  font-family: "Aleo";
  text-align: start;
}

#toys_tittle {

  font-family: "MouseMemoirs";
  color: #79604E;

}

#toys_section {

  margin-top: 100px;
}

.dog_accessories_title {
  font-size: 25px;
  color: #37373f;
  font-family: "Aleo";
  font-weight: bold;
}

.dog_accessories_desc {
  color: #E0C8A2;
  font-size: 20px;
  font-family: "Aleo";
}

/* dog accesories css end  */

/* wd banner css start  */


#Wd_banner {

  background-image: url('../images/homepage/wd_banner.png');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 100vh;

}

@media (max-width:1300px) {
  #Wd_banner {
    height: auto;
    min-height: 75vh;
    background-position: center center;
  }
}

@media (max-width: 768px) {
  #Wd_banner {
    height: auto;
    min-height: 45vh;
    background-position: center center;
  }
}


/* wd banner css end */

/* exclusive meal css start  */


#Exclusive_meal {

  background-image: url('../images/homepage/Exclusive_meal_banner_bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
}

.exclusive {

  font-family: "MouseMemoirs";
  font-size: 70px;
  color: white !important;

}


.meal_section {
  margin-bottom: 30px;
  border-radius: 15px !important;
  box-shadow: 5px 9px 5px #00000029 !important;

}

.meal_tittle {

  border-radius: 15px !important;
  font-size: 25px;
  color: #AD7F5A !important;
  font-weight: bold;
  font-family: "Morn";
  background-color: white !important;

  border-color: white !important;
}

.meal_title:focus {
  box-shadow: none !important;
}

.meal_des {

  font-size: 15px;

}


/* exclusive meal css end  */

/* some of our client start  */


#Some_of_our_clients_saying {

  background-image: url('../images/homepage/Some_of_our_clients.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  margin: 2% 5%;
  border-radius: 30px;
}

.testimonial-container {
  margin-top: 70px;
}

.Some {

  color: #733711;
  font-family: "MouseMemoirs";
  font-size: 70px;

}


.testimonial-card {
  background-color: #0f736e;
  color: white;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 25px;

}

.testimonial-img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  object-fit: cover;
  margin: 0 25px;
}

.testimonial-des {

  font-family: "aleo";
  font-size: 12px;
}

.testimonial-container {

  margin-top: 70px;
  height: 600px;
  overflow: hidden;
}


.swiper-pagination input[type="radio"] {
  margin: 10px;
  cursor: pointer;
  accent-color: #000;
}


/* some of our client end  */

/* home page css end  */


/* Dog Stories page css start */

/* Dog stories page First section start */

.dog_stories_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 70px;

}

.dog_stories_sub {

  color: #912001;
  font-family: "MontserratAlternates";
  font-size: 37px;
}

.dog_stories_des {

  color: #7C4916;
  font-family: "Aleo-regular";
  font-size: 18px;


}

.best_stories_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 37px;

}

/* Dog stories page First section end */

/* Dog stories page second section start */


.dog_nutrition_des {

  background-color: #FFFAF2;
  color: #733711;
  font-family: "Aleo";
  font-size: 10px;
  border-radius: 20px;
  padding: 3% 6%;

}

.dog_nutrition_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 21px;

}

.dog_nutrition_sub {

  color: #7C4916;
  font-family: "Aleo-regular";
  font-size: 13px;

}

/* Dog stories page second section end */

/* Dog stories page third section start */

.lately_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 37px;

}

.about_dog {

  background-color: #FFFAF2;
  color: #733711;
  font-family: "Aleo";
  font-size: 10px;
  border-radius: 20px;
  padding: 3% 7%;

}

.about_dog_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 25px;

}


.about_dog_sub {

  color: #7C4916;
  font-family: "Aleo-regular";
  font-size: 13px;

}

/* Dog stories page third section end */

/*  Dog stories page fourth section start */

.load_btn {

  background-color: #7C4916;
  color: #FFFFFF;
  font-family: "MouseMemoirs";
  font-size: 38px;
  padding: 1% 7%;
  border-radius: 10px;

}

/* Mobile responsive Dog stories start */

@media (max-width: 500px) {

  .dog_stories_title {

    font-size: 40px;

  }

  .dog_stories_sub {

    font-size: 25px;

  }

  .dog_stories_des {

    font-size: 15px;

  }

  .best_stories_title {

    font-size: 40px;
  }

  .dog_nutrition_des {

    font-size: 15px;

  }

  .dog_nutrition_title {

    font-size: 30px;

  }

  .dog_nutrition_sub {

    font-size: 20px;

  }

  .lately_title {

    font-size: 40px;

  }

  .about_dog {

    font-size: 15px;

  }

  .about_dog_title {

    font-size: 30px;

  }

  .about_dog_sub {

    font-size: 20px;

  }

  /* Mobile responsive Dog stories end */

  /* Mobile responsive Food page start */

  .real_food_title {

    font-size: 40px;

  }

  .real_food_sub {

    font-size: 15px;

  }

  .real_food_des {

    font-size: 15px;

  }



  /* Mobile responsive Food page end */

}




/* Tablet responsive Dog stories start */

@media (max-width: 1000px) {

  .dog_stories_title {

    font-size: 40px;

  }

  .dog_stories_sub {

    font-size: 25px;

  }

  .dog_stories_des {

    font-size: 15px;

  }

  .dog_nutrition_des {

    font-size: 14px;

  }

  .dog_nutrition_title {

    font-size: 23px;

  }

  .dog_nutrition_sub {

    font-size: 18px;

  }

  .about_dog {

    font-size: 14px;

  }

  .about_dog_title {

    font-size: 25px;

  }

  .about_dog_sub {

    font-size: 18px;

  }

}

/* Tablet responsive Dog stories end */

/*  Dog stories page fourth section end */

/* Dog Stories page css end */



/* Food page Css Start */

/* Give Your Dog the Gift of Real Food section start */

.real_food_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 55px;
}

.real_food_sub {

  color: #7C4916;
  font-family: "Aleo";
  font-size: 18px;

}

.real_food_des {

  color: #7C4916;
  font-family: "Aleo";
  font-size: 15px;

}

.real_food_des ul li {

  list-style: url('../images/food_page/paw.png');

}

.food_slot_btn,
.food_slot_btn:hover {

  background-color: #733711;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 20px;
  padding: 15px 40px;

}

.food_Explore_btn,
.food_Explore_btn:hover {

  background-color: #000000;
  font-family: "Aleo";
  color: #FFFFFF;
  font-size: 20px;
  padding: 15px 40px;

}

/* Give Your Dog the Gift of Real Food section end */

/* Thinking dog section start */

.wonm_text {
  padding-left: 100px;
  padding-top: 5%;
}

.Menu_think_dog {

  background: url('../images/food_page/what_is_menu_bg.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-color: white;
  height: 75vh;

}

.meal_box {

  background-color: white;
  padding: 8%;
  border-radius: 20px;
  height: 35vh;

}

.meal_box_title {

  color: #733711;
  font-family: "Aleo";
  font-size: 20px;

}

.meal_box_sub {

  color: #B78F5F;
  font-family: "Aleo";
  font-size: 18px;
  height: 100px;

}

.food_Subscribe_btn,
.food_Subscribe_btn:hover {

  background-color: #000000;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 20px;

}

/* Thinking dog section end */

/* how it works start */

.works_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 100px;
  margin-bottom: 3%;

}


.how_it_work_section {
  position: relative;
}

.foot_print_meal {

  position: absolute;
  top: 50%;
  left: 5%;

}

.foot_print_delivery {

  position: absolute;
  top: 25%;
  left: 35%;

}

.foot_print_thrive {

  position: absolute;
  top: 60%;
  left: 55%;

}

.foot_print_meal_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 100px;

}

.foot_print_delivery_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 100px;

}

.foot_print_thrive_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 100px;

}

.foot_print_meal_sub {

  color: #733711;
  font-size: 20px;
  font-family: "Aleo";
}

.foot_print_meal_des {

  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;

}

.foot_print_delivery_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 100px;

}

.foot_print_delivery_sub {

  color: #733711;
  font-size: 20px;
  font-family: "Aleo";

}

.foot_print_delivery_des {
  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;
}

.foot_print_thrive_sub {


  color: #733711;
  font-size: 20px;
  font-family: "Aleo";

}

.foot_print_thrive_des {

  color: #B78F5F;
  font-family: "Aleo";
  font-size: 15px;

}

.foot_print_thrive_title {

  color: #912001;
  font-family: "MouseMemoirs";
  font-size: 100px;

}

/* how it works end */

/* Food page css end */



/* dog tummy page start */

.dog_tummy_header_buttons {
  font-family: 'Aleo';
  font-size: 12px;
  background-color: #FFFAF2;
  color: #733711;
  min-width: 80px;
  border: 0px;
  border-radius: 13px;
}

.dog_tummy_title {
  font-family: 'MouseMemoirs';
  font-size: 75px;
  color: #912001;
}

.dog_tummy_intro_text {
  font-family: 'Aleo';
  font-size: 22px;
  color: #912001;
  line-height: 2;
}

.dog_tummy_hero_image {
  width: 200px;
  height: 200px;
}

.dog_tummy_authors {
  margin-top: 50px;
}


.dog_tummy_author_profile {
  width: 40px;
  height: 40px;
  font-size: 18px;
  margin-right: -10px;

}

.dog_tummy_author_info {
  font-family: 'Aleo';
  font-size: 15px;
  color: #000000
}

.dog_tummy_author_timeline {
  font-family: 'Aleo';
  font-size: 15px;
  color: #000000
}



.dog_tummy_hero_image {
  width: 100% !important;
  height: auto;


}

.dog_tummy_section_text {
  font-family: 'Aleo';
  font-size: 18px;
  color: #912001;
  line-height: 2;


}

.dog_tummy_section_title {
  font-family: 'MouseMemoirs';
  font-size: 48px;
  color: #912001;

}

.dog_tummy_list {
  font-family: 'Aleo';
  font-size: 18px;
  color: #912001;
  line-height: 2;
  list-style-type: none;
}

.dog_tummy_secondary_image {
  width: 100%;

}

.dog_tummy_artical_cards_title {


  font-family: 'MouseMemoirs';
  font-size: 19px;
  color: #912001;
}

.dog_tummy_artical_cards_text {

  font-family: 'Aleo';
  font-size: 13px;
  color: #912001;
  line-height: 2;


}

.dog_tummy_header_label {
  background-color: #FFFAF2;
  color: #733711;
  font-family: "Aleo";
  font-size: 10px;
  border-radius: 20px;
  padding: 3% 6%;

}

/* dog_tummy care responsive */
@media (max-width: 1000px) {

  .dog_tummy_image {
    padding: 10px;
  }

  .dog_tummy_section_text {
    margin-bottom: 10px;
  }
}


/* dog tummy css end  */




/* contactus */
.waggdine_contact_banner {
  background-image: url('/assets/images/contact/contact_banner.png');
  height: 100vh;
  background-size: cover;
  background-position: center;
  color: white;
  padding: 1rem;
}


.waggdine_contact_title {
  font-family: 'MouseMemoirs';
  font-size: 100px;
  color: #912001;

}

.waggdine_contact_description {

  font-family: 'Aleo';
  font-size: 18px;
  color: #912001;
  line-height: 2;
  margin-right: 20px;

}

.cuntact_us_title {
  font-family: 'MouseMemoirs';
  font-size: 161px;
  color: #912001;
}

.contact_us_text {
  font-family: 'Aleo';
  font-size: 18px;
  color: #912001;
  line-height: 2;
}

.contact_us_whatsapp_icon,
.contct_us_email_icon,
.contct_us_shop_icon,
.contact_us_email_icon,
.contact_us_shop_icon {
  font-size: 50px;
  color: #912001;


}

.contact_us_phone_icon {
  font-size: 25px;
  color: #F8F4F1;
  padding: 20px;
  background-color: #912001;
  border-radius: 100px;

}

.contact_us_card {
  background-color: #F8F4F1;
  max-width: 300px;
  max-height: 300px;
  padding: 20px;
  border-radius: 25px;

}

.contact_us_phone_title {
  font-family: 'MouseMemoirs';
  font-size: 45px;
  color: #912001;


}

.contact_us_phone_text {
  font-family: 'Aleo';
  font-size: 18px;
  color: #912001;
  line-height: 2;
}

.contact_us_label {
  font-family: 'MouseMemoirs';
  font-size: 50px;
  color: #912001;

}



.waggdine-contact-input,
.waggdine-contact-input:focus {

  background-color: #F8F4F1;
  color: #912001;
  border-radius: 20px;
  font-size: 15px;
  padding: 10px;
  border: none;

}

.waggdine-contact-input::placeholder {
  color: #F0C8C8;
}

.waggdine-contact-submit {
  background-color: #912001;
  color: #FFFFFF;
  border-radius: 15px;
  width: 100%;
  border: none;
  font-size: 25px;
}

.waggdine-contact-textarea {
  background-color: #F8F4F1 !important;
  color: #912001 !important;
  border-radius: 20px !important;
  font-size: 33px !important;
  border: none;
}

.waggdine-contact-textarea::placeholder {
  color: #F0C8C8;
  font-size: 15px;
}

/* contact us responsive */


@media (max-width: 1000px) {

  .waggdine_contact_title {
    font-size: 80px;
    align-items: center;
    justify-content: center;



  }

  .waggdine_contact_description {
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }

  .cuntact_us_title {
    font-size: 70px;
  }

  .contct_us_phone_icon {
    font-size: 20px;
    padding: 10px;
    color: #912001;
    border-radius: 100px;
    margin-bottom: 10px;


  }

  .contact_us_phone_title {
    font-size: 30px;
  }

  .contact_us_phone_text {
    font-size: 12px
  }

  .contact_us_label {
    font-size: 30px;


  }

  .waggdine-contact-input,
  .waggdine-contact-input:focus {

    font-size: 18px;
    padding: 20px;

  }

  .waggdine-contact-input::placeholder {
    font-size: 20px;
  }

  .waggdine-contact-textarea,
  .waggdine-contact-textarea::placeholder {
    font-size: 20px;

  }


  .waggdine-contact-textarea {


    border-radius: 20px !important;
    font-size: 20px !important;

  }

  .waggdine-contact-submit {
    font-size: 35px;

  }


}

@media (max-width: 575.98px) {

  .waggdine_contact_title {
    font-size: 40px;
    align-items: center;
    justify-content: center;



  }

  .waggdine_contact_description {
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 14px;
  }

  .cuntact_us_title {
    font-size: 35px;
  }

  .contact_us_text {
    font-size: 14px;
  }

  .contct_us_phone_icon {
    font-size: 18px;
    padding: 8px;
    color: #912001;
    border-radius: 100px;
    margin-bottom: 5px;


  }

  .contact_us_phone_title {
    font-size: 25px;
  }

  .contact_us_phone_text {
    font-size: 12px
  }

  .contact_us_label {
    font-size: 30px;


  }

  .waggdine-contact-input,
  .waggdine-contact-input:focus {

    font-size: 18px;
    padding: 20px;

  }

  .waggdine-contact-input::placeholder {
    font-size: 20px;
  }

  .waggdine-contact-textarea,
  .waggdine-contact-textarea::placeholder {
    font-size: 20px;

  }


  .waggdine-contact-textarea {


    border-radius: 20px !important;
    font-size: 20px !important;

  }

  .waggdine-contact-submit {
    font-size: 20px;

  }

  .contact_us_map {
    height: 100px;
    width: 100px;
  }


}


/* wd contact us css end  */