.primary.blog-page-container,
.primary .blog-page-container {
  padding-top: 7.2rem;
  min-height: calc(100vh - 75px);
}
.primary.blog-page-container .banner,
.primary .blog-page-container .banner {
  height: 250px;
  background-position: center;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.primary.blog-page-container .banner .title-wrapper,
.primary .blog-page-container .banner .title-wrapper {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.primary.blog-page-container .banner .title-wrapper .title,
.primary .blog-page-container .banner .title-wrapper .title {
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 5px;
  color: #fff;
}
.primary.blog-page-container .banner .title-wrapper .divider,
.primary .blog-page-container .banner .title-wrapper .divider {
  position: relative;
  width: 225px;
  margin: auto;
  height: 15px;
}
.primary.blog-page-container .banner .title-wrapper .divider .line-after, .primary.blog-page-container .banner .title-wrapper .divider .line-before,
.primary .blog-page-container .banner .title-wrapper .divider .line-after,
.primary .blog-page-container .banner .title-wrapper .divider .line-before {
  position: absolute;
  height: 1px;
  background-color: #fff;
  width: 100px;
  right: 0;
}
.primary.blog-page-container .banner .title-wrapper .divider .line-before,
.primary .blog-page-container .banner .title-wrapper .divider .line-before {
  left: 0;
}
.primary.blog-page-container .banner .title-wrapper .divider .dot,
.primary .blog-page-container .banner .title-wrapper .divider .dot {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #fff;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.primary.blog-page-container .blog-item .blog-featured-img img,
.primary .blog-page-container .blog-item .blog-featured-img img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.primary.blog-page-container .blog-item a,
.primary .blog-page-container .blog-item a {
  font-weight: 700;
  text-decoration: none;
}
.primary.blog-page-container .blog-item .blog-date,
.primary .blog-page-container .blog-item .blog-date {
  width: 80px;
  height: 80px;
  position: relative;
  top: -30px;
  border: 3px solid var(--tfy-secondary-desc-color);
  background: var(--tfy-secondary-theme-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: 700;
  font-size: var(--tfy-desc-font-size);
}
.primary.blog-page-container .blog-item .blog-content,
.primary .blog-page-container .blog-item .blog-content {
  position: relative;
}
.primary.blog-page-container .blog-item .blog-content h2,
.primary .blog-page-container .blog-item .blog-content h2 {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
  font-size: var(--tfy-title-font-size);
}
.primary.blog-page-container .blog-item .blog-content .blog-info,
.primary .blog-page-container .blog-item .blog-content .blog-info {
  position: absolute;
  top: 10px;
  max-width: 85%;
  right: 0;
}
.primary.blog-page-container .blog-item .blog-content .blog-info .blog-view i,
.primary .blog-page-container .blog-item .blog-content .blog-info .blog-view i {
  color: var(--tfy-primary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.primary.blog-page-container .blog-item .blog-content .blog-info .blog-view .view-count,
.primary .blog-page-container .blog-item .blog-content .blog-info .blog-view .view-count {
  color: var(--tfy-primary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.primary.blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author .blog-posted,
.primary .blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author .blog-posted {
  color: var(--tfy-primary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.primary.blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author a,
.primary .blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author a {
  color: var(--tfy-primary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.primary.blog-page-container .blog-item .blog-share ul li a i,
.primary .blog-page-container .blog-item .blog-share ul li a i {
  color: var(--tfy-primary-title-color);
  border: 1px solid var(--tfy-primary-title-color);
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px 0;
  border-radius: 50%;
}
.primary.blog-page-container .blog-item .blog-content .blog-footer strong,
.primary .blog-page-container .blog-item .blog-content .blog-footer strong {
  font-size: 1.5rem;
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
}
.primary.blog-page-container .blog-item .blog-content .blog-footer .tag-category,
.primary .blog-page-container .blog-item .blog-content .blog-footer .tag-category {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.blog-page-container .widget-body img,
.primary .blog-page-container .widget-body img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.primary.blog-page-container .widget-body .recent-post-title,
.primary .blog-page-container .widget-body .recent-post-title {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-size: 1.15rem;
  font-weight: var(--tfy-sub-title-font-weight);
  text-decoration: none;
}
.primary.blog-page-container .widget-body .info .recent-blog-info i,
.primary .blog-page-container .widget-body .info .recent-blog-info i {
  color: var(--tfy-primary-desc-color);
  font-weight: var(--tfy-desc-font-weight);
}
.primary.blog-page-container .widget-body .info .recent-blog-info span,
.primary .blog-page-container .widget-body .info .recent-blog-info span {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.blog-page-container .widget-tag h5,
.primary .blog-page-container .widget-tag h5 {
  font-size: 1.5rem;
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
}
.primary.blog-page-container .widget-tag .widget-body ul li a,
.primary .blog-page-container .widget-tag .widget-body ul li a {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.blog-page-container .blog-share,
.primary .blog-page-container .blog-share {
  float: left;
}
.primary.blog-page-container .tfy-blog-tag-right,
.primary .blog-page-container .tfy-blog-tag-right {
  float: right;
}

.secondary.blog-page-container,
.secondary .blog-page-container {
  padding-top: 7.2rem;
  min-height: calc(100vh - 75px);
}
.secondary.blog-page-container .banner,
.secondary .blog-page-container .banner {
  height: 250px;
  background-position: center;
  background-size: cover;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.secondary.blog-page-container .banner .title-wrapper,
.secondary .blog-page-container .banner .title-wrapper {
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.secondary.blog-page-container .banner .title-wrapper .title,
.secondary .blog-page-container .banner .title-wrapper .title {
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 5px;
  color: #fff;
}
.secondary.blog-page-container .banner .title-wrapper .divider,
.secondary .blog-page-container .banner .title-wrapper .divider {
  position: relative;
  width: 225px;
  margin: auto;
  height: 15px;
}
.secondary.blog-page-container .banner .title-wrapper .divider .line-after, .secondary.blog-page-container .banner .title-wrapper .divider .line-before,
.secondary .blog-page-container .banner .title-wrapper .divider .line-after,
.secondary .blog-page-container .banner .title-wrapper .divider .line-before {
  position: absolute;
  height: 1px;
  background-color: #fff;
  width: 100px;
  right: 0;
}
.secondary.blog-page-container .banner .title-wrapper .divider .line-before,
.secondary .blog-page-container .banner .title-wrapper .divider .line-before {
  left: 0;
}
.secondary.blog-page-container .banner .title-wrapper .divider .dot,
.secondary .blog-page-container .banner .title-wrapper .divider .dot {
  position: absolute;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #fff;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}
.secondary.blog-page-container .blog-item .blog-featured-img img,
.secondary .blog-page-container .blog-item .blog-featured-img img {
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.secondary.blog-page-container .blog-item a,
.secondary .blog-page-container .blog-item a {
  font-weight: 700;
  text-decoration: none;
}
.secondary.blog-page-container .blog-item .blog-date,
.secondary .blog-page-container .blog-item .blog-date {
  width: 80px;
  height: 80px;
  position: relative;
  top: -30px;
  border: 3px solid var(--tfy-primary-desc-color);
  background: var(--tfy-primary-theme-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: 700;
  font-size: var(--tfy-desc-font-size);
}
.secondary.blog-page-container .blog-item .blog-content,
.secondary .blog-page-container .blog-item .blog-content {
  position: relative;
}
.secondary.blog-page-container .blog-item .blog-content h2,
.secondary .blog-page-container .blog-item .blog-content h2 {
  color: var(--tfy-secondary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
  font-size: var(--tfy-title-font-size);
}
.secondary.blog-page-container .blog-item .blog-content .blog-info,
.secondary .blog-page-container .blog-item .blog-content .blog-info {
  position: absolute;
  top: 10px;
  max-width: 85%;
  right: 0;
}
.secondary.blog-page-container .blog-item .blog-content .blog-info .blog-view i,
.secondary .blog-page-container .blog-item .blog-content .blog-info .blog-view i {
  color: var(--tfy-secondary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.secondary.blog-page-container .blog-item .blog-content .blog-info .blog-view .view-count,
.secondary .blog-page-container .blog-item .blog-content .blog-info .blog-view .view-count {
  color: var(--tfy-secondary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.secondary.blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author .blog-posted,
.secondary .blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author .blog-posted {
  color: var(--tfy-secondary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.secondary.blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author a,
.secondary .blog-page-container .blog-item .blog-content .blog-info .tfy-blog-author a {
  color: var(--tfy-secondary-subtitle-color);
  font-size: 1rem;
  font-weight: 500;
}
.secondary.blog-page-container .blog-item .blog-share ul li a i,
.secondary .blog-page-container .blog-item .blog-share ul li a i {
  color: var(--tfy-secondary-title-color);
  border: 1px solid var(--tfy-secondary-title-color);
  width: 40px;
  height: 40px;
  text-align: center;
  padding: 10px 0;
  border-radius: 50%;
}
.secondary.blog-page-container .blog-item .blog-content .blog-footer strong,
.secondary .blog-page-container .blog-item .blog-content .blog-footer strong {
  font-size: 1.5rem;
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
}
.secondary.blog-page-container .blog-item .blog-content .blog-footer .tag-category,
.secondary .blog-page-container .blog-item .blog-content .blog-footer .tag-category {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.blog-page-container .widget-body img,
.secondary .blog-page-container .widget-body img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.secondary.blog-page-container .widget-body .recent-post-title,
.secondary .blog-page-container .widget-body .recent-post-title {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-size: 1.15rem;
  font-weight: var(--tfy-sub-title-font-weight);
  text-decoration: none;
}
.secondary.blog-page-container .widget-body .info .recent-blog-info i,
.secondary .blog-page-container .widget-body .info .recent-blog-info i {
  color: var(--tfy-secondary-desc-color);
  font-weight: var(--tfy-desc-font-weight);
}
.secondary.blog-page-container .widget-body .info .recent-blog-info span,
.secondary .blog-page-container .widget-body .info .recent-blog-info span {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.blog-page-container .widget-tag h5,
.secondary .blog-page-container .widget-tag h5 {
  font-size: 1.5rem;
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
}
.secondary.blog-page-container .widget-tag .widget-body ul li a,
.secondary .blog-page-container .widget-tag .widget-body ul li a {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.blog-page-container .blog-share,
.secondary .blog-page-container .blog-share {
  float: left;
}
.secondary.blog-page-container .tfy-blog-tag-right,
.secondary .blog-page-container .tfy-blog-tag-right {
  float: right;
}

.primary.myaccount h3,
.primary .myaccount h3 {
  color: var(--tfy-secondary-subtitle-color);
  font-size: var(--tfy-sub-title-font-size);
  font-weight: var(--tfy-sub-title-font-weight);
  font-family: var(--tfy-sub-title-font);
  margin: 20px 0px;
}
.primary.myaccount .rewards-info,
.primary .myaccount .rewards-info {
  background-color: var(--tfy-primary-theme-color);
}
.primary.myaccount .rewards-coupon,
.primary .myaccount .rewards-coupon {
  background: var(--tfy-primary-theme-color);
}
.primary.myaccount .rewards-coupon .rewards-points h3,
.primary .myaccount .rewards-coupon .rewards-points h3 {
  color: var(--tfy-primary-title-color);
  font-size: 1.75rem;
  font-weight: var(--tfy-title-font-weight);
  font-family: var(--tfy-title-font);
}
.primary.myaccount .rewards-coupon .rewards-points P,
.primary .myaccount .rewards-coupon .rewards-points P {
  color: var(--tfy-primary-desc-color) !important;
  font-size: var(--tfy-description-font-size);
  font-family: var(--tfy-description-font);
}
.primary.myaccount .rewards-description h4,
.primary .myaccount .rewards-description h4 {
  color: var(--tfy-primary-title-color);
  font-size: 1.5rem;
  font-weight: var(--tfy-title-font-weight);
  font-family: var(--tfy-title-font);
}
.primary.myaccount .rewards-description p,
.primary .myaccount .rewards-description p {
  color: var(--tfy-primary-desc-color);
  font-size: var(--tfy-description-font-size);
  font-family: var(--tfy-description-font);
}
.primary.myaccount .rewards-validity h3,
.primary .myaccount .rewards-validity h3 {
  color: var(--tfy-primary-title-color);
  font-size: 1.125rem;
  font-weight: var(--tfy-title-font-weight);
  font-family: var(--tfy-title-font);
}
.primary.myaccount .rewards-validity p,
.primary .myaccount .rewards-validity p {
  color: var(--tfy-primary-desc-color);
  font-size: var(--tfy-description-font-size);
  font-family: var(--tfy-description-font);
}
.primary.myaccount .rewards-validity .btn,
.primary .myaccount .rewards-validity .btn {
  color: var(--tfy-primary-btn-font-color) !important;
  background-color: var(--tfy-primary-btn-bg-color) !important;
  border: 1px solid var(--tfy-primary-btn-border-color) !important;
}
.primary.myaccount .rewards-validity .btn:hover,
.primary .myaccount .rewards-validity .btn:hover {
  color: var(--tfy-primary-btn-hover-font-color) !important;
  background-color: var(--tfy-primary-btn-hover-bg-color) !important;
  border: 1px solid var(--tfy-primary-btn-hover-border-color) !important;
}
.primary.myaccount .nav .nav-item .nav-link.active,
.primary .myaccount .nav .nav-item .nav-link.active {
  background-color: var(--tfy-secondary-theme-color);
}
.primary.myaccount .tfy-address-history td,
.primary.myaccount .tfy-address-history td a:hover,
.primary.myaccount .tfy-order-history td,
.primary .myaccount .tfy-address-history td,
.primary .myaccount .tfy-address-history td a:hover,
.primary .myaccount .tfy-order-history td {
  color: var(--tfy-secondary-desc-color) !important;
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.myaccount .tfy-address-history td i,
.primary .myaccount .tfy-address-history td i {
  color: var(--tfy-secondary-desc-color) !important;
}
.primary.myaccount .nav .nav-item a.nav-link,
.primary .myaccount .nav .nav-item a.nav-link {
  border: 1px solid var(--tfy-secondary-theme-color);
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-description-font);
  border-radius: var(--tfy-btn-radius);
}
.primary.myaccount ul.nav li.nav-item a.nav-link.active,
.primary .myaccount ul.nav li.nav-item a.nav-link.active {
  color: var(--tfy-secondary-title-color) !important;
  background-color: var(--tfy-secondary-theme-color) !important;
  /* border-color:  {{ $tfyPrimaryTitleTextColor }};
  border-bottom-color: {{  $tfySecondaryBodyColor  }}; */
}
.primary.myaccount .checkout input,
.primary .myaccount .checkout input {
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-btn-font-color) !important;
  outline: none;
}
.primary.myaccount .checkout .form-control, .primary.myaccount .tfy-new-user-address .form-control,
.primary .myaccount .checkout .form-control,
.primary .myaccount .tfy-new-user-address .form-control {
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-desc-color) !important;
  outline: none;
}
.primary.myaccount .checkout .form-control,
.primary .myaccount .checkout .form-control {
  background-color: transparent;
}
.primary.myaccount .checkout textarea:focus,
.primary .myaccount .checkout textarea:focus {
  box-shadow: 0px 0px 3px 0px var(--tfy-secondary-desc-color) !important;
}
.primary.myaccount label,
.primary .myaccount label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
}
.primary.myaccount .custom-form-check input,
.primary .myaccount .custom-form-check input {
  opacity: 0;
}
.primary.myaccount .tfy-custom-form-label,
.primary .myaccount .tfy-custom-form-label {
  position: relative;
  padding-left: 5px;
}
.primary.myaccount .tfy-custom-form-check + label:before,
.primary.myaccount .tfy-custom-form-check + label:after,
.primary .myaccount .tfy-custom-form-check + label:before,
.primary .myaccount .tfy-custom-form-check + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0px;
}
.primary.myaccount .tfy-custom-form-check + label:before,
.primary .myaccount .tfy-custom-form-check + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-secondary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.primary.myaccount .tfy-custom-form-check:checked + label:after,
.primary .myaccount .tfy-custom-form-check:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-secondary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.primary.myaccount .tfy-custom-form-check:checked + label:before,
.primary .myaccount .tfy-custom-form-check:checked + label:before {
  background: var(--tfy-secondary-btn-bg-color);
}
.primary.myaccount .rfy-account-table .custom-form-check input,
.primary .myaccount .rfy-account-table .custom-form-check input {
  width: 20px;
  height: 15px;
  opacity: 0;
  position: relative;
  z-index: 1;
  margin-top: 5px;
}
.primary.myaccount .rfy-account-table .tfy-custom-form-label,
.primary .myaccount .rfy-account-table .tfy-custom-form-label {
  position: relative;
  padding-left: 5px;
}
.primary.myaccount .rfy-account-table .tfy-check-all + label:before,
.primary.myaccount .rfy-account-table .tfy-check-all + label:after,
.primary .myaccount .rfy-account-table .tfy-check-all + label:before,
.primary .myaccount .rfy-account-table .tfy-check-all + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  z-index: 0;
}
.primary.myaccount .rfy-account-table .tfy-check-all + label:before,
.primary .myaccount .rfy-account-table .tfy-check-all + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-secondary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.primary.myaccount .rfy-account-table .tfy-check-all:checked + label:after,
.primary .myaccount .rfy-account-table .tfy-check-all:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-secondary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.primary.myaccount .rfy-account-table .tfy-check-all:checked + label:before,
.primary .myaccount .rfy-account-table .tfy-check-all:checked + label:before {
  background: var(--tfy-secondary-btn-bg-color);
}
.primary.myaccount .rfy-account-table .tfy-default-address + label:before,
.primary.myaccount .rfy-account-table .tfy-default-address + label:after,
.primary .myaccount .rfy-account-table .tfy-default-address + label:before,
.primary .myaccount .rfy-account-table .tfy-default-address + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  z-index: 0;
}
.primary.myaccount .rfy-account-table .tfy-default-address + label:before,
.primary .myaccount .rfy-account-table .tfy-default-address + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-secondary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.primary.myaccount .rfy-account-table .tfy-default-address:checked + label:after,
.primary .myaccount .rfy-account-table .tfy-default-address:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-secondary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.primary.myaccount .rfy-account-table .tfy-default-address:checked + label:before,
.primary .myaccount .rfy-account-table .tfy-default-address:checked + label:before {
  background: var(--tfy-secondary-btn-bg-color);
}
.primary.myaccount .form-control, .primary.myaccount textarea,
.primary .myaccount .form-control,
.primary .myaccount textarea {
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  border-radius: var(--tfy-btn-radius);
}
.primary.myaccount .form-control:focus,
.primary .myaccount .form-control:focus {
  box-shadow: 0px 0px 3px 0px var(--tfy-secondary-desc-color) !important;
}
.primary.myaccount input.form-control::-moz-placeholder, .primary.myaccount textarea.form-control::-moz-placeholder, .primary .myaccount input.form-control::-moz-placeholder, .primary .myaccount textarea.form-control::-moz-placeholder {
  color: var(--tfy-secondary-desc-color);
}
.primary.myaccount input.form-control::placeholder, .primary.myaccount textarea.form-control::placeholder,
.primary .myaccount input.form-control::placeholder,
.primary .myaccount textarea.form-control::placeholder {
  color: var(--tfy-secondary-desc-color);
}
.primary.myaccount .rfy-account-table tr,
.primary .myaccount .rfy-account-table tr {
  border-bottom: 1px solid var(--tfy-secondary-subtitle-color);
}
.primary.myaccount .tab-content,
.primary .myaccount .tab-content {
  background: var(--tfy-secondary-theme-color);
}
.primary.myaccount .tab-content .card,
.primary .myaccount .tab-content .card {
  background: var(--tfy-primary-theme-color);
}
.primary.myaccount .tab-content .card .fav-title p,
.primary .myaccount .tab-content .card .fav-title p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  border-top: 1px solid var(--tfy-primary-subtitle-color);
}
.primary.myaccount .tab-content .card .fav-title h5,
.primary .myaccount .tab-content .card .fav-title h5 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
}
.primary.myaccount .tfy-my-favorite .card span.tfy-favorite-close,
.primary .myaccount .tfy-my-favorite .card span.tfy-favorite-close {
  background: var(--tfy-secondary-theme-color);
}
.primary.myaccount .rfy-account-table.table a.action-items,
.primary.myaccount .rfy-account-table.table a.action-items:hover,
.primary .myaccount .rfy-account-table.table a.action-items,
.primary .myaccount .rfy-account-table.table a.action-items:hover {
  color: var(--tfy-secondary-desc-color);
}
.primary.myaccount .rfy-account-table thead tr th,
.primary .myaccount .rfy-account-table thead tr th {
  font-family: var(--tfy-description-font);
  color: var(--tfy-secondary-subtitle-color);
}
.primary.myaccount .checkout-info option,
.primary .myaccount .checkout-info option {
  background-color: var(--tfy-secondary-theme-color);
}
.primary.myaccount .tfy-theme-bordered,
.primary .myaccount .tfy-theme-bordered {
  border: 1px solid var(--tfy-secondary-btn-bg-color);
}
.primary.myaccount .tfy-favorite-icon i,
.primary .myaccount .tfy-favorite-icon i {
  color: var(--tfy-secondary-btn-bg-color);
}

.secondary.myaccount h3,
.secondary .myaccount h3 {
  color: var(--tfy-primary-subtitle-color);
  font-size: var(--tfy-sub-title-font-size);
  font-weight: var(--tfy-sub-title-font-weight);
  font-family: var(--tfy-sub-title-font);
  margin: 20px 0px;
}
.secondary.myaccount .rewards-info,
.secondary .myaccount .rewards-info {
  background-color: var(--tfy-secondary-theme-color);
}
.secondary.myaccount .rewards-coupon,
.secondary .myaccount .rewards-coupon {
  background: var(--tfy-secondary-theme-color);
}
.secondary.myaccount .rewards-coupon .rewards-points h3,
.secondary .myaccount .rewards-coupon .rewards-points h3 {
  color: var(--tfy-secondary-title-color);
  font-size: 1.75rem;
  font-weight: var(--tfy-title-font-weight);
  font-family: var(--tfy-title-font);
}
.secondary.myaccount .rewards-coupon .rewards-points P,
.secondary .myaccount .rewards-coupon .rewards-points P {
  color: var(--tfy-secondary-desc-color) !important;
  font-size: var(--tfy-description-font-size);
  font-family: var(--tfy-description-font);
}
.secondary.myaccount .rewards-description h4,
.secondary .myaccount .rewards-description h4 {
  color: var(--tfy-secondary-title-color);
  font-size: 1.5rem;
  font-weight: var(--tfy-title-font-weight);
  font-family: var(--tfy-title-font);
}
.secondary.myaccount .rewards-description p,
.secondary .myaccount .rewards-description p {
  color: var(--tfy-secondary-desc-color);
  font-size: var(--tfy-description-font-size);
  font-family: var(--tfy-description-font);
}
.secondary.myaccount .rewards-validity h3,
.secondary .myaccount .rewards-validity h3 {
  color: var(--tfy-secondary-title-color);
  font-size: 1.125rem;
  font-weight: var(--tfy-title-font-weight);
  font-family: var(--tfy-title-font);
}
.secondary.myaccount .rewards-validity p,
.secondary .myaccount .rewards-validity p {
  color: var(--tfy-secondary-desc-color);
  font-size: var(--tfy-description-font-size);
  font-family: var(--tfy-description-font);
}
.secondary.myaccount .rewards-validity .btn,
.secondary .myaccount .rewards-validity .btn {
  color: var(--tfy-secondary-btn-font-color) !important;
  background-color: var(--tfy-secondary-btn-bg-color) !important;
  border: 1px solid var(--tfy-secondary-btn-border-color) !important;
}
.secondary.myaccount .rewards-validity .btn:hover,
.secondary .myaccount .rewards-validity .btn:hover {
  color: var(--tfy-secondary-btn-hover-font-color) !important;
  background-color: var(--tfy-secondary-btn-hover-bg-color) !important;
  border: 1px solid var(--tfy-secondary-btn-hover-border-color) !important;
}
.secondary.myaccount .nav .nav-item .nav-link.active,
.secondary .myaccount .nav .nav-item .nav-link.active {
  background-color: var(--tfy-primary-theme-color);
}
.secondary.myaccount .tfy-address-history td,
.secondary.myaccount .tfy-address-history td a:hover,
.secondary.myaccount .tfy-order-history td,
.secondary .myaccount .tfy-address-history td,
.secondary .myaccount .tfy-address-history td a:hover,
.secondary .myaccount .tfy-order-history td {
  color: var(--tfy-primary-desc-color) !important;
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.myaccount .tfy-address-history td i,
.secondary .myaccount .tfy-address-history td i {
  color: var(--tfy-primary-desc-color) !important;
}
.secondary.myaccount .nav .nav-item a.nav-link,
.secondary .myaccount .nav .nav-item a.nav-link {
  border: 1px solid var(--tfy-primary-theme-color);
  color: var(--tfy-secondary-title-color);
  font-family: var(--tfy-description-font);
  border-radius: var(--tfy-btn-radius);
}
.secondary.myaccount ul.nav li.nav-item a.nav-link.active,
.secondary .myaccount ul.nav li.nav-item a.nav-link.active {
  color: var(--tfy-primary-title-color) !important;
  background-color: var(--tfy-primary-theme-color) !important;
  /* border-color:  {{ $tfyPrimaryTitleTextColor }};
  border-bottom-color: {{  $tfySecondaryBodyColor  }}; */
}
.secondary.myaccount .checkout input,
.secondary .myaccount .checkout input {
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-btn-font-color) !important;
  outline: none;
}
.secondary.myaccount .checkout .form-control, .secondary.myaccount .tfy-new-user-address .form-control,
.secondary .myaccount .checkout .form-control,
.secondary .myaccount .tfy-new-user-address .form-control {
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-desc-color) !important;
  outline: none;
}
.secondary.myaccount .checkout .form-control,
.secondary .myaccount .checkout .form-control {
  background-color: transparent;
}
.secondary.myaccount .checkout textarea:focus,
.secondary .myaccount .checkout textarea:focus {
  box-shadow: 0px 0px 3px 0px var(--tfy-primary-desc-color) !important;
}
.secondary.myaccount label,
.secondary .myaccount label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
}
.secondary.myaccount .custom-form-check input,
.secondary .myaccount .custom-form-check input {
  opacity: 0;
}
.secondary.myaccount .tfy-custom-form-label,
.secondary .myaccount .tfy-custom-form-label {
  position: relative;
  padding-left: 5px;
}
.secondary.myaccount .tfy-custom-form-check + label:before,
.secondary.myaccount .tfy-custom-form-check + label:after,
.secondary .myaccount .tfy-custom-form-check + label:before,
.secondary .myaccount .tfy-custom-form-check + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0px;
}
.secondary.myaccount .tfy-custom-form-check + label:before,
.secondary .myaccount .tfy-custom-form-check + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-primary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.secondary.myaccount .tfy-custom-form-check:checked + label:after,
.secondary .myaccount .tfy-custom-form-check:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-primary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.secondary.myaccount .tfy-custom-form-check:checked + label:before,
.secondary .myaccount .tfy-custom-form-check:checked + label:before {
  background: var(--tfy-primary-btn-bg-color);
}
.secondary.myaccount .rfy-account-table .custom-form-check input,
.secondary .myaccount .rfy-account-table .custom-form-check input {
  width: 20px;
  height: 15px;
  opacity: 0;
  position: relative;
  z-index: 1;
  margin-top: 5px;
}
.secondary.myaccount .rfy-account-table .tfy-custom-form-label,
.secondary .myaccount .rfy-account-table .tfy-custom-form-label {
  position: relative;
  padding-left: 5px;
}
.secondary.myaccount .rfy-account-table .tfy-check-all + label:before,
.secondary.myaccount .rfy-account-table .tfy-check-all + label:after,
.secondary .myaccount .rfy-account-table .tfy-check-all + label:before,
.secondary .myaccount .rfy-account-table .tfy-check-all + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  z-index: 0;
}
.secondary.myaccount .rfy-account-table .tfy-check-all + label:before,
.secondary .myaccount .rfy-account-table .tfy-check-all + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-primary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.secondary.myaccount .rfy-account-table .tfy-check-all:checked + label:after,
.secondary .myaccount .rfy-account-table .tfy-check-all:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-primary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.secondary.myaccount .rfy-account-table .tfy-check-all:checked + label:before,
.secondary .myaccount .rfy-account-table .tfy-check-all:checked + label:before {
  background: var(--tfy-primary-btn-bg-color);
}
.secondary.myaccount .rfy-account-table .tfy-default-address + label:before,
.secondary.myaccount .rfy-account-table .tfy-default-address + label:after,
.secondary .myaccount .rfy-account-table .tfy-default-address + label:before,
.secondary .myaccount .rfy-account-table .tfy-default-address + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: -10px;
  z-index: 0;
}
.secondary.myaccount .rfy-account-table .tfy-default-address + label:before,
.secondary .myaccount .rfy-account-table .tfy-default-address + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-primary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.secondary.myaccount .rfy-account-table .tfy-default-address:checked + label:after,
.secondary .myaccount .rfy-account-table .tfy-default-address:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-primary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.secondary.myaccount .rfy-account-table .tfy-default-address:checked + label:before,
.secondary .myaccount .rfy-account-table .tfy-default-address:checked + label:before {
  background: var(--tfy-primary-btn-bg-color);
}
.secondary.myaccount .form-control, .secondary.myaccount textarea,
.secondary .myaccount .form-control,
.secondary .myaccount textarea {
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  border-radius: var(--tfy-btn-radius);
}
.secondary.myaccount .form-control:focus,
.secondary .myaccount .form-control:focus {
  box-shadow: 0px 0px 3px 0px var(--tfy-primary-desc-color) !important;
}
.secondary.myaccount input.form-control::-moz-placeholder, .secondary.myaccount textarea.form-control::-moz-placeholder, .secondary .myaccount input.form-control::-moz-placeholder, .secondary .myaccount textarea.form-control::-moz-placeholder {
  color: var(--tfy-primary-desc-color);
}
.secondary.myaccount input.form-control::placeholder, .secondary.myaccount textarea.form-control::placeholder,
.secondary .myaccount input.form-control::placeholder,
.secondary .myaccount textarea.form-control::placeholder {
  color: var(--tfy-primary-desc-color);
}
.secondary.myaccount .rfy-account-table tr,
.secondary .myaccount .rfy-account-table tr {
  border-bottom: 1px solid var(--tfy-primary-subtitle-color);
}
.secondary.myaccount .tab-content,
.secondary .myaccount .tab-content {
  background: var(--tfy-primary-theme-color);
}
.secondary.myaccount .tab-content .card,
.secondary .myaccount .tab-content .card {
  background: var(--tfy-secondary-theme-color);
}
.secondary.myaccount .tab-content .card .fav-title p,
.secondary .myaccount .tab-content .card .fav-title p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  border-top: 1px solid var(--tfy-secondary-subtitle-color);
}
.secondary.myaccount .tab-content .card .fav-title h5,
.secondary .myaccount .tab-content .card .fav-title h5 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
}
.secondary.myaccount .tfy-my-favorite .card span.tfy-favorite-close,
.secondary .myaccount .tfy-my-favorite .card span.tfy-favorite-close {
  background: var(--tfy-primary-theme-color);
}
.secondary.myaccount .rfy-account-table.table a.action-items,
.secondary.myaccount .rfy-account-table.table a.action-items:hover,
.secondary .myaccount .rfy-account-table.table a.action-items,
.secondary .myaccount .rfy-account-table.table a.action-items:hover {
  color: var(--tfy-primary-desc-color);
}
.secondary.myaccount .rfy-account-table thead tr th,
.secondary .myaccount .rfy-account-table thead tr th {
  font-family: var(--tfy-description-font);
  color: var(--tfy-primary-subtitle-color);
}
.secondary.myaccount .checkout-info option,
.secondary .myaccount .checkout-info option {
  background-color: var(--tfy-primary-theme-color);
}
.secondary.myaccount .tfy-theme-bordered,
.secondary .myaccount .tfy-theme-bordered {
  border: 1px solid var(--tfy-primary-btn-bg-color);
}
.secondary.myaccount .tfy-favorite-icon i,
.secondary .myaccount .tfy-favorite-icon i {
  color: var(--tfy-primary-btn-bg-color);
}

.tfy-my-account .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid var(--tfy-primary-title-color);
}
.tfy-my-account .modal-dialog .modal-content .modal-body label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.tfy-my-account .modal-dialog .modal-content .modal-body .default-address-label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.tfy-my-account .modal-dialog .modal-content .modal-body .form-control, .tfy-my-account .modal-dialog .modal-content .modal-body textarea {
  color: var(--tfy-primary-desc-color) !important;
  border: 1px solid var(--tfy-primary-desc-color) !important;
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  border-radius: var(--tfy-btn-radius);
}
.tfy-my-account .modal-dialog .modal-content .modal-body .form-control:focus, .tfy-my-account .modal-dialog .modal-content .modal-body textarea:focus {
  box-shadow: 0px 0px 3px 0px var(--tfy-primary-desc-color) !important;
}
.tfy-my-account .modal-dialog .modal-content .modal-body .form-control::-moz-placeholder, .tfy-my-account .modal-dialog .modal-content .modal-body textarea::-moz-placeholder {
  color: var(--tfy-primary-desc-color);
}
.tfy-my-account .modal-dialog .modal-content .modal-body .form-control::placeholder, .tfy-my-account .modal-dialog .modal-content .modal-body textarea::placeholder {
  color: var(--tfy-primary-desc-color);
}
.tfy-my-account .modal-dialog .modal-content .modal-footer {
  border-top: 1px solid var(--tfy-primary-title-color);
}

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

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

button.tfy-add-to-cart, .tfy-add-to-cart.btn {
  padding: 5px !important;
  overflow: visible;
}

.menu-aside .menu-quantity {
  display: flex;
  justify-content: end;
}
.menu-aside .menu-quantity > * {
  margin: 2px;
  width: 30px;
  height: 30px;
  padding: 0 !important;
  text-align: center;
}

button.tfy-popup-counter, .tfy-popup-counter.btn {
  width: 35px;
  height: 35px;
  border-radius: 5px;
}

.tfy-item-quantity {
  width: 35px;
  text-align: center;
  height: 35px;
  border-radius: 5px;
  margin: 0 5px;
}

#tfy_my_account .modal-dialog .modal-body .btn-block {
  margin-right: 10px;
}

button.close {
  border: none;
  opacity: 1;
  background: transparent;
}
button.close i {
  font-size: 2rem;
}

#rfy-my-account ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row !important;
  margin-left: auto;
  width: auto;
}
#rfy-my-account ul li.nav-item {
  margin: 0;
  max-width: none;
  float: none;
  z-index: 99;
}

.myaccount {
  padding: 8rem 0;
  border: none;
  min-height: calc(100vh - 88px);
}
.myaccount .form-control {
  background-color: transparent;
}
.myaccount .checkout-info .form-control {
  background-color: transparent;
}
.myaccount .checkout-info .form-control::-moz-placeholder {
  opacity: 0.5;
}
.myaccount .checkout-info .form-control::placeholder {
  opacity: 0.5;
}
.myaccount .tab-content {
  padding: 15px;
  min-height: 350px;
}
@media (max-width: 800px) {
  .myaccount .tab-content {
    border: none;
  }
}
.myaccount .tab-content .card {
  height: 100%;
  position: relative;
  padding: 20px;
  border: none;
  border-radius: 5px;
}
.myaccount .tab-content .card .fav-title {
  width: 100%;
  bottom: 20px;
}
.myaccount .tab-content .card .fav-title h5 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
}
.myaccount .tab-content .card .fav-title p {
  height: 60px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px 0;
  line-height: 25px;
  font-size: 1rem;
}
.myaccount .form-group {
  margin-bottom: 20px;
}
.myaccount .rfy-account-table {
  text-wrap: nowrap;
}
.myaccount .rfy-account-table td {
  border-bottom: 0;
}
@media (max-width: 800px) {
  .myaccount .nav .nav-item .nav-link.active {
    border-left-width: 0px;
    border-right-width: 0px;
  }
}

.myaccount-bg table > :not(caption) > * > * {
  background-color: transparent !important;
}

.tfy-new-user-address .form-control {
  background-color: transparent;
}
.tfy-new-user-address .form-control::-moz-placeholder {
  opacity: 0.5;
}
.tfy-new-user-address .form-control::placeholder {
  opacity: 0.5;
}

.tfy-my-favorite .card span.tfy-favorite-close {
  position: absolute;
  right: 3%;
  top: 10px;
  border-radius: 50px;
  line-height: 15px;
  font-size: 16px;
  cursor: pointer;
  padding: 6px;
  width: 30px;
  height: 30px;
  text-align: center;
}

.fav-food-card img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px;
  margin-bottom: 5px;
}

.tfy-my-account .modal-body .form-control {
  background-color: transparent;
}

.rfy-account-table.table thead tr th {
  font-size: 1rem;
}
.rfy-account-table.table tbody tr td {
  font-size: 0.875rem;
}
.rfy-account-table.table td {
  grid-gap: 10px;
}
.rfy-account-table.table a {
  text-decoration: none;
}
.rfy-account-table.table a.action-items {
  display: flex;
  grid-gap: 2px;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
}

.delivery-type {
  display: flex;
  gap: 10px;
}

#template-header ul.dropdown-menu li a {
  margin-bottom: 5px;
  border-radius: 0 !important;
}

.custom-shape.box-1 {
  border-radius: 40px 40px 0 0 !important;
}

button.custom-shape.box-1 {
  border-radius: 15px 15px 0 0px !important;
}

.btn.custom-shape.box-1 {
  border-radius: 15px 15px 0 0px !important;
}

.our-chef .ourchef_details .chef-info.box-1::before {
  border-radius: 40px 40px 0 0 !important;
}

a.custom-shape.box-1,
.nav-item a.nav-link.cutom-shape.box-1:hover,
.nav-item a.nav-link.cutom-shape.box-1.active,
i.custom-shape.box-1,
span.custom-shape.box-1,
p.custom-shape.box-1 {
  border-radius: 15px 15px 0 0px !important;
}

input.custom-shape.box-1 {
  border-radius: 15px 15px 0 0px !important;
}

textarea.custom-shape.box-1 {
  border-radius: 15px 15px 0 0px !important;
}

.custom-shape.box-2 {
  border-radius: 20%/50px !important;
}

button.custom-shape.box-2 {
  border-radius: 10%/50px !important;
}

.btn.custom-shape.box-2 {
  border-radius: 10%/50px !important;
}

a.custom-shape.box-2,
.nav-item a.nav-link.cutom-shape.box-2:hover,
.nav-item a.nav-link.cutom-shape.box-2.active,
i.custom-shape.box-2,
span.custom-shape.box-2,
p.custom-shape.box-2 {
  border-radius: 10%/50px !important;
}

input.custom-shape.box-2 {
  border-radius: 10%/50px !important;
}

textarea.custom-shape.box-2 {
  border-radius: 10%/120px !important;
}

.custom-shape.box-3 {
  border-radius: 40px 0 0 0 !important;
}

button.custom-shape.box-3 {
  border-radius: 25px 0 0 0 !important;
}

.btn.custom-shape.box-3 {
  border-radius: 25px 0 0 0 !important;
}

a.custom-shape.box-3,
.nav-item a.nav-link.cutom-shape.box-3:hover,
.nav-item a.nav-link.cutom-shape.box-3.active,
i.custom-shape.box-3,
span.custom-shape.box-3,
p.custom-shape.box-3 {
  border-radius: 25px 0 0 0 !important;
}

input.custom-shape.box-3 {
  border-radius: 25px 0 0 0 !important;
}

textarea.custom-shape.box-3 {
  border-radius: 25px 0 0 0 !important;
}

.custom-shape.box-4 {
  border-radius: 0 40px 0 0 !important;
}

button.custom-shape.box-4 {
  border-radius: 0 25px 0 0 !important;
}

.btn.custom-shape.box-4 {
  border-radius: 0 25px 0 0 !important;
}

a.custom-shape.box-4,
.nav-item a.nav-link.cutom-shape.box-4:hover,
.nav-item a.nav-link.cutom-shape.box-4.active,
i.custom-shape.box-4,
span.custom-shape.box-4,
p.custom-shape.box-4 {
  border-radius: 0 25px 0 0 !important;
}

input.custom-shape.box-4 {
  border-radius: 0 25px 0 0 !important;
}

textarea.custom-shape.box-4 {
  border-radius: 0 25px 0 0 !important;
}

.custom-shape.box-5 {
  border-radius: 0 0 0 40px !important;
}

button.custom-shape.box-5 {
  border-radius: 0 0 0 25px !important;
}

.btn.custom-shape.box-5 {
  border-radius: 0 0 0 25px !important;
}

a.custom-shape.box-5,
.nav-item a.nav-link.cutom-shape.box-5:hover,
.nav-item a.nav-link.cutom-shape.box-5.active,
i.custom-shape.box-5,
span.custom-shape.box-5,
p.custom-shape.box-5 {
  border-radius: 0 0 0 25px !important;
}

input.custom-shape.box-5 {
  border-radius: 0 0 0 25px !important;
}

textarea.custom-shape.box-5 {
  border-radius: 0 0 0 25px !important;
}

.custom-shape.box-6 {
  border-radius: 0 0 40px 0 !important;
}

button.custom-shape.box-6 {
  border-radius: 0 0 25px 0 !important;
}

.btn.custom-shape.box-6 {
  border-radius: 0 0 25px 0 !important;
}

a.custom-shape.box-6,
.nav-item a.nav-link.cutom-shape.box-6:hover,
.nav-item a.nav-link.cutom-shape.box-6.active,
i.custom-shape.box-6,
span.custom-shape.box-6,
p.custom-shape.box-6 {
  border-radius: 0 0 25px 0 !important;
}

input.custom-shape.box-6 {
  border-radius: 0 0 25px 0 !important;
}

textarea.custom-shape.box-6 {
  border-radius: 0 0 25px 0 !important;
}

.custom-shape.box-7 {
  border-radius: 0 30px !important;
}

button.custom-shape.box-7 {
  border-radius: 0 20px !important;
}

.btn.custom-shape.box-7 {
  border-radius: 0 20px !important;
}

a.custom-shape.box-7,
.nav-item a.nav-link.cutom-shape.box-7:hover,
.nav-item a.nav-link.cutom-shape.box-7.active,
i.custom-shape.box-7,
span.custom-shape.box-7,
p.custom-shape.box-7 {
  border-radius: 0 20px !important;
}

input.custom-shape.box-7 {
  border-radius: 0 20px !important;
}

textarea.custom-shape.box-7 {
  border-radius: 0 20px !important;
}

.custom-shape.box-8 {
  border-radius: 20px 0 !important;
}

button.custom-shape.box-8 {
  border-radius: 20px 0 !important;
}

.btn.custom-shape.box-8 {
  border-radius: 20px 0 !important;
}

a.custom-shape.box-8,
.nav-item a.nav-link.cutom-shape.box-8:hover,
.nav-item a.nav-link.cutom-shape.box-8.active,
i.custom-shape.box-8,
span.custom-shape.box-8,
p.custom-shape.box-8 {
  border-radius: 20px 0 !important;
}

input.custom-shape.box-8 {
  border-radius: 20px 0 !important;
}

textarea.custom-shape.box-8 {
  border-radius: 20px 0 !important;
}

.custom-shape.box-9 {
  -webkit-mask: radial-gradient(circle 20px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 20px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 20px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 20px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
  border-radius: 0px !important;
}

button.custom-shape.box-9 {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

.btn.custom-shape.box-9 {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

a.custom-shape.box-9,
.nav-item a.nav-link.cutom-shape.box-9:hover,
.nav-item a.nav-link.cutom-shape.box-9.active,
i.custom-shape.box-9,
span.custom-shape.box-9,
p.custom-shape.box-9 {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

input.custom-shape.box-9 {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat !important;
}

textarea.custom-shape.box-9 {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 50% 50%;
  -webkit-mask-repeat: no-repeat !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-1:hover,
#navmenu .nav-item .nav-link.custom-shape.box-1:active {
  border-radius: 15px 15px 0 0px !important;
}

.dynamic-headermenu-append ul li a.box-1:hover {
  border-radius: 15px 15px 0 0px !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-2:hover,
#navmenu .nav-item .nav-link.custom-shape.box-2:active {
  border-radius: 10%/50px !important;
}

.dynamic-headermenu-append ul li a.box-2:hover {
  border-radius: 10%/50px !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-3:hover,
#navmenu .nav-item .nav-link.custom-shape.box-3:active {
  border-radius: 25px 0 0 0 !important;
}

.dynamic-headermenu-append ul li a.box-3:hover {
  border-radius: 25px 0 0 0 !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-4:hover,
#navmenu .nav-item .nav-link.custom-shape.box-4:active {
  border-radius: 0 25px 0 0 !important;
}

.dynamic-headermenu-append ul li a.box-4:hover {
  border-radius: 0 25px 0 0 !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-5:hover,
#navmenu .nav-item .nav-link.custom-shape.box-5:active {
  border-radius: 0 0 0 25px !important;
}

.dynamic-headermenu-append ul li a.box-5:hover {
  border-radius: 0 0 0 25px !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-6:hover,
#navmenu .nav-item .nav-link.custom-shape.box-6:active {
  border-radius: 0 0 25px 0 !important;
}

.dynamic-headermenu-append ul li a.box-6:hover {
  border-radius: 0 0 25px 0 !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-7:hover,
#navmenu .nav-item .nav-link.custom-shape.box-7:active {
  border-radius: 0 30px !important;
}

.dynamic-headermenu-append ul li a.box-7:hover {
  border-radius: 0 30px !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-8:hover,
#navmenu .nav-item .nav-link.custom-shape.box-8:active {
  border-radius: 20px 0 !important;
}

.dynamic-headermenu-append ul li a.box-8:hover {
  border-radius: 20px 0 !important;
}

#navmenu .nav-item .nav-link.custom-shape.box-9:hover,
#navmenu .nav-item .nav-link.custom-shape.box-9:active {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

.dynamic-headermenu-append ul li a.box-9:hover {
  -webkit-mask: radial-gradient(circle 10px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 10px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 10px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 10px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

.blogs .blog_details .blog-info.custom-shape.box-1::before .blogs .blog_details .blog-info:hover.box-1::before {
  border-radius: 40px 40px 0 0 !important;
}

.blogs .blog_details .blog-info.custom-shape.box-2::before,
.blogs .blog_details .blog-info:hover.box-2::before {
  border-radius: 20%/50px !important;
}

.blogs .blog_details .blog-info.custom-shape.box-3::before,
.blogs .blog_details .blog-info:hover.box-3::before {
  border-radius: 40px 0 0 0 !important;
}

.blogs .blog_details .blog-info.custom-shape.box-4::before,
.blogs .blog_details .blog-info:hover.box-4::before {
  border-radius: 0 40px 0 0 !important;
}

.blogs .blog_details .blog-info.custom-shape.box-5::before,
.blogs .blog_details .blog-info:hover.box-5::before {
  border-radius: 0 0 0 40px !important;
}

.blogs .blog_details .blog-info.custom-shape.box-6::before,
.blogs .blog_details .blog-info:hover.box-6::before {
  border-radius: 0 0 40px 0 !important;
}

.blogs .blog_details .blog-info.custom-shape.box-7::before,
.blogs .blog_details .blog-info:hover.box-7::before {
  border-radius: 0 30px !important;
}

.blogs .blog_details .blog-info.custom-shape.box-8::before,
.blogs .blog_details .blog-info:hover.box-8::before {
  border-radius: 20px 0 !important;
}

.blogs .blog_details .blog-info.custom-shape.box-9::before,
.blogs .blog_details .blog-info:hover.box-9::before {
  -webkit-mask: radial-gradient(circle 20px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 20px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 20px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 20px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

.our-chef .ourchef_details:hover .chef-info.box-1::before {
  border-radius: 40px 40px 0 0 !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-1 {
  border-radius: 40px 40px 0 0 !important;
}

.our-chef .ourchef_details .chef-info.box-2::before {
  border-radius: 20%/50px !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-2 {
  border-radius: 40px 40px 0 0 !important;
}

.our-chef .ourchef_details .chef-info.box-3::before {
  border-radius: 40px 0 0 0 !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-3 {
  border-radius: 40px 0 0 0 !important;
}

.our-chef .ourchef_details .chef-info.box-4::before {
  border-radius: 0 40px 0 0 !important;
}

.our-chef .ourchef_details .chef-info.box-5::before {
  border-radius: 0 0 0 40px !important;
}

.our-chef .ourchef_details .chef-info.box-6::before {
  border-radius: 0 0 40px 0 !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-4 {
  border-radius: 0 40px 0 0 !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-5 {
  border-radius: 0 0 0 40px !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-6 {
  border-radius: 0 0 40px 0 !important;
}

.our-chef .ourchef_details .chef-info.box-7::before {
  border-radius: 0 30px !important;
}

.our-chef .ourchef_details .chef-info.box-8::before {
  border-radius: 20px 0 !important;
}

.our-chef .ourchef_details .chef-info.box-9::before {
  -webkit-mask: radial-gradient(circle 20px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 20px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 20px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 20px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

.our-chef .ourchef_details .chef-info:hover.chef-short-description.box-9 {
  -webkit-mask: radial-gradient(circle 20px at top left, rgba(0, 0, 0, 0) 98%, #000) top left, radial-gradient(circle 20px at top right, rgba(0, 0, 0, 0) 98%, #000) top right, radial-gradient(circle 20px at bottom left, rgba(0, 0, 0, 0) 98%, #000) bottom left, radial-gradient(circle 20px at bottom right, rgba(0, 0, 0, 0) 98%, #000) bottom right;
  -webkit-mask-size: 52% 54%;
  -webkit-mask-repeat: no-repeat !important;
}

.primary.tfy-contact-us-page,
.primary .tfy-contact-us-page {
  padding: 10rem 0 2rem 0;
  min-height: calc(100vh - 56px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary.tfy-contact-us-page .contact-form-container,
.primary .tfy-contact-us-page .contact-form-container {
  background: var(--tfy-secondary-theme-color) !important;
}
.primary.tfy-contact-us-page .contact-form-container h1,
.primary .tfy-contact-us-page .contact-form-container h1 {
  color: var(--tfy-secondary-title-color);
  font-family: var(--tfy-title-font);
  font-size: var(--tfy-title-font-size);
}
.primary.tfy-contact-us-page .contact-form-container label,
.primary .tfy-contact-us-page .contact-form-container label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.tfy-contact-us-page .contact-form-container input, .primary.tfy-contact-us-page .contact-form-container textarea,
.primary .tfy-contact-us-page .contact-form-container input,
.primary .tfy-contact-us-page .contact-form-container textarea {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  border: 1px solid var(--tfy-secondary-desc-color);
  background: transparent;
  transition: all 0.5;
}
.primary.tfy-contact-us-page .contact-form-container input::-moz-placeholder, .primary.tfy-contact-us-page .contact-form-container textarea::-moz-placeholder, .primary .tfy-contact-us-page .contact-form-container input::-moz-placeholder, .primary .tfy-contact-us-page .contact-form-container textarea::-moz-placeholder {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.tfy-contact-us-page .contact-form-container input::placeholder, .primary.tfy-contact-us-page .contact-form-container textarea::placeholder,
.primary .tfy-contact-us-page .contact-form-container input::placeholder,
.primary .tfy-contact-us-page .contact-form-container textarea::placeholder {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.tfy-contact-us-page .contact-form-container input:focus, .primary.tfy-contact-us-page .contact-form-container textarea:focus,
.primary .tfy-contact-us-page .contact-form-container input:focus,
.primary .tfy-contact-us-page .contact-form-container textarea:focus {
  box-shadow: 0 0 3px 1px var(--tfy-secondary-desc-color);
}

.secondary.tfy-contact-us-page,
.secondary .tfy-contact-us-page {
  padding: 10rem 0 2rem 0;
  min-height: calc(100vh - 56px);
  display: flex;
  align-items: center;
  justify-content: center;
}
.secondary.tfy-contact-us-page .contact-form-container,
.secondary .tfy-contact-us-page .contact-form-container {
  background: var(--tfy-primary-theme-color) !important;
}
.secondary.tfy-contact-us-page .contact-form-container h1,
.secondary .tfy-contact-us-page .contact-form-container h1 {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-size: var(--tfy-title-font-size);
}
.secondary.tfy-contact-us-page .contact-form-container label,
.secondary .tfy-contact-us-page .contact-form-container label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.tfy-contact-us-page .contact-form-container input, .secondary.tfy-contact-us-page .contact-form-container textarea,
.secondary .tfy-contact-us-page .contact-form-container input,
.secondary .tfy-contact-us-page .contact-form-container textarea {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  border: 1px solid var(--tfy-primary-desc-color);
  background: transparent;
  transition: all 0.5;
}
.secondary.tfy-contact-us-page .contact-form-container input::-moz-placeholder, .secondary.tfy-contact-us-page .contact-form-container textarea::-moz-placeholder, .secondary .tfy-contact-us-page .contact-form-container input::-moz-placeholder, .secondary .tfy-contact-us-page .contact-form-container textarea::-moz-placeholder {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.tfy-contact-us-page .contact-form-container input::placeholder, .secondary.tfy-contact-us-page .contact-form-container textarea::placeholder,
.secondary .tfy-contact-us-page .contact-form-container input::placeholder,
.secondary .tfy-contact-us-page .contact-form-container textarea::placeholder {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.tfy-contact-us-page .contact-form-container input:focus, .secondary.tfy-contact-us-page .contact-form-container textarea:focus,
.secondary .tfy-contact-us-page .contact-form-container input:focus,
.secondary .tfy-contact-us-page .contact-form-container textarea:focus {
  box-shadow: 0 0 3px 1px var(--tfy-primary-desc-color);
}

.primary.jobs-page,
.primary .jobs-page {
  min-height: calc(100vh - 74px);
  padding-top: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary.jobs-page .job-list-card,
.primary .jobs-page .job-list-card {
  width: 100%;
  background: var(--tfy-secondary-theme-color);
}
.primary.jobs-page .job-list-card .job-title,
.primary .jobs-page .job-list-card .job-title {
  color: var(--tfy-secondary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
  font-size: 1.5rem;
}
.primary.jobs-page .job-list-card .job-posted,
.primary .jobs-page .job-list-card .job-posted {
  color: var(--tfy-secondary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
  font-size: 0.75rem;
}
.primary.jobs-page .job-list-card .job-desc p,
.primary .jobs-page .job-list-card .job-desc p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
  font-size: 1rem;
}

.secondary.jobs-page,
.secondary .jobs-page {
  min-height: calc(100vh - 74px);
  padding-top: 10rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.secondary.jobs-page .job-list-card,
.secondary .jobs-page .job-list-card {
  width: 100%;
  background: var(--tfy-primary-theme-color);
}
.secondary.jobs-page .job-list-card .job-title,
.secondary .jobs-page .job-list-card .job-title {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
  font-size: 1.5rem;
}
.secondary.jobs-page .job-list-card .job-posted,
.secondary .jobs-page .job-list-card .job-posted {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
  font-size: 0.75rem;
}
.secondary.jobs-page .job-list-card .job-desc p,
.secondary .jobs-page .job-list-card .job-desc p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
  font-size: 1rem;
}

.primary.apply-form,
.primary .apply-form {
  padding: 10rem 0;
}
.primary.apply-form .job-apply-form-data,
.primary .apply-form .job-apply-form-data {
  padding: 5rem;
  background-color: #faf5ef;
}
.primary.apply-form .job-apply-form-data h1,
.primary .apply-form .job-apply-form-data h1 {
  font-size: 2rem;
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.primary.apply-form .job-apply-form-data h4,
.primary.apply-form .job-apply-form-data h5,
.primary .apply-form .job-apply-form-data h4,
.primary .apply-form .job-apply-form-data h5 {
  color: #000 !important;
  font-size: 1.25rem;
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.primary.apply-form .job-apply-form-data label,
.primary .apply-form .job-apply-form-data label {
  color: #000 !important;
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
}
.primary.apply-form .job-apply-form-data .form-control,
.primary.apply-form .job-apply-form-data .form-select,
.primary .apply-form .job-apply-form-data .form-control,
.primary .apply-form .job-apply-form-data .form-select {
  font-family: var(--tfy-desc-font-size);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
  background: transparent !important;
  box-shadow: none;
  color: #000 !important;
  border: 1px solid #000;
  opacity: 0.8;
}
.primary.apply-form .job-apply-form-data .form-control:focus,
.primary.apply-form .job-apply-form-data .form-select:focus,
.primary .apply-form .job-apply-form-data .form-control:focus,
.primary .apply-form .job-apply-form-data .form-select:focus {
  opacity: 1;
}

.secondary.apply-form,
.secondary .apply-form {
  padding: 10rem 0;
}
.secondary.apply-form .job-apply-form-data,
.secondary .apply-form .job-apply-form-data {
  padding: 5rem;
  background-color: #faf5ef;
}
.secondary.apply-form .job-apply-form-data h1,
.secondary .apply-form .job-apply-form-data h1 {
  font-size: 2rem;
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.secondary.apply-form .job-apply-form-data h4,
.secondary.apply-form .job-apply-form-data h5,
.secondary .apply-form .job-apply-form-data h4,
.secondary .apply-form .job-apply-form-data h5 {
  color: #000 !important;
  font-size: 1.25rem;
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.secondary.apply-form .job-apply-form-data label,
.secondary .apply-form .job-apply-form-data label {
  color: #000 !important;
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
}
.secondary.apply-form .job-apply-form-data .form-control,
.secondary.apply-form .job-apply-form-data .form-select,
.secondary .apply-form .job-apply-form-data .form-control,
.secondary .apply-form .job-apply-form-data .form-select {
  font-family: var(--tfy-desc-font-size);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
  background: transparent !important;
  box-shadow: none;
  color: #000 !important;
  border: 1px solid #000;
  opacity: 0.8;
}
.secondary.apply-form .job-apply-form-data .form-control:focus,
.secondary.apply-form .job-apply-form-data .form-select:focus,
.secondary .apply-form .job-apply-form-data .form-control:focus,
.secondary .apply-form .job-apply-form-data .form-select:focus {
  opacity: 1;
}

.primary.tracking-contents {
  background: var(--tfy-secondary-theme-color);
}
.primary.tracking-contents .tarcking-container {
  background: var(--tfy-primary-theme-color);
}
.primary.tracking-contents .tarcking-container .tfy-steps-block {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.tracking-contents .tarcking-container .steps .step.completed .step-icon {
  background: var(--tfy-secondary-theme-color);
  color: var(--tfy-secondary-title-color);
  border: 1px solid var(--tfy-secondary-title-color);
}
.primary.tracking-contents .tarcking-container .steps .step.completed .step-icon-wrap::before, .primary.tracking-contents .tarcking-container .steps .step.completed .step-icon-wrap::after {
  background-color: var(--tfy-secondary-title-color);
}
.primary.tracking-contents .steps .step {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  text-align: center;
}
.primary.tracking-contents .steps .step .step-icon-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 80px;
  text-align: center;
}
.primary.tracking-contents .tfy-steps-title {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-size: var(--tfy-description-font-size);
  font-weight: var(--tfy-sub-title-font-weight);
}
.primary.tracking-contents .steps .step .step-icon-wrap::before,
.primary.tracking-contents .steps .step .step-icon-wrap::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 3px;
  margin-top: -1px;
  content: "";
  z-index: 1;
  background: var(--tfy-primary-title-color);
}
.primary.tracking-contents .steps .step .step-icon-wrap::before {
  left: 0;
}
.primary.tracking-contents .steps .step .step-icon-wrap::after {
  right: 0;
}
.primary.tracking-contents .steps .step .step-icon {
  background: var(--tfy-primary-theme-color);
  color: var(--tfy-primary-title-color);
  border: 1px solid var(--tfy-primary-title-color);
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 38px;
  line-height: 81px;
  z-index: 5;
}
.primary.tracking-contents .steps .step .step-title {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  margin-top: 16px;
  margin-bottom: 0;
}
.primary.tracking-contents .steps .step:first-child .step-icon-wrap::before {
  display: none;
}
.primary.tracking-contents .steps .step:last-child .step-icon-wrap::after {
  display: none;
}
@media (max-width: 575px) {
  .primary.tracking-contents .steps .step .step-icon-wrap::before,
  .primary.tracking-contents .steps .step .step-icon-wrap::after {
    left: 50%;
    top: 5rem;
    width: 3px;
    height: 100%;
    margin: 0;
  }
  .primary.tracking-contents .steps .step:last-child .step-icon-wrap::before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .primary.tracking-contents .flex-xl-nowrap .step .step-icon-wrap::before,
  .primary.tracking-contents .flex-xl-nowrap .step .step-icon-wrap::after {
    display: none;
  }
}
.primary.tracking-contents .bg-faded,
.primary.tracking-contents .bg-secondary {
  background-color: #f5f5f5 !important;
}
.primary.tracking-contents .menu_bar {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
  text-transform: capitalize;
}
.primary.tracking-contents p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-weight);
  font-size: var(--tfy-desc-size);
}
@media (max-width: 1280px) {
  .primary.tracking-contents .tfy-order-track-section {
    padding-top: 4rem;
  }
}
.primary.tracking-contents .tfy-order-track-section {
  padding-top: 13rem;
}
.primary.tracking-contents .text-copy {
  cursor: pointer;
  text-decoration: underline;
}
.primary.tracking-contents #order-tracking {
  min-height: calc(100vh - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.secondary.tracking-contents {
  background: var(--tfy-secondary-theme-color);
}
.secondary.tracking-contents .tarcking-container {
  background: var(--tfy-primary-theme-color);
}
.secondary.tracking-contents .tarcking-container .tfy-steps-block {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.tracking-contents .tarcking-container .steps .step.completed .step-icon {
  background: var(--tfy-secondary-theme-color);
  color: var(--tfy-secondary-title-color);
  border: 1px solid var(--tfy-secondary-title-color);
}
.secondary.tracking-contents .tarcking-container .steps .step.completed .step-icon-wrap::before, .secondary.tracking-contents .tarcking-container .steps .step.completed .step-icon-wrap::after {
  background-color: var(--tfy-secondary-title-color);
}
.secondary.tracking-contents .steps .step {
  display: block;
  width: 100%;
  margin-bottom: 35px;
  text-align: center;
}
.secondary.tracking-contents .steps .step .step-icon-wrap {
  display: block;
  position: relative;
  width: 100%;
  height: 80px;
  text-align: center;
}
.secondary.tracking-contents .tfy-steps-title {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-size: var(--tfy-description-font-size);
  font-weight: var(--tfy-sub-title-font-weight);
}
.secondary.tracking-contents .steps .step .step-icon-wrap::before,
.secondary.tracking-contents .steps .step .step-icon-wrap::after {
  display: block;
  position: absolute;
  top: 50%;
  width: 50%;
  height: 3px;
  margin-top: -1px;
  content: "";
  z-index: 1;
  background: var(--tfy-primary-title-color);
}
.secondary.tracking-contents .steps .step .step-icon-wrap::before {
  left: 0;
}
.secondary.tracking-contents .steps .step .step-icon-wrap::after {
  right: 0;
}
.secondary.tracking-contents .steps .step .step-icon {
  background: var(--tfy-primary-theme-color);
  color: var(--tfy-primary-title-color);
  border: 1px solid var(--tfy-primary-title-color);
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  font-size: 38px;
  line-height: 81px;
  z-index: 5;
}
.secondary.tracking-contents .steps .step .step-title {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  margin-top: 16px;
  margin-bottom: 0;
}
.secondary.tracking-contents .steps .step:first-child .step-icon-wrap::before {
  display: none;
}
.secondary.tracking-contents .steps .step:last-child .step-icon-wrap::after {
  display: none;
}
@media (max-width: 575px) {
  .secondary.tracking-contents .steps .step .step-icon-wrap::before,
  .secondary.tracking-contents .steps .step .step-icon-wrap::after {
    left: 50%;
    top: 5rem;
    width: 3px;
    height: 100%;
    margin: 0;
  }
  .secondary.tracking-contents .steps .step:last-child .step-icon-wrap::before {
    display: none;
  }
}
@media (max-width: 1200px) {
  .secondary.tracking-contents .flex-xl-nowrap .step .step-icon-wrap::before,
  .secondary.tracking-contents .flex-xl-nowrap .step .step-icon-wrap::after {
    display: none;
  }
}
.secondary.tracking-contents .bg-faded,
.secondary.tracking-contents .bg-secondary {
  background-color: #f5f5f5 !important;
}
.secondary.tracking-contents .menu_bar {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
  text-transform: capitalize;
}
.secondary.tracking-contents p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-weight);
  font-size: var(--tfy-desc-size);
}
@media (max-width: 1280px) {
  .secondary.tracking-contents .tfy-order-track-section {
    padding-top: 4rem;
  }
}
.secondary.tracking-contents .tfy-order-track-section {
  padding-top: 13rem;
}
.secondary.tracking-contents .text-copy {
  cursor: pointer;
  text-decoration: underline;
}
.secondary.tracking-contents #order-tracking {
  min-height: calc(100vh - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.primary.reservation-payment-container {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .primary.reservation-payment-container {
    padding-top: 10rem;
  }
}
.primary.reservation-payment-container .reservation-payment-partitions {
  display: grid;
  position: relative;
  grid-template-columns: 2.5fr 3fr;
  grid-auto-rows: minmax(100px, auto);
  align-content: stretch;
  gap: 20px;
}
@media (max-width: 990px) {
  .primary.reservation-payment-container .reservation-payment-partitions {
    grid-template-columns: 1fr;
  }
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payment-items {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details {
  background-color: var(--tfy-secondary-theme-color);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid var(--tfy-secondary-subtitle-color);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details h4 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem !important;
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .label-data {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: normal;
  width: 50%;
}
@media (max-width: 767px) {
  .primary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .label-data {
    width: 100%;
  }
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .field-data {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 700;
  width: 50%;
}
@media (max-width: 767px) {
  .primary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .field-data {
    width: 100%;
  }
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details .customer-details-edit label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-details .customer-details-edit input {
  background: transparent;
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments {
  background-color: var(--tfy-secondary-theme-color);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid var(--tfy-primary-subtitle-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments h4 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments .price-btn {
  border: none;
  color: var(--tfy-secondary-desc-color);
  border-radius: 10px;
  padding: 5px;
  background-color: #22c722;
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments .credit-card-details label,
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments .card-input-details label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 600;
  margin-bottom: 5px;
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments .credit-card-details .tfy-customized-radio-btn {
  box-shadow: 0px 0px 0px 1px var(--tfy-secondary-btn-border-color);
  font-size: 3em;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border: 3px solid var(--tfy-secondary-btn-bg-color);
  background-clip: border-box;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments .credit-card-details .tfy-customized-radio-btn:checked {
  background-color: var(--tfy-secondary-btn-bg-color);
  border: 4px solid var(--tfy-secondary-btn-font-color);
  box-shadow: 0px 0px 0px 2px var(--tfy-secondary-btn-bg-color);
}
.primary.reservation-payment-container .reservation-payment-partitions .reservation-payments .card-input-details .form-control {
  background: transparent;
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
}

.secondary.reservation-payment-container {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .secondary.reservation-payment-container {
    padding-top: 10rem;
  }
}
.secondary.reservation-payment-container .reservation-payment-partitions {
  display: grid;
  position: relative;
  grid-template-columns: 2.5fr 3fr;
  grid-auto-rows: minmax(100px, auto);
  align-content: stretch;
  gap: 20px;
}
@media (max-width: 990px) {
  .secondary.reservation-payment-container .reservation-payment-partitions {
    grid-template-columns: 1fr;
  }
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payment-items {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details {
  background-color: var(--tfy-primary-theme-color);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid var(--tfy-primary-subtitle-color);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details h4 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem !important;
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .label-data {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: normal;
  width: 50%;
}
@media (max-width: 767px) {
  .secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .label-data {
    width: 100%;
  }
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .field-data {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 700;
  width: 50%;
}
@media (max-width: 767px) {
  .secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .reservation-customer-details .reservation-data p .field-data {
    width: 100%;
  }
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .customer-details-edit label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-details .customer-details-edit input {
  background: transparent;
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments {
  background-color: var(--tfy-primary-theme-color);
  padding: 30px;
  border-radius: 5px;
  border: 1px solid var(--tfy-secondary-subtitle-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments h4 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments .price-btn {
  border: none;
  color: var(--tfy-primary-desc-color);
  border-radius: 10px;
  padding: 5px;
  background-color: #22c722;
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments .credit-card-details label,
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments .card-input-details label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 600;
  margin-bottom: 5px;
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments .credit-card-details .tfy-customized-radio-btn {
  box-shadow: 0px 0px 0px 1px var(--tfy-primary-btn-border-color);
  font-size: 3em;
  width: 20px;
  height: 20px;
  margin-right: 7px;
  border: 3px solid var(--tfy-primary-btn-bg-color);
  background-clip: border-box;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments .credit-card-details .tfy-customized-radio-btn:checked {
  background-color: var(--tfy-primary-btn-bg-color);
  border: 4px solid var(--tfy-primary-btn-font-color);
  box-shadow: 0px 0px 0px 2px var(--tfy-primary-btn-bg-color);
}
.secondary.reservation-payment-container .reservation-payment-partitions .reservation-payments .card-input-details .form-control {
  background: transparent;
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-desc-font-size);
}

.primary.reservation-confirmation-container {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .primary.reservation-confirmation-container {
    padding-top: 10rem;
  }
}
.primary.reservation-confirmation-container .confirmation-body {
  background-color: var(--tfy-secondary-theme-color);
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--tfy-secondary-subtitle-color);
}
@media (max-width: 990px) {
  .primary.reservation-confirmation-container .confirmation-body {
    width: 90%;
  }
}
.primary.reservation-confirmation-container .confirmation-body .confiramtion-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.primary.reservation-confirmation-container .confirmation-body .confiramtion-header .reservation-logo {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.primary.reservation-confirmation-container .confirmation-body .confiramtion-header h1 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.primary.reservation-confirmation-container .confirmation-body .reservation-table-head {
  border-bottom: 1px solid var(--tfy-secondary-subtitle-color);
  padding: 10px 0;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-table-head .restaurant-name img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-table-head .restaurant-name p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 800;
  margin: 0;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-table-head .reservation-id p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  margin: 0;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-table-head .reservation-id p span {
  font-weight: 800;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-table-head h2 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.primary.reservation-confirmation-container .confirmation-body .reservation-order-details {
  padding: 30px;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-order-details h3 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-order-details p {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.primary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: normal;
  text-transform: uppercase;
  width: 50%;
}
@media (max-width: 767px) {
  .primary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-label {
    width: 100%;
  }
}
.primary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-data {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 700;
  width: 50%;
}
@media (max-width: 767px) {
  .primary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-data {
    width: 100%;
  }
}

.secondary.reservation-confirmation-container {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .secondary.reservation-confirmation-container {
    padding-top: 10rem;
  }
}
.secondary.reservation-confirmation-container .confirmation-body {
  background-color: var(--tfy-primary-theme-color);
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--tfy-primary-subtitle-color);
}
@media (max-width: 990px) {
  .secondary.reservation-confirmation-container .confirmation-body {
    width: 90%;
  }
}
.secondary.reservation-confirmation-container .confirmation-body .confiramtion-header {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 5px;
}
.secondary.reservation-confirmation-container .confirmation-body .confiramtion-header .reservation-logo {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.secondary.reservation-confirmation-container .confirmation-body .confiramtion-header h1 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-table-head {
  border-bottom: 1px solid var(--tfy-primary-subtitle-color);
  padding: 10px 0;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-table-head .restaurant-name img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-table-head .restaurant-name p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 800;
  margin: 0;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-table-head .reservation-id p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  margin: 0;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-table-head .reservation-id p span {
  font-weight: 800;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-table-head h2 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-order-details {
  padding: 30px;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-order-details h3 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: 1.25rem;
  margin-bottom: 20px;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-order-details p {
  width: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: normal;
  text-transform: uppercase;
  width: 50%;
}
@media (max-width: 767px) {
  .secondary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-label {
    width: 100%;
  }
}
.secondary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-data {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-size: var(--tfy-desc-font-size);
  font-weight: 700;
  width: 50%;
}
@media (max-width: 767px) {
  .secondary.reservation-confirmation-container .confirmation-body .reservation-order-details p .order-details-data {
    width: 100%;
  }
}

.primary.reservation-update {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .primary.reservation-update {
    padding-top: 10rem;
  }
}
.primary.reservation-update .reservation-update-container {
  background-color: var(--tfy-secondary-theme-color);
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--tfy-secondary-subtitle-color);
}
@media (max-width: 990px) {
  .primary.reservation-update .reservation-update-container {
    width: 90%;
  }
}
.primary.reservation-update .reservation-update-container h1 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.primary.reservation-update .reservation-update-container .reservation-update label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  margin-bottom: 5px;
}
.primary.reservation-update .reservation-update-container .reservation-update input, .primary.reservation-update .reservation-update-container .reservation-update textarea {
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background: transparent;
  box-shadow: none;
}
.primary.reservation-update .reservation-update-container .reservation-update p {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: 700;
}

.secondary.reservation-update {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .secondary.reservation-update {
    padding-top: 10rem;
  }
}
.secondary.reservation-update .reservation-update-container {
  background-color: var(--tfy-primary-theme-color);
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--tfy-primary-subtitle-color);
}
@media (max-width: 990px) {
  .secondary.reservation-update .reservation-update-container {
    width: 90%;
  }
}
.secondary.reservation-update .reservation-update-container h1 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.secondary.reservation-update .reservation-update-container .reservation-update label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  margin-bottom: 5px;
}
.secondary.reservation-update .reservation-update-container .reservation-update input, .secondary.reservation-update .reservation-update-container .reservation-update textarea {
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background: transparent;
  box-shadow: none;
}
.secondary.reservation-update .reservation-update-container .reservation-update p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: 700;
}

.primary.cancel-reservation {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .primary.cancel-reservation {
    padding-top: 10rem;
  }
}
.primary.cancel-reservation .cancel-reservation-container {
  background-color: var(--tfy-secondary-theme-color);
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--tfy-secondary-subtitle-color);
}
@media (max-width: 990px) {
  .primary.cancel-reservation .cancel-reservation-container {
    width: 90%;
  }
}
.primary.cancel-reservation .cancel-reservation-container h1 {
  color: var(--tfy-secondary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.primary.cancel-reservation .cancel-reservation-container .form_cancelled label {
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.primary.cancel-reservation .cancel-reservation-container .form_cancelled input, .primary.cancel-reservation .cancel-reservation-container .form_cancelled textarea {
  border: 1px solid var(--tfy-secondary-desc-color);
  color: var(--tfy-secondary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background: transparent;
  box-shadow: none;
}

.secondary.cancel-reservation {
  width: 100%;
  min-height: calc(100vh - 75px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 15rem;
  padding-bottom: 5rem;
}
@media (max-width: 1180px) {
  .secondary.cancel-reservation {
    padding-top: 10rem;
  }
}
.secondary.cancel-reservation .cancel-reservation-container {
  background-color: var(--tfy-primary-theme-color);
  width: 50%;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid var(--tfy-primary-subtitle-color);
}
@media (max-width: 990px) {
  .secondary.cancel-reservation .cancel-reservation-container {
    width: 90%;
  }
}
.secondary.cancel-reservation .cancel-reservation-container h1 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.secondary.cancel-reservation .cancel-reservation-container .form_cancelled label {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.secondary.cancel-reservation .cancel-reservation-container .form_cancelled input, .secondary.cancel-reservation .cancel-reservation-container .form_cancelled textarea {
  border: 1px solid var(--tfy-primary-desc-color);
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background: transparent;
  box-shadow: none;
}

.modal .modal-content {
  background: var(--tfy-primary-theme-color);
}
.modal .modal-content .modal-header {
  border-bottom: 1px solid var(--tfy-primary-title-color);
}
.modal .modal-content .modal-header .modal-title {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.modal .modal-content .modal-header .title {
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.modal .modal-content .modal-header button {
  color: var(--tfy-primary-title-color);
  background: transparent;
  border: none;
  font-size: 1.5rem;
  opacity: 1 !important;
  line-height: 0;
  box-shadow: none;
}
.modal .modal-content .modal-header button:hover {
  color: var(--tfy-primary-title-color);
}
.modal .modal-content .modal-body .view-order-summary {
  background: var(--tfy-primary-theme-color);
  border: 1px solid var(--tfy-primary-title-color);
}
.modal .modal-content .modal-body .view-order-summary .order-id {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: normal;
}
.modal .modal-content .modal-body .view-order-summary .tfy-order-detail h4 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: var(--tfy-sub-title-font-size);
}
.modal .modal-content .modal-body .view-order-summary .tfy-order-detail p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: normal;
}
.modal .modal-content .modal-body .view-order-summary .tfy-order-list .tfy-ordered-items p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: normal;
}
.modal .modal-content .modal-body .view-order-summary .tfy-order-list .tfy-ordered-items span {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: normal;
}
.modal .modal-content .modal-body .view-order-summary .tfy-order-list .tfy-ordered-items .brdr-btm {
  border-bottom: 1px solid var(--tfy-primary-desc-color);
}
.modal .modal-content .modal-body .view-order-summary p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  font-weight: normal;
}
.modal .modal-content .modal-body p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.modal .modal-content .modal-body a {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.modal .modal-content .modal-body label {
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.modal .modal-content .modal-body textarea {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  border: 1px solid var(--tfy-primary-desc-color);
  box-shadow: none;
}
.modal .modal-content .modal-body .tfy-food-item-content img {
  width: 100%;
  height: 350px;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal .modal-content .modal-body .tfy-customized-radio-btn {
  box-shadow: 0px 0px 0px 1px var(--tfy-primary-btn-border-color);
  font-size: 3em;
  width: 20px;
  height: 20px;
  float: left;
  margin: 1px 7px 0 0;
  border: 2px solid var(--tfy-primary-btn-bg-color);
  background-clip: border-box;
  border-radius: 50%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  float: left;
}
.modal .modal-content .modal-body .tfy-customized-radio-btn:checked {
  background-color: var(--tfy-primary-btn-bg-color);
  border: 4px solid var(--tfy-primary-btn-font-color);
  box-shadow: 0px 0px 0px 2px var(--tfy-primary-btn-bg-color);
}
.modal .modal-content .modal-body .custom-form-check {
  padding-left: 1.5em;
}
.modal .modal-content .modal-body .update-profile-card input {
  visibility: hidden;
}
.modal .modal-content .modal-body .tfy-custom-form-label {
  position: relative;
  padding-left: 5px;
}
.modal .modal-content .modal-body .custom-form-check input {
  position: relative;
  z-index: 1;
  opacity: 0;
  width: 20px;
  height: 10px;
}
.modal .modal-content .modal-body .tfy-custom-form-check + label:before,
.modal .modal-content .modal-body .tfy-custom-form-check + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0px;
}
.modal .modal-content .modal-body .tfy-custom-form-check + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-primary-btn-bg-color);
  box-shadow: 0px 0px 0px 1px var(--tfy-primary-btn-border-color);
  background: transparent;
  border-radius: 2px;
}
.modal .modal-content .modal-body .tfy-custom-form-check:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-primary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.modal .modal-content .modal-body .tfy-custom-form-check:checked + label:before {
  background: var(--tfy-primary-btn-bg-color);
}
.modal .modal-content .modal-body .tfy-new-user-address .custom-form-check,
.modal .modal-content .modal-body .tfy-edit-user-address .custom-form-check {
  padding-left: 10px;
}
.modal .modal-content .modal-body .tfy-new-user-address .custom-form-check input,
.modal .modal-content .modal-body .tfy-edit-user-address .custom-form-check input {
  position: relative;
  z-index: 1;
  opacity: 0;
  width: 20px;
  height: 15px;
}
.modal .modal-content .modal-body .tfy-new-user-address .tfy-custom-form-label,
.modal .modal-content .modal-body .tfy-edit-user-address .tfy-custom-form-label {
  position: relative;
  padding-left: 5px;
}
.modal .modal-content .modal-body .tfy-new-user-address .tfy-custom-form-check + label:before,
.modal .modal-content .modal-body .tfy-new-user-address .tfy-custom-form-check + label:after,
.modal .modal-content .modal-body .tfy-edit-user-address .tfy-custom-form-check + label:before,
.modal .modal-content .modal-body .tfy-edit-user-address .tfy-custom-form-check + label:after {
  content: "";
  position: absolute;
  left: -20px;
  top: 0px;
}
.modal .modal-content .modal-body .tfy-new-user-address .tfy-custom-form-check + label:before,
.modal .modal-content .modal-body .tfy-edit-user-address .tfy-custom-form-check + label:before {
  width: 20px;
  height: 20px;
  border: 2px solid var(--tfy-primary-btn-bg-color);
  background: transparent;
  border-radius: 2px;
}
.modal .modal-content .modal-body .tfy-new-user-address .tfy-custom-form-check:checked + label:after,
.modal .modal-content .modal-body .tfy-edit-user-address .tfy-custom-form-check:checked + label:after {
  width: 12px;
  height: 8px;
  border-width: 0 0 3px 3px;
  border-style: solid;
  border-color: var(--tfy-primary-btn-border-color);
  transform: rotate(-45deg) translate(0, 5px);
}
.modal .modal-content .modal-body .tfy-new-user-address .tfy-custom-form-check:checked + label:before,
.modal .modal-content .modal-body .tfy-edit-user-address .tfy-custom-form-check:checked + label:before {
  background: var(--tfy-primary-btn-bg-color);
}
.modal .modal-content .modal-body .tfy-btn {
  font-family: var(--tfy-btn-font);
  font-size: var(--tfy-btn-font-size);
  background-color: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color);
  border: 1px solid var(--tfy-primary-btn-border-color);
  transition: background-color 0.3s ease;
}
.modal .modal-content .modal-body .tfy-btn:hover {
  background-color: var(--tfy-primary-btn-hover-bg-color);
  color: var(--tfy-primary-btn-hover-font-color);
  border: 1px solid var(--tfy-primary-btn-hover-border-color);
}
.modal .modal-content .modal-body .schedule-table thead tr th {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.modal .modal-content .modal-body .schedule-table tbody tr td {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-weight);
}
.modal .modal-content .modal-footer {
  border-top: 1px solid var(--tfy-primary-title-color);
}
.modal .modal-content .modal-footer .tfy-product-quantity-count .tfy-minus,
.modal .modal-content .modal-footer .tfy-product-quantity-count .tfy-plus {
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background-color: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color);
  border: 1px solid var(--tfy-primary-btn-border-color);
  transition: background-color 0.3s ease;
}
.modal .modal-content .modal-footer .tfy-product-quantity-count .tfy-minus:hover,
.modal .modal-content .modal-footer .tfy-product-quantity-count .tfy-plus:hover {
  background-color: var(--tfy-primary-btn-hover-bg-color);
  color: var(--tfy-primary-btn-hover-font-color);
  border: 1px solid var(--tfy-primary-btn-hover-border-color);
}
.modal .modal-content .modal-footer .tfy-product-quantity-count .tfy-item-quantity {
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background-color: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color);
  border: 1px solid var(--tfy-primary-btn-border-color);
  transition: background-color 0.3s ease;
}
.modal .modal-content .modal-footer .btn {
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
  background-color: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color);
  border-radius: var(--tfy-btn-radius);
  border: 1px solid var(--tfy-primary-btn-border-color);
  transition: background-color 0.3s ease;
}
.modal .modal-content .modal-footer .btn:hover {
  background-color: var(--tfy-primary-btn-hover-bg-color);
  color: var(--tfy-primary-btn-hover-font-color);
  border: 1px solid var(--tfy-primary-btn-hover-border-color);
}
.modal .modal-content .modal-footer .btn.active, .modal .modal-content .modal-footer .btn:focus {
  background-color: var(--tfy-primary-btn-hover-bg-color);
  color: var(--tfy-primary-btn-hover-font-color);
  border: 1px solid var(--tfy-primary-btn-hover-border-color);
}

.login-modal .modal-dialog .modal-content, .multi-store-login-modal .modal-dialog .modal-content {
  background: #fff;
}
.login-modal .modal-dialog .modal-content .modal-header, .multi-store-login-modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
}
.login-modal .modal-dialog .modal-content .modal-body label, .multi-store-login-modal .modal-dialog .modal-content .modal-body label {
  color: #000;
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.login-modal .modal-dialog .modal-content .modal-body input, .multi-store-login-modal .modal-dialog .modal-content .modal-body input {
  color: #000;
  font-family: var(--tfy-description-font);
  font-size: var(--tfy-description-font-size);
}
.login-modal .modal-dialog .modal-content .modal-footer, .multi-store-login-modal .modal-dialog .modal-content .modal-footer {
  border-top: none;
}

.product-details-modal .modal-content .modal-body .data-loader {
  color: var(--tfy-primary-title-color);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.product-details-modal .modal-content .modal-footer .count-decrease,
.product-details-modal .modal-content .modal-footer .count-increase {
  width: 35px;
  height: 35px;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tfy-btn-radius);
  font-size: var(--tfy-btn-font-size);
  font-family: var(--tfy-btn-font-size);
  background: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color);
}
.product-details-modal .modal-content .modal-footer .item-count {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--tfy-btn-radius);
  border: 1px solid var(--tfy-primary-btn-border-color);
  font-size: var(--tfy-btn-font-size);
  font-family: var(--tfy-btn-font-size);
  background: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color);
}
.product-details-modal .modal-content .modal-footer .tfy-btn {
  font-size: 0.75rem;
}

.custom-section-designs .modal-dialog .modal-content .modal-header h2 {
  color: var(--tfy-primary-title-color);
  font-family: var(--tfy-title-font);
  font-weight: var(--tfy-title-font-weight);
}
.custom-section-designs .modal-dialog .modal-content .modal-body {
  height: calc(100vh - 300px);
  overflow-y: scroll;
  padding-top: 20px;
  scrollbar-width: thin;
}
.custom-section-designs .modal-dialog .modal-content .modal-body .custom-section-partitions .tab-left .nav .tab-items {
  font-family: var(--tfy-btn-font);
  font-size: var(--tfy-btn-font-size);
  background-color: var(--tfy-primary-btn-bg-color);
  color: var(--tfy-primary-btn-font-color) !important;
  border: 1px solid var(--tfy-primary-btn-border-color);
  transition: background-color 0.3s ease;
}
.custom-section-designs .modal-dialog .modal-content .modal-body .custom-section-partitions .tab-right .tab-pane .section-header h3 {
  color: var(--tfy-primary-subtitle-color);
  font-family: var(--tfy-sub-title-font);
  font-weight: var(--tfy-sub-title-font-weight);
  font-size: 1.25rem;
}
.custom-section-designs .modal-dialog .modal-content .modal-body .custom-section-partitions .tab-right .tab-pane .section-header p {
  color: var(--tfy-primary-desc-color);
  font-family: var(--tfy-desc-font);
  font-weight: var(--tfy-desc-font-weight);
  font-size: var(--tfy-description-font-size);
}
.general-modal-one .modal-dialog .modal-content,
.general-modal-one .modal-dialog .modal-content, .general-modal-four .modal-dialog .modal-content {
  background: #fff;
}
.general-modal-one .modal-dialog .modal-content .modal-header,
.general-modal-one .modal-dialog .modal-content .modal-header, .general-modal-four .modal-dialog .modal-content .modal-header {
  border-bottom: 1px solid #000;
}
.general-modal-one .modal-dialog .modal-content .modal-header button,
.general-modal-one .modal-dialog .modal-content .modal-header button, .general-modal-four .modal-dialog .modal-content .modal-header button {
  color: #000;
}
.general-modal-one .modal-dialog .modal-content .modal-footer,
.general-modal-one .modal-dialog .modal-content .modal-footer, .general-modal-four .modal-dialog .modal-content .modal-footer {
  border-top: none;
}

.prebuilt-delete .modal-content .modal-body p, .prebuilt-delete .modal-content .modal-body .delete-confirm-text {
  color: var(--tfy-primary-desc-color);
}