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

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

@font-face {
  font-family: 'Mouse Memoirs';
  src: url("https://waggdine.fourdm.info/assets/fonts/Mouse Memoirs-Regular.ttf");
}

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

/* Global css start  */

body {
  background-color: white !important;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}
.row {
  margin-left: 0;
  margin-right: 0;
}

@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); */

  }
.row {
    margin-right: 0;
    margin-left: 0;
  }
}

.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;
  }
}

@media screen and (max-width:1000px){
    .dropdown-menu{
    background:transparent !important;
    box-shadow:none !important;
}
}

@media screen and (max-width:500px){
    .dropdown-menu{
    background:transparent !important;
    box-shadow:none !important;
}
}

/* 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: "Mouse Memoirs" !important;
  color: #733711;
  font-size: 35px;

}

.login_account_des {

  color: #716D6A;
  font-size: 15px;
}
textarea.form-control {
  font-size: 14px !important;
  height: 250px;
}

/* Mobile view */
@media (max-width: 768px) {
  textarea.form-control {
    height: 150px;   /* reduce height for mobile */
  }
}



.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: "Mouse Memoirs";
  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 !important;
  border-radius: 10px;
}
.create_account_form::placeholder{
color: #fff !important;
}

.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: "Mouse Memoirs" !important;
  color: #733711;
  font-size: 35px;

}

.forgot_password_account_des {

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

.forgot_password_account_form {

  background: #CFBAA4 !important;
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 35px;

}

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

  background-color: #CFBAA4 !important;
  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: "Mouse Memoirs";
  font-size: 50px;
  color: #733711;

}

.reset_conformation_sub {

  font-family: "Mouse Memoirs";
  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 !important;
  box-shadow: 4px 4px 2px #CFBAA4;
  width: 300px;
  border-radius: 20px;
}

.profile_user_details_title,
.profile_user_details_title a {

  font-family: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 30px;
}

.plan_duration_des {

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

.plan_duration_price {

  color: #6A6563;
  font-family: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 30px;
}

.selected_meal_des {

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

}

.selected_meal_price {

  color: #FFF4E9;
  font-family: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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_image_wrapper {
    width: 100%;
    height: 250px; 
}

.dog_image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain; 
  
}

.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%;
  cursor:pointer;

}

.pop_dog_wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;

}

@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: "Mouse Memoirs";
  font-size: 72px;

}

.more_details_card {

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

}


.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;

}

.Add_Dog,
.Add_Dog:hover {

  background-color: #383634 !important;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 22px;
  padding: 1% 10% !important;
  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;
}

.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: "Mouse Memoirs";
  font-size: 40px;
}


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

.user_profile_subtitle {

  color: #733711;
  font-family: "Mouse Memoirs";
  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;

}

.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;

}

.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%;
}

.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;
}

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

.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: "Mouse Memoirs";
  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;
}
.contact_us_card .fa {
  font-size: 40px; /* Increase icon size */
  color: #912001; /* Optional: set color */
}


.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.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
  padding: 0% 3%;
  height: 450px;

  position: relative; /* 🔑 important */
}


.what_is_our_nv_meal_dog {
  position: absolute;
  top: -150px;      /* adjust this value */
  right: 15%;        /* or left */
}


.what_is_our_nv_meal_title {
  color: #fff;
  font-family: "Mouse Memoirs";
  font-size: 50px;
  position: absolute;
  top: -200px;      /* adjust this value */
  left: 100px; 


}

.whinsite_text1{
  color: #fff;
  font-family: "Mouse Memoirs";
  font-size: 50px;
  position: absolute;
  top: -190px;      /* adjust this value */
  right: -590px; 
}

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

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

.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: 20px;

}

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

.why_choose_nv_wd_title {
  color: #733711;
  font-family: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 25px;

}

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

@media screen and (max-width:500px){
    .nutrition_nv_wd_title{
        font-size:22px;
    }
    .nv_meal_banner_btn{
        font-size:20px;
    }
} 

/* 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/perfectfoodfooter.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}

.perfect_for_nv_dog_title {
  color: #FFFFFF;
  font-family: "Mouse Memoirs";
  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";

}

@media screen and (max-width:500px){
    
    .what_is_our_nv_meal_section{
        margin-top:35%;
    }
    .what_is_our_nv_meal_mob_bg {
  background-image: url('../images/non_veg_meal/what_is_meal_bg.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px 30px 15px 15px;
  padding: 0% 3%;
  height: 330px;
  position: relative;
}

.what_is_our_nv_meal_mob_dog {
 position: absolute;
  top: -70px;      /* adjust this value */
}



.what_is_our_nv_meal_mob_title {
  color: #fff;
  font-family: "Mouse Memoirs";
  font-size: 30px;
  position: absolute;
  top: -100px;
}


.mob_banner_dog {
  min-width: 120px;
  height: 300px;
  
 
}
.what_is_our_nv_meal_mob_card_bg {
  background-color: #fff;
  border-radius: 20px;
  padding: 5%;
  filter: drop-shadow(0 0 5px #733711);
  min-height: 220px;

}


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

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

}


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

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


}

/* non veg meal css end  */


/* veg meal css start  */


.v_meal_banner_title {
  color: #912001;
  font-family: "Mouse Memoirs";
  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: 500px;
}


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

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

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

.what_is_our_v_meal_card_bg {
  background: #FFF4E9;
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 25px;

}

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

@media screen and (max-width:500px){
    .nutrition_v_wd_title{
        font-size:22px;
    }
    
    .v_meal_banner_btn{
        font-size:20px;
    }
}

/* 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/s.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 700px;
}

.perfect_for_v_dog_title {
  color: #FFFFFF;
  font-family: "Mouse Memoirs";
  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";

}

@media screen and (max-width:500px){
    
    .what_is_our_v_meal_section{
        margin-top:35%;
    }
    .what_is_our_v_meal_mob_bg {
  background-image: url('../images/veg_meal/what_is_meal_bg.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px 30px 15px 15px;
  padding: 0% 3%;
  height: 350px;
}

.what_is_our_v_meal_mob_dog {
  margin-top: -50px;

}


.what_is_our_v_meal_mob_title {
  color: #fff;
  font-family: "Mouse Memoirs";
  font-size: 30px;
}


.mob_banner_dog {
  min-width: 120px;
  height: 300px;
  
 
}
.what_is_our_v_meal_mob_card_bg {
  background-color: #fff;
  border-radius: 20px;
  padding: 5%;
  filter: drop-shadow(0 0 5px #733711);
  min-height: 220px;

}


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

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

}


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

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


}
/* Desktop / system view */
@media (max-width: 768px) {
  .hiw_box {
    height: auto !important;
  }
}


/* veg meal css end  */

/* global footer css start */

/* wd banner css start  */



.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', sans-serif;  font-size: 20px;
}

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


.wd_menu_title {
  color: #726249;
font-family: 'Morn', sans-serif;  font-size: 20px;
   font-weight: 700;
}

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

/* wd banner css end  */

/* faq css start  */

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

.faq_item {

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

}

.faq_tittle {

  background-color: #127579 !important;
 font-family: 'Montserrat', sans-serif;  color: white !important;
  font-size: 30px;
  border-radius: 15px !important;
}

.faq_body {
  background: #f0e7dc;
  font-family: "Aleo";
  font-size: 20px;
  padding: 30px 20px;

}

.faq_section {
  position: relative;
  height: auto;
  margin-top: 5%;
}
/* Apply this only on large screens (desktops/laptops) */
@media screen and (min-width: 1024px) {
  .faq_container {
    margin-left: 140px;
    margin-right: 100px;
  }
}

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



.faq_dog {
  width: 75%;
}

@media screen and (max-width:500px){
    .faq_heading{
        font-size:50px;
    }
    .faq_tittle{
        font-size:15px;
    }
    .faq_body {
        font-size:16px;
    }
}

/* faq css end  */

/* footer css start  */

.footer_section {

  background-color: #baaa97;
  color: white;
  border-radius: 50px 50px 0 0;
  height: 65vh;
  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  */

/*home page banner section css start */

#Banner {
  background-image: url('../images/homepage/homeBanner.webp');
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  min-height: 113vh;
}

.banner_title {

  font-family: "Mouse Memoirs";
  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;
}



.home_page_book_btn,
.home_page_book_btn:hover {

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

.home_page_explore_btn,
.home_page_explore_btn:hover {
  background-color: #000000;
  color: white;
  border-radius: 5px;
  padding: 10px;
  padding-right: 30px;
  padding-bottom: 10px;
  text-align: center;
  padding-left: 25px;
}

@media screen and (max-width:1000px){
    #m_Banner {
    background-image: url('../images/homepage/wagg_mobile_banner.webp');
  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  height: 150vh;
padding: 2% 0;

  }

}

@media screen and (max-width:500px){
    #m_Banner {
    background-image: url('../images/homepage/wagg_mobile_banner.webp');
  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding: 2% 0;

  }
  .banner_title{
      font-size:50px;
  }

}


/*home page banner section css end */


/* why choose css start  */


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


}

.why_choose_tittle {

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

.why_choose_feature_box {
    background: white;
    border-radius: 40px;
    padding: 20px 20px;
    text-align: center;
    height: 100%;
    margin: 10px;
}

.why_choose_box {

  margin: 0 1%;
}

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

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

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


/* why choose css end  */

/* how it works css start  */



.hiw_bg {
  background: url('../images/homepage/howitworks.webp');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;

}

.hiw_text {
  padding-left: 30px;
  margin-top: 50px;
}

.hiw_box {

  background: white;
  border-radius: 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 50px;
}


.hiw_title {

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


}
.swiper {
  overflow: hidden;
}

.hiw_desc {

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

.hiw_quiz_btn,
.hiw_quiz_btn:hover,.hiw_explore_btn,.hiw_explore_btn:hover {
  background: black;
  color: white;
  border-radius: 10px;
  font-weight: bold;
}
/* Remove horizontal scroll everywhere */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0;
  padding: 0;
}

/* Prevent padding + width overflow */
*,
*::before,
*::after {
  box-sizing: border-box;
}



/* how it works css end  */

/*how it work for tab and mobile css start */

.hiw_mobile_bg{
  background: url('../images/homepage/howitworks.webp');
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  
}

@media screen and (max-width:1000px){
    .hiw_mobile_bg{
  background: url('../images/homepage/howitworks.webp');
  background-size: cover;
  background-repeat: no-repeat;

  height: 50vh;
}
    .hiw_box{
       margin-top: 20px;
    }
}

@media screen and (max-width:1000px){
        .hiw_m_bg{
  background: url('../images/homepage/How_it_works_mob_bg.webp');
  background-size: cover;
  background-repeat: no-repeat;
}
}

@media screen and (max-width:500px){
    .hiw_m_bg{
  background: url('../images/homepage/How_it_works_mob_bg.webp');
  background-size: cover;
  background-repeat: no-repeat;

}
    .hiw_box{
       margin-top: 10px;
    }
    .hiw_title{
        font-size:25px;
    }
    .hiw_desc{
        font-size:15px;
    }
    .hiw_quiz_btn,.hiw_explore_btn{
        font-size:10px;
    }
}




#Wd_banner {

  background-image: url('../images/footer/waggndinelogo.webp');
  background-position: center bottom;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 75vh;
  

}

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

@media (max-width: 1000px) {
  #Wd_banner {
    height: auto;
    min-height: 30vh;
    background-position: center center;
  }
  
  #wd_paws_left,#wd_paws_right{
      height:12vh;
  }
}

@media (max-width: 500px) {
  #Wd_banner {
    height: auto;
    min-height: 30vh;
    background-position: center center;
  }
    #wd_paws_left,#wd_paws_right{
      height:16vh;
  }
}




#Exclusive_meal {

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

.exclusive {

  font-family: "Mouse Memoirs";
  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: 500;
  font-family:  'Morn';
  background-color: white !important;

  border-color: white !important;
}

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

.meal_des {

  font-size: 15px;

}

@media screen and (max-width:500px){
    .meal_tittle{
        font-size:15px;
    }
    .meal_des {

  font-size: 15px;

}
}


/* exclusive meal css end  */

/*exclusive mobile and tab css start */

@media screen and (max-width:1000px){
    #Exclusive_meal_mob {

  background-image: url('../images/homepage/meal_bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding:2% 0;
}

.exclusive {
  font-family: "Mouse Memoirs";
  font-size: 50px;
  color: white !important;
}


.exclusive_meal_dog{
  width: 100%;
  height: auto;
}


}

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

  background-image: url('../images/homepage/meal_bg.png');
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding:2% 0;
}
}

/*exclusive mobile and tab css end *

/* some of our client start  */


#Some_of_our_clients_saying {

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

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

.Some {

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

}


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

}
@media (max-width: 768px) {
  .testimonial-card {
    height: 300px;
    overflow: hidden; /* content cut avoid panna */
  }
}
.card-body{
  border:none !important
}

.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-bullet {
    width: 25px;
    height: 25px;
    margin: 0 6px;
    background-color: #0f0f0f; 
    border: 2px solid #666;
    border-radius: 50%;
    appearance: none;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #127579; 
    transform: scale(1.2);
    border-color: #127579;
}

@media screen and (max-width:1000px){
    .Some {
        font-size:50px;
    }
#Some_of_our_clients_saying {
  background-image: url('../images/homepage/testimonial_bg.png') !important;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height:auto;

}
    
   .testimonial-container {
 
  height: auto;
} 

.testimonial-card{
    padding:20px;
}

}

@media screen and (max-width:500px){
    .Some {
        font-size:50px;
    }
    #Some_of_our_clients_saying {
  background-image: url('../images/homepage/testimonial_bg.png') !important;
  background-position: center ;
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;

}
    
   .testimonial-container {
 
  height: auto;
} 
}

/* 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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: 13px;
  border-radius: 20px;
  padding: 3% 6%;

}
.dog_nutrition_des1{

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

}

.dog_nutrition_title {

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

}

.dog_nutrition_sub {

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

}

/* Dog stories page second section end */

/* Dog stories page third section start */

.lately_title {

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

}

.about_dog {

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

}

.about_dog_title {

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

}


.about_dog_sub {

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

}

/* Dog stories page third section end */

/*  Dog stories page fourth section start */

.load_btn,.load_btn:hover {

  background-color: #7C4916;
  color: #FFFFFF;
  font-family: "Mouse Memoirs";
  font-size: 25px;
  padding: 1% 5%;
  border-radius: 10px;

}

/* Mobile responsive Dog stories start */

@media screen and (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;

  }



  .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;

  }

 

  .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: "Mouse Memoirs";
  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 */




.Menu_think_dog {
  background: url('../images/food_page/menuthinkdog.webp');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; 
  height: 75vh;
  width: 100%;
}

.meal_box {

  background-color: white;
  border-radius: 20px;

}

.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: #302f2f;
  color: #FFFFFF;
  font-family: "Aleo";
  font-size: 18px;
  border-radius: 5px;
  padding: 2px;
}

@media screen and (max-width:1000px){
    .m_menu_think_dog{
    
  background: url('../images/food_page/what_is_menu_m_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding:3% 0;

}
}

@media screen and (max-width:500px){
    .m_menu_think_dog{
    
  background: url('../images/food_page/what_is_menu_m_bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  height: auto;
  padding:5% 0;

}
}

/* Thinking dog section end */

/* how it works start */

.works_title {

  color: #912001;
  font-family: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 100px;

}

.foot_print_delivery_title {

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

}

.foot_print_thrive_title {

  color: #912001;
  font-family: "Mouse Memoirs";
  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: "Mouse Memoirs";
  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: "Mouse Memoirs";
  font-size: 100px;

}

/* how it works end */

@media screen and (max-width:500px){
    .works_title{
        font-size:50px;
    }
    
    .booking_process_img{
        min-height:25vh;
    }
}
/* 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: 'Mouse Memoirs';
  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: 'Mouse Memoirs';
  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: 'Mouse Memoirs';
  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('../images/contact/contactbannerdesktop.png');
  height: 125vh;
  background-size: cover;
  background-position: center;
  color: white;
  padding: 1rem;
}
@media (max-width: 768px) {
  .waggdine_contact_banner {
    background-image: url('../images/contact/contactbanner.png');
  height: 80vh;
  background-size: cover;
  background-position: center;
  color: white;
  margin-top: 10px;
  }
}


.waggdine_contact_title {
  font-family: 'Mouse Memoirs';
  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: 'Mouse Memoirs';
  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: 40px;
  color: #912001;


}

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

}

.contact_us_card {
  background-color: #F8F4F1;

  max-height: 400px;
  padding: 20px;
  border-radius: 25px;

}

.contact_us_phone_title {
  font-family: 'Mouse Memoirs';
  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: 'Mouse Memoirs';
  font-size: 50px;
  color: #912001;

}


.waggdine-contact-input
 {

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

}

.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  */

/*Veg and Nv image css start*/

.veg_meal_nutrition,.non_veg_meal_nutrition  {
    
    max-width:90%;
    
}

/*Veg and Nv image css end*/


/* Side bar css start */

#page-topbar{

    position:static !important;

}

/* Side bar css end */
.button-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  justify-content: center;
}

/* Desktop view */
@media screen and (min-width: 640px) {
  .button-container {
    flex-direction: row;
    gap: 20px;
  }
}

.book-btn,
.explore-btn {
  padding: 12px 24px;
  font-size: 1.2rem;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  border: none;
  transition: all 0.3s ease;
  font-family: "Aeol", sans-serif;
  margin: 20px;
}

.book-btn {
  background-color: #7b4a23;
}

.book-btn:hover {
  background-color: #5e361a;
}

.explore-btn {
  background-color: #000000;
}

.explore-btn:hover {
  background-color: #1a1a1a;
}

.footer_links_vertical li a {
  text-decoration: none !important;
    padding-bottom: 3px;
}

.footer_links_vertical li a:hover {
  text-decoration: none !important;
}
/* Make the dropdown title white */
.footer-nav-dropdown.text-white .dropdown-toggle {
  color: white !important;
}